当前位置:首页 > PS教程 > 网页设计

图标制作,制作立体风格的食物图标

  • 2022-12-24 18:53:44
  • 来源/作者:互联网/佚名
  • 己被围观

本篇教程通过Photoshop制作一款立体风格的食物图标,通过图层样式进行制作,和我们每次的图标制作步骤大同小异,只是制作的样式不同,令人垂涎欲滴的一款饼干图片,怎么说呢,大概就是你看起来很好吃的既视感,感兴

本篇教程通过Photoshop制作一款立体风格的食物图标,通过图层样式进行制作,和我们每次的图标制作步骤大同小异,只是制作的样式不同,令人垂涎欲滴的一款饼干图片,怎么说呢,大概就是“你看起来很好吃”的既视感,感兴趣的同学们一起来学习制作一下看看吧。

先来看看效果图:

图标制作,制作立体风格的食物图标

步骤1:打开PS,新建一个800*600的画布。给画布填充颜色:#6807ae,在画布中间建一个尺寸为360*360;圆角为60的圆角矩形;填充颜色:#ffffff。

图标制作,制作立体风格的食物图标

步骤2:在圆角矩形左上角建一个90*90的矩形,填充渐变色:#fc7f26~#fcc277;角度:-45°。

图标制作,制作立体风格的食物图标

步骤3:复制出剩下的15个;然后选中这16个渐变小色块右建—创建剪切蒙版,得到下图:

图标制作,制作立体风格的食物图标

步骤4:用钢笔工具勾出上面的白色“淋面”,颜色为#ffffff(记得添加剪切蒙版哦)。用路径选择工具选中这个形状后在它的右上角画一个椭圆,尺寸随意。画这个圆的时候按住ALT键即可完成布尔运算的减法运算;另外画两个正圆在“淋面”的左下方,画圆的时候按住SHIFT键即可完成布尔运算的加法运算。

图标制作,制作立体风格的食物图标

步骤5:现在给底部圆角矩形加图层样式:

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

步骤6:现在给白色“淋面”加图层样式:

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

图标制作,制作立体风格的食物图标

步骤7:好啦~简简单单的几步下来~一个可爱的icon就这么诞生了可以加点装饰在背景上,显得更生动~

图标制作,制作立体风格的食物图标

添加渐变提升质感,添加内阴影/斜面浮雕等图层样式打造出厚度感,整个图标立体感十足,同学们可以尝试着做一下。

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条