UI设计 扁平化拟物图标设计合集

01559a5a39fe31a80121db805ad564.png

017d325a8e5f99a8012045b356d22c.jpg

临摹图标———图层命名

01066f573dd4ea6ac7253f9abcd4d3.jpg

Camrea  icon

01bb58573dd4e76ac7253f9af5e7d6.jpg

01dc96554247120000019ae9bdab17.jpg

icon

0157ff573dd4e76ac7253f9ace163b.jpg

0192b65b575cc6a801215c8f116363.png

系统主题图标

#UEgood教程#PS画质感照相机图标教程

8、画一个更小的黑色的圆，减低图层透明度，点击图层面板下方的蒙版，用黑色笔刷工具把黑色圆底部擦得更透明一些

0115e758eb1a33a8012049eff6ef7f.png

013564573dd4e16ac7253f9a648b7c.jpg

01e8b0618392fb11013e8943c6e649.jpg

临摹

镜头上的弧形文字 先用椭圆工具绘制一个圆形,文字工具放在圆形路径上会自动切换为沿路径输入模式,即可生成沿圆排布的文字

01e62a5a5d5929a80120121f2240b0.png

iOS风格写实图标-相机

0140ed5cfa68f2a801213ec2a73f48.png

学习留下来的作品

01fa305a5d5923a80120121f52ff42.png

01709e573dd4f16ac7253f9a3ae438.jpg

01223d5b5473c6a8012036befd509d.jpg

Ai作业

01a7375c3ef441a801213f2612634f.png

ps教程ps-UI设计教程UI按钮绘制

01391259193440a801216a3e637d9b.png

UI拟物化图标练习

01ead15ef1736ba801206621270dbb.png

作品欣赏

01ac1d5aa6480da80121246da1f777.png

ps仿真相机

012ce660fe6e5011013eaf70dd542f.png

图标-ps-渐变格子类型

012de25e844d59a801216518860586.png

安装色环软件【墨非凡画坊】

9、为增强镜头立体感，新建图层，用黑色笔刷，在镜头的左右2边点2个柔和的黑色圆 

0119a958eb1a45a8012049ef19653c.png

10、在镜头中心画一个黑色的圆做为镜头中心 再画一个白色的椭圆形状在顶部，紫色的椭圆形状在底部 点击属性面板，蒙版-羽化，羽化白色定点和紫色反光~··

012c2658eb1a58a8012049ef4c8e34.png

015e475b4ab894a8012036be5229ce.jpg

高级案例

0190685efc9309a8012066210e2ccc.jpg

最初作品

01a44658c66c44a801219c77b9accd.png

【一日拟一物】相机icon一枚

01485a5b1e77caa8012034f7f0919d.PNG

图形运算小思考

iconの习作收集——精致の拟物风格图标

使用路径绘制的同时，尽可能使用较少的图层完成制作。

016b365541b4a4000001e78cf9f0ff.jpg

3、创建一大一小2个正圆形的图形，图层样式如右边，下方大一圈的圆比小圆多一圈灰色外发光。

0118fd58eb19dba8012049ef8f85cf.png

1、用形状工具创建一个圆矩形 👉🏻半径像素修改到合适的程度； 2、双击图层，添加浮雕效果（内斜面） 👉🏻添加投影效果

01bf775cac4fe9a8012141686f12b0.png

练习icon图标——步骤图