查看完整版本: photoshop制作跳动文字动画效果

钚恁麋嘧 2008-4-28 19:17

photoshop制作跳动文字动画效果

[color=black]                                                                  作者[/color]:晶林树   [color=black]类型[/color]:转载


 [size=3][color=black]本教程是关于用Photoshop(PS)配合ImageReady(IR)制作跳动的文字效果,先在photoshop中做出层的效果,然后再打开IR,在IR中根据每帧对图层的隐藏变化来做出跳动效果,希望能带给您帮助!网络上黄昏的老教程,他用的是英文版的,我改用photoshop CS3 V9.0中文版的并做改动。下面我们先来看看最终效果:[/color][/size]

                             [img]http://www2.flash8.net/UploadTeach/200804/20080414112701846.gif[/img]
                                                                         [size=3][color=black] (效果图)[/color][/size]
[size=3][color=black][/color][/size]
[size=3][color=black]    打开一幅艳丽的图片,新建一层填充黑色,用文字工具输入文字得到文字层[/color][/size]。
                    [img]http://www2.flash8.net/UploadTeach/200804/20080414112702204.jpg[/img]
                                                                             图(1)

[size=3][color=black]  双击文字层给文字层添加图层样式,设置填充不透明度为0,挖空为浅(这里浅和深的效果是一样的,不信可以试。如果当前层在图层组里,深浅的效果就不同了,深挖到背景层而浅只挖出图层组)设置描边效果加强文字识别。[/color][/size]
[size=3][/size]
[size=3]                    [img]http://www2.flash8.net/UploadTeach/200804/20080414112703741.jpg[/img][/size]
[size=3]                                                                                图(2)[/size]
[size=3][/size]
[size=3]                    [img]http://www2.flash8.net/UploadTeach/200804/20080414112704638.jpg[/img][/size]
[size=3]                                                                                图(3)[/size]
[size=3][/size]
                             [img]http://www2.flash8.net/UploadTeach/200804/20080414112705267.jpg[/img]
                                                                               图(4)

从窗口调出动画面板,点击复制选中的帧。

                         [img]http://www2.flash8.net/UploadTeach/200804/20080414112705163.jpg[/img]
                                                                               图(5)

按ctrl+t键,变形文字,点击封套按钮。选择变形样式,调整变形量。

                       [img]http://www2.flash8.net/UploadTeach/200804/20080414112707929.jpg[/img]
                                                                               图(6)

                                                         [img]http://www2.flash8.net/UploadTeach/200804/20080414112709818.jpg[/img]
                                                                              图(7)

                               [img]http://www2.flash8.net/UploadTeach/200804/20080414112710598.jpg[/img]
                                                                               图(8)

                               [img]http://www2.flash8.net/UploadTeach/200804/20080414112711443.jpg[/img]
                                                                                图(9)

 重复文字变形步骤,不过变形设置是与上步相反的。选中第一祯,复制两帧,并放置如下位置:

                                [img]http://www2.flash8.net/UploadTeach/200804/20080414112713118.jpg[/img]
                                                                                    图(10)

选中第二帧,点击动画面板的帧过渡按钮,并设置如下:

                              [img]http://www2.flash8.net/UploadTeach/200804/20080414112714375.jpg[/img]
                                                                                 图(11)

                                                      [img]http://www2.flash8.net/UploadTeach/200804/20080414112715324.jpg[/img]
                                                                                    图(12)

将后面的帧(上上步的3、4、5帧)分别执行帧过渡.

                           [img]http://www2.flash8.net/UploadTeach/200804/20080414112715929.jpg[/img]
                                                                                      图(13)

点击播放按钮,看看效果。
最后存储为web所用格式的gif格式的图片。

                                      [img]http://www2.flash8.net/UploadTeach/200804/20080414112701846.gif[/img]
                                                                                     (效果图)

飞天舞 2008-4-28 19:27

多谢楼主
试试看看!

钚恁麋嘧 2008-5-10 21:58

[quote]原帖由 [i]飞天舞[/i] 于 2008-4-28 19:27 发表 [url=http://bbs.chxx.net/redirect.php?goto=findpost&pid=2309&ptid=518][img]http://bbs.chxx.net/images/common/back.gif[/img][/url]
多谢楼主
试试看看! [/quote]
行不行!!!!
页: [1]
查看完整版本: photoshop制作跳动文字动画效果