UI教程,ps设计西服主题图标实例(7)插图

UI教程,ps设计西服主题图标实例(7)

教程介绍如何设计一枚西装主题风格的UI图标,效果雅致有型,操作细致,特别提及了很多提高效率的快捷键,很适合练手 最终效果: 新建画布,大小自定。 画一个圆角矩形,大小自定。 Alt +V+E建立参考线 双击圆角矩形

UI教程,ps设计西服主题图标实例(2)插图

UI教程,ps设计西服主题图标实例(2)

再把拷贝圆角矩形的图层眼睛打开,鼠标选中填充调为零的那个图层。 按住Ctrl在按两次 键按23下 往下移动两到三个像素,作为阴影效果。如图。 拉一个较细的椭圆。 按P 转换点工具。 点击椭圆下面的锚点就会变尖了。

广告位
UI教程,ps设计西服主题图标实例(6)插图

UI教程,ps设计西服主题图标实例(6)

再给领带图层创建剪辑蒙版,把多余的剪进去。 找到箭头标注的这个图层,添加图层样式,渐变叠加,阴影,数值如下图: 右键拷贝这个领子的图层样式,再右键粘贴到对面的领子上。 接着给西装领子图层添加图层样式。

UI教程,ps设计西服主题图标实例(5)插图

UI教程,ps设计西服主题图标实例(5)

如果你觉得领带有点宽的话,Ctrl+t 让它变瘦点。 接下来加花纹。 矩形工具,画一个宽2 px长若干 px的一条直线,填充深红色。 Ctrl+T 放在这个位置。 Ctrl+J 复制花纹图层。 选中拷贝花纹图层,Ctrl+T 如下图。 先点

UI教程,ps设计西服主题图标实例(4)插图

UI教程,ps设计西服主题图标实例(4)

好了 ,接下来就来做领带了。 矩形画个正方形,Ctrl+T在上面数值输入旋转45。 放到合适位置。 按住Alt复制一个下来。 直接选择工具 。 按住左键,用虚线选中下面那个锚点,之后松手。 接着按住左键,点击下面那个锚

UI教程,ps设计西服主题图标实例(3)插图

UI教程,ps设计西服主题图标实例(3)

多边形工具,画个三角形,填充肉色。 剪辑蒙版。 用钢笔工具顺着三角形的边,勾个领子出来。 勾好后Ctrl+J复制一个,放到另一边Ctrl+T,右键水平反转,放到合适位置。 顺着椭圆弧度,再用钢笔勾个外套的大领子,填

UI教程,ps设计购物代主题图标(8)插图

UI教程,ps设计购物代主题图标(8)

这是一个购物代主题的图标设计教程,教程比较详细,适合新手学习,有兴趣的UI设计师就来练练手吧。 最终效果图: 新建画布。 给画布拉个渐变。 拉个圆角矩形。 双击图层添加图层样式,先来投影。 接着内阴影,内发

UI教程,ps设计购物代主题图标(2)插图

UI教程,ps设计购物代主题图标(2)

拷贝一份圆角矩形,把它置于最下面。 右键清除图层样式,填充黑色,在属性里羽化四像素。 刚刚楼主把圆角矩形眼睛关闭了,现在打开,选中圆角拷贝层(就楼上羽化黑色这个)按住ctrl+下键(就是键盘右键上下左右四个

UI教程,ps设计购物代主题图标(7)插图

UI教程,ps设计购物代主题图标(7)

剪辑蒙版。 再用钢笔顺着三角形侧面勾一个。 复制三份,怎么放?看图(为了大家更直观看我把刚刚剪辑蒙版撤销了) 分别创建剪辑蒙版。 至于这个褶皱,和刚刚方法如出一辙。 如果你觉得那些不合理,可以再调节下。附

UI教程,ps设计购物代主题图标(6)插图

UI教程,ps设计购物代主题图标(6)

接下来做褶皱。 画一个长条矩形填充黑色,在添加图层蒙版。 打开渐变,调成黑到白。 用编辑好的渐变,在黑矩形蒙版上从右往左拉一下,效果如下图。 放在箭头标注的位置,模式改为叠加。 Alt复制一份放在对面。 接下

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部