PS教你绘制一枚扁平的相机图标

   人长得胖,没有关系,PS能帮你瘦身;人长得丑,也没有关系,PS可以帮你美容,总之PS已经强大到生活的各个领域,在这个照片不可信的年代,我们是有必要学一学PS的。


  Step 01

  点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S)。


  Step 02

  选择【圆角矩形工具】(快捷键U,可按Shift+U切换),在画布点击【创建圆角矩形】弹出层,设置宽度为200px,高度为150px,半径10px,并勾选【从中心】,然后点击确定;(PS:因为是不规则形状的主题图标,长宽比采用4:3比例)


  Step 03

  重命名图层为di,右键选择【混合选项】,设置

  【描边】:大小为1,位置内部,填充类型为渐变,色值从上到下为 #ededed — #ffffff,角度为90°

  【渐变叠加】:线性渐变,色值从上到下为 #f1f1f1 — #ffffff,角度为90°;

  再复制图层(快捷键Ctrl+J),重命名为di2,填充颜色改为b9b9b9,并把图层向下移动三像素;


  Step 04

  绘制镜头部分,选择【椭圆工具】(快捷键U,可按Shift+U切换),按住Shift键画个正圆,大小自定适合即可,源文件的大小是为120×120px,图层重命名为B_yuan;设置图层混合选项:

  【描边】:大小为5,位置外部,填充类型为渐变,色值从上到下为 #d5d5d5 — #e6e6e6,角度为90°

  【渐变叠加】:色值从上到下为 #292929 — #232323,角度为90°

  【投影】:颜色为#323232,角度90°,距离7px,扩展0,大小13px;

  复制图层B_yuan重命名为Blue_yuan;点击【编辑】—【自由变换路径】(快捷键Ctrl+T),缩小60%(记得点击【保持长宽比】),右键清除图层样式,选择【混合选项】设置:

  【描边】:大小1px,位置内部,颜色# 111111,

  【渐变叠加】:线性渐变,色值从上到下为 # 082441 — # 08101b,角度为90°;

  再用【椭圆工具】画个正圆,大小自定,命名为S_yuan,填充颜色# 0c0c0c,

  最后画镜头的高光,一样用【椭圆工具】画个正圆,大小自定,命名为guang,填充颜色# FFFFFF,不透明度为10%;


  Step 05

  绘制相机的顶部,用【椭圆工具】和【矩形工具】通过删除部分节点、路径移动和填充颜色等绘制,在此就不一一详解;

  最后绘制相机的小红点,用【椭圆工具】画个正圆,大小自定,放在相机的左上角位置,设置图层样式:

  【描边】:大小1px,位置外部,颜色#ff4d42;

  【内阴影】:颜色#ff483d,角度90°,距离5px,阻塞0,大小8px;

  【渐变叠加】:线性渐变,色值从上到下为 # fe574c — #ff463b,角度为90°;

  完成图标的绘制。


  END:用相同的方法跟技巧完成整套主题图标,应该注意整体的一些细节(图片来自设计师@ElethomHunter),因为这套主题是不规则形状的,形状上无法统一,整体视觉细节效果应更加谨慎细腻。

分类:

  • PS入门教程
  • ps图标制作教程
时间: 2024-08-31 03:25:17

PS教你绘制一枚扁平的相机图标的相关文章

PS手把手教你绘制一枚扁平的相机图标

  Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为200px,高度为150px,半径10px,并勾选[从中心],然后点击确定;(PS:因为是不规则形状的主题图标,长宽比采用4:3比例) Step 03 重命名图层为d

PS教你绘制一枚经典的ITUNES图标

  在Photoshop中,图层样式是最为直观的东西,所有的效果都能量化,以数值的形式表现出来,就是各种晦涩难懂的等高线也可以用数字来表现.利用图层样式中的混合模式可以得到千变万化的效果,很多的UI和icon绚丽的效果大多数是靠图层样式来实现的. 今天的iTunes图标是一个非常经典的icon,不过现在你们看不到了.现在的版本只能说是走火入魔,推崇扁平化,说它漂亮也谈不上,说难看也不至于~ 下面是我完成的效果图,不过我对它的外轮廓作了一些恶搞性质的变化.这个外形介于正方形和圆形之间,它跟圆角矩形

