PS教程!轻拟物奶油质感手机主题图标

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

img

教程作者:软件基础营41期-A23-小美

教程指导:小胡舵主

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

创作思路

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

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

 

修改前后对比

PS教程!轻拟物奶油质感手机主题图标

 

制作步骤

电话

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

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

PS教程!轻拟物奶油质感手机主题图标

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

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

PS教程!轻拟物奶油质感手机主题图标

 

  • 步骤 02  制作底座

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

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

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

信息

  • 步骤01  制作底座

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

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

2.1 新建一个椭圆再用钢笔工具勾出一个圆角三角形,为他们做布尔运算合并形状组件。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

2.2 接着为信息内底添加图层效果,参数如图所示。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

2.3 新建50*50椭圆,填充色为ffeec6,接着复制两个椭圆出来。

PS教程!轻拟物奶油质感手机主题图标

2.4 为椭圆添加图层效果,参数如图。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

浏览器

  • 步骤01  制作底座

1.1 新建490*490的圆角矩形,圆角半径为220,填充颜色为d2f5a6。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

  • 步骤 02  制作浏览器的基本形状

2.1 新建300*300的椭圆,选中椭圆,运用布尔运算减去顶层,在中心剪掉一个150*150的椭圆。

2.2 颜色填充为ffffff。效果如图所示。

PS教程!轻拟物奶油质感手机主题图标

2.3 为其添加图层效果,参数如图。

PS教程!轻拟物奶油质感手机主题图标

 

  • 步骤 03  制作浏览器云朵

3.1 新建113*45的矩形,再按住shift新建三个椭圆形状,大小分别为97*97,87*87,125*125。

3.2 按住shift,用路径选择工具同时选中矩形和两个较小的圆形,在属性栏的对齐中选择底对齐。

3.3 调整矩形和圆形的位置,并注意矩形的两条较短边,要正好通过两个较小圆形的圆心,使形状平滑。

PS教程!轻拟物奶油质感手机主题图标

3.4 制作云上的明暗光影。参数如图。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

联系人

  • 步骤01  制作底座

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

  • 步骤 02  制作联系人的基本形状

1.1 新建椭圆161*158,填充色为ffffff。

PS教程!轻拟物奶油质感手机主题图标

1.2 为其添加明暗光影。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

1.3 新建形状,用钢笔勾出联系人的身子。

PS教程!轻拟物奶油质感手机主题图标

1.4 为其添加光影效果,参数如图。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

天气

  • 步骤 01  制作底座

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

  • 步骤 02  制作天气的基本形状

2.1 新建174*83的矩形,再按住shift新建三个椭圆形状,大小分别为177*177,136*136,166*166。

2.2 按住shift,用路径选择工具同时选中矩形和两个较小的圆形形,在属性栏的对齐中选择底对齐。

2.3 调整矩形和圆形的位置,并注意矩形的两条较短边,要正好通过两个较小圆形的圆心,使形状平滑。

PS教程!轻拟物奶油质感手机主题图标

2.4 为其添加明暗光影,参数如图。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

播放器

  • 步骤 01  制作底座

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

  • 步骤 02  制作播放器的基本形状

2.1 用钢笔勾出圆润的三角形状,注意圆角弧度拉大一点。

PS教程!轻拟物奶油质感手机主题图标

2.2 为其添加光影明暗效果。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

播放器

  • 步骤 01  制作底座

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

  • 步骤 02  制作计算机的基本形状

2.1 选取圆润的字体输入“+  –  × =”,或者使用钢笔和形状工具相结合调节出圆润的字体。

PS教程!轻拟物奶油质感手机主题图标

2.2 为其添加光影明暗效果。四个符号效果一样,依次复制粘贴。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

音乐

  • 步骤 01  制作底座

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

  • 步骤 02:制作计算机的基本形状

2.1 钢笔勾出乐府形状。填充颜色为ffffff。

PS教程!轻拟物奶油质感手机主题图标

2.2 为其添加明暗光影效果。

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

最终效果

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标

 

结语

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

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

 

相关推荐

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

PS教程!轻拟物奶油质感手机主题图标

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

PS教程!轻拟物奶油质感手机主题图标

PS教程!轻拟物奶油质感手机主题图标


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

1 收藏 31

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

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

复制本文链接

发表评论 已发布 4

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片