恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
冰淇淋图标教程
0.0°
2018-10-08 好文转载 教程 原作者: 未知 举报 2001 4 8 3

Image title

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


最终结果:
Image title

Step 1


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

Image title

Step 2


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

Image title

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

Image title

Step 3


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

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

Step 4


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

Step 5


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

Image title

Step 6


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

Image title

Step 7


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

Image title

Step 8


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

Step 9


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

Image title

Step 10


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

Image title

Step 11


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

Image title

Step 12


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

Image title

Step 13


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

Image title

Step 14


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

Step 15


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

Image title

Step 16


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

Step 17


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

Image title

Step 18


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


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


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


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


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


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


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


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


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


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


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


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

Image titleStep 30


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


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


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


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


将前景色改为暗粉红色,然后画上阴影。再画的过程中可以不断添加亮度,如果需要的话,你继续添加新的图层,然后把它剪贴蒙版。
Image titleImage title下面你可以使用画笔工具添加相较之前不同的和灯光和阴影。 你可以在选项栏中降低的画笔工具的不透明度。
Image titleImage titleImage titleStep 36


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


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


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


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


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


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


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

Image title


Image titleStep 42: 添加阴影和高光


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


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


为了让它更真实,我们还需要在表面上添加一些小瑕疵,可以稍微提高画笔的透明度并减小笔刷的大小,例如 1 px 或 2 px. 添加新的图层,再随机在冰淇淋表面涂抹。
Image title你可以看到发生了细微差别,便得到了一个更逼真的冰淇淋。
Image title我们得到了一个看起来好看又美味的冰激凌 icon。这个教程,关键是耐心,希望你喜欢这个教程。
Image title


课程资源分享:

photoshop精品案例课程一学就会:http://www.ui.cn/detail/384613.html

全套photoshop零基础人像修饰教程大汇总:

http://www.ui.cn/detail/384613.html

PS精品素材、21款设计常用字体,共15G免费送:

http://www.ui.cn/detail/384613.html


如果有需要【PS基础课程】【人像修图】【案例课程】【精品素材】在下方评论:666,转发之后关注,点击我的头像往下翻就可以看到了。

最后希望大家给盛老师一个好评哦,谢谢大家支持!


















































更新:2018-10-08

收藏

4人已收藏

平面设计指导

有学习方面问题加盛老师V信:321644621

  • 81

    作品

  • 191

    粉丝

  • 1

    关注

  • 平面设计教程-代金劵设计
  • 平面设计教程-开业大吉海报制作
  • 绘制漂亮的调色盘
  • 下载按钮图标设计教程

    猜你喜欢

      2018-10-08 好文转载 教程 原作者: 未知 举报 2001 4 8 3

      冰淇淋图标教程

      0.0°

      你确定要举报冰淇淋图标教程

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年10月08日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      4
      3

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录