ps制作一台复古的黑白电视机教程「复古电视机图片」

文章作者:seo优化大师 文章来源:港翔seo优化 浏览量:
ps制作一台复古的黑白电视机教程「复古电视机图片」

本文导读:  大家好,今天给大家带来一个写实电视机图标绘制教程。先来看看图标的最终效果。  需要素材练习和源文件的人,可以给我发私信。     大家觉得这个电视机的图标怎么样?这次讲解电视图标的制作,本次教程中的电

  大家好,今天给大家带来一个写实电视机图标绘制教程。先来看看图标的最终效果。

  需要素材练习和源文件的人,可以给我发私信。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  大家觉得这个电视机的图标怎么样?这次讲解电视图标的制作,本次教程中的电视图标模拟复古电视屏幕,绘制的具有现代感的调节旋钮图像,与复古风产生强烈的视觉对比,同时木质背景图像的添加很好地展示此款图标的特色。

  好了,现在我们开始本次的教程。

  首先,打开Photoshop,新建一个文档,文档为800像素*600像素,分辨率为72,如下图所示。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们选择工具箱中的“圆角矩形工具”,在选项栏中将“填充”更改为灰色(R:223,G:225,B:223),“描边”为无,“半径”更改为70像素,在画布中按住Shift键绘制一个圆角矩形,此时将生成一个“圆角矩形1”图层,如下图所示

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后在图层面板选中圆角矩形1按两次Ctrl+J,复制两个圆角矩形1 ,将三个图层名称分别改为画板、边框、阴影。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  在图层面板中选中阴影图层,然后执行滤镜>杂色>添加杂色,参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后我们在图层面板选中边框图层,为其添加渐变叠加的图层样式。参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  这里渐变的设置比较特殊,它是黑色到透明到黑色的渐变。具体的渐变见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后我们在图层面板选中面板图层,将颜色更改为灰色(R:50,G:50,B:50)再按Ctrl+T进行自由变换,将图形等比例缩小,然后为其添加杂色。效果见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后,我们在图层面板选中面板图层为其添加描边和渐变叠加的图层样式。参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后,我们在工具箱里选择圆角矩形工具,填充设为灰色(R:128,G:128,B:126),,描边为无,半径为30像素。在上方绘制一个圆角矩形,此时将生成一个“圆角矩形1”图层,详情见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们把圆角矩形绘制完了之后,对圆角矩形添加杂色,参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后,我们在在刚刚绘制的圆角矩形的位置再绘制一个小一点的圆角矩形,这次圆角矩形填充为白色其余参数不变,此时会生成一个圆角矩形2图层,具体情况见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  这个白色的圆角矩形为电视的屏幕,这个电视屏幕有些太过于规整了,我们需要把它调一下。我们首先在白色矩形四条边中间分别添加一个锚点,然后将四个角的锚点删除,然后用转换点工具调整锚点两侧的手柄。详情见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们把电视屏幕绘制好了呢,接着需要让屏幕上面有内容,这里我们需要添加一个我提前准备好了的素材。我找了一个黑白照片放在了圆角矩形2上面然后按Ctrl+Alt+G组合键创建剪切蒙版把素材剪切进圆角矩形2里面去,详情见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  在“图层”面板中,选中“圆角矩形2”图层,单击面板底部的“添加图层样式”按钮,在菜单中选择“内发光”命令,参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  现在我们要为其添加高光质感。

  我们使用椭圆工具,把填充设为白色,描边为无,画一个扁一些的圆,这时会生成椭圆1图层,将椭圆1放到圆角矩形2下方,并对其适当旋转,详情见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后我们对椭圆1执行“滤镜”|“模糊”|“高斯模糊”在弹出的面板将半径设为10像素,然后点击确定。然后我们在“图层”面板中,选中“椭圆1”图层,将其图层混合模式设置为“叠加”,“不透明度”更改为80%,再按Ctrl+Alt+G组合键为其创建剪贴蒙版,将部分图像隐藏,

  对椭圆1复制旋转,在电视机四个角都添加高光。效果见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们在图层面板选中圆角矩形1,为其添加投影的图层样式,参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后我们在图像左下角绘制一个细长的深灰色(R:16,G:16,B:16)椭圆,此时将生成一个“圆角矩形3”图层,如下图所示。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们将圆角矩形1的图层样式拷贝然后粘贴到圆角矩形3上面去,接着双击圆角矩形3图层样式的名称,修改参数,参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  接着我们选中“圆角矩形3”图层,按住Alt+Shift组合键向下拖动将图形复制数份,效果见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后在工具箱中选中椭圆工具,填充为白色,描边为青色(R:48,G:220,B:255),描边大小为2像素。我们在刚刚绘制的图形右侧绘制一个正圆,此时将生成一个“椭圆2”图层,效果见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后我们选中椭圆2按Ctrl+J,复制一份。

  然后我们新建一个文档,制作一个拉丝纹理图案出来。我们先绘制 一个正圆,为其添加黑白渐变,然后添加杂色,在径向模糊,完成这个拉丝纹理图案。这个拉丝纹理的图案,我在之前的拟物化金属旋钮图标的制作教程中有详细介绍,大家可以去看一下,只不过参数有些不一样。给大家看一下我制作的拉丝纹理图案。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们执行菜单栏中的“编辑”|“定义图案”命令,在弹出的对话框中将“名称”更改为“拉丝纹理”,完成之后单击“确定”按钮,见下图所示。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后我们在图层面板选中椭圆2图层,为其添加图层样式,添加描边、图案叠加、外发光的图层样式,参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后我们选中“椭圆 2 拷贝”图层,在选项栏中将“填充”更改为无,按Ctrl+T组合键对其执行“自由变换”命令,将图像等比例放大,完成之后按Enter键确认。我们接着选中椭圆2拷贝将下方的一个锚点按del键删除。效果见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们再在图层面板选中椭圆2拷贝,为其添加图层样式,添加内阴影和渐变叠加的图层样式,参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  接着我们选择工具箱中的“椭圆工具”,在选项栏中将“填充”更改为青色(R:64,G:218,B:255),“描边”为无,在旋钮图形靠左上角位置按住Shift键绘制一个正圆图形,此时将生成一个“椭圆3”图层,效果见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  然后为椭圆3添加外发光的图层样式,参数见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们再在旋钮图像两侧用横排文字工具打上文字Min和Max,见下图所示。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们同时选中除“背景”之外的所有图层,按Ctrl+G组合键将其编组,将生成的组名称更改为“电视”。

  我们的图标就绘制完成了,但是还没有背景,这时,我们将提前准备好了的背景素材添加到图中,效果见下图。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  我们选择工具箱中的“椭圆工具”,在选项栏中将“填充”更改为黑色,“描边”为无,在图标底部位置绘制一个椭圆图形,此时将生成一个“椭圆4”图层,将“椭圆4”移至“电视”组下方位置,接着我们选中“椭圆4”图层,执行菜单栏中的“滤镜”|“模糊”|“高斯模糊”命令,在弹出的对话框中将“半径”更改为13像素,完成之后单击“确定”按钮。

  我们再执行菜单栏中的“滤镜”|“模糊”|“动感模糊”命令,在弹出的对话框中将“角度”更改为0度,“距离”更改为50像素,设置完成之后单击“确定”按钮,这样就完成了效果制作,给大家看一下最终的效果。

  

ps制作一台复古的黑白电视机教程「复古电视机图片」

  大家觉得怎么样呢?有问题可以在评论区提出来。大家也可以关注我,我会持续更新更多的教程的。大家也可以帮忙转发一下,十分感谢。

版权保护: 本文由 seo优化大师 转载于网络,版权归原作者所有,如有侵权请联系 seo优化大师 删除
转载请保留链接:[ps制作一台复古的黑白电视机教程「复古电视机图片」] http://www.qqsn.com.cn/seo/3579.html

读了ps制作一台复古的黑白电视机教程「复古电视机图片」99%还在读