图标设计:用PS制作奶油质感手机主题图标

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

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:小美

关键词

想要制作一组手机主题图标,首先呢要去寻找相应的参考作品,然后按照自己的想法和思路把草稿画出来,把自己确定好的想要做的图标草图画出来,接着用软件进行相应的制作。前期在肥子老师的指导下进行了很多次修改,对于图标的光影配色体积,最终完成一组奶油状图标。

修改前后对比

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

制作步骤

电话

步骤 01 建立文档并制作背景

1.1 新建文档,大小为3600*2800px,分辨率为72。前景色填充为383e4b。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

1.2 为背景添加斜面浮雕和纹理效果,参数如图。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

1.3 用形状工具画出四个圆形,,与背景图层建立剪贴蒙版,如图。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

步骤 02 制作底座

2.1 新建490*490的圆角矩形,圆角半径为220,填充颜色为faaf98,并添加图层样式来制造体积感。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

步骤 03 制作电话的基本形状

3.1 用钢笔勾出圆润的电话形状,如图。接着给电话添加图层样式,参数如图。

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

图标设计:用PS制作奶油质感手机主题图标,PS教程,思缘教程网

 收藏