PS制作霓虹灯动画效果-中国展示论坛

虽然在FLASH也是可以做出类似的效果...不过在PS里面做还是挺有趣的。也许大家通过这个教程也能开动脑筋...做出可以跟FLASH相交量的动画哦!先看一下效果吧.....



1.新建一个文件..背景为黑为.大小自定(我这里用的是500*200),点击\\\"横排文字蒙版工具\\\"输入design 也可自定.

/ d' ~  b; |9 \6 H


! c1 C$ K9 |5 e2.刚才输入文字忘了新建个层...现在补建一个(图层1),点击编辑-描边..参数如图.最后确定



/ \. U' J/ G+ Y( W* z+ L+ ~
0 T0 o& W1 m; N$ G1 `3.滤镜-高斯模糊...半径也1像素..确定.
; F/ c0 m2 M5 b% A- m
  Q, J: x0 r. L5 p8 _2 p; w' H

4 {; F  n8 X- T' }3 C; f/ G# Y; D
5 ?3 M# S/ ~" E  f, a+ O; J4.在图层1添加图层样式...设置外发光....参数自定也可...只要达到想要的效果就行了..如图


  p; K) ?7 b( T0 N5 A# z2 m! c$ K! k$ m
2 B5 L5 B+ o& q0 f
5.再勾先内发光....颜色要比外发光的淡.(有发亮的感觉吧),注意:混合模式要调为正常.颜色才看得出来哦..


* @0 X: ~1 X5 m0 s0 P3 W! [/ d
. M# O4 q; ]$ }
6.按CTRL+图层1,加载选区,选择-修改-扩展...20像素,确定选择-羽化-像素为15,确定 保留选区,新建一个空白图层(图层2)如图




123下一页
- y7 c- N1 J; r$ r; x

4 |* a" I+ f" T
5 e, r0 e/ w: v, g0 M: }& B
7.把前景色也改成同你刚才外发光相同的颜色(这里的是绿色),按ALT+DEL填充上颜色....再把图层的不透明度改为60%,现在的霓虹灯就算是初步完成的,,,接下来重头戏才慢慢开始.

4 N7 I4 q2 j; u' d
5 l3 P* h8 D4 j  S/ \  b8 I+ b
4 ~8 ^3 C) h* n
3 A9 R: u( ]! i0 H1 o( X1 v; D8.新建一个空图层...切换到路径面板,点击自定形状工具.再选择相应的形状...在工作区接出一个路径,然后可以用工具条上的直接选择工具对路径进行变形(按照自己爱好就行了)...如图
% J% O$ A" C: M+ o( z4 x% t8 t

2 }* r5 [, O' I, O2 g' G. V

9.点画笔画工具...在笔画预设-笔画笔尖形状,把笔画的间距设置成如图.
$ X& Z! O1 j% _2 k6 u/ I

0 d3 u; x- k% m$ ~) l, O
* d: U. a: [6 n8 G8 e# }% F
10.再勾选\\\"颜色动态\\\",设置颜色如图


8 O- k$ i4 G# r7 A

$ i& S# _& I! H; x+ j8 M! d2 D* p11.因颜色动态里我们勾先了前景/背景抖动....所以画笔扫描出来的路径颜色是根据前景和背景进行抖动的,所以再把背景把改成黄色让抖动的效果更鲜艳...(用其他颜色也可)
: R$ X( {/ d4 C
- j& K7 f( s2 e( l3 v- Q5 Q

2 C4 w2 k2 O4 N& O0 q( o
12.在路径面板下点击用笔画扫描路径..效果如图
$ H( V+ r+ f- G: I! M
- z) K9 \1 p/ W9 S' J/ R. k
8 U2 R( H" ?# U# \; q
' E7 k5 V+ E7 {# P& T0 v
13.按住CTRL点扫描出来的图层(图层3),载入选区, 点击选择-修改-收缩,收缩量为2个像素.确定.


# o5 c/ c! d) H8 [6 \

14.点击选择-羽化.1个像素,确定 再选择图像-调整-亮度/对比度.把亮度提高,确定 取消选区.

/ |' v3 i/ U  L/ v" G( ]$ X1 x4 ~
  n  b1 W0 Q8 m- g6 T, L8 l$ ^
123下一页


/ m- A" W4 l4 V$ X/ w

15.这里少了个截图.只好几个步骤一起说了.合并图层1到图层2.把图层2复制一个副本.在图层2中新建调整图层-色彩平衡.在窗口中把滑块移向绿色...(量自定就行了..)确定因我用的是PS2里面就有一个动画,如果是其他老版本的就得转到ImageReady里处理了..操作方法是一样的,这里就以PS2为例了找开动画面板,默认里面有一个帧,再复制2个.如图
3 a& P+ p- `% ?0 d$ J# s
! |, I3 ~& B9 M  Y1 H4 m/ B! m! o
4 |" S' {: U' w; G+ k) ?1 N

" E. y  b' ^2 ~1 \6 L* |& c# O0 f5 Y16.把动画里的1帧对应图层2前的眼睛勾掉; 把动画里的2帧对应图层2副本眼睛勾掉 我想大家对帧都有一定的了解..我这里就不作说明了
1 s" b' t  Q% b  Q$ E2 N% D( ]. D1 E. [

$ b* B. z4 R& E, Y
; F* Y2 L! L3 p# j2 n! ?' ~& n
# s1 \# V. L: ]9 q
17.将第3帧设置跟第1帧一样..如图

6 w" c) @2 v5 `/ R


* K2 l: o% H% S) z0 r: t18.点击第一个帧按动画帧过渡...参数如图



5 h; g' W/ |% M9 s! x5 O
3 F. z+ T# y8 A0 d7 \" }+ O, ~* N19.确定后在原有的3个帧上增加了2个帧.如图
( a) X& G- G& c- x4 h
- t+ B7 A( F0 T/ M$ n% d& f

5 U( f- T# b% I+ A( v
20.点击第4个帧按动画帧过渡...参数同第1个帧一样.如图

4 V/ `: i0 _: m4 o


0 q4 L0 P4 l, A+ W* b9 C21.确定后同样的增加了2个帧.如图
9 G4 Q' D7 y0 R1 t, J# ~

, D" m) V" [7 ?4 t+ ~* ~6 E2 U

- ^  {& n) P9 L# {22.点击图层3(周边圆点),复制6个副本.如图
* p) D* q3 M, Z* i  B8 Z2 ]' n
; x" w( |4 y7 j2 s: c# M
3 ~' ~0 Z5 H6 [; I
, \  r2 [8 ]+ v6 o4 o) o1 @
23.在第1个帧上把对应的图层3眼睛显示..其他图层3副本眼睛关掉.如图
  c) \. k" f2 h4 u' j& z
0 D1 n( Q  M( @( l' m


24.补充一下.....在图层3上按CTRL+U...在色相/饱和度中对色相进行调整.如图

4 l/ n: ~. k9 u# w! K: \( R0 n



1 o/ e, r: `) L: `9 }3 P- Z; H25.把第2个帧对应的图层3副本旁的眼睛显示,其他图层3和图层3的副本都眼睛都关掉,再在图层3上按CTRL+U,对色相/饱和度中对色相进行调整,参数对刚才的稍大.如图以此类推,其他图层3也根据帧的变化而进行变化调整......最后补充...把所有动画帧的帧延迟时间都改为0.1秒.如图
5 K. Q( G; T  [0 V) e
# `9 t2 Y2 K: T6 q7 L4 _1 E# {

0 {/ L/ t$ x' l2 z& v完成...现在我们就让它动起来吧......123