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

2016-01-29 15:38 53 1 收藏

PS教程!手把手教你绘制一枚扁平的相机图标,今天的PS教程是一枚扁平的相机图标,作者yu0910昨天的教程人气也非常旺,简单易懂,好操作好上手,效果也好看得飞起,作品评论见 Step01 点击 — 【文件】— 【新建】(快捷键Ctrl+N)新建一个新的图像 ...

【 tulaoshi.com - PS 】

photoshop-elegant-camera-icon-1

编者按:今天的PS教程是一枚扁平的相机图标,作者yu0910 昨天的教程人气也非常旺,简单易懂,好操作好上手,效果也好看得飞起,作品评论见


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;

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

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

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

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

Step 05

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

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

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

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

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

完成图标的绘制。

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

来源:http://www.tulaoshi.com/n/20160129/1496178.html

延伸阅读
标签: PS PS教程
编者按:今天这篇教程适合新手练习,重点是帮同学们深入理解图层样式的运用,作者@凉星在 特别说明,数值不是标准,自己折腾才有进步,来感受下 第一步: 新建画布,大小自定,填充一个淡色。 第二步: 画一个圆形,大小自定,填充如下。 接上边的数值。 第三步: 复制底圆,...
标签: PS PS教程
编者按:今天来一个酷炫的圆环教程,教程简单易学,不过里边提到的方法特别使用,无论是绘制图标还是Logo设计都会经常用到,一起跟着Sevenmoly同学来练个手。 注:第3步,得出形状后,形状本身旋转60°即可。
标签: PS PS教程
编者按:今天这个教程适合有基础的同学进阶练习,原作者是追波大神,效果逼真到翻天,这篇临摹教程也特别用心,光截图打字就花了三个多小时,强烈推荐同学们马起来练习 昨天在某个网站看到一位高手临摹国外大师的一张ICON,效果逼真。一整夜我都手痒痒得无法入睡,早上起来也打算来一个,不过这样那样的琐事之后又是午后,估...
标签: PS PS教程
扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯。好嘞,教程开始! 先上效果图: 挺干净的,兴趣大增有没有? 那就开始咯。 Part 1 :打好地基 Cttrl + N 创建画布,大小为1024...
标签: PS PS教程
编者按:今天带同学们来临摹追波上一个大神的图标作品,作者@P大点S微博 贴心给了源文件,已经有不少同学交作业了,而且完成效果特别棒,你也来一个,评论上图 源文件打包 https://yunpan.cn/cuRqrGET5Pfmn  访问密码 4d7c 临摹的成果: 下面,我们开始山寨之旅。 新建文档,我用的大小是2...

经验教程

772

收藏

59
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部