当前位置: 主页 > 平面设计 > PS教程 > 制作实例 > 动画制作 > Photoshop打造兔斯基表情GIF动态图教程

Photoshop打造兔斯基表情GIF动态图教程

  • 2022-01-04
  • 来源/作者: 本站原创    / 佚名    
  • 7 次浏览

效果图:

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

1先建一个图层,不要太小就行,我选的是web透明,透明的原因是我好以后方便加一个背景什么的

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

2打开一个动态图,我选的是度娘表情兔斯基,

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

3用鼠标点兔斯基图层1按shift,再用鼠标点最上面的图层,这样就选择上全部图层,然后按ctrl+G形成一个组

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

4因为兔斯基太小,我就将它变大点,图层-图层大小我选的200x200的,不大不小

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

 

5将新建的组1拖到最开始建的透明图层里,记住要放到你想放到的位置

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

6选择窗口-动画,然后到动画窗口操作,用鼠标按住帧2,按住shift不松,用鼠标点最后一帧,这样就选择的所有帧

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

7去掉组1图层1的眼睛

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

8帧2对应图层2,帧3对应图层3.。。。。。。。如此类推将组1的图层对应完毕,然后开始进行组2

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

9开始组2前用鼠标点到组1的帧1那,因为帧1能改变后面帧的状态

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

10按照前面的第2,3步将另一个动态图形成组2并改变它的大小也是200x200

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

 

11将组2拖到透明图层,这样就有透明图层,组1,组2

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

12选择所有帧,去掉组2图层1的眼睛

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

13然后在动态栏操作,组1兔斯基有16帧,在它后面添加空白帧,在17帧加组2图层1的眼睛,在18帧加组2图层2的眼睛,依次类推。。加完所有

14加完后,如果想加字,将鼠标点回帧1,选择文字工具,写上文字

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

15保存,选择gif格式

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程

效果!

Photoshop制作兔斯基表情GIF动态图效果,52photoshop教程