PS教你绘制一个复古风格的旧电视图标

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

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

  比如说,同样一个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和图标,设置了一个内阴影和投影,这个图层样式太经常用到了,我们的教程里太经常看到了,这里就不说了。


  我们的最终效果:

时间: 2024-10-29 08:13:58

PS教你绘制一个复古风格的旧电视图标的相关文章

Illustrator结合photoshop绘制一个复古漂亮的马油灯图标教程

给各位Illustrator软件的使用者们来详细的解析分享一下结合photoshop打造一个复古漂亮的马油灯图标的教程. 教程分享: 先来看看最终的效果图吧:                           好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的结合photoshop打造一个复古漂亮的马油灯图标的教程解析分享的全部内容了,各位使用者们现在看到这里了小编相信大家现在是非常的清楚了绘制方法了吧,那么大家就快去按照小编的教程自己去绘制下复古马油灯吧.

PS教你绘制一个深沉典雅的蜂巢背景

  最终效果图: 首先,我们执行"编辑-首选项-参考线.网格和切片",设置网格大小. 选择"多边形工具" 设置"多边形工具"选项 在画布上画一个"六边形",六边形的大小,我这里用的是30像素. 选择"路径选择工具",按住ALT,移动鼠标,复制出一个多边形的路径,改大小为25像素,模式减去. 选择住两个多边形的路径,水平和垂直居中对齐,我们就得到了一个空心的多边形. 同样的用"路径选择工具"

PS教你绘制一个雅致洁白的音箱图标

  新建一个1000×1000 px 的画布,填充颜色#7b7776. 创建一个512×512像素,圆角半径为90px的圆角矩形,并置入木纹素材,然后在图层面板中,按住ALT点击木纹图层和圆角矩形图层的交界,创建剪贴蒙版. 给"圆角矩形1"图层添加内阴影和投影. 在"木纹"图层上面新建一个图层,填充颜色#5f543f,混合模式改为正片叠底,透明度为70%,并创建剪贴蒙版. 音箱的立面就做好了.接下来创建一个512×460,圆角半径为90px的圆角矩形,并和"

PS教你绘制一个可高度自定义的LOGO展示模板

  首先,我们新建个文件,大小随意,我用的是1920*1280像素,填充背景颜色为#232323. 为背景图层添加一个渐变叠加. 添加一个1像素的杂色,高斯分布,勾选单色. 放入我们的LOGO 将LOGO图层转换为智能对象,然后复制两层,得到总共三层LOGO的图层,这是我们用来做效果的. 这里需要注意的是一定要先转智能对象,再添加图层样式或者滤镜等等之类的操作,包括你自己制作别的LOGO展示模板也是一样. 将三个图层命名为1.2.3 ,方便一会我们的操作及讲解. 我们的想法是,用1图层来做投影之

PS教你绘制一个精致的分贝检测仪

  今天@P大点S微博 来一个图标教程,重点依然是图层样式的运用,而且会多次用到布尔运算,这是PS课程中特别重要的一个知识点,不熟悉的同学建议来练个手. 我们从背景的创建开始,我用的尺寸是1000*800像素.创建一个"渐变填充"调整层,设置如下: 画一个600*600像素的圆,设置填充为0,并添加一个斜面和浮雕. 设置前景色为#312f35,利用布尔运算,画出下图中的这个圆环.这个不多赘述,不懂的可以百度下. 为这个圆环添加一个图层样式. 设置前景色为黑色#000000,跟刚才一样的

PS教你绘制一个WEB登陆框

  1.新建一个文档,这里我用的是400*300像素,填充一个#d0c0be的颜色填充调整层. 2.选择画笔工具,使用圆角柔边画笔,设置前景色为#364e35,画出如下图中的形状出来. 3.执行"滤镜-模糊-高斯模糊",我用的数值是46.9像素,赋予这个颜色层一个模糊效果,跟我们的背景融合. 4.选择圆角矩形工具,并设置前景色为#313c45,画一个圆角矩形,并将圆角矩形的填充设置为11% 5.为这个圆角矩形添加一个图层样式.这里,我添加了描边.内阴影以及投影. 6.下面,复制一层这个

PS教你绘制一个计时器图标

  首先,看看我们的山寨原图. 我们的成品: 原图有点小,我这里文档比原图建得稍大了一些. 我们首先进行背景的创建,我创建了一个"渐变"调整层,设置的#444c60到#262f37的90度的径向渐变. 建个新图层,填充白色,执行"滤镜-杂色-添加杂色",设置杂色数量为20%,平均分布,并将这个图层混合模式更改为"正片叠底". 下面,我们制作原图中的像素斜线,新建个5像素*5像素的文档,放大画布到最大,用铅笔工具,设置铅笔像素大小为1像素,画出如下

PS教你绘制一个绚丽色彩的进度条

  新建个文档,我这里用的是800*800像素,填充黑色,并设置一个图层样式. 将"背景"图层转换为智能对象,执行"滤镜-杂色-添加杂色",设置数量为1,高斯分布,勾选单色. 执行"滤镜-滤镜库-画笔描边-阴影线",设置描边长度4,锐化程度10,强化1. 现在,我们就完成了背景的创建. 画一个620*45像素的圆角矩形. 为这个圆角矩形添加一个图层样式. 设置完图层样式,我们得到如下效果. 接下来,我们画一个白色的500*25像素的圆角矩形. 我

PS教你绘制一个逼真的可口可乐易拉罐

  效果图: 步骤1 在Photoshop里新建一个800*800px的画布 步骤2 创建一个垂直参考线和一个水平参考线.视图>新建参考线,选择水平和应用50%的位置.做同样的垂直参考线. 步骤3 使用一个图片供参考(虽然我没有完全按照真实的形式). 步骤4 用钢笔工具(P),开始画只是一半的红色形状. 步骤5 Alt+左键,复制,然后按ctrl + T,水平翻转. 步骤6 现在用钢笔工具合并两个图层,或者栅格化图层,ctrl+E向下合并,现在是一个整体的易拉罐圆图形. 步骤7 选择不同的颜色,