PS新手教学:教你创作扁平化HTC Onephotoshop教程

PS新手教学:教你创作扁平化HTC Onephotoshop教程

PS新手教学:教你创作扁平化HTC One-photoshop教程

photoshop,PS教程,扁平化,,教程

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图我的爱 · 创-WODEAI.NET|3D打印机创意智造

事先声明,这不是广告。就是一个简约的PS教学,适合练手,创作其它图标也是类似的思路。融会贯通,您可以将任何物体扁平化成小巧可爱的图标:)

PSD源文件下载

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图1我的爱 · 创-WODEAI.NET|3D打印机创意智造

1. 创建新文件,大小1200×1600 px,油漆桶上色,#20ade1,分辨率72px

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图2我的爱 · 创-WODEAI.NET|3D打印机创意智造

2.选择圆角矩形工具,勾选】对齐边缘】

宽度:680px

高度:1350px

半径:70px

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图3我的爱 · 创-WODEAI.NET|3D打印机创意智造

3.Ctrl/CMD+A 全选,然后水平居中,垂直居中,然后Ctrl/CMD+D取消选择

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图4我的爱 · 创-WODEAI.NET|3D打印机创意智造

4.双击形状图层缩略图,颜色改为 #d6d6d6 重命名为】外部轮廓】

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图5我的爱 · 创-WODEAI.NET|3D打印机创意智造

5.继续圆角矩形工具,勾选】对齐边缘】

宽度:670px

高度:1340px

半径70 px

颜色设为#ffffff,然后水平居中,垂直居中。

当然,如果你用的是CC,完全可以复制一份图层,然后实时形状属性进行修改,如图所示。

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图6我的爱 · 创-WODEAI.NET|3D打印机创意智造

现在,上下左右各有5px的空间了

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图7我的爱 · 创-WODEAI.NET|3D打印机创意智造

6.矩形工具

宽度:670px

高度:1150px

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图8我的爱 · 创-WODEAI.NET|3D打印机创意智造

颜色#2d2d2d

水平居中并垂直居中,命名为屏幕1

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图9我的爱 · 创-WODEAI.NET|3D打印机创意智造

7.矩形工具

宽度:640px

高度:1035px

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图10我的爱 · 创-WODEAI.NET|3D打印机创意智造

颜色#646464

栅格化图层,Shift+向上箭头 3次,命名为屏幕2

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图11我的爱 · 创-WODEAI.NET|3D打印机创意智造

8.扬声器部分,椭圆工具。

宽度:5px

高度:5px

颜色#000000

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图12我的爱 · 创-WODEAI.NET|3D打印机创意智造

栅格化图层,复制,按向上键移动8次,让两个黑点间距离为3px,然后打造出4个黑点,合并图层。

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图13我的爱 · 创-WODEAI.NET|3D打印机创意智造

我们共需要48 栏x 4个黑点,大家可自行合并

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图14我的爱 · 创-WODEAI.NET|3D打印机创意智造

我的方案是1-2-4-8-16,然后复制了3个16栏,调整后合并。

复制完了水平居中,然后用方向键调节位置,让扬声孔贴紧屏幕。然后Shift+向上键 2次

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图15我的爱 · 创-WODEAI.NET|3D打印机创意智造

9.摄像头部分

椭圆工具

  • 45×45颜色#222222

  • 27×27 颜色#333333

  • 19×19 颜色 #515151

  • 9×9 颜色#6d6d6d

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图16我的爱 · 创-WODEAI.NET|3D打印机创意智造

选择四个图层,然后水平居中,垂直居中,Ctrl+G编组,命名为】摄像头】

视图>显示>智能参考线

然后让摄像头和扬声器圆点垂直中心对齐,让摄像头紧挨圆点,然后Shift+向右键 4次

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图17我的爱 · 创-WODEAI.NET|3D打印机创意智造

10.扬声器左边加两个圆,尺寸16x 16,扬声器和圆之间距离25px,两圆之间距离10px

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图18我的爱 · 创-WODEAI.NET|3D打印机创意智造

11.SHIFT+ALT +拖移扬声器图层,贴紧屏幕下边缘,Shift+向下键两次

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图19我的爱 · 创-WODEAI.NET|3D打印机创意智造

12.最后,我们需要添加图标,左边的图标直线工具,粗细3px,随便画一条,然后自由变换,长度18,宽度18,CTRL+J复制图层,然后水平翻转,调整位置,让两个直线形状图层拼成向左箭头,然后合并图层。

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图20我的爱 · 创-WODEAI.NET|3D打印机创意智造

颜色设为#C9C9C9,只能参考线让箭头图层和扬声器图层左边缘对齐

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图21我的爱 · 创-WODEAI.NET|3D打印机创意智造

垂直对齐,用矩形选框选取下图的位置,然后选择垂直居中对齐就可以了。命名为左图标

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图22我的爱 · 创-WODEAI.NET|3D打印机创意智造

右图标,直线工具,3px,下边宽度20px,左右边高度12px,然后用直线工具画出两条正方形对角线交合。对齐什么的参考上一步便可。命名为右图标

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图23我的爱 · 创-WODEAI.NET|3D打印机创意智造

完工!

PS新手教学:教你创作扁平化HTC Onephotoshop教程插图24我的爱 · 创-WODEAI.NET|3D打印机创意智造

原文地址:99designs优设网翻译:@MartinRGB

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/557889.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码