当前位置:首页ps教程Photoshop制作心形宝盒的发光动画
Photoshop制作心形宝盒的发光动画
°
  • 素材类型: 资源-素材
  • 上传时间:

本教程主要Photoshop详细讲解制作心形宝盒的发光动画,为照顾新朋友,教程写的比较详细,其实制作过程很简单,很适合初学者练习喔~

先来看下效果:

Photoshop制作心形宝盒的发光动画

素材:

Photoshop制作心形宝盒的发光动画

1、首先打开PS,然后选择“文件——打开”打开素材图片

Photoshop制作心形宝盒的发光动画

因为刚打开的素材图片是索引颜色的,不能编辑,所以,选择“图像——模式——RGB颜色”

Photoshop制作心形宝盒的发光动画

现在图像可以用了,按Ctrl+J复制图层,出现图层1

Photoshop制作心形宝盒的发光动画

2、现在要把中间的宝石盒单独抠出来,这是一张全黑背景的,所以非常好抠,直接用魔术棒就可以了。选择魔术棒工具,在黑色背景上点一下,就把黑色背景全选起来了~

Photoshop制作心形宝盒的发光动画

3、选起来的背景是不要的,所以,按下Delete键删掉背景吧,然后,在这个图层下面,新建一个图层,填充黑色

Photoshop制作心形宝盒的发光动画

4、好了,现在,按住Ctrl不放,用鼠标点下图层1,把宝石盒选起来后,点下下面的新建图层按钮,新建图层3 5、选择选择修改扩展,把选区扩展5个像素 6、这时候,确定图层3为选中状态,把选区填充为白色 7、选择滤镜像

4、好了,现在,按住Ctrl不放,用鼠标点下图层1,把宝石盒选起来后,点下下面的新建图层按钮,新建图层3

Photoshop制作心形宝盒的发光动画

5、选择“选择——修改——扩展”,把选区扩展5个像素

Photoshop制作心形宝盒的发光动画

6、这时候,确定图层3为选中状态,把选区填充为白色

Photoshop制作心形宝盒的发光动画

7、选择“滤镜——像素化——铜板雕刻”,类型选择“粒状点”

Photoshop制作心形宝盒的发光动画

Photoshop制作心形宝盒的发光动画

8、下面,双击图层3打开图层样式对话框,选择外发光,如图设置,(颜色可以按自己喜好定) 再把颜色叠加也勾上,颜色叠加里面的颜色要和外发光的一样喔,至少要相近似的,混合模式为滤色 9、好了,这样,一个颜色就弄

8、下面,双击图层3打开图层样式对话框,选择外发光,如图设置,(颜色可以按自己喜好定)

Photoshop制作心形宝盒的发光动画

再把颜色叠加也勾上,颜色叠加里面的颜色要和外发光的一样喔,至少要相近似的,混合模式为滤色

Photoshop制作心形宝盒的发光动画

9、好了,这样,一个颜色就弄完了,把这个图层复制多两份

Photoshop制作心形宝盒的发光动画

10、这样,我们只要双击图层,就能改颜色了,把另外两个图层分别双击打开图层样式对话框,把外发光和叠加颜色改成绿色和黄色,这样就做多出两个颜色层了~

Photoshop制作心形宝盒的发光动画

11、好了,把宝石盒那一层,也就是图层1移到最上面,不透明度改为80%

Photoshop制作心形宝盒的发光动画

好了,做的做完了,下面该动画了,动画相对简单喔~

12、选择文件在ImageReady中编辑或是直接点工具栏下面的跳转按钮,转到IR里进行动画编辑(注:PSCS2和以前版本才有IR喔,CS3的就直接点窗口动画进行编辑吧~) 13、到ImageReady里面后,第一帧动画保留红色的图层,把

12、选择“文件——在ImageReady中编辑”或是直接点工具栏下面的跳转按钮,转到IR里进行动画编辑(注:PSCS2和以前版本才有IR喔,CS3的就直接点窗口——动画进行编辑吧~)

Photoshop制作心形宝盒的发光动画

13、到ImageReady里面后,第一帧动画保留红色的图层,把绿色和黄色图层的眼睛关掉,也就是先隐藏起来

Photoshop制作心形宝盒的发光动画

14、然后点下动画那里的复制帧,复制出来的第二帧把红色图层关掉,换绿色的点上眼睛,再复制第三帧,一样,换上黄色,再把时间设置为0.2,也就是0.2秒一帧

Photoshop制作心形宝盒的发光动画

15、选中第一帧,记着要选中第一帧喔,然后点一下过度按钮,设置如下,确定

Photoshop制作心形宝盒的发光动画

好了,大功告成了,可以测试下了~

Photoshop制作心形宝盒的发光动画

16、没问题就选择“文件——将优化结果存储为”把动画保存成GIF图片吧!

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=438886

温馨提示:

文章标题:Photoshop制作心形宝盒的发光动画

文章链接:https://www.4tu.cn/photoshop/40412.html

更新时间:2024年08月31日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop图层样式制作崩裂的文字

2024-8-31 10:11:08

ps教程

Photoshop调出漂亮的惭色曲线签名

2024-8-31 10:12:02

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索