夜郎 发表于 2009-1-26 22:34:52

Photoshop制作漂亮的心型挂坠Gif动画图

　　先来看看漂亮的挂坠

http://www.sz41.com.cn/attachments/135120/images/200912610281498977801.gif



　　下面开始制作
　　1.新建一个300*200的文件，新建一个图层，
　　选择画笔工具挑一些你喜欢的笔刷在图层1上绘制组合一个挂坠。

http://www.sz41.com.cn/attachments/135120/images/20091261028157977802.jpg


http://www.sz41.com.cn/attachments/135120/images/200912610281516977803.jpg


　　2.复制图层1，也就是图案层，用钢笔工具把第一个要变色的图案圈出来，按CTRL 回车将路径转换成选区

http://www.sz41.com.cn/attachments/135120/images/200912610281523977804.jpg


http://www.sz41.com.cn/attachments/135120/images/200912610281536977805.jpg


　　按CTRL U跳出色相饱和度选项框，设置色相为 100，其它选项保持默认，然后按完成。

http://www.sz41.com.cn/attachments/135120/images/200912610281545977806.jpg



　　接下来再复制图层1，用钢笔工具把第二个要变色的图案圈出来，跟第一个变色图案做法一样，根据你想要变色图案的顺序来做。

http://www.sz41.com.cn/attachments/135120/images/200912610281552977807.jpg


http://www.sz41.com.cn/attachments/135120/images/200912610281558977808.jpg


http://www.sz41.com.cn/attachments/135120/images/200912610281561977809.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102815700778010.jpg


　　做到心形里有翅膀图案的时候，要注意一下，首先复制两个图层，用色相饱和度改变图案的颜色，两个图层的颜色都要改

http://www.sz41.com.cn/attachments/135120/images/2009126102815760778011.jpg


　　第一层将嘴唇勾选出来删掉只显示翅膀，第二层删掉翅膀只显示嘴唇，这样就可以了。
　　然后接着把后面的图案的颜色改掉，按顺序来顺时针一圈。

http://www.sz41.com.cn/attachments/135120/images/2009126102815830778012.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102815900778013.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102815970778014.jpg


　　这是绘制图案的笔刷，有很多种，大家可以自由组合制作更漂亮的图案。

　　3.将图层1副本——图层1副本11的眼睛关掉， 只显示背景和图层1，进入IR开始制作动画。

http://www.sz41.com.cn/attachments/135120/images/200912610281620778015.jpg


http://www.sz41.com.cn/attachments/135120/images/200912610281680778016.jpg


　　4.首先复制当前帧，选择图层1副本并打开眼睛，把图层1的眼睛关掉，这是变色的第一个图案；

http://www.sz41.com.cn/attachments/135120/images/2009126102816150778017.jpg


　　然后再复制当前帧，选择图层1副本2并打开眼睛，关闭图层1副本的眼睛，这是第二变色图，按照这个步骤一直做到翅膀图的时候，先制作翅膀的动画帧，然后再是嘴唇，接着把第7帧和第8帧（翅膀和嘴唇）复制2份，也就6张动画帧，翅膀和嘴唇各3帧，分别隔开来排，依次是翅-唇-翅-唇-翅-唇；

http://www.sz41.com.cn/attachments/135120/images/2009126102816230778018.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102816341778019.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102816411778020.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102816511778021.jpg


　　再接下来按顺序将余下来的几个图案复制到动画帧上，跟前面的步骤相同；一共是16帧动画

http://www.sz41.com.cn/attachments/135120/images/2009126102816591778022.jpg


http://www.sz41.com.cn/attachments/135120/images/2009126102816661778023.jpg


　　选择16帧动画，按CTRL 左键点击或者按SHIFT点击第一张和最后一张，设定延迟的时间为0.07秒，最后存储优化结果就OK了！

http://www.sz41.com.cn/attachments/135120/images/2009126102816741778024.jpg


http://www.sz41.com.cn/attachments/135120/images/200912610281498977801.gif

meing 发表于 2009-6-28 19:35:29

很感谢这么详细的讲解！

李力李力 发表于 2015-4-11 23:39:24

很有用

daith 发表于 2019-1-27 09:11:33

很棒的案例啊
页: [1]
查看完整版本: Photoshop制作漂亮的心型挂坠Gif动画图