企业及高校合作：010-59833514 ‬咨询电话：400-810-1418 服务与监督电话：400-810-1418转接2
北京
b

北京

g

广州

h

杭州

s

上海

w

武汉

火星网校
课程导航
元宇宙设计
虚幻引擎视效表现大师班 虚幻引擎交互开发工程师班
游戏设计
原画概念设计大师班 游戏UI设计师班 3D模型大师班 游戏动作设计师班 游戏特效大师班 VR视效与交互大师班
剪辑包装
影视剪辑包装广告大师班 影视剪辑大师班
影视后期
影视原画与模型渲染大师班 3D角色动画大师班 影视特效与合成大师班
游戏程序
Unity3D游戏开发工程师班 虚幻引擎交互开发工程师班
U I 设计
AI+UX设计大师班
商业插画
商业插画高级设计师班 艺术设计基础班
IT 学院
WEB前端+全栈工程师班 人工智能+Python开发工程师班
室内设计
室内设计表现大师班 室内高级设计师班 室内高级设计研修班 BIM全科班 VR建筑与室内表现设计师班
当前位置：首页 >教程首页 > Photoshop >PS教你制作扁平化HTC手机

PS教你制作扁平化HTC手机

发布时间：2018-11-17 19:57:24
　　这是一个简约的PS教程，适合练手，制作其它图标也是类似的思路。融会贯通，您可以将任何物体扁平化成小巧可爱的图标。
 

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

 
　　2.选择圆角矩形工具，勾选”对齐边缘”
 
　　宽度：680px
 
　　高度：1350px
 
　　半径：70px
 

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

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

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

 
　　宽度：670px
 
　　高度：1340px
 
　　半径70 px
 
　　颜色设为#ffffff，然后水平居中，垂直居中。
 
　　当然，如果你用的是CC，完全可以复制一份图层，然后使用实时形状属性进行修改，如下图。
 
　　现在，上下左右各有5px的空间了
 
 
　　6.使用矩形工具
 
　　宽度：670px
 
　　高度：1150px
 

 
　　颜色#2d2d2d
 
　　水平居中并垂直居中，命名为屏幕1
 

 
　　7.使用矩形工具
 
　　宽度：640px
 
　　高度：1035px
 

 
　　颜色#646464
 
　　栅格化图层，Shift+向上箭头 3次，命名为屏幕2
 

 
　　8.扬声器部分，使用椭圆工具。
 
　　宽度:5px
 
　　高度:5px
 
　　颜色#000000
 

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

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

 
　　我的方案是1-2-4-8-16，然后复制了3个16栏，调整后合并。
 
　　复制完了水平居中，然后用方向键调节位置，让扬声孔贴紧屏幕。然后Shift+向上键 2次
 

 
　　9.摄像头部分
 
　　椭圆工具
 
　　45×45颜色#222222
 
　　27×27 颜色#333333
 
　　19×19 颜色 #515151
 
　　9×9 颜色#6d6d6d
 

 
　　选择四个图层，然后水平居中，垂直居中，Ctrl+G编组，命名为”摄像头”
 
　　视图>显示>智能参考线
 
　　然后让摄像头和扬声器圆点垂直中心对齐，让摄像头紧挨圆点，然后Shift+向右键 4次
 

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

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

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

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

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

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

 
　　完工！
 

上一篇 PS快速把美女合成到水花四溅的玻璃瓶中

下一篇 PS完美抠出穿婚纱的新娘照片

返回列表
学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

热门课程

专业讲师指导 快速摆脱技能困惑

相关文章

多种教程 总有一个适合自己

专业问题咨询

你担心的问题，火星帮你解答

火星资讯

链接合作电话 : 400-180-1418
室内设计 游戏培训 ui设计培训 影视特效培训 插画培训 原画培训 动画培训 平面设计培训 建筑设计 动漫培训 火星问答 web前端培训 技校 学技术 中专 动漫绘画教程 通用培训
关于火星
关于我们 人才合作 建议和意见
内容分类
频道专区 热门标签
火星优势
师资团队 教学模式 课程研发 学员成果 图书出版 资质认证
帮助中心
专业选择 考察学校 学习方式 如何就业 如何退费
联系我们
课程咨询：400-810-1418 人力资源：010-59833585 总机电话：010-59833333 监督电话：400-810-1418转接2 就业部：010-59833202 企业及高校合作：010-59833514 市场合作：010-59833359
©2021, www.hxsd.com 北京火星时代网络技术有限公司 电信与信息服务业务经营许可证070738号 京ICP备09083002号-6  京ICP证061064号  京公网安备11010502025474
获取验证码

×

确定