0

0

Photoshop CS3教程:帧过渡的设置

PHP中文网

PHP中文网

发布时间:2017-03-21 16:16:29

|

2319人浏览过

|

来源于php中文网

原创

   在开始之前讲解一下上节课的思考题,问题的关键就是很难保证前后帧的轨迹统一,其实我们换一个角度想,就会觉得问题变简单了。总共不是有6个帧吗?我们就先将除了第一帧以外其余5帧中的方块移动到相同的位置,然后再将除了前两帧以外的其余4帧移动到下一个位置,以此类推。
  落实到操作上,其实就是先选择帧2到帧6,移动到相应位置,然后按住ctrl减去选择帧2,将帧3到帧6移动到下一位置,再减去选择帧3……如此类推直到完成帧6的位置指定。这是一个操作中很实用的技巧。具体的操作我们就不再叙述了,有问题的话可以参看本课的视频教程。
  目前我们制作动画的方法还属于全手动类型的,就是逐帧进行制作。比如一个物体的移动,我们是从头到尾参与了每一帧的设定。这种方式能够带来最大的可干预性,但同时也使得制作变得非常繁琐,尤其是帧数多的时候。今天我们要学习的就是利用帧过渡来制作动画,它的基本原理是,设定好某段运动的起始帧和结束帧,然后在这两帧种产生平均的过渡。如果是物体的移动,则就是先设定好移动起点帧和终点帧。

  新建一个图像,大约150×150,新建图层并画上方块,将其移动到左上角。接着复制1帧,在新帧中讲方块移动到右下角,并将图层部透明度设为10%,大致如下左图所示。然后按下红色箭头处的按钮,将出现如下中图所示的对话框,红色箭头处的过渡方式是指过渡相对哪一帧,由于之前我们选择的是第2帧,并且总共也只有2帧,所以既可以选择默认的“上一帧”,也可以选择“第一帧”。要添加的帧数就是指过渡过程所将占用的帧数,这里设为3,那么加上原来2帧,这个动画总共就是5帧。
  由于只有一个图层(背景层未有变化)在参与动画,所以现在图层选项中任何一个都是可以的。但不选择背景层的话会形成成透明背景,有关动画背景透明的问题我们会在以后学习到。注意绿色箭头处的参数,其中有“位置”和“不透明度”这两项。所谓参数就是指进行动画过渡的图层属性,我们之前说过图层的位置和不透明度的变化可以做成动画,在这里就反映出来了。
  确定后将会在动画调板中看到的效果大致如下图所示,可以很清楚地看到方块的位置和不透明度都发生了均匀的过渡。如果之前在过渡设定中关闭了“位置”或“不透明度”参数,显然就没有现在的效果了。
    
  这种利用过渡方式制作动画的方法较为简便,我们只需要考虑某段动画的开始和结束的样子就可以了,中间的过程会自动完成。在这种情况下,开始和结束的那两帧被称之为关键帧(keyframe),因为它们决定了过渡的形态。以后我们也会接触到有多个关键帧的动画。
  当今许多动画片的制作也采用这种关键帧过渡方式,虽然动画片的画面复杂的多,但基本的原理是相同的。不过由于过渡均匀的特点,有时也会使得画面不够生动,缺乏表现力。这是photoshop功能上的局限。
  现在我们面临一个新课题,那就是如何让动画可以完美地循环播放,也就是从a到b再回到a,这样才能形成完整循环,称为往复式动画。就我们目前的这个动画来说,可以通过复制并移动帧来完成“回去”的过程。首先复制帧4,复制后帧4帧5都是相同的内容,而原先的帧5则变为了帧6。然后手动将帧5移动到帧6后方,这样就交换了两者的前后顺序。过程如下图所示。从这个操作可以看出,复制出来的帧并非都出现在最后,而是出现在原有帧的后面,这个特点要注意。
  按照这个方法将帧3复制为帧7,帧2复制为帧8。复制帧1为帧9是没有必要的,因为帧9播放后又会是帧1,而两者的内容相同。实际上相当于同一个帧播放了两倍的时间。
  点击放大此图片
  撤销操作到原先只有5帧的时候,现在介绍另外一个简单的方法,那就是选择帧5后再次执行帧过渡,将过渡方式设为“第一帧”,表示是从现在的帧(第5帧)过渡到第1帧去,添加帧数保持为3即可,也可以设定更大的数值。确定后就能得到一个往复式动画了。下图所示是设定了添加7帧的效果。
  在播放这个往复式动画的时候,会发现一个问题,那就是方块“回场”的时间比较长。这当然是因为同样的距离我们用了更多的帧数,如果将帧6到帧12的延迟设为0.05,就与原先差不多了。
  点击放大此图片
  可能大家会有一个疑问,那就是既然总体时间都差不多,那有什么必要设定7帧的过渡呢,像原先那样3帧不就够了吗?这就要涉及到一个动画精细度的问题了。作为一个表现运动的动画来说,帧数越多它所能表现的瞬间也就越多,帧与帧之间的差异就越微小,过渡的整体效果就越平滑。当然同时也会带来制作和存储上的一些不便。所以一般来说不宜设定较多的帧数,只需要满足观看需要就可以了。
  在视频制作中也存在这个问题,其原理相同。我们说过电影每秒帧数是24,那么如果使用高速摄影机以48fps拍摄一段电影,再以通常的24fps播放,我们看到的就是比正常运动速度慢了一倍的画面。动作影片中的慢镜头就是这样制作出来的。
  而如果用普通摄影机拍摄的影片要实现慢动作,就需要延长每帧的停留时间,要达到慢一倍的效果,每帧的延迟就要从1/24调整为1/12,这样实际上每秒钟只播出了12帧,画面会有较为明显的跳动感。所以真正的慢镜头并不是“正常排,慢慢放”,而是“快快拍,正常放”。
  同理,低速摄影就是以很低的帧率拍摄,然后正常播放,形成快进的效果。常用来拍摄需要长时间等待的场景然后快速地呈现给观众,如花开、日落等。
  本节课需要掌握的就是使用帧过渡制作动画的方法和关键帧的概念,在使用中主要注意过渡方式的选项,要弄清楚是“前一帧”还是“第一帧”,一般说来后者场用来制作“回场”以形成往复式动画。以后大家制作的动画都要优先采取往复式以形成较完美的循环效果。
   下节我们介绍动画的设计思维。

