首先开启Photoshop CS6,建立一个新档案,并输入文字。
PhotoshopCS6教程使用时间轴制作字体动画
接着选择功能表 视窗 / 时间轴 选项。
PhotoshopCS6教程使用时间轴制作字体动画
当开启「时间轴」面板后,可从下拉选单中,选择动画的制作模式。
PhotoshopCS6教程使用时间轴制作字体动画
设定好动画模式后,再对着它点一下,就可进入编辑模式,这是大家较熟悉的影格动画模式,但今天要来分享时间轴的部分,因此可点右上的箭头,可将模式切换为「时间轴」。
PhotoshopCS6教程使用时间轴制作字体动画
这时点一下文字的叁角形,展开选项后,比方要制作淡出效果,对着不透明度前方的小图示,点一下建立关键点,当建立成功时,在时间轴上会出现一个的菱形图示,这边与AE的 *** 控相同 。
PhotoshopCS6教程使用时间轴制作字体动画
接着拉到要淡出的时间轴上,并改变文字的不透明度,这时在时间轴上,就会再产生结束的关键点 。
PhotoshopCS6教程使用时间轴制作字体动画
完成后,在时间轴上,就会看到二个关键点,这时也可将时间轴,切回影格。
PhotoshopCS6教程使用时间轴制作字体动画
切回影格后,就会看到一堆的影格。
PhotoshopCS6教程使用时间轴制作字体动画
选择储存为网页格式时,将档案格式设成Gif后,还可预览动画效果。自从Photoshop CS3后,Adobe则將原来的ImageReady整拼到Photoshop中,因此直接透过Photoshop就可完成Gif动画製作,相当的方便,但到了Photoshop CS6后,则会发现到,在原来视窗的功能表中,却找不到「动画」选项,只有「时间轴」,其实在Photoshop CS3后,就有时间轴的存在,它除了可拿来製作影片外,也可用来製作Gif的动画,且会比原来的逐格方式更加的顺畅,而使用方法与AE相当雷同,因此就一块来看看,如何利用时间轴来製作出流顺畅的Gif动画。
效果图:Step1首先开启Photoshop CS6,建立一个新档案,並输入文字。
Step2接著选择功能表 视窗 / 时间轴选项。
Step3当开启「时间轴」面板后,可从下拉选单中,选择动画的製作模式。
Step4设定好动画模式后,再对著它点一下,就可进入编辑模式,这是大家较熟悉的影格动画模式,但今天要来分享时间轴的部分,因此可点右上的箭头,
可將模式切换为 「时间轴」。
如果你觉得该教程不错,请分享给你的朋友:
如果教程有不明的地方,请到论坛发帖提问:ps新手求助
一、ps时间轴是用来做动画的。
二、ps时间轴做动画案例:
1 创建一个新文档。
指定大小和背景内容。确保像素长宽比和大小适合于动画输出。颜色模式应为 RGB。除非由于特殊原因需要进行更改,否则请保持分辨率为 72 像素/英寸、位深度为 8 位/通道且像素长宽比为方形。
(Photoshop Extended CS5) 确保“动画”面板已打开。如果“动画”面板处于帧动画模式,单击面板右下角的“转换为时间轴动画”图标。
(CS6) 确保“时间轴”面板已打开。如有必要,单击面板中部的向下箭头,从菜单中选取“创建视频时间轴”,然后单击在箭头左侧的按钮。如果“时间轴”面板处于帧动画模式,单击面板左下角的“转换为视频时间轴”图标。
2 在面板菜单中指定“文档时间轴设置”(Photoshop Extended CS5) 或“设置时间轴帧速率”(CS6)。
指定持续时间(仅 Photoshop Extended CS5)和帧速率。
3 添加一个图层。
无法为背景图层创建动画。如果您想为内容创建动画,请将背景图层转换为常规图层或添加以下任意内容:
用于添加内容的新图层。
用于添加视频内容的新视频图层。
用于仿制内容或创建手绘动画的新空白视频图层。
4 向图层添加内容。
5 (可选)添加图层蒙版。
图层蒙版可用于显示图层内容的某一部分。可以对图层蒙版进行动画处理以随时间显示图层内容的不同部分。
6 将当前时间指示器移动到要设置第一个关键帧的时间或帧。
7 打开图层属性的关键帧处理。
单击图层名称旁边的三角形。向下的三角形将显示图层的属性。然后,单击秒表以设置要进行动画处理的图层属性的第一个关键帧。可以一次为多个图层属性设置关键帧。
8 移动当前时间指示器并更改图层属性。
将当前时间指示器移动到图层属性发生改变的时间或帧。可执行下列一个或多个 *** 作:
更改图层位置以移动图层内容。
更改图层不透明度以渐显或渐隐内容。
更改图层蒙版位置以显示该图层的不同部分。
打开或关闭图层蒙版。
对于某些类型的动画(如更改对象颜色或完全更改帧中的内容),您需要包含新内容的额外图层。
注:要对形状进行动画处理,请使用“矢量蒙版位置”或“矢量蒙版启用”的时间-变化秒表对矢量蒙版(而不是形状图层)进行动画处理。
9 添加包含内容的其它图层,并根据需要编辑其图层属性。
10 移动或裁切图层持续时间栏以指定图层在动画中出现的时间。
11 预览动画。
可在创建动画时使用“动画”面板 (Photoshop Extended CS5) 或“时间轴”面板 (CS6) 中的控件播放动画。然后,在 Web 浏览器中预览动画。也可以在“存储为 Web 和设备所用格式”(Photoshop Extended CS5) 或“存储为 Web 所用格式”(CS6) 对话框中预览动画。
12 存储动画。
可以使用“存储为 Web 和设备所用格式”(Photoshop Extended CS5) 或“时间轴”面板 (CS6) 命令将动画存储为动画 GIF,或者使用“渲染视频”命令将动画存储为图像序列或视频。也可以用 PSD 格式存储动画,此格式的动画可导入到 Adobe After Effects 中。
下面以PS CS6演示把一张一张添加至时间轴时的流程:
所需材料:PS CS6。
一、如下图,打开时间轴时,第一帧上会显示全部的图层。
二、这时点击一下第一帧,然后只显示第一个图层。
三、接着点击时间轴上的“新建帧”。
四、点击一下第二帧,并在图层面板设置显示第二个图层,其它图层隐藏。
五、然后重复第三和第四步,把全部图层添加入时间轴的新建帧,并设置每一帧的播放时间。
六、最后点击时间轴上的播放即可看到时间轴播放效果了。
用时间轴做出渐显渐隐效果制作教程工具/原料
photoshop
cs3及以上
方法/步骤
1
打开ps,新建文档,新建图层。创建时间轴。(如果在 *** 作过程中发现问题可以看一下小编前面两篇关于时间轴的介绍,有详细解释,这里小编就不再细说了)
2
这次我们用文字工具打上几个字,调整好大小颜色字体。
3
点开时间轴面板文字图层前的下拉三角,点击不透明度前的秒表,记录第一帧关键帧。
4
将滑竿移动到1秒处,点击图层面板的不透明度调节处,调节图层不透明度为0,第二帧关键帧也被记录了。
5
同理,我们将滑竿移动到2秒处,再次调节不透明度为100%,并缩短动画时长为2秒。
6
点击播放键看一下动画效果是否顺利,然后就可以进行保存了,记住存储为web所用格式,并设置播放次数为永远。
7
看一下效果,没什么问题的话就可以关闭ps了。题外话,大家可以试试能否传到网上,有时太大或者别的原因会导致gif上传到网上不会动。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)