加入收藏 | 设为首页 | 会员中心 | 我要投稿 源码门户网 (https://www.92codes.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 网站设计 > 教程 > 正文

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

发布时间:2016-12-03 12:21:18 所属栏目:教程 来源:站长网
导读:效果图 第一步:新建图层,大小自己定,这个为了更好演示教程,我选择了500乘500,分辨率为72的画布大

  第十九步:ctrl+T自由变换,调节大小和方向。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十步:创建一个图层,为了胖次的条纹,哈哈。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十一步:用矩形工具拉出一个长方形。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十二步:添加锚点,移动,形成波浪形。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十三步:复制一层,变换颜色。条纹嘛!

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十四步:就是复制复制再复制啦!

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十五步:然后合并图层。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十六步:拖到原来的画布上。位置适当变换下

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十七步:右键创建剪切蒙版。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十八步:点击矩形1图层,右键混合选项

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第二十九步:在样式中选择描边,大小为3像素,颜色为白色。位置外部最好。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第三十步:打字,用比较粗的字体比较好。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第三十一步:新建空白图层,用多边形套索工具绘制投影,然后填充黑色。这步就看感觉了,如果你有自己的方法就更好了。

  这个可以借用神器的帮助,一键生成唷:《超赞的长投影UI组件包免费下载+PS动作生成器》

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第三十二步:调节不透明度。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  第三十三步:以同样的方法绘制上方字体的投影。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

  完成。

Photoshop(PS)制作一个扁平化胖次图标效果图实例教程

(编辑:源码门户网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读