搜索 社区服务 统计排行 帮助
  • 4412阅读
  • 16回复

【1024】 [原创][PS-IR]制作渐变色字体动画

楼层直达
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
先看一下大致的效果:














第一步,我们来建立空心字。
打开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动画体积将直接影响视觉效果。

※ 通往蘿莉国的秘境 ※

...........
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 1楼 发表于: 2005-04-20
个人认为一个好的gif动画就是要用最小的文件体积来表现一个尽可能好的动画效果。而要减小文件体积,就是要减少帧和图层,特别是图层。

据我现在所掌握的,善用图层样式和萌板,可以达到减少图层的目的。举个例子来说,就我上面这个gif动画,你当然可以先在PhotoShop中做好7个不同的图层,然后通过在ImageReady中依次打开/关闭图层来实现动画效果,但7个图层,最终得到的文件体积将比我现在这一个图层的大许多。所以,如果能有减少图层的办法,我们就一定要采用(之前我问过一个关于“猫跃起又落下的动画是否可用一个图层来实现”的问题,看来那样的动画则是没办法用一个图层的)。

另外,建立多个“节点”也可以达到减小文件体积的目的。所谓“节点”就是把一物体分为多个部分,比如把一个人体层剪切成好几个层:脑袋层、身体层、手臂层,大腿层..... 这样设置多个“节点”后,就避免了因一小部位的移动变化而需要重建整个人体层的可能,从而也达到了减小文件体积的办法。


一点自己的经验,给阿牛看看。ˉεˉ

希望有此方面经验的朋友能指点修正,并分享一下你的经验。另外,因为娃娃传了我Firework安装包,玩Firework的朋友也多来介绍一下FW的“特技”吧。我摆弄了一个晚上,发现FW好多地方的确比PS更为方便 ------- 应该说,是更“傻瓜化”了吧..

※ 通往蘿莉国的秘境 ※

...........
级别: 版主
注册时间:
2003-05-22
在线时间:
11小时
发帖:
11360
只看该作者 2楼 发表于: 2005-04-20
效果真是有趣呢!!!
小萌终于弄出一个像模像样的教程了~~~~~辛苦了!!!

偶有机会也去试试!!

《杂乱的D大调》轻音少女同人本5.8帝都CD5首发
BLOG :http://blog.sina.com.cn/xiaji
级别: 光明使者
注册时间:
2003-11-13
在线时间:
0小时
发帖:
24241
只看该作者 3楼 发表于: 2005-04-20
啊,这个是好物讷,我去尝试在fw上做出来

 loli
              喵喵の家族记录 最新翻唱-砂银(朱-AKA-) 最新图帖-旭リエコ 自扫杂志彩页 自制壁纸


便


有朋友说我过激、说我意气用事,为什么不肯留下,哪怕是注册一个MJ。实际上,某斑竹放话,我们注册MJ来,他/她也能查的出来并将我们赶走。其实,他/她过虑乐。

喜欢我贴的图,我制的蒙版、壁纸的朋友请到http://www.yycomic.net/ 的图区来收取,以后都贴在那里。
同时也欢迎大家来我的Blog玩,我永远欢迎:http://lolidoll.blog.park4u.com/user1/1741/index.html
级别: 工作组
注册时间:
2005-01-23
在线时间:
0小时
发帖:
5430
只看该作者 4楼 发表于: 2005-04-20
FW应该可以做出来~

http://i.9sky.com/person/index.aspx?personid=11869581 お茶にしましょう
loli~家的~~~ ~~~ QQ群号:8578028
干爸 3 GG DD max
级别: 风云使者
注册时间:
2004-02-23
在线时间:
0小时
发帖:
4210
只看该作者 5楼 发表于: 2005-04-20
支持小萌的教程啊,小萌应该多写点来造福大众啊^___^

CJ ~~~~




有的人说我们过激、说我们意气用事,为什么不肯留下,哪怕是注册一个MJ......实际上,某斑竹放话,我们注册MJ来,他/她也能查的出来并将我们赶走。实际上,他/她过虑乐。我们走是走的堂堂正正,要来也会来的光明正大,群众的眼睛是雪亮的,这点早已得到了印证!
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 6楼 发表于: 2005-04-20
如果觉得我例子中的效果太过“闪烁”了,可以点那个色带自己调节一下颜色,或者调节透明度等等。


我昨天发现原来FW带的一些滤镜也就是PS下的啊,就是说,他们两者的滤镜是可以共用的,比如FW下的Eye Candy就是PS下一个很有名的滤镜,可以不用再去找滤镜下载乐。^^ 而且,FW的好多快捷键都是和PS一样的,嘿嘿……
娃娃如果找到了FW里的方法写一下吧。

那个,还有个FW的问题,是不是在FW里要保存gif图片,只能用那个“导出向导”?我用“保存”、“导出”都没看到存为gif的选项。。

※ 通往蘿莉国的秘境 ※

