设计立体拟物风格APP图标的PS实例教程

2019-11-08 16:13:22 来源/作者: 互联网 / 中峰 己有:1770人学习过

用小白调整使新增锚点两边偏移10px,根据情况上下调整,使得四个新增锚点仍为矩形与圆形的交点

复制两层,分别旋转120°和240°

将所有形状合并形状组件

新建80x80px的圆形,与刚刚合并形成的形状居中对齐,减去顶层形状

添加图层样式,得到设置图标的基本形状

设计立体拟物风格APP图标的PS实例教程

 

设计立体拟物风格APP图标的PS实例教程

 

设计立体拟物风格APP图标的PS实例教程

 

步骤 02 制作齿轮内部

白色部分:新建160×160 px和100×100 px的圆形,减去顶层形状,添加图层样式

设计立体拟物风格APP图标的PS实例教程

 

设计立体拟物风格APP图标的PS实例教程

 

红色部分:新建140x140px和100x100px的圆形,减去顶层形状,添加图层样式,最后加上文字就可以了

设计立体拟物风格APP图标的PS实例教程

 

设计立体拟物风格APP图标的PS实例教程

 

 

五、地图图标

步骤 01 制作基本形状

创建190×190 px大小的圆形,140×140 px大小的矩形,将矩形旋转45°

用锚点转换工具和小白,将左右两点调整至与圆相切,并且带有下面两条边带有弧度,像是从圆上延申过来的感觉

创建80x80px的圆形,将三个图形合并形状减去小圆,添加图层样式和文字装饰

设计立体拟物风格APP图标的PS实例教程

 

设计立体拟物风格APP图标的PS实例教程

 

设计立体拟物风格APP图标的PS实例教程

 

六、视频图标

步骤 01 制作外部结构

大圆:创建228×228 px大小的圆形,5个50×50 px的小圆,均匀分布,减去顶层形状,添加图层样式

小圆环:用60×60 px和50×50 px的圆做出5个圆环,将大圆的图层样式复制到小圆环上,关掉投影内阴影,放在5个小圆相对应的位置上。

设计立体拟物风格APP图标的PS实例教程

 

设计立体拟物风格APP图标的PS实例教程

 

步骤 02 制作扣状结构

分别创建大小40x40px、34x34px、24x24px的圆形,命名【圆1】,【圆2】,【圆3】,添加图层样式