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

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

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

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

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

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

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

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

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

UI教程,ps临摹一个浏览器图标实例(8)插图

UI教程,ps临摹一个浏览器图标实例(8)

分享一篇关于UI图标临摹的设计教程,这次又是模仿猴子浏览器的图标,上次已经分享过一篇,希望大家喜欢。 大家还可以结合@琴瑟飘渺 写的这一篇相同图标的设计教程《 浏览器UI图标!ps cc模仿锤子浏览器图标 》一起

UI教程,ps临摹一个浏览器图标实例(2)插图

UI教程,ps临摹一个浏览器图标实例(2)

添加图层样式。 再画一个较小的圆形。

UI教程,ps临摹一个浏览器图标实例(7)插图

UI教程,ps临摹一个浏览器图标实例(7)

画一个圆,大小自己感觉,能对上最好,填充相同的颜色。 放在接口处慢慢调整对齐。 效果如下: 找到接口的圆图层和渐变的圆形图层,Ctrl+E合并。 最后一步给合并的图层添加内阴影。 教程结束,最终效果:

UI教程,ps临摹一个浏览器图标实例(6)插图

UI教程,ps临摹一个浏览器图标实例(6)

放在这个位置做为投影。 找到只添加蓝色渐变的那个图层,右键转为智能对象。 ctrl+t,输入20

UI教程,ps临摹一个浏览器图标实例(5)插图

UI教程,ps临摹一个浏览器图标实例(5)

再来添加图层样式。 再画一个同等大小的。 羽化一下调整下透明度。

UI教程,ps临摹一个浏览器图标实例(4)插图

UI教程,ps临摹一个浏览器图标实例(4)

椭圆工具再画一个圆,放在上面。 添加图层样式。 复制刚刚添加图层样式的圆形,清除图层样式,稍微放大2个像素左右。

UI教程,ps临摹一个浏览器图标实例(3)插图

UI教程,ps临摹一个浏览器图标实例(3)

添加图层样式:内阴影和投影。 复制刚刚添加图层样式的图层,右键清除图层样式 Ctrl+t按住alt+shift同比缩小2到4px左右。 给黑圆添加渐变,注意是角度渐变。 添加渐变后的样子。

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部