百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 网站模板(百分百源码网)>电脑软件>经验技巧> Photoshop制作酷炫的蓝色霓虹灯闪耀动画结果图
分享本文到:

Photoshop制作酷炫的蓝色霓虹灯闪耀动画结果图

发布时间:09/01 来源:未知 浏览: 关键词:

软件版本:Photoshop CC2020中文版

操纵系统:Win10-64位系统

下面教你用Photoshop制作酷炫的蓝色霓虹灯闪耀动画结果图。教程详实易懂,光影得当,作为jpg结果的入门教程很好。

先看看结果图

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图

背景图素材(另存即可):

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(1)

霓虹灯一样只在夜晚工作,所以这个场景明显太亮了。用色阶工具把它变暗点。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(2)

再给一点冷色系。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(3)

OK 此刻这个背景相符的要求了。既然们不再需要批改背景图,最好把它们都合并起来,由于到后面会有非常非常多的图层,尽量保持图层的简约明了。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(4)

输入大小为50的ADOBE默许黑体。最好是英文,笔画越简便越好。中文明显不好处置。这里非常重要,的霓虹灯jpg不是所有的字都一起转变,而是独自的。有时这个字是亮的,有时相反。所以们必需要让每个字母独自成为一个层。这里只输入一个字母,然后复制N层,你需要几个字母就复制几层。然后用移开工具把它们平均的摆列开来。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(5)

把字母修改成你需要的,再将每个字母按摆列位置给相对应的层从新命名,这个很重要,今后寻起来利便啊, 对不合错误?

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(6)

点击最上面的图层,按SHIFT再点最下面的字母图层,右键把全部字母格栅化。此刻字母还要调整一下,它们的透视跟砖墙明显不一致。保持所有字母层处于被选中状态,用自在变换工具来模拟透视。留意到砖墙上的横向缝隙吗? 它就是参照 线。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(7)

下面的工作会非常的繁琐,要耐心完成。

霓虹灯没有直角,也就是说它们转弯的地方都带有必然的圆弧。而这里的字母不相符这个要求。下面要把这些字母处置一下,让它们锋利的直角变得油滑一点。选中第一个字母,高斯含糊5。然后受个按CTRL+F给一样的处置。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(8)

最后应当是这样。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(9)

此刻的字母还不是想要的,它们的边沿应当非常清楚,由于要用它们的选框来描边做霓虹灯的灯管。它们需要锐化,点击滤镜-USM锐化。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(10)

边沿还是有点虚,连续锐化一次,觉得中意后把全部字母都处置一遍,做起来很简便,你只需要给每个字母按两次CTRL+F。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(11)

下面开端做霓虹灯的灯管。在此此前还有工作要做,创立N个组,把字母放入各个组里,从新按字母摆列命名组的名字。再把填充减低,让后面的工作好做点。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(12)

按CTRL+左键猎取选框,在字母组里创建给个7像素的描边,任何色彩都可以,受个都做一次。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(13)

这是完成后的结果。接着还要处置这些灯管,你留意到了,霓虹灯没有封闭的,它有开端和结尾的地方,就是说有闲暇。要模拟这个。其实很简便,用橡皮擦一下就行了。但是两头仿佛要轻微粗点。擦出一个口子,然后用画笔把灯管头描粗点,就这么干。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(14)

接下来用图层样式模拟熄灭时的灯管结果。很简便,内暗影加浮雕几乎可以完善的模拟这个结果。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(15)

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(16)

后面简便了,复制图层样式,给所有的灯管都黏贴一次,把后面的字母先潜藏掉,面前们还不需要它们,ok了。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(17)

连续 按CTRL+左键猎取灯管选区,在对应的组里创建一层填充淡蓝色。每个字母都要操纵一次。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(18)

这个打算用来制作发光的灯管,只是发光,还不包罗四周的光芒。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(19)

