Fireworks制作超漂亮的文字闪图动画效果
<p>闪图在很多网站与论坛中使用过，比较myspace，制作闪图的工具无非也就是GIF动画常用的工具，这里就教大家Fireworks制作超漂亮的文字闪图动画效果方法，很简单的，并且作者很贴心，为大家准备了所有的素材，这样大家学习起来非常地方便。好了，一起来学习分享吧！</p><p align="center"><img border="0" alt="" width="400" height="100" src="https://img.jbzj.com/file_images/article/201410/20141010165516427.gif" /></p>
<p align="center">最终效果图</p>
<p>在开始教程前，我们要先准备下素材，就是找找“闪字背景素材”。</p>
<p align="center"><img border="0" alt="" width="502" height="362" src="https://img.jbzj.com/file_images/article/201410/20141010165516428.jpg" /></p>
<p align="center">图1</p>
<p align="center"><img border="0" alt="" width="500" height="192" src="https://img.jbzj.com/file_images/article/201410/20141010165516429.gif" /></p>
<p align="center">素材1</p>
<p align="center"><img border="0" alt="" width="355" height="214" src="https://img.jbzj.com/file_images/article/201410/20141010165516430.gif" /></p>
<p align="center">素材2</p>
<p align="center"><img border="0" alt="" width="500" height="192" src="https://img.jbzj.com/file_images/article/201410/20141010165516431.gif" /></p>
<p align="center">素材3</p>
<p align="center"><img border="0" alt="" width="500" height="372" src="https://img.jbzj.com/file_images/article/201410/20141010165516432.jpg" /></p>
<p align="center">素材4</p>
<p>下面开始制作的步骤：</p>
<p>1、素材已经准备了。我们就开始新建文档，画布大小：宽度为400，高度为100，(网友可自定义大小)。如下图图：</p>
<p align="center"><img border="0" alt="" width="396" height="316" src="https://img.jbzj.com/file_images/article/201410/20141010165531433.jpg" /></p>
<p align="center">图2</p>
<p>2、打开素材4，调整好图片大小，然后拖到我们新建的文档中，如下图：</p>
<p align="center"><img border="0" alt="" width="500" height="372" src="https://img.jbzj.com/file_images/article/201410/20141010165531434.jpg" /></p>
<p align="center">图3</p>
<p align="center"><img border="0" alt="" width="500" height="212" src="https://img.jbzj.com/file_images/article/201410/20141010165531435.jpg" /></p>
<p align="center">图4</p>
<p>3、调整好图片的位置，然后点击文本工具在图片上输入“个性签名”文字，再点击文本工具输入一行小字，如下图：</p>
<p align="center"><img border="0" alt="" width="427" height="123" src="https://img.jbzj.com/file_images/article/201410/20141010165531436.jpg" /></p>
<p align="center">图5</p>
<p>4、我们可以看到此时图层1，如下图：</p>
<p align="center"><img border="0" alt="" width="213" height="186" src="https://img.jbzj.com/file_images/article/201410/20141010165531437.jpg" /></p>
<p align="center">图6</p>
<p>5、点击层面板“新建/重制层”按钮，新建图层2，如下图：</p>
<p align="center"><img border="0" alt="" width="214" height="384" src="https://img.jbzj.com/file_images/article/201410/20141010165551438.jpg" /></p>
<p align="center">图7</p>
<p>6、选“图层1”，点击图层1右上角的按钮，弹出菜单并选择“共享此层”，如下图：</p>
<p align="center"><img border="0" alt="" width="216" height="446" src="https://img.jbzj.com/file_images/article/201410/20141010165551439.jpg" /></p>
<p align="center">图8</p>
<p align="left">7、选择“共享此层”后，图层1右方出现一个小图标，如下图(红色框处)：</p>
<p align="center"><img border="0" alt="" width="210" height="140" src="https://img.jbzj.com/file_images/article/201410/20141010165551440.jpg" /></p>
<p align="center">图9</p>
<p>8、点击“文件—导入”，选择你自己满意的闪字背景素材，点击确定，如下图：</p>
<p align="center"><img border="0" alt="" width="222" height="448" src="https://img.jbzj.com/file_images/article/201410/20141010165551441.jpg" /></p>
<p align="center">图10</p>
<p>9、确定后弹出对话框，询问是否添加新的帧，点击“确定”，如下图：</p>
<p align="center"><img border="0" alt="" width="395" height="172" src="https://img.jbzj.com/file_images/article/201410/20141010165551442.jpg" /></p>
<p align="center">图11</p>
<p>10、选择闪字素材背景(闪字素材背景覆盖住字)，按Ctrl+X，然后选择点击“个性签名”，如下图：</p>
<p align="center"><img border="0" alt="" width="411" height="106" src="https://img.jbzj.com/file_images/article/201410/20141010165551443.jpg" /></p>
<p align="center">图12</p>
<p align="center"><img border="0" alt="" width="413" height="111" src="https://img.jbzj.com/file_images/article/201410/20141010165551444.jpg" /></p>
<p align="center">图13</p>
<p>11、点击“编辑—粘贴于内部”，点击预览就可以看到字闪的效果了。如下图：</p>
<p align="center"><img border="0" alt="" width="243" height="421" src="https://img.jbzj.com/file_images/article/201410/20141010165551445.jpg" /></p>
<p align="center">图14</p>
<p align="center"><img border="0" alt="" width="407" height="106" src="https://img.jbzj.com/file_images/article/201410/20141010165551446.jpg" /></p>
<p align="center">图15</p>
<p>12、下面的效果，看上去字的效果不是很明显，我们可以为它加点发光效果，“滤镜—阴影和光晕—发光”，参数可以如下图:</p>
<p align="center"><img border="0" alt="" width="303" height="254" src="https://img.jbzj.com/file_images/article/201410/20141010165624447.jpg" /></p>
<p align="center">图16</p>
<p align="center"><img border="0" alt="" width="177" height="84" src="https://img.jbzj.com/file_images/article/201410/20141010165624448.jpg" /></p>
<p align="center">图17</p>
<p>13、最后就是动画的导出了，注意格式要选择“GIF动画”，再点击“导出”，如下图：</p>
<p align="center"><img border="0" alt="" width="500" height="414" src="https://img.jbzj.com/file_images/article/201410/20141010165624449.jpg" /></p>
<p align="center">图18</p>
<p>14、下面就是我们导出的最终效果图：</p>
<p align="center"><img border="0" alt="" width="400" height="100" src="https://img.jbzj.com/file_images/article/201410/20141010165624450.gif" /></p>
<p align="center">效果图</p>
<p align="left">教程结束，以上就是Fireworks制作超漂亮的文字闪图动画效果过程，希望大家喜欢本教程！</p>
頁:
[1]