ADM-201 dump PMP dumps pdf SSCP exam materials CBAP exam sample questions

如何在PS里制作GIF – 译学馆
未登录,请登录后再发表信息
最新评论 (0)
播放视频

如何在PS里制作GIF

How to make your own GIF in Photoshop

你可能每天都会在线上看到
(upbeat music)- You probably see
或者用到GIF动画
and use GIFs online every day,
无论是分享你对某事的反应
whether it’s to share your reaction to something
还是给你的Instagram加点料 抑或是和别人在线争论
or to spice up your Instagram or to argue online
GIF的正确发音
about how it’s pronounced,
但是如果你找不到现成的
but what if there’s noperfect GIF out there
能表达你感受的GIF怎么办?简单
that expresses how you’re really feeling? Easy,
自己做一个不就行了
you just make one yourself.
现在有很多不同的制作GIF的方法
There’s a lot of different ways to make GIFs now,
并且方法前所未有的简单
and it’s actually easier than it’s ever been.
用一条YouTube上的视频就可以轻易做到
Using a YouTube video takesthe least amount of effort,
因为GIPHY提供了视频剪切的工具
because GIPHY has online tools that lets you cut out specific parts.
你也可以使用桌面版app 把进度条拽到
You can also use their desktop app to drag the part
你想要捕捉的那部分
of the screen you wan na capture
然后把你需要的那段存到电脑里
and recording the clipyou need to your computer,
但是如果你想要进一步拓展
but if you wan na expand past this
用更原创的东西脱颖而出的话
and stand out with something more original,
你需要自己去做
you’ll wan na make your own.
首先 你需要对动画有一个基础认知
To begin, you need a basicunderstanding of animation.
一个GIF动画其实就是一系列的帧画面排在一起
A GIF is nothing but a sequence of frames.
就像一个数字版的手翻书
It’s like a digitalversion of a flip book.
从网上随便找一个GIF
If you take any GIF from the Internet and open it
在Photoshop里打开 你就能看到
in Photoshop, you can see all
构成该GIF的每一帧
of the individual frames it’s made of.
这个简短的GIF有41帧
This short GIF is 41 frames.
一帧一帧地依次
Each frame is showing one layer
显示在我们眼前
of the image at a time,
当把它们都放到一起时 就形成了一个小故事
and when you put it all together, it creates a tiny story.
我们可以看到小狗走到门口
We can see that it takes about 20 frames for the
用了20帧 狗狗完全穿过
dog to walk up to the gate, and maybe 10
大概用了10帧
frames for the dog to actually pass through,
不过创建GIF
but your GIF doesn’t need to have a lot
并不需要很多帧
of frames to make sense.
只要很基本的两三帧
It can be as basic as two or three frames,
就足够传达你的观点了
and that’d be enough toget the point across,
比如这张画着我
like this drawing I did
敲键盘的图
of me typing away on a keyboard,
只有两帧而已
which is just two frames.
如果你想学习动作和节奏的话 就要了解帧
Looking at frames can be helpful if you wan na study motion and timing.
就像在动画里 你通过串联一批静态图
Like in animation, you’recreating an illusion of movement
的方式来创造出动态的幻觉
through a bunch of stillimages put together.
你文件里的帧越多
The more frames you have in your file,
动作就越流畅 并且
the smoother the motion will be, and the
你的动画也会越复杂
more complex your animations can get,
无需赘言 这个文件也会越来越大
not to mention, your filesize gets bigger, too.
这里有一个五帧的动画 那么
Here’s one that’s made of five frames. So,
让我们来做一个GIF吧
let’s make a GIF.
在Photoshop里打开这个GIF文件
I’m going to open upthis GIF in Photoshop,
并用它作为模板去描一个
and use it as a guide to draw a version
你跳霹雳舞的画面 我会把文件链接放在在下面的描述框里
of yourself break dancing, and I’ll have a
基本上来说
link to this GIF in the description box below. Basically,
你要把它作为一个参考
you’re going to draw over this
进行描摹 这有点像
using it as a guide, and it’s
动画师描摹实时动作镜头时用的
kind of like a technique called rotoscoping
一种叫做逐帧贴合的技术
in which animators drawover live-action footage. Now,
现在 我们已经在PS里打开了这个GIF
we have our GIF opened up in Photoshop,
你可以看到这儿有5个图层
and you can see I have the five layers here
底部是动画时间轴
and the animation timeline on the bottom,
在图层面板里能看到
and the Layers panel is where you can see
每帧里哪些层是可见的
which layers will bevisible in each frame, so,
我将用它作为一个模板
I’m going to use this as a stencil
来做一个新的GIF
and create a new GIF. So,
我在这里新建
I’m gon na create a
一个图层 并调整底层的不透明度
new layer here and adjust the opacity of the bottom layer
用它作为参考
so I can use that as a guide,
然后我要在它上面画 比如
and I’m just gon na draw, maybe, like,
比如画一个熊
a bear over this. So,
现在我们画好了五层
now that we’ve drawn our five layers, we
然后我们删掉描摹的原始模版
‘re gon na go back and delete the original stencils that we
清理一下工作区域
worked off of, just to clean up our workspace. Now,
然后去时间轴那里 调整
go to the timeline and set it so
让每一帧每次只显示一层
that each frame is showing one layer at a time. So,
然我们从第一帧开始着手
we’re gonna start onthe first frame and make it
只让第一层可见
so that the first layer isthe only layer that’s visible,
然后对第二帧重复该操作
and do the same for the second frame,
只是在这次
but only this time,
让第二张图层可视
it’s the second layer that’s visible,
你要对时间轴上的每一帧做同样的操作
and you’re gon na do this for each frame in the timeline.
只要确保每次只有一层可见
Just make sure that only one layer is being shown at a time. So,
现在我们都整理好了 让我们
now that we’ve cleaned up everything, let’s
按下空格键播放来测试一下
test this out and press play by pressing the space bar,
他看起来动的有点慢
and it looks like he’s going kind of slow, so,
那么让我们在这里调整一下动画速度
we can adjust the speedof the animation here.
在时间轴里找到
You can go to the bottom
序列帧的底部区域
of the frames in the timeline,
在这个面板里精确显示着每一帧
and this panel shows exactly how long each frame
会有多长 那么 我把
will be shown, so, I’m gon
这个改成0.1秒
na change this to 0.1 seconds,
对每一帧进行相同的操作
and you can do this for each frame,
然后让我们再试一下
and let’s test that out. So,
看起来不错!
that looks great! So,
现在让我们聊聊如何
now let’s talk about how
把这个文件导出成
we’re going to export this so you
网上能使用的格式
can actually use it on the web. So,
在我们导出之前
before we go to export,
确认在时间轴底部设置成无限循环
make sure you go below the timeline and set looping to forever,
因为你想让它一直跳下去
because you want it to keep dancing forever,
然后点击”文件” – “导出” – “保存成网络格式”
and then you go to File, Export, Save for Web,
并确认这里的循环选项也设置成”无限循环”
and make sure the looping options here are also set to forever.
在这个窗口里 你可以设置GIF的大小
And here on this window, you can set your GIF file size.
记得大部分平台都有文件大小限制
Keep in mind that mostplatforms have file limits of,
比如 5兆 看起来
like, five megabytes,and it looks like
我们的文件远低于限制大小 这就没问题了
we’re way under that,so, we’re in the clear. So,
点击“保存”然后就妥啦
just hit Save and you’re ready to go. So,
现在 让我们看一下成品吧
now, let’s take a lookat our finished product.
看他跳的多欢啊
Look at him go.
看着我的这只舞动的小熊崽 我满心骄傲
I’m just so filled with pride looking at my dancing bear son.
我要用它作为表达 比如
I think I would use this to express, like,
胜利之舞 或者是
a victory dance, or,
比如 终于周五啦 什么都行
I’m like, TGIF, whatever.
看着它动起来 我太开心了
I’m just really happy to see it go.
谢谢观赏!
Thanks for watching!
想看到更多类似的视频的话 请一定
For more videos like this, make sure to
在The Verge上订阅哦 然后在评论里
subscribe to The Verge, and let me know
告诉我你是怎么读GIF这个词儿的
in the comments how you pronounce GIF.
是GIF还是GIF?
Is it GIF or GIF?
是GIF
It’s GIF.
不管怎样 我期待着大家给我发你们做的GIF哦
Either way, I expect all of you to be tweeting me your GIFs.

发表评论

译制信息
视频概述

简述动画的原理并手把手教你在Photoshop中制作一个简单的GIF 动画

听录译者

收集自网络

翻译译者

Nan

审核员

审核员 AF

视频来源

https://www.youtube.com/watch?v=OYoo4SGky14

相关推荐