Adobe Photoshop果冻动画 GIF动画万花筒教程

Adobe Photoshop果冻动画 GIF动画万花筒教程

首页休闲益智果冻合并3D更新时间:2024-08-02
PS教学第44期第一篇果冻动画,用PS制作Q弹的果冻动画

本篇教程要做的是一个Q弹的果冻动图,我们在欣赏别的设计中经常会看到果冻效果的图标或者标志,或者说是水晶风格的图标,本次教程我们要在这个基础上制作GIF效果的动画果冻,制作步骤也很有趣,同学们来学习制作一下吧,相信你会从中学到很多知识。

效果图:

操作步骤:

首先,在网上找个果冻图,然后把图片导入PS

把果冻抠出来,用钢笔工具选出果冻的区域>点击Ctrl J,得到一个果冻命名为0。如果懒得抠图可以直接在网上找已经抠好的png图片

暂时隐藏抠好的果冻,复制背景图层:点击背景图层>Ctrl J

用你超强的原画能力把果冻给“擦掉”,注意不需要处理的十分精细,只要果冻边缘处雨背景相融就行

完事以后点亮刚才的果冻看一下效果,如果看起来比较自然,那背景的制作到这就算是完成了

再复制三个果冻按三次Ctrl J,分别命名为-1、1、2

接下来我们来看一下动效原理:

我们将果冻Q弹的效果比作是一个心动中的人,那么它的行动路径就应该是下图的0、-1、1、2再回到0

现在开始制作果冻的弹跳效果

Ctrl R调出标尺,首先沿着果冻的上边缘拉一根参考线视为“0”然后再拉三根距离相等的线(0上两根,0下一根)

注意:线与线之间间距不能太大,会很假

选中-1图层Ctrl T向下拉到下面那根线的位置点击回车

以此类推分别制作1和2的图片

做到这一步果冻就已经完成了

接下来我们让它动起来:窗口>时间轴>创建时间轴(记得一定要创建帧动画)

点击帧下面的时间,设置时间为0.1s

点击三下新建帧按钮再建三个帧

点击第一帧,熄灭所有果冻的小眼睛

然后就是重点啦,当第一帧是仅点亮图层0,第二帧时仅点亮图层-1,以此类推第三帧时仅点亮图层1,第四帧时仅点亮图层2。(注意一定确保每次只能有一个果冻被点亮)

完成以后就可以预览一下啦

如果没什么问题那么就完成啦,接下来导出:Ctrl Alt Shift S存储为gif

完成:

是不是很Q很弹,看上去很想吃啊,动手来制作一下这个令人垂涎欲滴的果冻吧。

万花筒,用PS制作绚烂的GIF动画万花筒效果

动态的万花筒有没有做过呢?本教程通过Photoshop制作漂亮的万花筒GIF动画,制作出来的图案十分好看,制作过程也不难,十分有趣味性,同学们一起来学习一下吧。

效果图:

具体的制作步骤如下:

1、首先启动ps,执行文件-新建命令,新建一个大小为800*800,分辨率为100,背景颜色为黑色的文档。

2、选择工具箱里椭圆选框,按住shift键在画布上绘制一个正圆,接着新建图层1,按alt delete组合键填充前景色红色。

3、拖动选区同时按住shift键进行水平移动,移动到一定位置后,按delete键删除后形成一个月牙形状,执行ctrl d取消选区。

4、执行ctrl j组合键复制一个新图层1副本,拖动月牙移动一定的位置,使其看起来更加美观。

5、选择钢笔工具在第一个月牙上创建一个锚点接着选择一个闭合的路径,按ctrl enter组合键形成一个选区。

6、接着按delete键进行删除,选择上面两个图层执行ctrl e组合键合并图层,执行ctrl r调出标尺,并拖拽出参考线。

7、执行ctrl t组合键进行自由变换,同时按住shift进行缩放,调整其位置使其一端对准中心位置。

8、执行ctrl j组合键复制一个新图层,执行ctrl t组合键进行自由变换,把中心点拖拽到左下角,设置角度为22.5度点击确定按钮。

9、接着执行ctrl shift alt t组合键,形成一个圆圈,选择上面的所有图层执行ctrl e组合键进行合并图层。

10、接着执行ctrl j组合键复制一个新图层,接着执行ctrl t组合键进行自由变换,右键单击从下拉菜单中选择水平翻转选项。

11、双击图层1副本17弹出图层样式对话框,在该对话框中勾选颜色叠加,设置颜色为蓝色,点击确定按钮,右键单击该图层,从菜单中选择栅格化图层选项。

12、执行ctrl j组合键再次复制一个图层得到图层1副本18,接着执行ctrl t自由变换命令,输入旋转角度为-1.5度,按回车键。

13、接着执行shift alt ctrl t组合键,反复执行,直到把空隙填满,选择上面的图层创建一个组,命名为蓝色,并隐藏该组。

14、选择红色图案图层执行ctrl j组合键复制一个新图层1副本32,执行ctrl t组合键自由变换,输入角度为1.5后按回车键,再执行shift alt ctrl t组合键,直至填满为止。

15、选择所有红色图层执行ctrl g组合键创建组,命名为红色,取消隐藏的蓝色图层修改图层模式为正片叠底,执行窗口-动画命令,调出时间轴。

16、在动画面板中点击从图层创建帧选项,选择第一帧,然后按删除键把它删除,按住shift键选择16-30帧,执行拷贝多帧命令。

17、按住shift选择1-15帧,选择粘贴多帧命令,在弹出的对话框中选择粘贴在所选帧之上选项,点击确定按钮,并删除16-30帧。

18、按住shift键选择所有的帧,执行将帧拼合到图层命令,选择所有的帧设置延迟时间为0.1s

19、选择所有帧显示背景图层,执行文件-存储为web所用格式命令,在弹出的对话框中直接点击存储保存在一个合适的位置即可。

完成:

图片来源/百度

怎么样,你学会了吗,PS其实并不难,我们都是从不会到会,多加练习,才会有过硬技术,同学们一定要反复练习噢。

记得关注哦记得点赞哦记得评论哦记得转发哦

第一篇来源/作者:UI中国 /吹灯夜游神

第二篇来源/作者:网络/佚名

查看全文
大家还看了
也许喜欢
更多游戏

Copyright © 2024 妖气游戏网 www.17u1u.com All Rights Reserved