预览
步骤1:设置Photoshop文档
打开Photoshop。创建一个新文档(Ctrl/Cmd + N或File > new),宽度和高度为400 px。保持颜色模式为RGB颜色,8位。
步骤2:创建主体
创建一个新图层(Ctrl/Cmd + Shift + N或图层>新图层)-你可以给这个图层命名为Body。
使用椭圆工具(U)创建一个椭圆形状。你也可以使用椭圆选框工具(M)或钢笔工具(P),这取决于你更喜欢什么。
接下来,在图层面板中双击该图层,打开图层样式对话框。我们将应用一个渐变叠加和一个内阴影图层样式给主体它的颜色和斜面形状。
渐变叠加
设置左边颜色为棕色(#a95903),右边颜色为黄色(#fca600)。
内阴影
内阴影的颜色应该是黑色(#000000)。
上面的两个图层样式为平面形状添加了想要的效果。
3 .遮挡身体
创建一个新图层(Ctrl/Cmd + Shift + N) -你可以把这个图层命名为Body-shade。
用椭圆选框工具(M)创建一个椭圆选区。
设置前景色为白色(#ffffff)。用渐变工具(G)从椭圆选框的顶部到底部给它添加一个白色到透明的渐变。
现在给Body-shade图层添加滤镜>模糊>高斯模糊,半径设置为3px到4px。
双击图层面板中的图层,打开图层样式对话框窗口(右键单击它,从菜单中选择混合选项也可以工作)。
在混合选项部分,在常规混合下,设置混合模式为叠加。
现在对图层应用高斯模糊滤镜,半径在1.5到2像素之间。
然后,在图层面板中,当它是激活的图层时,按Ctrl/Cmd + J复制该图层-这样做将在它的上面复制该图层。命名复制的图层为shadow -adv,并设置混合模式为叠加。
在主体的底部中心创建一个较小的椭圆选区,然后创建一个新图层(命名为bottom-shade)。
设置前景色为黑色(#000000)。在新创建的图层上,使用渐变工具(G),渐变设置为前景到透明的渐变,从底部到顶部的选区应用一个颜色渐变。
新建一个图层,命名为“凸起”。用椭圆选框工具(M)创建一个朝向主体中心的椭圆选区。
设置前景色为白色(#ffffff)。然后使用渐变工具(G),将渐变设置为前景透明预设,并将渐变类型设置为反射渐变,从左到右应用一个颜色渐变。
接下来,对该图层应用高斯模糊滤镜,半径设置为5像素,然后切换图层的混合模式为叠加。
复制“凸起”层,然后使用自由变换命令编辑>自由变换(Ctrl/Cmd + T)减少它的大小。
第四步:创造嘴巴
创建一个新图层名为“teeth-bevel”,并创建一个椭圆选区,代表黄色外星人的嘴。
用白色填充(Shift + F5或编辑>填充)这个椭圆选区(#ffffff)。
在“teeth-bevel”图层上添加一个垂直渐变叠加图层,左边的颜色为棕色(#964e02),右边的颜色为黄色(#fffe85)。
勾选“反转”选项,根据需要翻转颜色渐变。
现在,在工具面板中使用魔棒工具(W)自动选择上面的椭圆-只需用魔棒工具点击形状内部。
使用魔棒工具在我们的外星人的嘴周围的选区仍然被选中,转到选择>修改>契约,并以2px的距离接触选区。
保持选区活跃,创建一个新图层(命名为teeth),使用编辑>填充(Shift + F5)用白色填充收缩选区。
接下来,应用渐变叠加和描边图层样式。
渐变叠加
使用默认的黑到白渐变。
中风
设置描边的颜色为灰色(#9c9c9c)。
这应该会让我们外星人的嘴有一个很好的形状。
第五步:画牙齿
在继续下一个任务之前,确保你已经设置了画笔工具(B)的画笔选项,如下图所示。
一旦你完成了上面的设置,使用钢笔工具在嘴的左边创建一个垂直的,弯曲的路径。
新建一个图层,名为“齿边”,右键单击画布上的路径,在出现的上下文菜单中,选择描边路径,在路径上添加描边。
笔触将体现你刚才用笔刷工具设置的选项。
注意:除非你在绘制路径后新建一个图层,否则描边路径选项不会出现。
创造更多的笔触路径来塑造我们黄色外星人的牙齿。
提示:你可以删除/隐藏你刚刚通过按Esc键创建的路径,同时钢笔工具仍然激活。
如果你在图层面板中选择图层,右键单击它们,然后在出现的上下文菜单中选择合并图层,你可以合并这些黑色的笔画;或者,你也可以按Ctrl/Cmd + E将它们合并到一个图层中。命名此图层为teeth -separator。
接下来,我们将在牙齿分隔层上添加颜色叠加和投影图层样式。
颜色叠加
使用灰色(#7d7b7b)作为颜色叠加。
阴影
设置投影的颜色为白色(#ffffff)。
这些图层样式给分隔符一个很好的嵌入/凹陷效果。
现在在“牙齿分离器”图层的下方创建一个图层,命名为“yellow-tooth”。
在“yellow-tooth”图层,使用钢笔工具(P)或多边形套索工具(L)创建一个形状,覆盖顶部中间的牙齿。
用任意颜色填充选区/形状,并对其应用渐变叠加图层样式。
渐变颜色是桃色(#ed9349)为左边的颜色停止,明亮的黄色(#fddc01)为右边的颜色停止。
现在创建一个新图层,名为tooth-glow,并在黄色牙齿的中心用椭圆选框工具(M)画一个白色的圆圈,用白色填充选区(#ffffff)。
然后应用高斯模糊滤镜,半径约为5像素,并设置图层的混合模式为叠加。
第六步:给牙齿一些闪亮的细节
创建一个新图层,命名为teeth-shine。使用钢笔工具(P)或合适的套索工具(L)制作一个白色的月亮形状。用白色填充这个月亮形状。
填充形状后,设置图层的不透明度为33%。
现在创建一个名为teeth-xtrashine的新图层。使用相同的方法创建一个额外的发光层,给我们一个深度的效果。
上面的牙齿也可以采用类似的方法。
新建一个名为“mastererglow”的图层,在外星人的嘴的中心画一个白色的椭圆。
在白色椭圆上使用半径为7.5像素的高斯模糊滤镜。然后,设置图层的不透明度为65%左右。
步骤7:创建交换机
因为我们的黄色外星人有点像机器人,我们将在它的身体上创建开关和控制。创建一个名为“switches”的新图层,在身体的底部制作一组圆形。圆形的颜色不重要,因为我们将设置图层样式的颜色。
为我们的开关设置颜色和样式,对它们的图层应用颜色叠加和投影图层样式。
颜色叠加
颜色叠加使用棕色(#954d02)
阴影
使用黄色(#eeb201)的阴影。
应用这两种样式将导致开关看起来像是凹陷的。
在一个名为buttongloss的新图层中,创建小的椭圆选区,就像我们在每个开关顶部为主体做的那样,然后在每个椭圆选区上应用白色的透明垂直渐变。
步骤8:创建天线
首先,通过在身体的左右上方画一个椭圆来创建天线插座。
对这些套接字应用相同的颜色叠加和投影图层样式-唯一的区别是投影的颜色是白色(#ffffff)而不是黄色。命名此图层为antenna-aperture。
在新图层上用钢笔工具创建一个天线形状的管子,命名为“antenna”。
给天线形状的管子添加一个颜色叠加的图层样式,颜色设置为暗黄色/棕色(#ce7902)。
新建一个图层,命名为“antenna-shade”,然后在天线的左侧创建一个白色的形状,以表示阴影效果。
在antenna-shade图层上添加一个半径为1px的高斯模糊滤镜,然后设置该图层的混合模式为叠加。
现在在图层面板中选择“antenna”和“antenna-shade”图层,右键单击复制它们,并在出现的菜单中选择复制图层。
在图层面板中复制的图层仍然被选中,应用编辑>变换>水平翻转。
使用移动工具(V)将复制的天线层移动到右边的插座。
现在,在天线管上添加一点辉光来增加细节。
新建一个图层(命名为antenna-shine),添加一个半径为1px的高斯模糊滤镜,并将图层的混合模式设置为叠加。对两根天线都这样做。
在图层面板中点击面板底部的创建新组图标,创建一个新的图层组。
双击这个新组,将其重命名为“Body”。拖动所有创建的图层到这个组,除了背景层。然后隐藏这个组的内容(目前)。
步骤9:创造眼睛
按Ctrl/Cmd + Shift + N或点击图层>新建图层,在Body图层组的上面创建一个新图层。命名此新图层为eye-base。
在左侧天线的顶部画一个圆圈来代表外星人的眼睛。颜色不重要,因为我们将使用图层样式来改变它的外观。
给eye-base图层添加内阴影和渐变叠加。
内阴影
使用棕色(#933d04)作为内阴影的颜色。
渐变叠加
左边的颜色使用棕褐色(#a35303),右边的颜色使用黄色(#f6c601)。
这两种风格给我们的“眼基”层一个漂亮的圆形金属效果。
就像之前的步骤一样,在eye-base图层的右上方添加光泽,新建一个图层名为eye-gloss,创建一个从上到下的白色到透明渐变的椭圆,应用半径为1px的高斯模糊滤镜,并设置混合模式为叠加。
在眼部底部创建一个新的图层,使用相同的过程。
步骤10:制作眼球
新建一个图层,命名为“眼球”,在eye-base的中心画一个白色的圆圈。
给眼球两个图层样式:渐变叠加和描边。
渐变叠加
给“眼球”图层一个黑色(#000000)/灰色(#d7d4d4)的渐变叠加图层样式。
中风
给眼球一个有梯度填充类型的中风。渐变应该是在左侧颜色停止的暗黄色/棕色(#c86d01)和在右侧颜色停止的黄色(#f7ef78)。
我们的眼球现在看起来应该是在一个比“眼基”层更低的平面上。
现在我们将在眼球上涂上“光泽剂”。创建一个新的图层,叫做gloss-top,并在它上面做一个椭圆选择,朝向眼球的顶部。从上到下应用白色到透明渐变。
创建一个名为gloss-bot的新层,用于底部的眼球光泽。在眼球底部做一个微小的白色月亮状物体。
设置图层的不透明度为40-50%左右。
步骤11:创建瞳孔
创建一个新的图层叫“黑色”,在眼球里面画一个黑色的圆圈来代表眼睛的瞳孔。
使用一个白色到透明的渐变在一个新的层称为“黑色光泽”,以类似的方式与眼球的光泽,如前所述。
步骤12:复制左眼
创建一个新组,将所有与眼睛相关的图层拖到这个组中。将这个组命名为“eyes”。
在图层面板中右键单击复制这个组,在出现的菜单中选择复制组。
通过编辑>变换>水平翻转复制的眼睛组。
按键盘上的V或选择移动工具(V)从工具面板移动右眼在右侧天线的顶部。
步骤13:创建基础
在背景图层的顶部创建一个新图层。
命名该图层为“limb-base”,并创建一个形状,作为外星人的基础。
给这个形状两个图层样式:渐变叠加和内阴影。
渐变叠加
使用深棕色(#4d2e02)为左边的颜色停止,并将颜色停止移动到位置18%和黄色(#fdad02)为右边的位置(保持在位置100%)。
内阴影
使用黑色(#000000)作为内阴影的颜色。
你的基地现在应该匹配黄色外星人的身体。
步骤14:给基础添加一些细节
创建一个名为body-shadow的新图层,并创建一个黑色的形状,代表身体投射到基础上的阴影。
给图层添加颜色叠加,样式为棕色(#501c02)。
阴影现在看起来不那么刺眼/突出的颜色变化。
接下来,我们要给打底霜涂上光泽。在新图层上创建一个白色的形状,命名为“limb-glow”,应用高斯模糊滤镜,半径为1px,更改图层的混合模式为叠加,并复制该图层(Ctrl/Cmd + J)。
为了进一步添加一些细节在基础上,创建一个新的层叫“nail”,并在基础的左边做一个黑色的条纹。
给条带添加一个阴影,阴影的颜色为白色(#ffffff)。
阴影图层样式应该看起来像一个纯白色的边界在它的右边。
将条带转换为智能对象,首先确保它仍然是图层面板中的活动层,然后选择图层>转换为智能对象。
接下来,设置图层的混合模式为叠加,并降低不透明度为29%。
为了创建右侧的条带,复制该图层并水平翻转(编辑>变换>水平翻转),然后用移动工具(V)移动它,这样就得到了对称的效果。
在两个条纹的底部新建一个名为“limb-glow2”的白色月亮形状的图层,给它一个半径为1.5像素的高斯模糊滤镜,并设置“limb-glow2”图层的混合模式为叠加。
创建一个新图层组,命名为“limb”,并将每个相关的图层拖拽到其中。
步骤15:给地板一个阴影
在Background图层的上方和“limb”图层组的下方,创建一个名为“supershadow”的新图层,它将包含外星人投射在地板上的阴影。
在“超阴影”层,在外星人的底部做一个黑色的椭圆形状。
现在应用滤镜>模糊>运动模糊,距离为30像素,角度为0o.
设置图层的不透明度为50-65%。
步骤16:最后的细节和阴影
你不觉得我们的外星人还缺拳吗?是的,我们需要添加一些次要的阴影,让它看起来像我们想要的样子。
注意:前面的图层应该在“eyes”图层组的上面。
创建一个新图层,名为“limb-ultrashine”,并在基础上做一个白色椭圆。应用半径为2到3px的高斯模糊滤镜,并切换混合模式为叠加。
牙齿占据了它身体的大部分。
所以它们需要区别开来。
复制“牙齿分隔符”图层,并在复制的图层上删除投影图层样式。
创建一个名为“full-glow”的新图层,并在外星人牙齿的底部中心制作一个白色椭圆,与身体重叠。
添加半径为3px的高斯模糊滤镜。
然后,创建一个椭圆选择,排除“全发光”形状的底部,然后点击删除(或点击编辑>清除)删除发光的顶部。
新建一层,命名为“add-glow”,并在天线底部的天线插座旁边画一个白色的圆圈。
应用高斯模糊滤镜,半径在1到1.5像素之间。
接下来,创建一个新图层,命名为teeth-shadow2,创建一个与牙齿相同大小的椭圆选框,然后使用渐变工具(G)从椭圆底部到中心添加一个黑色到透明的渐变。
最后,双击该图层,出现图层样式对话框窗口。
给它一个颜色叠加的图层样式,使用棕色(#aaa9a9)。
教程汇总
在这个Adobe Photoshop图标设计教程中,我带你通过创建一个高度详细的黄色外星人图标,体现金属和机器人属性的过程。我们花了很多时间在细节上,在图标的不同组件上添加发光、阴影和照明效果。我希望你从这个教程中学到了一些技巧!
下载教程源文件
- yellow_alien_icon(ZIP, 0.01 MB)