Photoshop绘制立体感十足的手机图标

初稿

1621836151-374c3c471834b48

终稿

1621836098-4da6f6173e1a984

教程步骤

一、天气图标的制作

步骤01制作底座

1.1 新建735*735px的圆角矩形,圆角半径为300px,命名为【底座】。并为其添加图层样式。

1621836118-d14f4eac15c2c2b

1621836151-87a393e980cfbcf

1621836100-8a8c6c43e86df45

1.2 新建570*570px的圆,命名为【内圆】并为其添加图层样式。

1621836103-2529eb9b5b76db9

1621836101-3a93de78e5679c7

1621836099-3051c26554eb13a

1.3 选中【底座】、【内圆】并使用移动工具—“垂直居中对齐”、“水平居中对齐”使两者居中对齐。

1621836101-252c53af88fab27

步骤 02 制作山丘

2.1 新建675*675px的圆,命名为【山丘-1】并为其添加图层样式。

1621836098-dd019c24e4610f0

2.2 单击【内圆】,右键【山丘-1】图层并选择【创建剪贴蒙版】。

1621836100-257d52039a10bdc

2.3 新建675*675px的圆,命名为【山丘-2】,并为其添加图层样式。

1621836099-3051c26554eb13a

2.4 单击【内圆】,右键【山丘-2】图层并选择【创建剪贴蒙版】。将图层编组(快捷键Ctrl+G),命名为【山丘】。

1621836120-0a06540f827bfe5

步骤03制作云朵

3.1 新建475*190px,半径为90px的圆角矩形,选择“合并图层”后,建立200*200px、100*100px的圆,命名为【云朵】并为其添加图层样式。

1621836106-697b83842c950fe

1621836102-0657b6faf640492

步骤04制作投影

4.1 将【云朵】复制一层,重命名为【云朵投影】,并删除图层样式。

4.2 填充色为#070707,调节不透明度为87%。

4.3 单击【底座】,右键【云朵投影】图层并选择【创建剪贴蒙版】。

4.4 打开【底座】混合选项,勾选【将内部效果混合成组】,取消【将剪贴图层混合成组】。

1621836132-111546a1892e69e

最后将云朵、云朵投影、山丘、内圆、底座进行编组(快捷键Ctrl+G),命名为【天气图标】。

1621836104-4e71a93d10c1e74

二、文件图标的制作

步骤01制作底座

1.1 将天气图标的底座、内圆复制一层(快捷键Ctrl+J)。

1.2 更改底座颜色。

1621836105-ad24c31813560fd

1621836105-f0fd9cf4eb5979a

1.3 更改内圆颜色。

1621836112-51c99e750ff2bdc

1621836150-17737efb6f80759

1621836117-b09ca95a0213591

步骤02制作文件

2.1 新建310*335px的矩形,命名为【纸】并为其添加图层样式。

1621836113-c092663077c1e58

2.2 新建5个245*8px,半径为3圆角矩形。

选中所有圆角矩形并使用移动工具—“垂直居中对齐”、“垂直居中对齐”使其居中对齐。

选中5个圆角矩形,右键”图层合并形状“,命名为【横线】,并为其添加图层样式。

2.3 选中【底座】、【内圆】、【纸】、【横线】并使用移动工具—“垂直居中对齐”、“水平居中对齐”使两者居中对齐。

1621836114-a065209f6831155

2.4 新建385*400px,半径为60px的圆角矩形。选择“减去顶层形状”后,新建660*680px的椭圆。命名为【文件袋】并为其添加图层样式。

1621836119-de23267a424a622

2.5 将【文件袋】、【纸】、【横线】进行编组(快捷键Ctrl+G),命名为【文件】

1621836114-56c84ecb4519781

步骤03制作放大镜

3.1 新建210*210px的圆,选择“减去顶层形状”后,建立150*150px的圆;再选择“合并图层”后,建立55*35px的矩形。旋转45°,命名为【镜框】,并为其添加图层样式。

1621836115-a9572c508a773f1

1621836115-9811ac7894fc60c

3.2 将【镜框】、【把手】进行编组(快捷键Ctrl+G),命名为【放大镜】

1621836118-340a646058102b0

步骤04制作投影

1.将【放大镜】复制一层,合并图层,重命名为【放大镜投影】,并删除图层样式。

2.填充色为#6a6a6a,调节不透明度为25%。

3.单击【底座】,右键【放大镜投影】图层并选择【创建剪贴蒙版】。

最后将放大镜、放大镜投影、文件、内圆、底座进行编组(快捷键Ctrl+G),命名为【文件图标】。

1621836125-80ef43eeff5d255

三、画图图标的制作

步骤01制作底座

1.1 将天气图标的底座、内圆复制一层(快捷键Ctrl+J)。

1.2 更改底座颜色。

1621836116-b8f49566614adc1

1621836148-e9c78a82b372a78

1.3 更改内圆颜色。

1621836137-0a8e12fa6e699bf

1621836121-88fee6344137c36

步骤02制作画图板

2.1 新建340*355px,半径25px的圆角矩形,命名为【画板】并为其添加图层样式。

