教程准备：这个Photoshop教程和以往的教程有点区别，需要大家先先做几个简单的练习热热身。因为接下来的内容会大量应用到下面的这几个基本技术。

　　最终效果： 5c55.com美术设计师的家园

标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

　　 一、练习

　　新建一个文件，尺寸随意，我们暂且设置为300*300像素。

　　1.形状图层的创建

　　先选择“形状工具”中任意一个工具，比如“椭圆工具”，然后确定选择工具状态栏的第1个按钮，然后在画布上绘制一个形状。也可以选择钢笔工具，同样确定选择工具状态栏的然后确定选择工具状态栏的第1个按钮，然后在画布上随意绘制一个形状。 www.5c55.com

图1 www.5c55.com

　　可以看到在旁边的图层中就建立了一个新的图层，名字为“形状1”。图层显示为两部分，左面的为该层的填充内容，右侧的为该层的路径形状（矢量蒙板缩览图）。

5c55.com美术设计师的家园

图2 www.5c55.com

　　2.设置该形状的图层内容

　　形状图层建立后，都是以纯色进行的填充。
　　注意：由于系统有个“记忆效应”，会根据该层下面那层形状图层的内容，来建立新层，所以这个纯色不一定就是前景色。如果是更改纯色，只要双击图层调板的图层内容，就可以在“拾色器”里更改颜色。
　　如果要进行其他设置，需要选择菜单“图层”—“更改图层内容”：
　　“渐变”——相应的会出现一个设置对话框，在这里，点击渐变会出现“渐变编辑器”；可选择样式、角度和缩放；渐变的方向。 5c55.com 平面爱好者 平面设计 软件教程 网站模板

　　现在你可以把前景色设置为白色，背景色设置为RGB（0，176，240）。选择“前景到背景”渐变样式，然后设置样式为“径向”，更改一下角度。 www.5c55.com

　　这里，最重要的一个练习是，这个时候可以把鼠标移动到图像上，在路径内，按鼠标左键拖动，可以移动渐变的中心直到你满意为止。

平面爱好者.平面设计师的助手 http://5c55.com

　　点击“好”，确定你要进行的渐变设置。

图3

平面爱好者.平面设计师的助手 http://5c55.com

　　“图案”——设置与渐变基本类似，此处不做练习。

　　3.编辑形状图层的路径

　　选择钢笔工具，如果你的路径没有出现，可以通过单击图层调板中该层的右侧的矢量蒙板缩览图（见1），让其出现。也可以直接按ctrl单击路径，然后可以进行添加锚点，移动路径的练习。 平面爱好者.平面设计师的助手 http://5c55.com

图4

　　4.建立图层组

　　在图层调板上点击“创建新组”按钮，然后把刚才做过的练习图层“扔”到该组中。 www.5c55.com

图5

　　如果上面的三个练习都做好了，就可以开始下面的具体绘制过程了，总共由八个部分组成。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

　　 二、绘制过程

　　最终效果图如图1所示。 5c55.com美术设计师的家园

　　做类似的物体很重要的一点就是一定不要把各组件分离开，做出接缝来。正确的做法是分清前后的顺序后，分开部分做，后面的可以做大一些，隐藏到前面组块的后面，这样做出的东西才不会有缝隙。

　　当部件比较众多的时候，可以通过建立组，根据部件的不同把图层分离开，以便管理。

　　新建一个文件，尺寸为600*1000像素。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

　　（一）底座

　　1.利用椭圆工具绘制一个正圆，然后使用钢笔工具，将路径上端的锚点删除，移动旁边锚点的调节杆，得到一个底座形状。设置前景色为RGB（70，70，70），背景色为白色，更改填充内容为前景色到背景色渐变，样式“线性”，角度为73°。（如果你的效果刚好和我的相反，有可能是把渐变设置上面的反向选中了，去除选择就可以）。 5c55.com 平面爱好者 平面设计 软件教程 网站模板

图6 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

　　2.复制该图层，然后选择菜单“编辑”—“自由变换路径”，将形状变小。设置前景色为白色，背景色为RGB（175，175，175），更改填充内容为前景色到背景色渐变，样式“径向”，角度为53°，移动渐变中心到左侧，如图。 平面爱好者.平面设计师的助手 http://5c55.com

图7

　　3.新建立一个椭圆，然后用钢笔工具在左右两侧增加锚点，然后将两点向上移动，主要是做出上半型的厚度。设置前景色为白色，背景色为RGB（70，70，70），更改填充内容为前景色到背景色渐变，样式“径向”，角度为17°，移动渐变中心到左侧，如图。 www.5c55.com

图8

　　4.复制该图层，然后选择菜单“编辑”—“自由变换路径”，将形状变小。设置前景色为RGB（124，124，124），背景色为白色，更改填充内容为前景色到背景色渐变，样式“线性”，角度为-150°，如图。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

图9

　　（二）玻璃

　　1.选择“圆角矩形工具”，将工具状态栏的半径设置为1000像素，绘制形状，将其与上面的底座对齐后，然后利用钢笔工具，将下面的面收缩，与底座衔接。设置前景色为RGB（60，60，60），背景色为RGB（210，210，210），更改填充内容为前景色到背景色渐变，样式“线性”，角度为132°，如图。

图10 5c55.com美术设计师的家园

　　2.复制该图层，然后选择菜单“编辑”—“自由变换路径”，将形状变小。设置前景色为RGB（154，253，253），背景色为RGB（0，96，255），更改填充内容为前景色到背景色渐变，样式“线性”，角度为90°，如图。 www.5c55.com

图11 平面爱好者.平面设计师的助手 http://5c55.com

　　为创建玻璃的质感，需要给该层加一个内发光的样式，阻塞16%，大小54像素，其他不变。