...........
级别: 工作组
注册时间:
2005-01-23
在线时间:
0小时
发帖:
5430
只看该作者 7楼 发表于: 2005-04-20
^0^那我等喵研究出FW的教程~

PS小萌:是不能用保存的。只能在导出向导或者导出预览(一般用这个)那选择GIF~

http://i.9sky.com/person/index.aspx?personid=11869581 お茶にしましょう
loli~家的~~~ ~~~ QQ群号:8578028
干爸 3 GG DD max
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 8楼 发表于: 2005-04-20
谢谢飞飞啦,知道乐!o^^o

那个,再问下,就是我按那个FW撕边教程做了下,发现做好后在保存成gif时,我要去除白边只能选“索引色透明”,如果选“不透明”或“Alpha透明度”就无法去掉那些白边。但是,问题是,如果我选了“索引色透明”,那我的衣领也给“透明”掉了(像添加了杂色一样),就不好看乐,就像下面这张样:



我试着调节了一下其他的参数,但没发现什么好的办法让衣领恢复成原来的样子。有什么好办法吗?  ̄. ̄?


那个,是不是我上面教程的图都看不到了?

※ 通往蘿莉国的秘境 ※

...........
级别: 工作组
注册时间:
2005-01-23
在线时间:
0小时
发帖:
5430
只看该作者 9楼 发表于: 2005-04-20
选GIF动画

Alpha……

保存的设置适合GIF的128色(应该是这样写的吧,没开软件记不得乐)


撕边的我做过,应该是这么保存。记不得乐~

对乐小萌。上回你是问RO里的Christmas In Love(爱爱RO雪季日文版)

我这有,要的话跟我说~^0^

http://i.9sky.com/person/index.aspx?personid=11869581 お茶にしましょう
loli~家的~~~ ~~~ QQ群号:8578028
干爸 3 GG DD max
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 10楼 发表于: 2005-04-20
引用
最初由 尐東西ャ飞飞 发布
选GIF动画

Alpha……

保存的设置适合GIF的128色(应该是这样写的吧,没开软件记不得乐)


撕边的我做过,应该是这么保存。记不得乐~

对乐小萌。上回你是问RO里的Christmas In Love(爱爱RO雪季日文版)

我这有,要的话跟我说~^0^

嗯嗯、可是选Alpha那个的话,是没法去掉周围那圈白边的,结果做出的就和jpg一样,而非透明gif。

好呀,飞飞你传给我吧!谢谢~o^O^o

※ 通往蘿莉国的秘境 ※

...........
级别: 工作组
注册时间:
2005-01-23
在线时间:
0小时
发帖:
5430
只看该作者 11楼 发表于: 2005-04-20
Alpha透明度可以去掉白边呀~

在右上角那保存的设置选GIF接近网页128色~

我把软件打开乐~做了个撕边。。。证实这么做是可以去白边的,如果去不掉,可能是你的RPWT乐~(抽筋大寒)~


是QQ还是MSN传你纳?

http://i.9sky.com/person/index.aspx?personid=11869581 お茶にしましょう
loli~家的~~~ ~~~ QQ群号:8578028
干爸 3 GG DD max
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 12楼 发表于: 2005-04-20
引用
最初由 尐東西ャ飞飞 发布
Alpha透明度可以去掉白边呀~

在右上角那保存的设置选GIF接近网页128色~

我把软件打开乐~做了个撕边。。。证实这么做是可以去白边的,如果去不掉,可能是你的RPWT乐~(抽筋大寒)~


是QQ还是MSN传你纳?

不会吧~~~~~~~


飞飞等等,我上qq.
msn好久不用乐,这两天我那同学从四川回来乐,又要和我睡觉,而且还要睡几天,郁闷得没心情上qq乐…… ╮(╯_╰)╭

※ 通往蘿莉国的秘境 ※

...........
级别: 工作组
注册时间:
2005-01-23
在线时间:
0小时
发帖:
5430
只看该作者 13楼 发表于: 2005-04-20
引用
最初由 天使小萌 发布

不会吧~~~~~~~


飞飞等等,我上qq.
msn好久不用乐,这两天我那同学从四川回来乐,又要和我睡觉,而且还要睡几天,郁闷得没心情上qq乐…… ╮(╯_╰)╭


:eek: 小萌你这句话……让人往歪处想挖~~:eek:

你应该保守的说又要住你那……:rolleyes:

http://i.9sky.com/person/index.aspx?personid=11869581 お茶にしましょう
loli~家的~~~ ~~~ QQ群号:8578028
干爸 3 GG DD max
级别: 超级版主
注册时间:
2004-02-17
在线时间:
592小时
发帖:
13658
只看该作者 14楼 发表于: 2005-04-20
 
BT有理,YY无罪么...

飞飞,我刚才终于找到原因乐。。
我之所以选了alpha透明度还是有白边是因为我在使用那个撕边滤镜时,没有把那个“Transparent Fill”选项给勾起来。。>_<

※ 通往蘿莉国的秘境 ※

...........
快速回复

限150 字节
上一个 下一个