photoshop-elegant-camera-icon-1

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

作者系列教程:《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),因为这套主题是不规则形状的,形状上无法统一,整体视觉细节效果应更加谨慎细腻。

【优设六月人气好文排行榜】

光明正大看AV的时候到了!
《好孩子看不见!AV封面上那些精美的图标和文字》

最新版的PS CC逆天功能全搜罗!
《PS CC 2015来啦!逆天新功能你准备好接招了吗?(附下载)》

色彩运用秘籍全科普!
《超赞!让顶尖设计师告诉你10个色彩运用秘技》

作者:@yu0910

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量97万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

点赞
收藏 1

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