PS教你制作扁平化HTC ONE

   事先声明,这不是广告。就是一个简约的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图片处理
时间: 2024-08-31 18:52:10

PS教你制作扁平化HTC ONE的相关文章

PS怎么制作扁平化htc one

  今天小编给大家带来的ps教程是教您如何制作扁平化htcone;其实制作其它图标也是类似的思路;下面我们一起来看看扁平化htcone制作的ps教程吧. 1.创建新文件,大小1200×1600 px,油漆桶上色,#20ade1,分辨率72px 2.选择圆角矩形工具,勾选"对齐边缘" 宽度:680px 高度:1350px 半径:70px 3.Ctrl/CMD+A全选,然后水平居中,垂直居中,然后Ctrl/CMD+D取消选择 4.双击形状图层缩略图,颜色改为#d6d6d6重命名为"

PS教你制作超现实感人像摄影照片

对于外拍人像,相信大家的经验一定非常丰富,但您有想过把人像拍出具有超现实感的摄影作品吗?今天PS教你制作超现实感人像拼贴照片 对于外拍人像,相信大家的经验一定非常丰富,但您有想过把人像拍出具有超现实感的摄影作品吗?这次笔者便介绍一下怎样利用Photoscape这套免费软件制作人像合成相片吧! Photoscape 是一款简单而有趣的照片编辑和修正软件,也是一组适合摄影初学者所学习使用的免费下载修图软件. 拍摄要点 创作超现实摄影作品其实一点都不难,首先我们必须准备摄影用的相机及三角架,拍摄背景尽

Illustrator制作扁平化动物卡通头像绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作扁平化动物卡通头像的绘制教程. 教程分享: 1.创建一个优雅的暹罗猫 第1步 首先从一个由椭圆工具(L)制作的60 x 60 px大小的圆形成猫的脸. 用浅褐色填充这个圆.   第2步 用直接选择工具(A)选择两边的锚点并将其向下拉动,改变脸部的形状.   第3步 现在让我们制作猫的耳朵. 选取多边形工具并制作一个大小大约为17 x 15 px的三角形. 使用效果>变形>凸出并设置垂直方向的弯曲值为40%. 给这个形状应用对象&

利用PS教你制作烟雾效果

  制作烟雾效果,此类后期教程针对初学者,因人所喜,因人而异.对于各类调色技巧和质感技巧,且看摄影师李小蕾(微博:@摄影师李小蕾)的分享. 简单的方法,一步到位,可以下载一个烟雾笔刷,在网上下载各类笔刷,如雨点笔刷.雪笔刷.光效笔刷.光束笔刷等等. 第一步,选择画笔工具. 第二步,把下载的笔刷载入到画里. 载入后有上百种烟雾效果供选择. 第三步,把烟雾涂抹到图片上. 只要轻轻一点,烟雾就出来了. 用光的艺术 简单几步教你模拟自然光束 怎么使用光线笔刷: 新建一个图层,把光线笔刷涂抹上去. 第五步

ps教你制作西瓜效果

  效果图: 操作步骤如下: 1. 新建一个文件,新建一个新图层1,大小为600*400. 2. 画一个椭圆,前景色设为一种淡黄色,背影色设为墨绿色,用径向渐变工具从左上角至右下角进行渐变,画成一个球体. 3. 新建图层2,矩形选区工具画一长条,填充深绿色,这一层用来制作瓜纹,按住ALT键拖动矩形长条进行复制. 4. 在图层2上,载入图层1的选区. 5. 滤镜 / 扭曲 / 波纹:大小为中,数量为285 6. 滤镜 / 扭曲 / 球面化:数量设为100%. 7. 反选,把多余的东西删除.最终效果

PS教你制作超现实感人像拼贴照片

  对于外拍人像,相信大家的经验一定非常丰富,但您有想过把人像拍出具有超现实感的摄影作品吗?这次笔者便介绍一下怎样利用Photoscape这套免费软件制作人像合成相片吧! Photoscape 是一款简单而有趣的照片编辑和修正软件,也是一组适合摄影初学者所学习使用的免费下载修图软件. 拍摄要点 创作超现实摄影作品其实一点都不难,首先我们必须准备摄影用的相机及三角架,拍摄背景尽量选择单纯且较暗的环境,现场光线为自然光.一开始我们预先安排Model走位拍摄的位置.肢体动作.服装变化,再实际拍摄. (

PS教你制作非主流完美睫毛

原图 最终效果图 睫毛制作方法: 1.打开PS软件把照片打开,把颜色设置成黑色,点画笔工具.在照片上点右键,弹出选项框点右上角箭头弹出选项表,选择载入画笔. 2.在弹出的对话框中选择眼睫毛笔刷载入即可. 3.点画笔工具弹出画笔笔刷选项框,选择你喜欢的眼睫毛笔刷. 4.现在按F5弹出画笔预设栏. a:选择画笔笔尖形状. b:选择你喜欢的笔刷. c:把笔刷翻转左右翻转和上下翻转.因为笔刷都是向下的. d:调节笔刷的大小(长短). e:调节笔刷的倾斜和角度.高低长短. f:调节笔刷的密度. 5.调节好

PS教你制作一个精致的大众汽车LOGO

  这个教程将向你展示,如何运用图层样式.径向渐变工具和多边形套索工具,来描摹传说中的大众形象标志. 我们的教程被分为两个简要的阶段: 1. 创建圆形球面 2. 绘制 "VW"徽标(大众Logo的主形--译者注) 作者PSD源文件:微盘下载 一.创建圆形球面 首先,我们在Phoptshop中执行 文件>新建 ,并创建一个250×250的新文件,使用下图的属性设置 在我们开始绘制Logo之前,找到位于你工作区左部的工具箱,一路向下到工具箱底部,更改前景色为#82B2E0,背景色为#

PS教你制作逼真的机械小蜜蜂

  效果图: 一.选择钟表齿轮的部分 1. 我想最难的部分就是选择组成蜜蜂身体部分的金属锯齿啦~我们将要选择如下图所示的红色区域哦~这里用的是快速蒙版,但你可以用自己的方法将它们抠取出来~ 二.摆放金属部分到蜜蜂的身躯 1. 新建1500×1500 px, 72分辨率的图层,然后将蜜蜂素材放置进去~将如下图所示的金属部分放置到蜜蜂的身上,摆放的位置一定要看起来很自然,如果不自然,我们就需要适当的调整位置啦~ 2. 之后我们就继续添加其他的金属部分,旋转变形,摆放的位置如图所示哦~这部分是由两个相