Illustrator制作时尚大气的放大镜教程(2)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

6. 使用圆角矩形工具,在画板上单击弹出对话框。创建150*50px,20px圆角半径的矩形。渐变填色如下图,我们使用之前的1px描边颜色。

Illustrator制作时尚大气的放大镜教程,PS教程,思缘教程网

7. 现在我们需要添加一些阴影。我们可以使用第2步绘制文字顶部橙色区域的方法来做到。下图示1,我们使用白黑渐变,57 °角。图示2,我们使用同样的渐变,253 °角。图示3,使用黑色。

Illustrator制作时尚大气的放大镜教程,PS教程,思缘教程网

8. 使用同样的方法,绘制橡胶带。使用白色,0.5px描边。

Illustrator制作时尚大气的放大镜教程,PS教程,思缘教程网

9. 现在我们来绘制丝带。

Illustrator制作时尚大气的放大镜教程,PS教程,思缘教程网

10. 使用矩形工具绘制矩形以创建背景。应用径向渐变。然后使用椭圆工具绘制阴影。

Illustrator制作时尚大气的放大镜教程,PS教程,思缘教程网

11. 到这儿已经完成的差不多了。在所有图层的下面添加一个白色的圆,但放在文本图层之上。设置不透明度:10%。使用路径查找器绘制高亮区。

Illustrator制作时尚大气的放大镜教程,PS教程,思缘教程网

尾声

最后,在文字图层上添加阴影,因为它在同心圆的下面。好的,UI设计如何,完成了。

Illustrator制作时尚大气的放大镜教程,PS教程,思缘教程网

 收藏