PS教程!教你制作微拟物风格手机主题图标

时间:2019-06-18
类别:PS教程
水平:普通
观众:2.5w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

教程作者:软件基础营38期-A66-梧子

辅导老师:小胡舵主

交作业:#优设每日作业#

关于教程

本次教程是用ps制作出微拟物风格的手机主体图标,整体形状相对简单,难度不算很大,但是在颜色选择方面一定要慎重哦!要让整体作品看起来干净清爽才能更好体现出这个主题图标的特点。

你也想做出属于自己的手机图标吗?戳链接让肥子老师手把手教你→点我系统学习PS软件

 

创作思路

在制作主题图标的过程的时候,要先选好参考的图标内容,图标颜色。仔细观察其他作者的作品中是如何表示出各个图标的。这里选择了时间、播放器、天气、相机、计算器、相册。

在确定好自己的构思之后,先画一个大致的草图,然后就用软件开始制作。在制作过程中,要注意光影、体积等。这里的图标是半拟物风格,可以用图层样式来实现。

在图标制作好之后,排列顺序可以按照颜色深浅明暗进行排列,让整个画面显得有序规整,更好的体现出主题图标的特点。

在整个创作过程中,图标的光影体积是重点,应定要选择干净明亮的颜色,才能突出这组图标的特色,如若用色不当,会让整体看起来不够干净整洁,并且所有图标都应该色泽统一,明暗统一,投影大小统一。

通过学习主题图标的制作,让我更进一步的了解软件的应用,各个功能,并且能熟练使用,对今后制作各种原创作品有了更大的帮助,多做原创,对自己的思维、审美、设计都会有很大的益处,所以应多进行原创,提高自己的能力。

 

初稿

PS教程!教你制作微拟物风格手机主题图标

 

终稿

PS教程!教你制作微拟物风格手机主题图标

 

教程步骤

一 、信息图标

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

新建文档,大小3600*2800px,分辨率72。新建图层,命名背景,填充前景色#f9dfb6,图层模式改为正片叠底,不透明度32%。

 

  • 步骤 02  制作底座

新建720*720px的圆角矩形,圆角半径为200px,命名底座,填充颜色#ff7f8c,并添加图层样式来制造体积感。如图。

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

 

  • 步骤 03  制作信息的基本形状

新建430*320px的圆角矩形,再用钢笔工具勾出信息图形的小尾巴。将两个图层合并,命名为信息形状,并添加图层样式,如图。

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

 

  • 步骤 04  制作省略号

新建70*70px的椭圆,复制粘贴,得到3个圆,并且排列对齐,然后合并图层,命名为省略号,调整参数,如图。

PS教程!教你制作微拟物风格手机主题图标

 

  • 步骤 05  完成制作

PS教程!教你制作微拟物风格手机主题图标

 

二 、天气图标

  • 步骤 01  制作底座

新建720*720px的圆角矩形,圆角半径为200,命名底座,填充颜色c6da8f,并添加图层样式来制造体积感,如图。

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

 

  • 步骤 02  云朵形状的制作

按住shift,用椭圆工具制作2个240*240px和1个200*200px的圆,并制作一个矩形,将四个图形合并,命名为云朵,填充颜色#def1f1,如图。

PS教程!教你制作微拟物风格手机主题图标

添加图层样式,如图。

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

 

  • 步骤 03  制作太阳

用椭圆工具制作一个200*200的圆,填充颜色f39800,并命名为太阳。添加图层样式,如图。

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

将太阳图层放在云朵图层下面,完成制作。

PS教程!教你制作微拟物风格手机主题图标

 

三 、时钟图标

创作思路:形状比较简单,主要制作刻度和时针、分针。指针通过调整图层样式突出该图标的立体感以及光影感,用渐变叠加来给指针添加高光。

PS教程!教你制作微拟物风格手机主题图标

 

四 、相册图标

创作思路:制作相册主题图标时,最难的部分就是用钢笔工具勾出山的形状,山一定要带些弧度才能符合贴切主体图标的风格。在图形绘制好之后,一定要记得做出高光、渐变等效果。

PS教程!教你制作微拟物风格手机主题图标

 

五 、相机图标

相机主题图标形状基本由圆角矩形、正六边形和圆形构成,在制作过程中一定要注意镜头的明暗变化,并且镜头需要做出投影突出它的立体感。实物镜头一般是黑色,但是在制作过程中一定要选择合适的颜色,让镜头和机身比较相配,不会突兀。

PS教程!教你制作微拟物风格手机主题图标

 

六 、播放器图标

播放器图标的构成比较简单,选择的形状制作相对容易,但是按钮部分的三角形形状需要带一点弧度或者圆角,这个时候可以用AI制作出带圆角的三角形,然后拖入PS中,这样播放器的整体风格看起来就比较圆润可爱啦。

PS教程!教你制作微拟物风格手机主题图标

 

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

如果你也想制作属于自己的手机图标,那就戳链接让肥子老师手把手教你叭→点我系统学习PS软件

 

相关推荐

PS教程!教你绘制拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标

AI教程!手把手教你制作粉嫩喵团子手机主题图标

PS教程!教你制作微拟物风格手机主题图标

PS教程!教你制作微拟物风格手机主题图标


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···

从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发 【参与方式】每天在 #优设每日作业# 内,上传打卡练习,话题微博格式【 DAY 01~365 】转发视为参加。(动图为打卡演示) 【收获】更好的自己

5 收藏 35

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片