『漫游』酷论坛>『动漫贴图区』>图片处理技术交流区>【1024】 [原创][PS-IR]制 ..
【1024】 [原创][PS-IR]制作渐变色字体动画
天使小萌@2005-04-20 05:27
先看一下大致的效果：
第一步，我们来建立空心字。
打开PhotoShop，按住Ctrl同时鼠标左键双击空白处，新建一白底画布，建好后按D恢复色板。
按T选择字体工具，字体我们这里选用的是“幼圆”，消除锯齿方法“浑厚”，并在字符面板中将字体设置为仿粗体。
接下来写好你想要的文字，然后按Ctrl+T调节文字到你要的大小，确定后将文字层栅格化（平面化），重命名为“图层1”。
弄好后如下图（点击查看）：
按Ctrl同时鼠标左键单击图层1，会发现文字部分被选定。接下来按下图所示扩大选区。
扩展量这里我设置为“1”（可自定），确定。按Del，把文字删除，保留选区，选择“编辑”－“描边”，宽度设“1”，确定之后如下图，空心字完成。
第二步，在图层面板上鼠标左键双击“图层1”空白的地方，打开“图层样式”对话框，按下图选择“渐变叠加”，并按图示参数设置好后确定：
（留意一下上图中圈起的那个箭头，那个箭头是可以移动的。为了教程说明顺序，你先不要移。）
第三步，单击工具箱最底下的 
按钮，切换到ImageReady，此时如图（点击查看）：
第四步，好，注意，这步我们要弄的将是gif动画的最后一帧，可能你会问，怎么就弄gif动画的最后一帧了？中间的呢？不要急，跟着来。
先点击一下下图所示动画面板的按钮，复制一下当前帧：
（如果你看不到这个动画面板，请勾选菜单栏“窗口”－“动画”）
第五步，点击第三步的那个按钮，返回PhotoShop，在图层面板上，鼠标左键双击“渐变叠加”那几个字打开第二步那个窗口，好，现在我们拖动那个箭头从左往右移动一段距离，看到颜色的变化了吗？确定。
第六步，返回ImageReady：
第七步，好了，看到现在这两帧，其实这第一帧就是gif动画的起始帧，第二帧就是gif动画的最终帧。
我们只需点击一下下图所示按钮：
接着，我们只要在弹出的对话框中设置一下下图所示的那个数值，比如我设置的“5”，那么就会在上图的第一、第二帧中插入5个帧。
好了，按顺序点击一下这7个帧吧，你就会发现，它依次下来的顺序正是你在第五步中的移动顺序。知道了吧？^^
如果第五步中你移动的距离越大，那么你上面的数值也就相应地设大一些，这样才能使gif动画看起来更平滑，当然，这样gif的体积也越大。:rolleyes:
最后，全选所有帧，设置一下间隔时间，比如0.1秒，然后输出gif动画就可以了。
注： 第二步的那些参数你是可以按自己喜欢来设的，还可以点击那条色带来调节更美的渐变颜色。最后在ImageReady中保存gif动画前，可以打开优化面板，来优化一下gif动画，以方便网络传输，太大的gif动画体积将直接影响视觉效果。
天使小萌@2005-04-20 05:47
个人认为一个好的gif动画就是要用最小的文件体积来表现一个尽可能好的动画效果。而要减小文件体积，就是要减少帧和图层，特别是图层。
据我现在所掌握的，善用图层样式和萌板，可以达到减少图层的目的。举个例子来说，就我上面这个gif动画，你当然可以先在PhotoShop中做好7个不同的图层，然后通过在ImageReady中依次打开/关闭图层来实现动画效果，但7个图层，最终得到的文件体积将比我现在这一个图层的大许多。所以，如果能有减少图层的办法，我们就一定要采用（之前我问过一个关于“猫跃起又落下的动画是否可用一个图层来实现”的问题，看来那样的动画则是没办法用一个图层的）。
另外，建立多个“节点”也可以达到减小文件体积的目的。所谓“节点”就是把一物体分为多个部分，比如把一个人体层剪切成好几个层：脑袋层、身体层、手臂层，大腿层..... 这样设置多个“节点”后，就避免了因一小部位的移动变化而需要重建整个人体层的可能，从而也达到了减小文件体积的办法。
一点自己的经验，给阿牛看看。ˉεˉ
希望有此方面经验的朋友能指点修正，并分享一下你的经验。另外，因为娃娃传了我Firework安装包，玩Firework的朋友也多来介绍一下FW的“特技”吧。我摆弄了一个晚上，发现FW好多地方的确比PS更为方便 ------- 应该说，是更“傻瓜化”了吧..
teddyyang@2005-04-20 09:04
效果真是有趣呢！！！
小萌终于弄出一个像模像样的教程了~~~~~辛苦了！！！
偶有机会也去试试！！
无雨娃娃@2005-04-20 12:49
啊，这个是好物讷，我去尝试在fw上做出来
尐東西ャ飞飞@2005-04-20 15:53
FW应该可以做出来~
gl5280@2005-04-20 17:29
支持小萌的教程啊,小萌应该多写点来造福大众啊^___^
天使小萌@2005-04-20 18:43
如果觉得我例子中的效果太过“闪烁”了，可以点那个色带自己调节一下颜色，或者调节透明度等等。
我昨天发现原来FW带的一些滤镜也就是PS下的啊，就是说，他们两者的滤镜是可以共用的，比如FW下的Eye Candy就是PS下一个很有名的滤镜，可以不用再去找滤镜下载乐。^^ 而且，FW的好多快捷键都是和PS一样的，嘿嘿……
娃娃如果找到了FW里的方法写一下吧。
那个，还有个FW的问题，是不是在FW里要保存gif图片，只能用那个“导出向导”？我用“保存”、“导出”都没看到存为gif的选项。。
尐東西ャ飞飞@2005-04-20 20:09
^0^那我等喵研究出FW的教程~
PS小萌：是不能用保存的。只能在导出向导或者导出预览（一般用这个）那选择GIF~
天使小萌@2005-04-20 20:29
谢谢飞飞啦，知道乐！o^^o
那个，再问下，就是我按那个FW撕边教程做了下，发现做好后在保存成gif时，我要去除白边只能选“索引色透明”，如果选“不透明”或“Alpha透明度”就无法去掉那些白边。但是，问题是，如果我选了“索引色透明”，那我的衣领也给“透明”掉了（像添加了杂色一样），就不好看乐，就像下面这张样：
我试着调节了一下其他的参数，但没发现什么好的办法让衣领恢复成原来的样子。有什么好办法吗？ ￣.￣?
那个，是不是我上面教程的图都看不到了？
尐東西ャ飞飞@2005-04-20 20:44
选GIF动画
Alpha……
保存的设置适合GIF的128色（应该是这样写的吧，没开软件记不得乐）
撕边的我做过，应该是这么保存。记不得乐~
对乐小萌。上回你是问RO里的Christmas In Love（爱爱RO雪季日文版）
我这有，要的话跟我说~^0^
天使小萌@2005-04-20 20:48
引用
最初由 尐東西ャ飞飞 发布
选GIF动画
Alpha……
保存的设置适合GIF的128色（应该是这样写的吧，没开软件记不得乐）
撕边的我做过，应该是这么保存。记不得乐~
对乐小萌。上回你是问RO里的Christmas In Love（爱爱RO雪季日文版）
我这有，要的话跟我说~^0^
嗯嗯、可是选Alpha那个的话，是没法去掉周围那圈白边的，结果做出的就和jpg一样，而非透明gif。
好呀，飞飞你传给我吧！谢谢～o^O^o
尐東西ャ飞飞@2005-04-20 20:53
Alpha透明度可以去掉白边呀~
在右上角那保存的设置选GIF接近网页128色~
我把软件打开乐~做了个撕边。。。证实这么做是可以去白边的，如果去不掉，可能是你的RPWT乐~（抽筋大寒）~
是QQ还是MSN传你纳？
天使小萌@2005-04-20 21:01
引用
最初由 尐東西ャ飞飞 发布
Alpha透明度可以去掉白边呀~
在右上角那保存的设置选GIF接近网页128色~
我把软件打开乐~做了个撕边。。。证实这么做是可以去白边的，如果去不掉，可能是你的RPWT乐~（抽筋大寒）~
是QQ还是MSN传你纳？
不会吧~~~~~~~
飞飞等等，我上qq.
msn好久不用乐，这两天我那同学从四川回来乐，又要和我睡觉，而且还要睡几天，郁闷得没心情上qq乐…… ╮(╯_╰)╭
尐東西ャ飞飞@2005-04-20 21:23
引用
最初由 天使小萌 发布
不会吧~~~~~~~
飞飞等等，我上qq.
msn好久不用乐，这两天我那同学从四川回来乐，又要和我睡觉，而且还要睡几天，郁闷得没心情上qq乐…… ╮(╯_╰)╭
:eek: 小萌你这句话……让人往歪处想挖~~:eek:
你应该保守的说又要住你那……:rolleyes:
天使小萌@2005-04-20 21:43
BT有理，YY无罪么...
飞飞，我刚才终于找到原因乐。。
我之所以选了alpha透明度还是有白边是因为我在使用那个撕边滤镜时，没有把那个“Transparent Fill”选项给勾起来。。>_<
«12»共2页
| TOP
