PS教程!教你制作儿童毛毡贴画风格手机主题图标

时间:2019-08-08
类别:PS教程
水平:入门
观众:17972
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

img

教程作者:软件基础营40期-A51-FF

教程指导:小胡舵主

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

创作思路

在创作主题图标的过程的时候,可以先通过找参考选出自己喜欢的风格或是图标内容,挑选其中代表的元素加入自己的构思,确定主题,然后再根据主题进行下一步的制作和修改。

我在选参考的时候发现许多图标的元素其实很简单,但是都非常有代表性,使人一眼就能知道其代表的功能。

所以我想到了儿童贴画也是以简单元素组成的画面,随后脑子里蹦出了前几年流行的毛毡,加以结合,可以使画面更加丰富,由此确定了主题。

定下主题画完草稿后,做了初稿,肥子老师看后,说没有毛毡的感觉,建议换成毛毡贴图。我在换成毛毡贴图后,通过图层样式做出了毛毡的厚度、体积感,并增加底部和缝线凸显层次和质感。色彩使用高饱和高明度的暖色从而更加贴近儿童贴画的感觉。

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

 

初稿

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

终稿

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

教程步骤

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

新建文档,大小3600*2800px,分辨率72。新建图层,命名背景,在图层样式中添加图案叠加,选择毛毡图案,并添加颜色叠加,模式改为叠加,参数如图。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤02  制作底座

新建510*510px的圆角矩形,圆角半径为130,命名底座,复制图层,命名底座厚度。选择底座图层,添加描边,转为智能对象,再添加图层样式,表现出底部周围的厚度感及整体的毛毡质感。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤03 制作底座厚度

选择底座厚度图层,把填充改为0%,添加图层样式,使底部整体有厚度突出的感觉,再转为智能对象,对其添加滤镜-智能模糊。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤04  制作横向缝线笔刷

新建文档,大小23*3px,填颜色#000000,选择编辑-定义画笔预设-命名为横向缝线。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤05 制作底座缝线

回到之前的图标文档中,新建图层,命名底座缝线。Ctrl点击底座图层缩略图调出形状选区,选择菜单中的选择-修改-收缩,收缩12像素。转到路径面板, Alt点击从选区生成路径的按纽,容差设置为1像素,创建工作路径。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

点击画笔工具,选择刚刚制作的‘横向缝线’画笔,并对画笔进行设置。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

转到路径面板,选择刚刚所创建的工作路径,右键单击选择描边路径。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

最后为缝线添加图层样式,增强真实感。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤06  制作山-1

新建406*406px的圆角矩形,圆角半径为96,与底座中心对齐。命名山-1,复制图层,命名山-2。选择山-1图层,选择与形状区域相交,创建511*390px的椭圆,选中图层,点击合并形状组件, 得出山-1的形状。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

复制山-1图层,命名为山-1厚度。选择山-1图层,添加描边,转为智能对象后,添加图层样式。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

选择山-1厚度图层,把填充改为0%,添加图层样式,使底部整体有厚度突出的感觉,再转为智能对象,对其添加滤镜-智能模糊。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

新建图层,命名山-1缝线。Ctrl点击山-1图层缩略图调出形状选区,选择菜单中的选择-修改-收缩,收缩10像素。转到路径面板, Alt点击从选区生成路径的按纽,容差设置为1像素,创建工作路径。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

点击画笔工具,选择 ‘横向缝线’画笔,并对画笔进行设置。转到路径面板,右键单击选择描边路径,最后添加缝线的图层样式。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤07  制作山-2

选择山-2图层,选择与形状区域相交,创建401*238px的椭圆,得出山-2的形状。随后做法与山-1基本一样,只有颜色参数需要稍作改动,凸显山的层次感,具体参数如下。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤08  制作山的底衬

Ctrl点击山-1和山-2图层缩略图调出形状选区,新建图层,点击Alt-delete 填充前景色,命名图层为山-底衬。选择山-底衬图层,添加描边,转为智能对象后,添加图层样式。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤09 制作底衬Y型笔刷

新建文档,大小23*27px,新建3*15px的矩形,命名Y-1,复制一层,命名Y-2,选择Y-1旋转43.65°后,复制图层,命名Y-3,选择Y-3图层,点击垂直翻转后,与Y-2图层沿画布中线对齐,移动Y-2图层,使其成为‘倒Y’型。选择编辑-定义画笔预设-命名为Y型笔刷。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤10  制作山-底衬的缝线

Ctrl点击山-底衬图层缩略图调出形状选区。转到路径面板, Alt点击从选区生成路径的按纽,容差设置为1像素,创建工作路径。点击画笔工具,选择 ‘Y型’画笔,并对画笔进行设置。转到路径面板,右键单击选择描边路径,最后添加缝线的图层样式。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤11  制作太阳

新建 47*47px圆形,命名太阳-底衬,复制两层,分别命名为太阳和太阳厚度。选择太阳-底衬图层,添加描边大小为20,选择太阳图层添加描边为10,之后的步骤都与山的制作步骤相似,颜色部分参数如下。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 步骤12  制作云朵

新建90*90 px圆形,按住shift绘制两个50*50 px的小圆,选择合并形状组件,得出云朵形状。之后的步骤都与太阳的制作步骤相似,颜色部分参数如下。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 相机

创作思路:选择镜头和闪光灯为元素去表现相机,镜头做两层可以增加层次感,使画面丰富。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 计算器

创作思路:用加减乘除表现计算器,一个形状与颜色稍加改动,可以让画面丰富,不单一。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 日历

创作思路:因为是贴画风格,不适宜用太复杂的形状和文字作为图标元素。所以使用数字和日历头部来表现出日历的感觉。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 电话

创作思路:钢笔勾出听筒的形状,在听筒部分添加两个色块,可以增强画面感,不单调。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 邮件

创作思路:用简单的三角形和矩形组合成信件的样子,再在信纸上做出内容的感觉,更好地去表现出这是一个信件的样子。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 应用商店

创作思路:考虑到要用最简单的元素去表达,于是就采用一般商铺前的雨棚来表现商铺的感觉。用钢笔勾出形状即可。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

  • 设置

创作思路:用移动按钮的方式去表达设置,颜色需要有变化,从而可以增加整体的层次感。

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

注意

颜色不要过多,现需要有主次,否则会使画面太过花哨,无法凸显重点。

由于毛毡贴图的结构和样式都是固定的,(结构为:底-底缝线-图形-图形厚度-图形缝线;样式除了颜色不同,其它基本相同)建议可以先做好各结构的图层样式,命名好,合并成一个组,之后可以直接复制样式加快制作。

但是,样式需要根据元素形状大小做适当参数上的微调,所以这个还是需要慢慢地去做,做到最好看才行!

最终效果

PS教程!教你制作儿童毛毡贴画风格手机主题图标

 

结语

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

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

 

相关推荐

→ PS教程!手把手教你制作轻拟物风格手机图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标

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

PS教程!教你制作儿童毛毡贴画风格手机主题图标

PS教程!教你制作儿童毛毡贴画风格手机主题图标


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

1 收藏 30

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

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

复制本文链接

发表评论 已发布 13

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片