绘制一台复古风电视机【PS教程】

小编:新手福利来啦!今天带来一个复古风格的旧电视图标临摹教程,图层样式是这次教程的重点。过程细致,步骤具体,新手最好掌握起来。把这个练完,绝对有不一样的收获!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

我们的最终效果:

看完教程咱们交作业咯!点我直达作业提交页面~~

原文作者:P大点S微博

优设

(0)

相关推荐

  • 手把手教你绘制可口的粽子文字【PS教程】

    小编:端午节将至,假期又到咯!让我们跟随@DearSalt童鞋先预热下节日的氛围吧! 哈喽!大家好,我是桂桂!端午节就要到了,想必大家都吃了粽子吧,但对一个设计师而言,怎么能仅仅光想着吃呢!所以桂桂一 ...

  • 教你绘制文字人像效果!【PS教程】

    小编:这个超赞的,小编很喜欢这样的.这类效果常用在选举海报上,当然大家也可以随心玩.教程不难,关键是置换滤镜和最后的技巧,效果绝对让你惊喜~ PS:教程效果不同的,尝试下换个字体,缩小上下间距. 在这 ...

  • 10分钟绘制一个中国风灯笼icon(ps教程+psd下载)

    小编:对于UI设计初学者来讲,ps中特别难以理解的其中一项就有图层混合.高效.正确.合理的使用图层混合模式会让你有意想不到的效果.在学习之前我们要记住其原理为:"白色叠加可以提亮,黑色叠加可 ...

  • 手把手教你绘制一个写实USB图标(PS教程)

    小编:分享一个写实的USB图标给大家,在制作这个图标的过程中,主要是图层样式的运用!作者cua_cq手把手教,快速上手,包学会. 首先,我们来绘制背景.设置前景色为#c0c0c0,背景色为#a7a7a ...

  • 绘制一枚日历图标【PS教程】

    新手福利来啦!今天给大家带了一个简化版的日历教程.之前超精致的日历写实图标,对新手可能有点难度,今天@P大点S微博来个简化版的教程,重点就是图层样式,过程细致,步骤具体,新手最好掌握起来.把这个练完, ...

  • PS CC2015绘制iPhoneSE【PS教程】

    小编:iPhone SE的发布对你有什么影响呢?是否还在犹豫买还是不买?今天我们先把这些问题放一边,这里有新鲜出炉的iPhone SE写实icon一枚,这是@无梦不欢继<10分钟绘制一个中国风灯 ...

  • 用Photoshop绘制复古风的邮票和邮戳

    目前很流行的复古风绘画,以及各种装饰画和无框画中经常会看到邮票图案,不得不说它的出现为画面增添很多复古味道,已经成为复古画中必不可少的元素.来一起学习一下怎么绘制邮票吧,它会让你的画面变得丰富有趣! ...

  • 绘制一枚超萌的QQ方形图标【PS教程】

    今天@P大点S微博来一篇超简单的PS教程,教你绘制一枚方形图标,操作简单易上手,源文件已打包,假期花十分钟来练个手吧. 源文件打包   云下载: 新建个文档,我用的尺寸是800*600像素,大家请随意 ...

  • 教你绘制常青树字体效果【PS教程】

    小编:快到圣诞节了!小伙伴们,肯定都急着找素材吧,找素材还不如自己做素材.今天给大家带来圣诞节专属PS教程-绘制好看的常青树字体效果.提前感受下圣诞的节日气氛,同时也提前祝大家圣诞快乐. 我们的最终效 ...