哈啰，大家好
在今天的影片
我打算带大家使用 Adobe Illustrator 这套软体
来绘制苹果公司之前的一款经典产品 iPod
而在影片中
我们会介绍以下这几个工具的基本操作方式
那么话不多说，我们就马上开始吧
启动 Illustrator 之后
我首先到左上角的「档案」选单
执行「新增」来建立一个
宽 600、高 600 像素的正方形画板
按下「建立」
我打算汇入一张
网路上抓到的 iPod 相片
做为今天绘图的参考背景
因此我在「档案」选单中执行「置入」
选择 iPod 图档
在对话框底下有一个「连结」的选项
这个选项若为「勾选」的状态
则图片会以「连结」的方式置入到文件内
此时文件的大小不会有显著的变化
但如果原始图档被删除
或移到其它位置的话
则文件内的图档也会因此而无法正常显示
相对地，如果我取消勾选「连结」
则这份图档
就会以「内嵌」的方式置入到文件内
导致文件的档案大小会明显的增加
但是我们却不用担心原始图档遗失
所造成的缺图风险
在此，我打算以「内嵌」的方式
来置入这张图片
同时我勾选底下的「范本」选项
使图档在汇入时能够自动锁定
同时刷淡自身的色彩以方便我们描图
在开始绘制之前
我打算建立几条「参考线」
来协助我们对齐图形
我按住 Ctrl 和空白键不放
向右拖曳滑鼠左键来拉近图片
若要移动画面
则可以按住「空白键」不放来进行拖曳
我在上面的「检视」选单中执行「尺标」
「显示尺标」来将它显示在文件的周围
尺标上的刻度单位
会依据文件的类型而自动切换
然而如果你要手动更改的话
你可以在尺标上打开滑鼠右键选单
来选取新的单位
尺标另一个重要的用途
就是可以从里面拉出所谓的「参考线」
参考线可以方便我们在绘制图形时
能够精准地将图片对齐到特定的位置
我分别拖曳了四条参考线
对齐到 iPod 的四个边缘
如果画面上有多余参考线的话
我们也可以随时利用键盘的 Delete 将它删除
另外，在绘图的过程中
如果你想避免不小心选取、移动到参考线
你也可以在「检视」选单中
将参考线锁定起来
我按下 Ctrl +0 来检视整个画板
接着，我们来建立 iPod 的机身
我到工具列启用「矩形工具」
在 Illustrator 中
建立这种基本图形有两种方式
第一，你可以在画面上按一下滑鼠左键
显示设定对话框
然后输入矩形的长、宽数值
第二，你可以使用滑鼠拖曳的方式
拉出一个矩形
目前这个矩形并没有任何的色彩
如果要上色的话
我们可以到右侧的「内容面板」内
更改矩形的「填色」
以及「笔画」
也就是轮廓的颜色
另外我们也可以调整笔画的粗细
如果你的图形不需要笔画的话
我们可以随时将它设回为「无」
除了一般的单色填色之外
我们也可以到工具列
将图形的填色模式改为「渐层」
Illustrator 此时会自动跳出渐层面板
我们可以对着面板中的色标
连按两下滑鼠左键来更改色彩
如果要变更渐层的方向
则可以启用工具列中的渐层工具
并且在图形内使用滑鼠拖曳的方式
来控制渐层的角度和长短
OK，我利用快速键 Ctrl +Z
先将矩形还原为刚才的黑白渐层
在此，我打算将 iPod 机身的颜色
调整为照片上的色彩
因此我到「检视」选单中
启用所谓的「外框」模式
快速键是 Ctrl +Y
如此 Illustrator 会暂时隐藏图形的色彩
让我们可以看得到底下的参考图
接着，就是「滴管工具」登场的时候啰
我首先到渐层面板内
选取里面的「黑色」色标
然后按住键盘的 Shift 不放
来吸取面板中的黑色
这里有两个常见的问题
第一，如果你吸出来的色彩是刷淡的黑色
则代表你的参考图在汇入时
是采用「连结」而非「嵌入」的方式
要修正这个问题
你可以到图层面板先解锁范本图层之后
到「视窗」选单内打开「连结」面板
再将这张照片执行「嵌入影像」就 OK 了
第二，如果你使用滴管取色时
忘记按住 Shift 键的话
那么吸出来的色彩
会整个取代掉原先的渐层
使矩形变回成一个单色的物件
所以渐层取色时 Shift 键一定要按住喔
OK，我继续在渐层面板内
选取「白色」色标
然后同样按住 Shift 键不放
来吸取机身边缘的反光色彩
取得这两个颜色之后
我们可以参考底图的色彩分布
来调整色标的位置
按住 Alt 键不放拖曳色标
则可以复制这个色彩
另外，你可以随时利用快速键 Ctrl +Y
关闭外框模式
来回比对矩形和底图的颜色
使两者的外观尽量保持一致
OK，下一步我们来绘制中央的控制圆盘
我从左侧的尺标再拉出一条参考线
对齐到机身的正中央
然后再拉出一条水平参考线
一般我们绘制图形时
都是从左上角拉到图形的右下角
然而如果我们按住 Alt 键不放
图形的建立就会改成由中心向外
我同时也按住 Shift 键
使椭圆能够维持在圆形的状态
画好内侧的圆形之后
我再接续画出外侧的圆形
并且同样利用「滴管工具」
来将大圆和小圆吸取底下的色彩
不过，这时当我们按下 Ctrl +Y 关闭外框模式时
你会发现在画面中
我们并没有看到小圆的踪影
而这是因为当初我们绘图的顺序
是先画小圆，再画大圆
而愈晚绘制的图形
在排列顺序中会显示在愈上层
我们可以透过两个方式
来解决小圆被遮住的情形
第一，你可以在「物件」选单中
执行「排列顺序」指令
来调整图形的上、下位置
第二，我们也可以到「图层」面板中
将小圆的顺序拉到大圆之上就 OK 啰
接下来，我们来看轮盘内控制按钮的制作
Illustrator 并没有所谓的「三角形」工具
可以直接拿来使用
不过在工具列中
我们可以找得到「多边形工具」
多边形工具的预设外观是一个六边形
然而我们可以藉由键盘的上、下方向键
来控制多边形的边数
我将边数设为三边
同时按住 Shift 键不放
使三角形的底边能够保持水平
接着，我切换回「选取工具」
来调整三角形的位置
我将滑鼠游标移到边框的角落
如此游标会呈现弯曲的双箭头
代表我们可以旋转图形
此时如果按住 Shift 不放的话
则图形会锁定在 45 和 90 度的角度
我略为修正三角形的大小之后
再利用「矩形工具」来绘制暂停按钮的图标
然后我可以启用「选取工具」
同时按住键盘的 Alt 键不放
来复制出一个相同的矩形
我继续利用相同的技巧
将底下的按钮按住 Alt 键不放
复制到轮盘的右侧
并且利用「选取工具」来修饰三角形的大小
完成了右边这一组的按钮之后
我将这三个图形框选起来
打开「物件」选单来将它们组成「群组」
至于左侧的按钮
我们可以利用工具列的「镜射工具」
来将按钮复制过来
在使用「镜射工具」时
我们首先必须得使用滑鼠点击的方式
设定一个「镜射点」
镜射点的位置不同
则镜射出来的图形也会出现在不一样的地方
除了使用滑鼠拖曳的方式
来产生镜射物件之外
我们也可以在启用「镜射工具」之后
按住 Alt 键不放
点击轮盘的中心点来叫出设定对话框
我将镜射的轴向设为「垂直」
再按下「拷贝」来镜射出左侧的按钮
然后我们就可以删除中央的十字参考线
同时利用「滴管工具」
来将这些按钮套用底图的白色
OK，接下来我们再花一点时间
来完成 iPod 的萤幕
我同样利用尺标拉出了四条参考线
分别对齐到萤幕的四个边缘
如果我们仔细观察的话
你会发现萤幕的外侧
其实带有一个圆角矩形的边框
因此这里我们可以使用「矩形工具」
先沿着参考线画出一个矩形
然后将滑鼠靠近边角的圆形控制点
按住滑鼠左键来产生圆角的造型
接着再删除萤幕四周的参考线就 OK 啰
至于边框内侧的萤幕
我们可以藉由复制的方式来完成
我保持圆角矩形为选取的状态
然后打开「物件」选单
执行「路径」
「位移复制」
这个指令可以用来产生相同间距的图形
而当「位移」值为正值时
图形会「向外」复制
「位移」为负值时
图形则会「向内」复制
在此，我们可以先勾选「预视」选项
来确认图形的位置
再修改「位移」值使图形能够符合萤幕的大小
接着我将这个矩形的圆角向外推移
使其恢复为矩形的状态
在萤幕中，有一个蓝底白色的选单项目
而这个图形我们同样可以利用「拷贝」指令
并且执行「贴至上层」
来将拷贝的图形贴在原图形的「正上方」
接着，我再略为调整复制矩形的边框
使其符合蓝色选单的大小
至于萤幕右侧的选单箭头
我们可以使用「多边形工具」
先画出一个三角形
再利用「选取工具」将它旋转 90 度
绘制这个箭头最简单的方式
就是拿一个三角形
减去另一个三角形就可以了
因此，我按住 Alt 键不放来复制这个三角形
然后打开「视窗」选单
叫出「路径管理员」的面板
我将这两个三角形同时框选之后
按下面板中的「减去上层」
接着再继续按住 Alt 键
将箭头图案向下复制
就可以完成所有的箭头符号啰
处理好萤幕上的图形部份之后
我到工具列中启用「文字工具」
来准备建立萤幕上的文字
在内容面板内
我将 iPod 的字型设为 Myriad Pro
粗细设为 Regular（普通）
大小设为 14
设定完毕后我将这个文字
复制到萤幕的其它位置
同时再利用「文字工具」
修改文字的内容就 OK 啰
最后，我们来将尚未上色的图形
来填上色彩
我按一下键盘的 V
切换到选取工具来选取图形
再按一下快速键 I
切换到「滴管工具」来吸取颜色
并且重复这个步骤
来完成所有的上色工作
如果你想要将图形的色彩
设计的更为精致一点的话
你不妨将先前学到的渐层上色技巧
也应用在这些图形
譬如我选取萤幕上的蓝色选单之后
在工具列切换到「渐层模式」
目前的渐层是呈现左白、右黑的外观
我到渐层面板内将渐层的角度设为 90
再按下 Ctrl +Y 回到外框模式
接着，我同样利用「滴管工具」
选取黑色的色标
再按住 Shift 键不放来吸取上方的蓝色
然后再选取白色的色标
按住 Shift 键不放吸取下方的深蓝色
如此就可以使这个蓝色选单显得更有层次喔
OK，那今天的向量绘图练习
我们就介绍到这里
我们同样下回再见，拜拜