PS教程!手把手教你绘制精致的写实领带图标 - 优设网 - UISDC

PS教程!手把手教你绘制精致的写实领带图标

2015/02/26 8273评论区

photoshop-exquisite-tie-icon-1

编者按:今天这枚写实的图标教程,界面全中文,效果雅致有型,操作细致,特别提及了很多提高效率的快捷键,很适合练手 >>>

最终效果:

tb20150226 12

新建画布,大小自定。

画一个圆角矩形,大小自定。

Alt +V+E建立参考线

双击圆角矩形图层 调出图层样式,渐变叠加,调一个灰到黑的渐变。

添加投影。设置看图:

内阴影:

Ctrl+J 复制圆角矩形:

右键清除图层样式(不是拷贝的圆角矩形那个图层)

填充调为零。

调出图层样式,添加投影,把图层挖空那个选项勾掉(我把拷贝的圆角矩形眼睛关闭了)

tb20150226

再把拷贝圆角矩形的图层眼睛打开,鼠标选中填充调为零的那个图层。

按住Ctrl在按两次 键按2—3下 往下移动两到三个像素,作为阴影效果。如图。

拉一个较细的椭圆。

按P 转换点工具。

点击椭圆下面的锚点就会变尖了。

添加锚点,调节下椭圆,让它看起来有点弧度。

调节后的效果。

右键创建剪辑蒙版,或者Ctrl+Shift+Alt+G,再或者按住alt在两个图层中间点击下,把调节的椭圆剪进圆角矩形。

tb20150226 (2)

这一步 可能有人要问了,为什么剪进去 椭圆不见了?别急,双击圆角矩形调处图层样式。看图设置,椭圆就会出现。

tb20150226 (3)

多边形工具,画个三角形,填充肉色。

剪辑蒙版。

用钢笔工具顺着三角形的边,勾个领子出来。

勾好后Ctrl+J复制一个,放到另一边Ctrl+T,右键水平反转,放到合适位置。

顺着椭圆弧度,再用钢笔勾个外套的大领子,填充黑色。

复制,反转 放到合适位置。

好了 ,接下来就来做领带了。

矩形画个正方形,Ctrl+T在上面数值输入旋转45°。

放到合适位置。

按住Alt复制一个下来。

直接选择工具 。

按住左键,用虚线选中下面那个锚点,之后松手。

接着按住左键,点击下面那个锚点,按住Shift 一直往下拉。

如果你觉得领带有点宽的话,Ctrl+t 让它变瘦点。

接下来加花纹。

矩形工具,画一个宽2 px长若干 px的一条直线,填充深红色。

Ctrl+T 放在这个位置。

Ctrl+J 复制花纹图层。

选中拷贝花纹图层,Ctrl+T 如下图。

先点击那个小三角形,然后再y 轴输入-10,-10是距离,如果觉得间距太小,数字可以自由改。

数字输完后,敲回车两下,同时鼠标还是在花纹拷贝图层上,同时按住Ctrl+Shift+Alt+T连续复制,效果如图所示:

找到领带这两个图层,Ctrl+E 合并,成为一个图层。

再把所有复制的花纹图层也合并成一个图层,花纹图层置于领带图层上面,创建剪辑蒙版,效果如下图。

tb20150226 (4)

再给领带图层创建剪辑蒙版,把多余的剪进去。

找到箭头标注的这个图层,添加图层样式,渐变叠加,阴影,数值如下图:

tb20150226 (5) tb20150226 (6)

右键拷贝这个领子的图层样式,再右键粘贴到对面的领子上。

tb20150226 (7)

接着给西装领子图层添加图层样式。

tb20150226 (8)

tb20150226 (9)

重复刚刚的,复制图层样式,再粘贴到对面。

最终给领带图层添加图层样式,斜面浮雕,外发光,使领带立体感更强。

tb20150226 (10)

tb20150226 11

如果你是一名追求完美的同学,最后可以给领带做一个领带夹,用矩形画一个长条,添加一像素白色的内阴影。

【能搞定的同学给你送点福利】

千万千万低调收藏马克:
《强烈推荐:90%的人都不知道的电影资源下载站》

边放松边提高审美的电影大片:
《看电影涨姿势!有哪些电影适合推荐给学艺术的人看?》
《看电影涨姿势!哪些电影适合推荐给学艺术的人看?(二)》

作者:看不见的敌人28

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

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

chat-yinliu-pic

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-exquisite-tie-icon

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里