UI知识,新手如何自学交互设计(2)插图

UI知识,新手如何自学交互设计(2)

所以总的来说还是要把PS练好。我特别想告诫新人的是:软件和设计完全是两回事,软件用得熟练不代表设计做得好,它们只是实现设计的工具和手段。而设计的学习重在培养思维和视野。 下面简单介绍一下视觉流行的三种风

UI知识,新手如何自学交互设计(3)插图

UI知识,新手如何自学交互设计(3)

icon临摹完之后可以尝试画一些界面,找找界面的感觉。特别是一些跨专业的新人,通过临摹找设计感觉是比较好的方法。 五、交互设计需要掌握的知识 交互设计的自学是非常困难的,最好有人带,有人点拨。这也是我们集

广告位
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复制一份放在对面。 接下

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

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部