跳到主要内容

如何从GIF获得更多

GIF在无缝循环中工作丽贝卡莫克描述为'完美的循环'。理想情况下,此循环应擦除第一帧和最后一帧,以便任何帧都可以是第一帧。在制作自己的GIF时,优先循环 - 它会减少观众的注意力,增加迷人的视觉趣味。 Mock还建议增加一个额外的框架:“让暂停持续一段时间,”她说,“两个动作之间的空间可能意味着很多。”

This GIF was made for PC World to accompany an article about the app Evernote

这个GIF是为PC World制作的,附有一篇关于应用程序Evernote的文章
+$(Image credit: Rebecca Mock)

基本技术

移动的基础可以扩展并构建成复杂的动画。当您开始创建图像时Photoshop CC一定要保持井井有条。分层工作并分别为每个部件制作动画。这样,如果您以后必须更改一个元素,则很容易将其隔离而不必撤消其余的辛勤工作。

定位可以手动完成,也可以通过设置起点和终点,让Photoshop完成工作 - 这一切都取决于你希望GIF拥有什么样的动作。使用光标并逐帧拖动对象将产生不规则路径。补间 - 在两个图像之间生成中间帧 - 将使其稳定运动。

图1中的第1个

There are two styles of animation panels available in Photoshop: timeline and frames.

Photoshop中有两种样式的动画面板:时间轴和帧。

01.时间表和框架

图2/7

Select which frame to tween and the number of frames you want to add.

选择要补间的帧和要添加的帧数。

02.选择一个框架

图3/7

Start the flicker effect by creating a straight line with a rough edge.

通过创建粗糙边缘的直线来启动闪烁效果。

03.开始效果

图4/7

Copy and paste the rough edge at the top of your original line.

将粗糙边缘复制并粘贴到原始线条的顶部。

04.复制并粘贴

图5/7

Create a layer mask to obscure part of the line. When animated, it will resemble a flicker.

创建图层蒙版以遮盖部分线条。动画时,它会像闪烁一样。

05.图层蒙版

图6/7

Hold down the Shift key to rotate a shape in 15 degree increments.

按住Shift键以15度为增量旋转形状。

06.旋转形状

图7/7

The Save for Web panel allows you to customise your saved colours. By unclicking a hue, you can remove it from your palette.

Save For Web面板允许您自定义保存的颜色。通过取消选择色调,您可以将其从调色板中删除。

07.保存

Mock喜欢使用闪烁/褪色效果来升起蒸汽和火焰。要创建它,使用粗糙的画笔绘制一条直线。添加图层蒙版(例如火焰),使其中的一部分被遮挡。然后,使用图案制作方法制作一个干净的循环 - 将您的线切成两半,并将其粗糙的底边移动到其顶部,填充中间并重叠图层蒙版。使用Tween命令确保线以一致的速度垂直移动。此时,循环应该是无缝的。

旋转和旋转运动是通过物体的微小增量转动创建的。制作一个不规则形状的圆圈,然后以16到24步的速度移动,直到你完整转弯;按住Shift键以15度为增量旋转它。

Creation Can Change The World was made for Sony Digital Entertainment.

创造可以改变世界是为索尼数字娱乐制作的。
+$(Image credit: Rebecca Mock)

导出你的工作

导出您的GIF可能是最后一步,但您应该在整个过程中考虑这一点。移动的像素越多,文件大小就越大,理想情况下,您需要一个小于1MB的GIF。 GIF文件仅限于使用256种颜色,重纹理和渐变等内容不能很好地压缩 - 平淡的颜色和锐利的边缘会让你感觉更好,这样可以保证文件易于管理并且易于在网络上传。

这篇文章最初出现在计算机艺术问题259;在这里买

话题



翻译字数超限