• ag视讯开户 2019-02-11
  • PS中级教程!教你绘制美味可口的冰淇淋图标 - 优设网 - UISDC

    PS中级教程!教你绘制美味可口的冰淇淋图标

    2015/03/27 14959评论区

    photoshop-ice-cream-icon-1

    编者按:周末练手走起!今天的教程是一枚写实的冰淇淋图标,细节雕刻非常精致,内含大量技巧,适合有基础功的同学进阶练习 >>>

    最终结果:

    final-ice-cream-featured

    Step 1

    新建一个画布,大小为400×300像素。

    ps-tut-draw-ice-cream-001

    Step 2

    单击“创建新的填充或调整图层”,然后选择纯色。

    ps-tut-draw-ice-cream-002

    选择浅蓝色作为背景(参数如图)。

    ps-tut-draw-ice-cream-003

    Step 3

    在图层面板中双击图层名称更名为“ background”. 这个小的的习惯可以帮助你整理图层。

    ps-tut-draw-ice-cream-004

    图层面板底部的默认背景已经不再需要,可以删除它。这种方法,可以让你的文件大小节省几千字节。

    ps-tut-draw-ice-cream-005

    Step 4

    使用矩形工具画一个矩形。颜色选择白色, 填充为无。

    ps-tut-draw-ice-cream-007

    Step 5

    按Ctrl + T应用自由变换。右键单击,然后选择透视。

    ps-tut-draw-ice-cream-008

    Step 6

    将矩形右上个角向外拉动。按回车键确认变换。

    ps-tut-draw-ice-cream-010

    Step 7

    选择椭圆工具,在矩形下部添加椭圆形。

    ps-tut-draw-ice-cream-011

    Step 8

    双击图层,添加一个从白色到淡蓝色渐变叠加样式。 样式为“线性”,混合模式为“正片叠底”(其它参数如下)。

    ps-tut-draw-ice-cream-012

    Step 9

    添加一个浅蓝色的矩形,并把它垂直于杯身。

    ps-tut-draw-ice-cream-013

    Step 10

    选择路径选择工具,选择我们刚才制作的形状,按住Shift + Alt复制并拖动,直到矩形覆盖杯身。

    ps-tut-draw-ice-cream-014

    Step 11

    用选择工具选中形状按Ctrl + T进行自由变换,右键单击,然后选择透视。

    ps-tut-draw-ice-cream-015

    Step 12

    将右下角向内拉动,直到其形状与杯身的角度一致(如图所示)。

    ps-tut-draw-ice-cream-016

    Step 13

    按Ctrl + Alt + G向下剪贴蒙版。 所有的矩形将成为杯子的条纹。

    ps-tut-draw-ice-cream-017 ps-tut-draw-ice-cream-018

    Step 14

    在图层面板中,创建新组命名为“Cup”,我们用来绘制杯子。 建立组能够让你大大提高工作效率。接下来用椭圆工具绘制一个椭圆。

    ps-tut-draw-ice-cream-019

    Step 15

    在之前的形状上添加一个较小的椭圆形状。从选项栏中设置路径模式为减去顶层形状做为冰淇淋杯的上部。(注:快捷键为alt)

    ps-tut-draw-ice-cream-020

    Step 16

    想要把它变成三维的图像,我们需要添加灯光和阴影。用路径选择工具选择大的椭圆形状,按Ctrl + C复制,然后按Ctrl+V粘贴。我们现在便有两条路径。选择复制的路径向上移动(如图所示),然后将其路径模式设为减去顶层形状。将会得到两个重叠的椭圆。

    ps-tut-draw-ice-cream-021

    Step 17

    点击Ctrl+Enter将其转换成选区,将有一个月牙形状的选区。建立新层,填充颜色,作为下一高光层的剪贴蒙版来使用。点击编辑 > 填充. 在对话框中,选择使用:颜色,将会对话框显示要求输入颜色,选择蓝色,点击OK。

    ps-tut-draw-ice-cream-022ps-tut-draw-ice-cream-023

    Step 18

    重复前面的步骤, 在顶部建立一个新的月牙的路径。

    ps-tut-draw-ice-cream-024

    Step 19

    转换为选区。仍然使用同样的方式,填充蓝色。

    ps-tut-draw-ice-cream-025

    Step 20

    按Ctrl点击我们之前创建的第一环的形状,按Ctrl + Enter转换成一个选区。 单击“选择>修改>收缩大小为2px。

    ps-tut-draw-ice-cream-026

    Step 21

    建立新层,然后填充选择白色。

    ps-tut-draw-ice-cream-027

    Step 22

    Ctrl + D取消选区, 然后添加滤镜(滤镜>模糊 >高斯模糊)。

    ps-tut-draw-ice-cream-028

    Step 23

    确保这一图层在最上方, 将其转换为剪贴蒙版(按Ctrl + Alt + G)。

    ps-tut-draw-ice-cream-029

    Step 24

    给图层组添加蒙板,选择画笔工具,填充为黑色,如图所示隐藏多余的部分。

    ps-tut-draw-ice-cream-030

    Step 25

    新建一层, 给画笔工具调整好适当的透明度,用画笔工具给杯子画上阴影(如图所示)。

    ps-tut-draw-ice-cream-031

    ps-tut-draw-ice-cream-032

    Step 26

    创建一个图层组并将其命名为“ ice cream”. 将这一图层组放在“cup”组的下面。

    ps-tut-draw-ice-cream-033

    Step 27

    选择钢笔工具,在选项栏中选择形状。 填充色选择一个粉红色,描边为无,你也可以选择你自己喜欢的颜色。单击并拖动以绘制一个曲线的形状(如图所示)。

    ps-tut-draw-ice-cream-034 ps-tut-draw-ice-cream-035

    Step 28

    双击该图层,然后添加一个内发光, 颜色为白色, 混合模式为滤色,方法为柔和,。然后添加一个渐变叠加, 颜色从黑到白,混合模式为:叠加,样式为线性(参数如图所示)。

    ps-tut-draw-ice-cream-036 ps-tut-draw-ice-cream-037

    ps-tut-draw-ice-cream-038

    Step 29

    继续使用相同的颜色用钢笔工具绘制一个弯曲的形状,但这一次,颜色可以在原基础上加一点亮度变化。这样后面的颜色看起来才会自然一点。

    ps-tut-draw-ice-cream-039

    Step 30

    添加相同的图层样式,你也可以按住alt,拖动“fx”直接复制图层样式。

    ps-tut-draw-ice-cream-040

    Step 31

    继续添加冰激凌的形状,形状任意,颜色相似,添加相同的图层样式。

    ps-tut-draw-ice-cream-041 ps-tut-draw-ice-cream-042 ps-tut-draw-ice-cream-043 ps-tut-draw-ice-cream-044 ps-tut-draw-ice-cream-045

    Step 32

    现在,我们要添加阴影和高光使它更真实。选择之前第一层的形状,在上面添加新层。 将其转换为剪贴蒙版(按Ctrl + Alt + G)。

    ps-tut-draw-ice-cream-046

    Step 33

    选择画笔工具,大小为10。 改变笔刷的大小,只需单击打开画笔选项。

    ps-tut-draw-ice-cream-047

    Step 34

    将前景色改为暗粉红色,然后画上阴影。再画的过程中可以不断添加亮度,如果需要的话,你继续添加新的图层,然后把它剪贴蒙版。

    ps-tut-draw-ice-cream-048

    ps-tut-draw-ice-cream-049

    下面你可以使用画笔工具添加相较之前不同的和灯光和阴影。 你可以在选项栏中降低的画笔工具的不透明度。

    ps-tut-draw-ice-cream-050 ps-tut-draw-ice-cream-051 ps-tut-draw-ice-cream-052

    Step 36

    让我们继续在杯子表面添加阴影,可以继续添加新的层组。

    ps-tut-draw-ice-cream-053

    Step 37

    选择椭圆框选工具画一个和杯底大小一样的椭圆选区,如图所示。

    ps-tut-draw-ice-cream-054

    Step 38

    添加新的图层,点击编辑>填充,然后选择填充深蓝色。 你也可以选择不同的颜色,这取决于你自己画的的杯子的颜色。使用键盘快捷键Ctrl 激活选区,点击滤镜>模糊>高斯模糊,柔化阴影取消选区。

    ps-tut-draw-ice-cream-055

    Step 39

    选择移动工具,然后点击右箭头两次,将阴影向右边移动两个像素。

    ps-tut-draw-ice-cream-056

    Step 40

    按Ctrl + J复制阴影。按Ctrl + T变换它的形状,让它变的更宽。

    ps-tut-draw-ice-cream-057

    Step 41

    可以降低其不透明度使阴影自然一点。 你也可以再次使用高斯模糊滤镜使它变的更柔和。

    ps-tut-draw-ice-cream-058 ps-tut-draw-ice-cream-059

    Step 42: 添加阴影和高光

    我们可以发现冰淇淋目前还是太平了。我们可以到其表面添加更多的高光。 建立新的图层,选择画笔工具,颜色为白色、降低画笔透明度在冰淇淋表面涂抹。

    ps-tut-draw-ice-cream-060

    可以发现发生了微妙的差异。

    ps-tut-draw-ice-cream-061

    Step 43

    现在使用画笔工具来给表面添加一点阴影,颜色改为黑色,降低不透明度。

    ps-tut-draw-ice-cream-062

    ps-tut-draw-ice-cream-064

    Step 44

    为了让它更真实,我们还需要在表面上添加一些小瑕疵,可以稍微提高画笔的透明度并减小笔刷的大小,例如 1 px 或 2 px. 添加新的图层,再随机在冰淇淋表面涂抹。

    ps-tut-draw-ice-cream-065

    你可以看到发生了细微差别,便得到了一个更逼真的冰淇淋。

    ps-tut-draw-ice-cream-066

    我们得到了一个看起来好看又美味的冰激凌 icon。这个教程,关键是耐心,希望你喜欢这个教程。

    final-ice-cream-featured1

    【2015年最新图标教程合集】

    ?风格素净非常讨人喜欢的播放器图标:
    《PS教程!手把手教你快速打造简约的播放器图标》

    两个科幻感风格的扁平化太空图标!
    《PS进阶教程!手把手教你绘制扁平风行星与雷达图标》

    喂!别忘了给他一个天空(来自有爱的评论串)
    《PS初级教程!手把手教你绘制酷炫有型的火箭图标》

    译文地址:xueui
    译者:黄se7en

    【优设网 原创文章 投稿邮箱:2650232288@qq.com】

    ================关于优设网================
    “优设网AG手机客户端“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
    【特色推荐】
    设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/。
    设计微博:拥有粉丝量92万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
    设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.www.77ca.cn
    ———————————————————–
    想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
    添加 优秀网页设计 微信号:【youshege】优设哥的全拼
    您也可以通过扫描下方二维码快速添加:

    sdcweixin

    优设大课堂

    非特殊说明,本文版权归原作者所有,转载请注明出处
    本文地址:http://www.77ca.cn/photoshop-ice-cream-icon

    发表评论 加载中....

    评论加载中....

    uisdc

    评论区都快饿瘪了,看看我期盼的小眼神...

    优设专访 转场动效 设计师 扁平化设计 优设大课堂 交互设计师 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 平面设计 AI教程 设计理论 神器下载 用户体验设计 字体下载 海报设计 设计趋势 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

    您还没有登录

    优设启用更安全省心的 微信扫码登录

    微信扫码

    300万设计师聚集地!优设网是极具人气的设计师平台
    2012年成立至今,一直专注于设计师的学习成长交流

    把好文章收藏到微信

    打开微信,扫码分享
    学设计 优设网 在这里