photoshop-old-tv-icon-1

今天,带大家来临摹一个电视机图标。教程不难,重点也是图层样式,效果非常好看,已附上源文件方便学习,@P大点S微博 针对一些细节做了很多实用的讲解,非常适合新手学习,来收!

这里再次强调一点,图层样式中的参数设置是对应其相应图层的,受图层大小尺寸影响,在不同尺寸下,效果呈现是不同的。

比如说,同样一个5像素的描边的图层样式,在10像素的圆和100像素的圆下,其表现效果肯定是不一样的。

所以,四个字:活学活用。

源文件打包  百度云下载:http://pan.baidu.com/s/1qWGf3dy

首先,我们看看原图,一个400*300的小图。

34jq20151123

新建一个1000*800的文档,添加一个渐变调整层,做一个#b4b097到#4e473a的90度的径向渐变,设置缩放为150%,勾选仿色,防止出现色块。

33jq20151123

我想大家一定很好奇,我的截图径向渐变中的浅色为何不居中,而是位于中部居上,看我们的GIF演示。

在渐变填充的状态下,我们把鼠标指针放置到屏幕上,出现那个移动工具的图标时,我们拖动,渐变的位置也跟着动,这一个操作方法,在图层样式中一样可用。

32jq20151123

使用圆角矩形工具画一个600*600像素的圆角矩形,设置圆角为140像素,设置水平居中,垂直居中。

31jq20151123

我将这个圆角矩形命名为“主体”,并为其添加了一个图层样式。

30jq20151123

29jq20151123

28jq20151123

27jq20151123

26jq20151123

复制一层“主体”图层,更改图层名为“投影”,将“投影”图层置于“主体”图层下层,将图层填充设置为0,再添加一个图层样式,我们来增强一下投影效果。

25jq20151123

24jq20151123

原图画的是一个类似椭圆的形状,我这里偷懒一下,还是画的圆角矩形,大小为500X360像素,圆角半径为130像素,添加一个图层样式。

23jq20151123

22jq20151123

21jq20151123

下面,我们创建屏幕,设置前景色为#b4b097,使用圆角矩形工具,画一个大小为420*280像素,圆角半径为100像素的圆角矩形。

20jq20151123

为这个“屏幕”图层添加一个图层样式。

19jq20151123

18jq20151123

17jq20151123

16jq20151123

15jq20151123

复制一层“屏幕”图层,转智能对象,添加一个杂色,并将图层混合模式更改为“柔光”。

14jq20151123

用两个屏幕的那个圆角矩形相减,得到我们需要的屏幕下部的高光形状,将这个形状的颜色设置为#eaead2,在属性面板中设置一个1像素的羽化,并将图层混合模式更改为“柔光”,不透明度34%。

13jq20151123

设置前景色为#eaead2,用屏幕的那个圆角矩形和一个椭圆相交,得到我们需要的屏幕顶部的高光形状,同样的将图层混合模式更改为“柔光”,不透明度34%,并添加一个图层蒙版,适当的擦拭左右两侧。

12jq20151123

下面,我们来制作按纽,设置前景色为#b4b097,画一个正圆,并添加一个图层样式。

11jq20151123

10jq20151123

设置前景色为#d9d0ca,画一个小一点的圆,并添加一个图层样式。

9jq20151123

8jq20151123

7jq20151123

6jq20151123

复制一层“按纽”图层,更改图层名为“投影”,将图层填充设置为0,再添加一个图层样式,我们来增强下投影效果。

5jq20151123

4jq20151123

选择住按纽的这三个图层,CTRL+G,创建图层组,命名为“按纽1”,复制图层组,得到四个按纽,最右侧的一个按纽,我将颜色更改了,这里不再给参数了,如果你不懂得如何改,那么你看教程就是只是单纯的看,并没有真正的理解。真不会的话,下载我们的PSD看看。

3jq20151123

最后我添加了我们P大点S的LOGO和图标,设置了一个内阴影和投影,这个图层样式太经常用到了,我们的教程里太经常看到了,这里就不说了。

2jq20151123

我们的最终效果:

1jq20151123

可能是国内最用心做原创PS教程的:

psqr21

【设计干货+职场秘籍+神器推荐】

教科书级别的苹果官方人机指南!
《腾讯力作!超实用的IOS 9人机界面指南(1):UI设计基础》

如何自学成为腾讯高级交互设计师?
《优设访谈!腾讯高级交互设计师C7210的十年设计路》

纹理素材两大杀器!
《酷站两连发!专注无缝纹理素材站+多边形背景生成器》

原文地址:pdadians

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量105万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 2

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