记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航

[UI教程] 图标设计UI教程-相机[含10P]

[复制链接]
发表于 2017-6-8 02:58:52 | 显示全部楼层 |阅读模式
        新手向教程,雪姐姐教你用PS图层蒙版画一枚质感照相机图标,玻璃质感镜头!


图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858fdioodtneunia8qq 1

最终效果~··
图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858s7qdqgp17ang4aqp 2

1、用圆角矩形图像工具,创建一个长宽尺寸为380像素圆角矩形,半径为80像素,填充白色。
图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858dhkztzn1dbk6rkxh 3

2、双击圆角矩形图层后方,调出图层样式面板,添加线性渐变,上白下浅灰,90度,再添加一个比背景色深的投影
图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858dhydbtmzl2tkdkm5 4

3、创建一大一小2个正圆形的图形,图层样式如右边,下方大一圈的圆比小圆多一圈灰色外发光。
图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858m1pjatp1h72sja5s 5

4、圆的描边为黑色,内发光也为黑色,渐变为角度渐变
图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858v8c84wn8kuuunmny 6

5、渐变为深紫和浅紫交替的光盘状渐变
图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858fdwlw2cczyghhlhg 7

6、再画一个圆形图形,添加图层样式
图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858nopz0txsri9r1t91 8

7、添加线性渐变做虹彩渐变相机镜头的底色,描边为黑色
图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858od3qiii1sqq7zqii 9

8、画一个更小的黑色的圆,减低图层透明度,点击图层面板下方的蒙版,用黑色笔刷工具把黑色圆底部擦得更透明一些
<p style="margin: 40px auto; line-height: 2; color: rgb(51, 51, 51); word-wrap: break-word; word-break: break-word; width: 600px; text-align: center; font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);">图标设计UI教程-相机 图标设计,照相机,背景色,透明度,光盘 【UI】 025858isw6whjlqpxxsfws 10               
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
快速回复 返回顶部 返回列表