Veed AI Voice Generator
Veed AI Voice Generator

Veed推出的AI语音生成器

下载

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

463

2026.02.13

微博网页版主页入口与登录指南_官方网页端快速访问方法
微博网页版主页入口与登录指南_官方网页端快速访问方法

本专题系统整理微博网页版官方入口及网页端登录方式,涵盖首页直达地址、账号登录流程与常见访问问题说明,帮助用户快速找到微博官网主页,实现便捷、安全的网页端登录与内容浏览体验。

135

2026.02.13

Flutter跨平台开发与状态管理实战
Flutter跨平台开发与状态管理实战

本专题围绕Flutter框架展开,系统讲解跨平台UI构建原理与状态管理方案。内容涵盖Widget生命周期、路由管理、Provider与Bloc状态管理模式、网络请求封装及性能优化技巧。通过实战项目演示,帮助开发者构建流畅、可维护的跨平台移动应用。

64

2026.02.13

TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

20

2026.02.13

Redis高可用架构与分布式缓存实战
Redis高可用架构与分布式缓存实战

本专题围绕 Redis 在高并发系统中的应用展开,系统讲解主从复制、哨兵机制、Cluster 集群模式及数据分片原理。内容涵盖缓存穿透与雪崩解决方案、分布式锁实现、热点数据优化及持久化策略。通过真实业务场景演示,帮助开发者构建高可用、可扩展的分布式缓存系统。

26

2026.02.13

c语言 数据类型
c语言 数据类型

本专题整合了c语言数据类型相关内容,阅读专题下面的文章了解更多详细内容。

29

2026.02.12

雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法
雨课堂网页版登录入口与使用指南_官方在线教学平台访问方法

本专题系统整理雨课堂网页版官方入口及在线登录方式,涵盖账号登录流程、官方直连入口及平台访问方法说明,帮助师生用户快速进入雨课堂在线教学平台,实现便捷、高效的课程学习与教学管理体验。

14

2026.02.12

豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法
豆包AI网页版入口与智能创作指南_官方在线写作与图片生成使用方法

本专题汇总豆包AI官方网页版入口及在线使用方式,涵盖智能写作工具、图片生成体验入口和官网登录方法,帮助用户快速直达豆包AI平台,高效完成文本创作与AI生图任务,实现便捷智能创作体验。

524

2026.02.12

PostgreSQL性能优化与索引调优实战
PostgreSQL性能优化与索引调优实战

本专题面向后端开发与数据库工程师,深入讲解 PostgreSQL 查询优化原理与索引机制。内容包括执行计划分析、常见索引类型对比、慢查询优化策略、事务隔离级别以及高并发场景下的性能调优技巧。通过实战案例解析,帮助开发者提升数据库响应速度与系统稳定性。

53

2026.02.12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
CSS3 教程
CSS3 教程

共18课时 | 5.7万人学习

Git 教程
Git 教程

共21课时 | 3.7万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号