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

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

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

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

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

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

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

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

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

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

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

Alt复制一份,右键清除图层样式,放在这个位置(我们要做阴影)。 羽化一下。 添加图层蒙版,画笔调为黑色,慢慢的擦。 爱追求细节的同学,来教你们给绳子添加纹理,画一个椭圆放在这个位置不要填充,也不要描边。

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

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

先按下Shift在画一个矩形,必须要画在同一个图层。 再切。 合并成一个形状。 椭圆画个小圆,放在接口上面,圆最好是偶数,这样才能对齐。 然后把小圆形放在另一个接口上,觉得绳子太长再调节下。 把圆的绳子合并成

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

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

调出图层样式,添加描边、内阴影、渐变叠加,让它看起来像金属质感。 这样看起来有点金属的样子了。 在小圆形上面再画两个更小的圆填充黑色。 接下来要做,购物袋的绳子,这点要切图,大家注意看椭圆工具。 路径选

UI图标,设计旋转风格播放图标教程(4)插图

UI图标,设计旋转风格播放图标教程(4)

本篇UI教程跟大家分享了设计播放器图标的设计案例,制作思路主要用到图层样式来制作出图标的质感,步骤有点多,请大家认真学习。 我们来看看效果: 老规矩,先来分析一下。这里我们主要分为二个部分

UI图标,设计旋转风格播放图标教程(2)插图

UI图标,设计旋转风格播放图标教程(2)

步骤五: 现在绘制一下内圆的线条吧,选择直线工具绘制一条长度20px粗细1px的直线吧,颜色为#5c5857。 步骤六: 复制直线执行自由变换命令,调整中心点至画布中心,旋转90度,并执行重复上一命令并复制操作shift+ct

UI图标,设计旋转风格播放图标教程(3)插图

UI图标,设计旋转风格播放图标教程(3)

继续来绘制内圆的位置吧,用椭圆工具、绘制一个205px的正圆颜色为#040404,并为它添加图层样式。 步骤十: 我们继续来绘制内圆的部分,先绘制一个188px的正圆,在绘制一个三角形,合并为一个形状,使用直接选择工具

UI教程,UI日历组件的设计思路。(4)插图

UI教程,UI日历组件的设计思路。(4)

在思考中看教程UI日历组件PS教程 最近在群里和小伙伴们聊天,发现一些同学(尤其是新手)不善于学习,就算告知了方法还是要来问,最好连具体参数也说出来,更有甚者,哪怕已经手把手的教了,换个东西又不会了。设计

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部