1621836143-47eca928b15d677

2.2 新建260*290px,半径25px的圆角矩形,命名为【纸】并为其添加图层样式。

1621836147-bff12bcc7155314

2.3 新建2个170*15px、半径5px,1个85*15px、半径5px的圆角矩形。

选中所有圆角矩形并使用移动工具—“垂直居中对齐”、“垂直居中对齐”使其居中对齐。

选中3个圆角矩形,右键”图层合并形状“,命名为【横线】,并为其添加图层样式。

1621836123-97f3f4c2e8490c3

2.4 新建175*50px、半径10px的圆角矩形,选择“合并图层”后,建立120*75px、半径37px的圆角矩形,命名为【夹子】,并为其添加图层样式。

1621836126-131a75dd933c8c5

2.5 将【画板】、【纸】、【横线】、【夹子】进行编组(快捷键Ctrl+G),命名为【画图板】

1621836117-f1a01a3d67da501

步骤03制作三角尺

3.1 新建365*350px矩形,选择”删除锚点工具“删除左上角的锚点。

3.2 然后选择”减去顶层形状“,建立165*155px矩形,选择”删除锚点工具“删除左上角的锚点。命名为【尺子】并为其添加图层样式。

1621836136-893aefd7d97a81d

3.3 新建5个6*22px,半径2px的圆角矩形,旋转-40°。

3.4 选中5个圆角矩形,右键”图层合并形状“,命名为【刻度】,并为其添加图层样式。

1621836122-44f3766d1388a44

将【尺子】、【刻度】进行编组(快捷键Ctrl+G),命名为【三角尺】

1621836132-da29db4590e8759

步骤04制作投影

4.1 将【三角尺】复制一层,合并图层,重命名为【三角尺投影】,并删除图层样式。

4.2 填充色为#cfcfcf,调节不透明度为91%。

4.3 单击【底座】,右键【三角尺投影】图层并选择【创建剪贴蒙版】。

4.4 最后将三角尺、三角尺投影、画图板、内圆、底座进行编组(快捷键Ctrl+G),命名为【画图图标】。

1621836124-dc87f0c0645b943

四、画画图标的制作

步骤01制作底座

1.1 将天气图标的底座、内圆复制一层(快捷键Ctrl+J)。

1.2 更改底座颜色。

1621836125-68ad292e98faf25

1.3 更改内圆颜色。

1621836122-cc4804afccd6bdb

1621836127-afb94345c1f3864

步骤02制作海浪

2.1 用钢笔工具勾画出形状,填充色为#d6f0fd,命名为【海浪1】并为其添加图层样式。

1621836126-13a14deb2cc6e66

2.2 用钢笔工具勾画出形状,填充色为#63a2d8,命名为【海浪2】并为其添加图层样式。

1621836133-5f8b44fab599731

2.3 用钢笔工具勾画出形状,填充色为#0d8ed0,命名为【海浪3】并为其添加图层样式。

1621836128-cfec3f5f4cc4f84

2.4 钢笔工具勾画出形状,填充色为#0073b1,命名为【海浪4】并为其添加图层样式。

1621836132-0ee035120d9f51d

步骤03制作画笔

3.1 新建70*340px矩形,旋转45°,命名为【笔杆】并为其添加图层样式。

1621836136-80fac6d9e32ee28

3.2 新建70*340px矩形,旋转45°,命名为【连接处】并为其添加图层样式。

1621836145-78a8eab1a53d5a5

3.3 新建70*150px椭圆,选择”减去顶层形状“后建立70*100px矩形,减去一部分椭圆,命名为【笔头】并为其添加图层样式。

1621836148-5e2cf42c3c4e524

3.4 最后将【笔头】、【连接处】、【笔杆】进行编组(快捷键Ctrl+G),命名为【画笔】。

步骤04制作投影

4.1 将【画笔】复制一层,合并图层,重命名为【画笔投影】,并删除图层样式。

4.2 填充色为#c3c7c7,调节不透明度为89%。

4.3 单击【底座】,右键【画笔投影】图层并选择【创建剪贴蒙版】。

4.4 最后将画笔、画笔投影、海浪、内圆、底座进行编组(快捷键Ctrl+G),命名为【画画图标】。

1621836135-066c377a87b6f25

最终效果

1621836098-4da6f6173e1a984

温馨提示:如果发现分享VIP资源我们将取消会员资格

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好素材或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的素材、教程、插件等等其他资源,都不包含技术服务 请大家谅解!
5. 如有链接无法下载、失效或广告,请点击后面字体→到投诉版块区举报,可领回失去的金币,并额外有奖!
6. 如遇到加密压缩包,默认解压密码为"www.vscops.com",如遇到无法解压的请联系管理员!
---------------DMCA-版权申明------------
》资源下载链接由会员自发搜集于网络,仅供学习与参考,不得以任何方式用于商业用途,如需商用请联系版权拥者取得商业授权!
》本站非常重视知识产权,如有侵犯任何第三方权益,请及时联系(Email:1368484210@qq.com),我们将及时予与删除。

摄视觉 » Photoshop绘制立体感十足的手机图标