内容提要:编按:
这的确是一款值得读者学习的霓虹灯特效字。编辑推荐这款特效字的理由有两点:一、它的霓虹灯效果做得很逼真,静态效果步骤也很详细;二、它同时是一个典型的帧动画案例,可以让读者学习、锻炼自己的帧动画制作能力。
如果不了解帧动画特点,读者估计对教程中每个字母及其光晕都要单独建立图层感到疑惑。帧动画,为了方便动画编辑,都需要不同的图像,或同一图像的不同部件位于不同的图层。
这也是这篇教程多次运用“动作”的原因。不同对象都需要独立图层,因此同样的效果就必须重复进行制作。这个时候,动作就可以帮读者减轻劳动。
编按:
这的确是一款值得读者学习的霓虹灯特效字。编辑推荐这款特效字的理由有两点:一、它的霓虹灯效果做得很逼真,静态效果步骤也很详细;二、它同时是一个典型的帧动画案例,可以让读者学习、锻炼自己的帧动画制作能力。
如果不了解帧动画特点,读者估计对教程中每个字母及其光晕都要单独建立图层感到疑惑。帧动画,为了方便动画编辑,都需要不同的图像,或同一图像的不同部件位于不同的图层。
这也是这篇教程多次运用“动作”的原因。不同对象都需要独立图层,因此同样的效果就必须重复进行制作。这个时候,动作就可以帮读者减轻劳动。
案例:超逼真霓虹灯字
效果:
步骤:
(1)打开背景素材,如图1。
图1
霓虹灯一般只在夜晚工作,所以这个场景显然太亮了。我用色阶工具把它变暗点,如图2。
图2
再给一点冷色,如图3。
图3
(2)OK 现在这个背景符合我的要求了,如图4。既然我们不再需要修正背景图,最好把它们都合并起来,因为到后面会有非常非常多的图层,尽量保持图层的简洁明了。
图4
(3)输入大小为50的ADOBE默认黑体。最好是英文,笔画越简单越好。中文显然不好处理。这里非常重要,我的霓虹灯GIF不是所有的字都一起变化,而是单独的。有时这个字是亮的,有时相反。所以我们必须要让每个字母单独成为一个层。这里我只输入一个字母,然后复制N层,你需要几个字母就复制几层。然后用移动工具把它们均匀的排列开来。如图5。
图5
(4)把字母修改成你需要的,再将每个字母按排列位置给相对应的层重新命名,如图6。这个很重要,以后找起来方便啊,对不对?
图6
(5)单击最上面的图层,按住Shift键再单击最下面的字母图层,右键把全部字母格栅化。现在字母还要调整一下,它们的透视跟砖墙显然不一致。保持所有字母层处于被选中状态,用自由变换工具调整透视。如图7。注意到砖墙上的横向缝隙吗? 它就是参考线。
图7
(6)下面的工作会非常的繁琐,我希望你会有跟我一样的耐心来完成。
霓虹灯没有直角,也就是说它们转弯的地方都带有一定的圆弧。而这里的字母不符合这个要求。下面我要把这些字母处理一下,让它们尖锐的直角变得圆滑一点。选中第一个字母,高斯模糊5。然后挨个按CTRL+F给同样的处理。如图8。
图8
最后应该是图9这样。
图9
(7)现在的字母还不是我想要的,它们的边缘应该非常清晰,因为我要用它们的选框来描边做霓虹灯的灯管。它们需要锐化,执行“滤镜-锐化-USM锐化”,如图10。
图10
(8)边缘还是有点虚,继续锐化一次,觉得满意后把全部字母都处理一遍,做起来很简单,你只需要给每个字母按两次CTRL+F。效果如图11。
图11
(9)下面开始做霓虹灯的灯管。在此之前还有工作要做,建立N个组,把字母放入各个组里,重新按字母排列命名组的名字。再把填充不透明度减低,让后面的工作好做点。如图12。
图12
(10)按CTRL键单击字母图层的图层缩略图载入选区,在字母组里新建一个图层,进行7像素的描边,任何颜色都可以,如图13。每个字母都做一次。
图13
(11)图14是完成后的效果。接着我还要处理这些灯管,你注意到了,霓虹灯没有封闭的,它有开始和结尾的地方,就是说有空隙。我要模拟这个。其实很简单,用橡皮擦一下就行了。但是两头好像要稍微粗点。擦出一个口子,然后用画笔把灯管头描粗点,就这么干。
图14
(12)接下来我用图层样式模拟熄灭时的灯管效果。很简单,内阴影加浮雕几乎可以完美的模拟这个效果。如图15。
内阴影
斜面和浮雕
图15
(13)后面简单了,复制图层样式,给所有的灯管都黏贴一次,把后面的字母先隐藏掉,当前我们暂不需要它们,ok,效果如图16。
图16
(14)继续按住CTRL键单击每个组里的灯管图层缩略图载入灯管选区,在对应的组里新建一层填充淡蓝色。如图17。
图17
每个字母都要操作一次,效果如图18。这个我打算用来制作发光的灯管,只是发光,还不包括周围的光辉。
图18
(15)继续深化这个效果,复制每一个淡蓝色的字母。在新的每个淡蓝色字母层里载入选区,收缩2个像素,羽化1个像素,填充白色,模拟灯管的高光。这个过程非常繁琐,不过也有捷径,打开动作可以录制,录制方法:
打开界面右侧(如果界面是默认的话)的“动作”面板,如果没有,在“窗口”菜单里把它找出来。
单击“创建新动作”按钮创建一个动作,并开始录制(类似于录音机似的播放,暂停,的按钮,很好懂地)。
然后进行你想要录制的操作(载入选区——收缩选区2像素——羽化选区1像素——填充白色——取消选区),操作完成单击“停止”按钮就可以了。
如图19。
图19
(16)单击其他组中复制的淡蓝色图层,单击动作面板下方“播放选定的动作”按钮播放刚才新建的动作就可以了,淡蓝色图层就会被刚才新建的动作处理一遍,达到你想要的效果,如图20。
图20
(17)现在我要整理一下图层栏。选择那些加了图层样式的层,也就是我准备用来做熄灭时的灯管的层全部拉出来放在一个单独的组内,如图21。我们不用再去理睬他们了,因为不管是灯亮着还是熄灭,他们都应该在那里。
图21
(18)字母组里现在清净多了,一个发光的灯管层,一个蓝色的我要用来做光晕的蓝色描边层,还有一个白色的字母。把所有图层显示,当前效果如图22。
图22
(19)隐藏白色文字,我要开始做光晕了,很简单,高斯模糊就行了,当然要改下模式。顾忌到工作量的庞大程度,我新建一个动作来录制过程,像刚才给灯管加高光那样,我只需要制作一个就行了,后面用动作来完成。单击蓝色描边层,高斯模糊8.5,感觉有点淡,复制一层。(然后Ctrl+E合并)合并之后把模式改为“滤色”。完了,单击动作面板下的停止按钮,停止录制。注意蓝框里录制的动作,如图23。
图23
(20)接下来你直接可以按播放键重复后面的工作了,完成的效果如图24。
图24
(21)这里开始做投射到墙上的亮光,现在那些白色的字母派上用场了。打开隐藏的白色字母,按住Ctrl键鼠标左键单击所有的白色字母层(将它们选中),(使用移动工具)往右边稍稍移动一些距离,如图25。霓虹灯不是贴在墙上的,它跟墙之间还有不远也不近的距离。所以墙上的光跟霓虹灯会有些透视效果。
图25
(22)开始做墙上的光。新建一个动作,进行录制。单击某白色字母层,按住Ctrl键单击图层缩略图载入选区,填充跟发光灯管一样的蓝色。取消选区,高斯模糊63像素;(模糊后)复制一层(增强光效果),(按Ctrl+E)合并(两个图层)之后把模式改为“颜色减淡”。停止录制,ok了~用录制好的动作完成后面所有的字母改造工程。蓝色框内是我录制的制作流程。如图26。
图26
(23)把这些经过严重高斯模糊的光晕图层移到最上面,现在效果更逼真了,如图27。
图26
(23)把这些经过严重高斯模糊的光晕图层移到最上面,现在效果更逼真了,如图27。
图27
(24)静态图完成得差不多了。还有地板,当霓虹灯亮起来的时候地板上也有点光。复制墙上的光晕,逐个移到地板上。减低填充不透明度,差不多到70%就行了。效果如图28。这里还有个问题,我感觉熄灭时的灯管颜色太亮了,好像还通着电一样。
图28
(25)(把光晕等图层隐藏,)用色阶(把灯管)稍微调暗点。注意也用动作录制,便于快速高效地完成后面的工作。如图29。
图29
(26)静态图完成了,如图30。
图30
(27)开始GIF制作。
首先头脑里有个概念,我想让它们以什么样的次序开闭。我的思路是这样的:P,V还有J还有中间的A运转正常,R字估计不行了,偶尔会亮一下,而且亮度会经常变化。O字闪个不停。最后一个A还好点,亮的时间比较长,偶尔会闪一下。
打开时间轴,除了R字以外全部点亮,因为它只是偶尔量一下。(单击“复制所选帧”按钮,)复制一帧;然后再单击(时间轴)下面的“过渡动画帧”按钮增加25帧。现在一共有27帧。如图31。
图31
编辑注:PS CC版本中,打开“时间轴”面板,首先需要设置是“创建视频时间轴”还是“创建帧动画”,如图32。读者需要选择“创建帧动画”。
图32
(28)接下来几乎不用我来说明了,只要你按着你想的思路来开关各个帧就行了。比如我要在第二帧里让O字闪一下,就单击图层栏的眼睛状图标关闭光晕,到第三帧的时候它会自动亮起来。或者我打算让R在第5帧开始慢慢的暗下去。单击第五帧,将R组的不透明度降低,然后单击“过渡动画帧”按钮,设置过渡方式为“上一帧”,要添加的帧数为3或4。如此,R就会从100%不透明度,经过3或4帧后不透明度降低到刚才设定的值,视觉效果看起来就是亮度逐渐降低了。
通过上述方式按设想的效果进行帧的设置,最终动画效果如图33。
图33
编辑注:关于PS动画和时间轴操作请查看部落窝《PS动画和视频教程》系列。
友情提示:宝贝们想学习更多更系统的教程,扫下方二维码,收藏我们官方微店哦。
联系客服