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

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]
                                                                                     （效果图）

多谢楼主
试试看看！

[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]
行不行!!!!