设计图标:用PS设计拟物风格的APP图标PS(5)

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:吃喝玩乐团团长

关键词

五、地图图标

步骤 01 制作基本形状

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

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

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

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

六、视频图标

步骤 01 制作外部结构

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

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

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

步骤 02 制作扣状结构

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

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

设计图标:用PS设计拟物风格的APP图标,PS教程,思缘教程网

 收藏