连续深化这个结果,复制每一个创建的字母,也就是淡蓝色的字母。在创建的每个字母层里CTRL+左键得到选区,收缩2个像素,羽化1个像素,填充白色,模拟灯管的高光。这个历程非常繁琐,不外也有捷径,翻开动作可以录制,录制办法:

翻开界面右侧(假如界面是默许的话)的动作操纵面板,假如没有,在窗口里把它寻出来。

点创建动作——录制(相似于录音机似的播放,暂停,的按钮,很好懂地)

然后停止你想要录制的操纵,操纵完成点休止按钮就可以了。

假如要在其他图片上播放,点方才创建的动作播放就可以了,图片就会被方才创建的动作处置一遍,到达你想要的结果。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(20)

利用动作非常快的完成了这些工作。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(21)

此刻要整理一下图层栏。选中那些加了图层样式的层,也就是预备用来做熄灭时的灯管的层全部拉出来放在一个独自的组内。们不消再去理会他们了,由于不管是灯亮着还是熄灭,他们都应当在那里。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(22)

字母组里此刻清净多了,一个发光的灯管层,一个蓝色的要用来做光晕的蓝色描边层,还有一个白色的字母。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(23)

要开端做光晕了,很简便,高斯含糊就行了当然要改下模式。顾忌到工作量的巨大程度,翻开动作来录制历程,像方才给灯管加高光那样,只需要制作一个就行了,后面用动作来完成。点击蓝色描边层,高斯含糊8.5,感受有点淡,复制一层。合并之后把模式改为“滤色”。留意蓝框里的动作历程接下来你直接可以按播放键反复后面的工作了。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(24)

完成结果:

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(25)

这里开端做投射到墙上的亮光,此刻那些白色的字母派上用处了。翻开潜藏的白色字母,按CTRL+鼠标左键点击所有的白色字母层,往右侧稍稍移动一些间隔。霓虹灯不是贴在墙上的,它跟墙之间还有不远也不近的间隔。所以墙上的光跟霓虹灯会有些透视结果。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(26)

开端做墙上的光。点击白色字母,按CTRL+鼠标左键得到选区,填充跟发光灯管一样的蓝色。取消选区,高斯含糊63.0,复制一层,合并之后把模式改为“色彩减淡”,ok了~用录制好的动作完成后面所有的字母革新工程。蓝色框内是录制的制作流程。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(27)

把这些经过严峻高斯含糊的光晕图层移到最上面,此刻结果更逼真了。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(28)

静态图完成得差不多了。还有地板,当霓虹灯亮起来的时候地板上也有点光。复制墙上的光晕,逐个移到地板上。减低填充百分百,差不多到70就行了。这里还有个问题,感受熄灭时的灯管色彩太亮了,仿佛还通着电一样,

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(29)

用色阶轻微调暗点。也用动作录制办法快速高效的完成后面的工作。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(30)

静态图完成了,开端jpg制作。

翻开时间轴,第一脑筋里有个概念,想让它们以按什么样的次序开闭。的思绪是这样的:P,V还有J还有中心的A运转正常,R字估量不可了,偶然会亮一下,并且亮度会经常转变。O字闪个不断。最后一个A还好点,亮的时间比力长,偶然会闪一下。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(31)

翻开时间轴,除了R字之外全部点亮,由于它只是偶然量一下。复制一帧,点击下面的“过渡动画帧”增添到25帧。此刻一共有27帧。

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(32)

接下来几乎不消来说说明了,只要你按着你想的思绪来开关各个帧就行了。比方要在第二帧里让O字闪一下,就点击图层栏的眼睛状图标。点击第三帧的时候它会主动亮起来。或者打算让R在5帧开端渐渐的暗下去。点击第五帧,将R组的透亮度落低。然后点击“过渡动画帧”过度个3,4帧就差不多了。

终究结果:

Photoshop制作酷炫的蓝色霓虹灯闪烁动画效果图(33)

教程完毕,以上就是Photoshop制作酷炫的蓝色霓虹灯闪耀动画结果图办法,但愿能对大家有所帮忙!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助



订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板