本次教程是用ps制作出微拟物风格的手机主体图标,整体形状相对简单,难度不算很大,但是在颜色选择方面一定要慎重哦!要让整体作品看起来干净清爽才能更好体现出这个主题图标的特点。
在制作主题图标的过程的时候,要先选好参考的图标内容,图标颜色。仔细观察其他作者的作品中是如何表示出各个图标的。这里选择了时间、播放器、天气、相机、计算器、相册。
在确定好自己的构思之后,先画一个大致的草图,然后就用软件开始制作。在制作过程中,要注意光影、体积等。这里的图标是半拟物风格,可以用图层样式来实现。
在图标制作好之后,排列顺序可以按照颜色深浅明暗进行排列,让整个画面显得有序规整,更好的体现出主题图标的特点。
在整个创作过程中,图标的光影体积是重点,应定要选择干净明亮的颜色,才能突出这组图标的特色,如若用色不当,会让整体看起来不够干净整洁,并且所有图标都应该色泽统一,明暗统一,投影大小统一。
通过学习主题图标的制作,让我更进一步的了解软件的应用,各个功能,并且能熟练使用,对今后制作各种原创作品有了更大的帮助,多做原创,对自己的思维、审美、设计都会有很大的益处,所以应多进行原创,提高自己的能力。
终稿
![27a29c742857699f4de2476169ef5bea.png](https://img-blog.csdnimg.cn/img_convert/27a29c742857699f4de2476169ef5bea.png)
教程步骤
一 、信息图标
步骤 01 建立文档并制作背景
新建文档,大小3600*2800px,分辨率72。新建图层,命名背景,填充前景色#f9dfb6,图层模式改为正片叠底,不透明度32%。
步骤 02 制作底座
新建720*720px的圆角矩形,圆角半径为200px,命名底座,填充颜色#ff7f8c,并添加图层样式来制造体积感。如图。
![6f64376fba8aa0d76b17d81092fb88f5.png](https://img-blog.csdnimg.cn/img_convert/6f64376fba8aa0d76b17d81092fb88f5.png)
![f29974f8e02b307aa776f5b921cdbd0d.png](https://img-blog.csdnimg.cn/img_convert/f29974f8e02b307aa776f5b921cdbd0d.png)
![2e48008be24d0d88e92e1a3c76c53162.png](https://img-blog.csdnimg.cn/img_convert/2e48008be24d0d88e92e1a3c76c53162.png)
步骤 03 制作信息的基本形状
新建430*320px的圆角矩形,再用钢笔工具勾出信息图形的小尾巴。将两个图层合并,命名为信息形状,并添加图层样式,如图。
![10844e9c9bd59aecb11378cad78d9cd2.png](https://img-blog.csdnimg.cn/img_convert/10844e9c9bd59aecb11378cad78d9cd2.png)
![3e3a9dfef817670770ce6676c79b7224.png](https://img-blog.csdnimg.cn/img_convert/3e3a9dfef817670770ce6676c79b7224.png)
![38a4c64ce18f6919b81fd30385e422ee.png](https://img-blog.csdnimg.cn/img_convert/38a4c64ce18f6919b81fd30385e422ee.png)
步骤 04 制作省略号
新建70*70px的椭圆,复制粘贴,得到3个圆,并且排列对齐,然后合并图层,命名为省略号,调整参数,如图。
![257de7110b5c52cbca1421f30d07efc6.png](https://img-blog.csdnimg.cn/img_convert/257de7110b5c52cbca1421f30d07efc6.png)
步骤 05 完成制作
![4a7373c01f63026577997e103b5016fa.png](https://img-blog.csdnimg.cn/img_convert/4a7373c01f63026577997e103b5016fa.png)
二 、天气图标
步骤 01 制作底座
新建720*720px的圆角矩形,圆角半径为200,命名底座,填充颜色c6da8f,并添加图层样式来制造体积感,如图。
![e79b055575b8a82be7e16db25d717591.png](https://img-blog.csdnimg.cn/img_convert/e79b055575b8a82be7e16db25d717591.png)
![74f9eb1b1dae0c35397631cd318daaee.png](https://img-blog.csdnimg.cn/img_convert/74f9eb1b1dae0c35397631cd318daaee.png)
![aa96a02521110f05202c0ce0998eaedb.png](https://img-blog.csdnimg.cn/img_convert/aa96a02521110f05202c0ce0998eaedb.png)
步骤 02 云朵形状的制作
按住shift,用椭圆工具制作2个240*240px和1个200*200px的圆,并制作一个矩形,将四个图形合并,命名为云朵,填充颜色#def1f1,如图。
![00c912ba8aac7cbe09483421e7640351.png](https://img-blog.csdnimg.cn/img_convert/00c912ba8aac7cbe09483421e7640351.png)
添加图层样式,如图。
![f3165e89518817942ec4659f6c5f1341.png](https://img-blog.csdnimg.cn/img_convert/f3165e89518817942ec4659f6c5f1341.png)
![fa53159e0086df5d2cb687bb49154598.png](https://img-blog.csdnimg.cn/img_convert/fa53159e0086df5d2cb687bb49154598.png)
步骤 03 制作太阳
用椭圆工具制作一个200*200的圆,填充颜色f39800,并命名为太阳。添加图层样式,如图。
![cd7e511e1b8a07d010a473fd0eac9f62.png](https://img-blog.csdnimg.cn/img_convert/cd7e511e1b8a07d010a473fd0eac9f62.png)
![f11675a319376f7f02c90707974cedbc.png](https://img-blog.csdnimg.cn/img_convert/f11675a319376f7f02c90707974cedbc.png)
将太阳图层放在云朵图层下面,完成制作。
![df2be97880fdf28a5adf9d3d53b1eeb3.png](https://img-blog.csdnimg.cn/img_convert/df2be97880fdf28a5adf9d3d53b1eeb3.png)
三 、时钟图标
创作思路:形状比较简单,主要制作刻度和时针、分针。指针通过调整图层样式突出该图标的立体感以及光影感,用渐变叠加来给指针添加高光。
![e9ac8f7359f996e7840d82e5ad86635d.png](https://img-blog.csdnimg.cn/img_convert/e9ac8f7359f996e7840d82e5ad86635d.png)
四 、相册图标
创作思路:制作相册主题图标时,最难的部分就是用钢笔工具勾出山的形状,山一定要带些弧度才能符合贴切主体图标的风格。在图形绘制好之后,一定要记得做出高光、渐变等效果。
![4539dfcbb86630f0f5033c0800a09fcf.png](https://img-blog.csdnimg.cn/img_convert/4539dfcbb86630f0f5033c0800a09fcf.png)
五 、相机图标
相机主题图标形状基本由圆角矩形、正六边形和圆形构成,在制作过程中一定要注意镜头的明暗变化,并且镜头需要做出投影突出它的立体感。实物镜头一般是黑色,但是在制作过程中一定要选择合适的颜色,让镜头和机身比较相配,不会突兀。
![3151deefddf225e3539aafdaa29afcee.png](https://img-blog.csdnimg.cn/img_convert/3151deefddf225e3539aafdaa29afcee.png)
六 、播放器图标
播放器图标的构成比较简单,选择的形状制作相对容易,但是按钮部分的三角形形状需要带一点弧度或者圆角,这个时候可以用AI制作出带圆角的三角形,然后拖入PS中,这样播放器的整体风格看起来就比较圆润可爱啦。
![a737b2a812776242678521dc3c730e1d.png](https://img-blog.csdnimg.cn/img_convert/a737b2a812776242678521dc3c730e1d.png)
结语
本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。
免责声明:本教程来源于网络,禁止商业使用, 禁止个人使用,仅供学习交流使用 ,版权归原作者所有, 若涉及版权问题,请及时联系删除!!!(小编分享只为自己和大家学习所用!越努力,越幸运!本头条号不承担任何法律责任!)