首页 > 平面设计 > photoshop教程

ps制作gif动画-跳动的小球实例教程

admin photoshop教程 2022-02-16 05:55:56 gif动画   球"

今天小编为朋友介绍利用PS制作gif动画-跳动的小球实例教程,教程制作出来的小球可以跳动,难度不是很大,喜欢的朋友一起来学习吧。

ps制作gif动画-跳动的小球实例教程

方法/步骤

启动photoshop cs6,执行窗口-时间轴命令,在编辑区域下方调出时间轴,查看编辑窗口布局。

ps制作gif动画-跳动的小球实例教程

执行文件-新建命令,新建一个大小为400*600,名称为“跳动的小球”,分辨率为72,背景色为黑色的文件。

ps制作gif动画-跳动的小球实例教程

选择工具箱里椭圆工具,按住shift键在画布顶端中央位置绘制一个正圆,执行编辑-填充命令,选择前景色填充。

ps制作gif动画-跳动的小球实例教程

选择时间轴面板,在时间轴面板中点击创建视频时间轴按钮,在下方出现时间轴界面。

ps制作gif动画-跳动的小球实例教程

在图层面板中选择图层0,右键单击在下拉菜单中选择转换为智能对象命令,将该图层进行转换为智能对象。

ps制作gif动画-跳动的小球实例教程

在时间轴面板中点击椭圆1右下角的三角形,展开该三角形下方里的所有选项,进行查看,有变换、不透明度和样式三项。

ps制作gif动画-跳动的小球实例教程

在时间轴上将指针拖拽到00处,点击变换命令,然后点击前面的“在播放头处添加或移去关键帧”按钮添加关键帧。

ps制作gif动画-跳动的小球实例教程

将指针移动到5f处,执行编辑-自由变换命令,对红色的圆球进行变换,将其中心点移动到顶端位置,垂直h值设置为140%,然后进行确定。

ps制作gif动画-跳动的小球实例教程

接着将指针移动到10f的位置,执行编辑-自由变换命令,将其中心点移动到低端,垂直h设置为100%,然后确定。

ps制作gif动画-跳动的小球实例教程

将指针移动到1s处,按住shift键将圆移动到低端。并且将圆的低端与画布的低端对齐。

ps制作gif动画-跳动的小球实例教程

将指针移动到1-2s之间的5f处,执行编辑-自由变换命令,将圆的中心点移动到底边位置,垂直H设置为140%,然后确定。

ps制作gif动画-跳动的小球实例教程

接着将指针移动到1-2s之间的20f处,执行编辑-自由变换命令,将圆的中心点移动到圆的顶端位置,垂直H设置为100%,然后确定。

ps制作gif动画-跳动的小球实例教程

将指针移动到2-3s之间的10f处,按住shift键将圆拖拽到顶端与画布顶端平齐。

ps制作gif动画-跳动的小球实例教程

将指针移动到2-3s之间的15f处,执行编辑-自由变换命令,将圆的中心点移动到圆的顶端,垂直H设置为60%进而确定。

ps制作gif动画-跳动的小球实例教程

将指针移动到2-3s之间的20f处,执行编辑-自由变换命令,将圆的中心点移动到圆的顶端位置,垂直H设置为100%进而确定。

ps制作gif动画-跳动的小球实例教程

到此所有关键帧都设置完毕,可以进行预览,执行文件-存储为web所用的格式

ps制作gif动画-跳动的小球实例教程

以上就是ps制作gif动画-跳动的小球实例教程,希望大家喜欢!

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/PMsheji/PS/148636.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持