找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 171|回复: 0

photoshop教程|UI微教程|一个信封图标

[复制链接]

1

主题

0

回帖

13

积分

新手上路

积分
13
发表于 2023-2-15 22:47:26 | 显示全部楼层 |阅读模式
来历:知乎



第五期
UI图标早期教程
一个标致信封图标
|photoshop教程|

(以下界面演示以Photoshop CC2017为演示工具)
【图形设想师  ID:tuxdesign】

先看看结果
有爱好的小盆友可以
动手练习练习
究竟光看是看不会的
你说捏

photoshop教程|UI微教程|一个信封图标-1.jpg
第一步:新建文件,给布景添补你喜好的色彩(如图)

photoshop教程|UI微教程|一个信封图标-2.jpg
第二步:挑选圆角矩形工具,画一个圆角矩形外形,命名为【信封】(如图)

photoshop教程|UI微教程|一个信封图标-3.jpg
第三步:挑选矩形工具或是钢笔工具,画一个矩形外形,命名为【红】添补红色,再Ctrl+J复制一个,命名为【蓝】添补蓝色(如图)

photoshop教程|UI微教程|一个信封图标-4.jpg
屡次复制,排列好

photoshop教程|UI微教程|一个信封图标-5.jpg
全选红蓝条,转换为智能工具,建立剪切蒙版,把在信封里面过剩的剪掉

photoshop教程|UI微教程|一个信封图标-6.jpg
第四步:挑选【信封】图层,Ctrl+J复制一个,命名为【红色覆盖】,移到最上面,并缩小一些(如图)

photoshop教程|UI微教程|一个信封图标-7.jpg
第五步:挑选【信封】图层,增加图层款式,内发光(如图)

photoshop教程|UI微教程|一个信封图标-8.jpg

photoshop教程|UI微教程|一个信封图标-9.jpg
第六步:挑选钢笔工具,建立三个灰色三角外形,别离命名为【左】【右】【下】,把三个三角外形在【红色覆盖】图层上建立剪切蒙版(如图)

photoshop教程|UI微教程|一个信封图标-10.jpg
第七步:挑选圆角矩形工具,画一个圆角矩形,命名为【上】调剂它的圆角数值,扭转45度(如图)

photoshop教程|UI微教程|一个信封图标-11.jpg
减去过剩部分,我是用钢笔工具,增加描点,再删除减去的,你也可以画一个矩形,操纵布尔运算减去

photoshop教程|UI微教程|一个信封图标-12.jpg
挑选【上】图层,Ctrl+J复制一个,命名为【上1】,移到最上面,并缩小一些添补灰色(如图)

photoshop教程|UI微教程|一个信封图标-13.jpg
第八步:别离给【左】【右】【上】图层,增加投影(如图)

photoshop教程|UI微教程|一个信封图标-14.jpg

photoshop教程|UI微教程|一个信封图标-15.jpg

photoshop教程|UI微教程|一个信封图标-16.jpg

photoshop教程|UI微教程|一个信封图标-17.jpg
第九步:邮戳建造(如图)
挑选椭圆形工具,添补设备为无,描边设备为3,设备色彩,画一个只要描边的圆形

photoshop教程|UI微教程|一个信封图标-18.jpg
挑选笔墨工具,增加笔墨,增加图形

photoshop教程|UI微教程|一个信封图标-19.jpg
第十步:细节调剂,把邮戳做旧,增加一点光感(如图)

photoshop教程|UI微教程|一个信封图标-20.jpg
<完>
好了,本次教程到这里就竣事了,
倘使有爱好的朋友,
可以练习一下
有不大白的地方
可以下载PSD原文件参考
接待增加公众号【图形设想师】
一路进修、一路探讨

教程参考原文件下载获得方式
可关注公众号:(图形设想师)微信内答复【UI05】
即可获得下载地址
更多教程请关注微信公众号检察

photoshop教程|UI微教程|一个信封图标-21.jpg

photoshop教程|UI微教程|一个信封图标-22.jpg




原文地址:https://zhuanlan.zhihu.com/p/33128273
免责声明:
1、文章部分图片源于收集,均为表示图;
2、一切文章、图片、音频视频文件等材料版权归版权一切人一切;
3、因非原创文章及图片等内容没法和版权者联系,如原作者或编辑以为作品不宜上网供阅读,或不应无偿利用,请实时告诉我们,以敏捷采纳适当办法,避免给双方形成不需要的经济损失;
4、本页面内容由爬虫法式自动收集于互联网,如无意中加害了媒体或小我的常识产权,请电邮【E-Mail:cb@yoyodoc.com】告之,我们将于24小时内删除。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|小悠文档创作分享社区 ( 粤ICP备11072215号 )|网站地图

GMT+8, 2024-11-21 18:44 , Processed in 0.198376 second(s), 25 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表