UI教程,三维立体圆形旋涡图形图标(4)插图

UI教程,三维立体圆形旋涡图形图标(4)

先画出大体的圆形,然后利用CTRL+T自由变换做出旋涡的效果即可,喜欢的可以动动手练习一下这个技巧。 先声明一下,这不是原创,只是总结了一下,为了让新手看得更明白,增加了许多详细步骤。 闲话少说,上图。 另外

UI教程,三维立体圆形旋涡图形图标(2)插图

UI教程,三维立体圆形旋涡图形图标(2)

中圆图层按ctrl+j,复制3个一样的,然后调整第二个中圆的中心点和大圆的中心点重叠。 上面输入旋转角度90度,按回车确认,结果如图所示! 6、依次给另外2个圆旋转,第三个中圆的角度是180度,第四个中圆的角度是-90

广告位
UI教程,三维立体圆形旋涡图形图标(3)插图

UI教程,三维立体圆形旋涡图形图标(3)

8,同第7步类似,按住ctrl键,鼠标左键单击1下图层,选择1下,出现蚂蚁线后,鼠标左键单击4左图层蒙版, 用橡皮擦擦去多余部分。 9、给3上中圆创建图层蒙版,选中1下,在3上图层蒙版上擦去3上多余的部分! 10、最后

UI教程,设计相机主题UI图标实例(13)插图

UI教程,设计相机主题UI图标实例(13)

跟大家分享一篇设计相机主题的UI图标实例,步骤比较多,但有PSD文件可参考,不懂的可以看一下。 PSD链接: http://pan.baidu.com/s/1hq3rVPq 密码:76cv 最终效果: 1,新建一个2000*2000的画布 (因为之后需要设置

UI教程,设计相机主题UI图标实例(2)插图

UI教程,设计相机主题UI图标实例(2)

7、选择选框工具,然后在图上右建单击一下选择描边,设置如图,然后确定。 8、给右边白边的图层建立个白蒙板,用黑色画笔涂抹图中红色区域。 9、双击右边图层,打开图层样式,使用渐变叠加,然后确定。 10、然后将

UI教程,设计相机主题UI图标实例(12)插图

UI教程,设计相机主题UI图标实例(12)

70、画一个小圆,打开图层样式,使用渐变,并且降低图层不透明度为50。 71、再画一个比它更小一些的黑圆,放在它中间,如图。 72、最后要做镜头阴影了。画三个不同大小的圆加到一起做成阴影的形状,然后合并这三个

UI教程,设计相机主题UI图标实例(11)插图

UI教程,设计相机主题UI图标实例(11)

65、按alt点击小的四角图层,得到选区之后选择大的四角图层,然后按delete删除,得到如图。 66、添加图层样式,如图。 67、给这个图层建立个白色蒙板,拉一个黑白渐变,将上部分隐藏起来。 68、再复制这个图层,ctr

UI教程,设计相机主题UI图标实例(10)插图

UI教程,设计相机主题UI图标实例(10)

59.点击这个渐变圆的缩略图,得到它的选区,然后新建一个图层,用画笔在两侧画上高光。 60、用以上方法画出第三个。 61,加一个紫色的渐变圆。 62、画一个这样的形状取名为四角。 63、复制四角图层,ctrl+t,缩小

UI教程,设计相机主题UI图标实例(9)插图

UI教程,设计相机主题UI图标实例(9)

再加一个渐变圆 将这两个渐变圆放到一个组里,并且复制一个,然后ctrl+t(自由变换)往下移。 54、画一个灰色的圆,然后斜面浮雕。 55、再加一个黑色的圆,也是像上面的一样斜面浮雕。 56、加一个渐变圆。 7、画一

UI教程,设计相机主题UI图标实例(8)插图

UI教程,设计相机主题UI图标实例(8)

48、按住atl再画个矩形,然后调整好矩形的大小和位置。 49、画一个白色的圆角矩形,圆角半径为20,双击图层打开图层样式,设置如图。 50,画一个黑色的圆,取名为黑圆。 画一个白色的方形,降低透明度,建立剪切蒙

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

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

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

微信扫一扫关注我们

关注微博
返回顶部