PS教你绘制一枚写实的皮包图标

  我们的最终效果: 下面,教程开始! 在正式做图标之前,需要先自定义一个图案. 首先新建一个1000×1000px 的画布,填充颜色#c5ab90,然后[滤镜]-[杂色]-[添加杂色],给图层添加7%的杂色.完成之后,[编辑]-[自定义图案]添加一个图案,命名为[磨砂纹理] 准备工作做好了,开始画皮包. 新建一个1000×1000的画布,填充一个从#d9d5cf到#9c8c7e的径向渐变. 建一个512×512,半径为90的圆角矩形,并添加图层样式,其中[图案叠加]叠加的是刚才新建的[磨砂纹理

PS手把手教你绘制一枚精致的相机图标

  最终效果: 1,新建一个2000*2000的画布 (因为之后需要设置一些参数是根据画布大小而定的,所以不想自己调参数的话就跟我设置同样大小的画布吧) 2,新建一个图层,然后随便填充一个颜色(太简单不上图了) 3,双击图层一,打开图层样式,使用渐变叠加. 4.拉好参考线,画出一个圆角矩形. 5.再画一个圆角矩形,圆角半径设置如图,颜色设置为灰色.将图层取名为右边. 6.按住Ctrl点击"右边"图层的缩略图,得到此图层的选区,并且新建一个图层取名为"右边白边". 7

PS+AI教你绘制一枚APPLE WATCH奖章图标

  来教大家画一枚Apple Watch成绩奖章绘制教程,数字和色彩的巧妙结合加上强烈的3D质感,一见倾心,而且适合PS零基础的原生菜鸟呦 >>> 分类: PS鼠绘教程 ps图标制作教程

PS教你临摹一枚精致的筹码图标

  今天来一枚精致的筹码图标临摹教程,作者@Vivi_vina 是优设基础训练营的同学,想入行设计的新同学,前期的大量临摹是必不可少的,不多说,这类教程收藏后记得练习呦. 分类: PS入门教程 ps图标制作教程

PS高手手把手教你绘制一枚联系人+短信图标

  一.卡通风格 -- LYNN Rabbit (联系人图标) Step 1 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800 px,高度为600 px,分辨率为72 dpi,然后点击确定,记得顺手保存(快捷键Ctrl+S),以免做一半PS崩溃或者其他原因被关闭了那就悲催了. Step 2 先填充背景,色值为#282828(PS:这步主要是为了方便图标观看,背景色值不定,看着舒服,不影响图标外观即可); 然后选择[椭圆工具](快捷键U,可按Shif

PS教你绘制一枚清新淡雅的时钟图标

  今天的教程是一个超简单的图标绘制,无任何难度,仅仅是图层样式的应用,适合新手入门临摹练习,源文件已打包,感兴趣的同学来一发. 我们的最终效果: 背景没什么好说的,就是做个渐变,设置前景色为#f8efe0,用圆角矩形工具画一个圆角矩形,这是我们的主体. 为圆角矩形添加一个图层样式.友情提示,渐变叠加样式中的图层混合模式是叠加,为什么是叠加,自己想想. 下面,我们强化一下投影效果,复制一层圆角矩形,置于我们主体圆角矩形的下层,更改颜色为黑色,执行一个角度为90度,距离为50的动感模糊滤镜,将图层

PS教你绘制一枚酷炫的机械风格图标

  Step 01 点击 - [文件]- [新建](快捷键Ctrl+N)新建一个新的图像,命名好并把宽度设置为800px,高度为600px,分辨率为72dpi,然后点击确定,记得顺手保存文件(快捷键Ctrl+S). Step 02 选择[圆角矩形工具](快捷键U,可按Shift+U切换),在画布点击[创建圆角矩形]弹出层,设置宽度为180px,高度为180px,半径20px,并勾选[从中心],然后点击确定; Step 03 重命名图层为di,右键设置图层样式: [斜面和浮雕]:样式:内斜面.方式