当前位置:首页 > 图片 > 人物故事 > 正文
文章正文

ps 动图 旋转 平面入门设计:10分钟ps制作gif动图,转转转

图片 > 人物故事 > :ps 动图 旋转 平面入门设计:10分钟ps制作gif动图,转转转是由美文导刊网(www.eorder.net.cn)为您精心收集,如果觉得好,请把这篇文章复制到您的博客或告诉您的朋友,以下是ps 动图 旋转 平面入门设计:10分钟ps制作gif动图,转转转的正文:

平面入门设计:10分钟ps制作gif动图,转转转

之前在 想让别人认可你的 Idea 吗? 一文中提到以后要写关于 After Effect 的文章。今天来挖坟了,本文分享一下如何用 AE 配合 AI & PS 进行简单的 gif 动效制作,欢迎讨论。

Step 1

新建AI

打开 AI, 文档类型选择 Video and File, AI 画布会自动帮助创建文字安全线,便于后期导入 AE 中。

Step 2

绘制LOGO

新图层,图形工具画圆1,描边,填充 border: 6px; color: #fff;

新图层,复制圆1,缩小,改 border:2px;

新图层,钢笔工具描绘左侧弯形直线,填充 color: #fff,复制,旋转,剪切到另一个新图层生成右侧弯形曲线。

新图层,直线工具生成中间横线,color: #fff; border: 2px;

新图层,输入 SURF, 调整字体设置,使其大小适中

新图层,复制 SURF,内容改成 ZONG

需要注意的是,每一个需要运动的元素都需要创建在单独的图层上。因为 AE 支持直接导入 AI 文件,同时会将 AI 每一个图层对应生成

Step 3

导入AI

打开 AE, 将 AI 导入[import as component],生成新的 Component.

双击 Component

双击 Component, 即可看到每个图层,下面可以开始正式制作动画了。

Step 4

创建关键帧

根据自己想要的动画效果,创建关键帧,并设置对应属性。每一个单独的图层好比一个跳跃的小动物,黑色画布好比美丽的草原。而你就好比大自然的神,让每个小动物在特定的时刻以某种方式出现在大自然的某个地方。

主要动效过程:

大圆先从 scale: 5% 到 scale: 100%;

0.2s 后,小圆再从 scale: 5% 到 scale: 100%;

1.5s,左右竖线渐变出现,opacity: 0% – 100%

1.3s,当竖线快完全出现时,渐变中间的横线,opacity: 0% – 100%

(ps 动图 旋转)

1.5s – 2.5s, 改变左右竖线的 position, 同时改变中间横线的 scale, 形成拉伸开来的效果

2.5s – 3.5s, 利用 Alpha matte 功能制作文字上浮功能

3.5s – 6s,利用 Null object 群组所有元素,设置旋转效果

效果基本完成啦。

Step 5

设置动效

但动画效果都是线性的,看起来没有什么动感。这时候需要点击 Graph Editor 按钮,去调节动画曲线。但让也可以快捷设置 Ease in || Ease out || Ease Ease, 按照你想象中的方式设置它。曲线越缓,动效渐变越快,反之亦然,多设置几次就会找到你喜欢的模式。

Step 6

渲染导出

渲染导出,导出格式选择如下。(ps 动图 旋转)

导出为PNG

点击 Output Module,将导出 Format 设置为 PNG Sequence. 这样 AE 便会将所有图片帧按 Sequence 保存到指定地址。

Step 7

图片导入PS

打开PS, Open 保存图片的文件夹,选择第一张图片,导入时记得勾选 Image Sequence checkbox.需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

Step 8

存储为WEB

存储为 WEB,格式选择为 gif 即可。

大功告成,用浏览器打开 gif 便可以欣赏自己的作品了。

需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

精华帖子请回复以下关键词:软件下载、PS、PS直播课、CDR直播课。配色、

全教程完,学完记得交作业。如果本教程对您有所帮助,请推荐给你的朋友。

点击左下角“阅读原文”获取更多软件。返回搜狐,查看更多

用PS,如何做出令人羡慕的GIF动图?

Hello,大家好

我是小桃红。

最近我总结了一个发生在自己身上的惯有现象:当我开始学习一个新鲜软件的时候,热情的程度差不多是百分之六十;但是当我对这个软件有了一点点的熟悉后再接触他,我的热情程度会上升到百分之七十;而当我对一个软件已经非常了解,却突然发现某一个领域自己几乎从未涉猎过的时候,我的热情程度会出现一个瞬间的飙升,如火山喷发般一发不可收拾。

这种火山喷发式的热情,完美形容了第一次接触到GIF的我。

工作中,生活中,Gif的应用场合很是广泛。比如你的述职报告用了那个经典的白色小人,比如你的夫人看上了隔壁家宝宝的动态照片,再比如你曾经在Facebook上用来保家卫国的表情包。GIF的身影覆盖面之广泛,有时候我们自己也难以想象。

所以,当我们在百度搜索框里输入GIF的时候,出现这些联想,就成了必然。

【1】如何做一个GIF

顺应这种必然,小桃红盘点了一下GIF的制作方式

1、在线生成

“在线”作为长期霸占各大搜索引擎结果第一名的关键词,在便捷性上是有一个天然优势的,就是不需要下载,只要选定自己要做切换的几张图,然后确认切换速度快慢就可以快速生成。

但是这样的快速生成也存在一个问题---增删图片数量有限,并且没办法满足我们想要的那种奇形怪状GIF的那种虚荣心。

2、美图秀秀以及快手等一系列动图软件

美图秀秀也是一个可以做动图的国民软件,也许你已经不记得了,在美图秀秀的功能选项卡有一个可以制作gif的功能风靡了整个非主流时代——闪图。

这个功能与在线生成GIF类似,我们可以选择需要切换的图片然后放进软件里。不过比在线生成更好的地方是,闪图的存在让我们得以自由调整图片的大小了,这个进步,让我足足快乐了整个非主流时代。

(ps 动图 旋转)

当然,除了美图秀秀,快手作为后起之秀,也对我们的GIF事业做出了必不可少的贡献,录制的形式,让我们的GIF更像传统意义的视频片段。

3、我大PS

但是,不论在线多么便捷,美图快手多么智能,Adobe的存在还是有其必要合理性的,因为不管是在GIF的制作,时间的延迟,还是GIF流畅程度上,和前面几个比起来,Adobe的天然优势还是非常明显的,比如有形状的GIF,局部变化的照片GIF,在ps和flash里的便捷性和可操作性其实远远大过了前面两者。

那么第一步,就是打开PS(想不到吧),找到可以做GIF的那个叫做时间轴的按钮,【窗口】--【时间轴】也有版本里叫动画,叫什么不重要,反正就是他。

打开时间轴以后,会看到底端,我们可以选择是【创建帧动画】和【创建视频时间轴】。

做最简易的GIF,选创建帧动画,如果想做一个小视频或者有旋转效果的动画,选创建视频时间轴。

(ps 动图 旋转)

我们今天要做一个文字剪切蒙版下的图片渐变GIF。首先确认一下GIF的大小,尺寸过大的话会影响使用,这里建议画布尺寸不需要太大。

蓝后,在画布上敲上你要写的字,我写了一个oneweek,调整了一下位置。

拖进要显示的图片,调整好位置和大小后,创建剪切蒙版,让图片显示在文字范围内。

现在准备工作基本上做好了,很顺利。

十分满意,可以开始下面的重点内容了,点一下创建帧动画,创建几关键帧。

每一个关键帧在时间轴区域会代表一张缩略图,在创建过程中调整每个图层的显示顺序,让每一个关键帧区别开,第一个关键帧显示第一张图,第二个对应第二张,图片多的话,以此类推。

建立好关键帧之后,要思考一个问题惹:图片直接的切换方式,平滑or直接。

为了让图片之间衔接的相对平缓,我选择了一个相对和缓的方式,也就是增加过渡帧,让我的每个关键帧切换有一个渐渐变化的效果。

过渡帧的个数根据个人感觉定就好了,一般三到五张都可以满足变化的需求,如果十张,小桃红也是没有意见的。

Anyway

坠后,坠后,坠后,后……

确定一下每张图片的延迟时间和重复次数。

(ps 动图 旋转)

点击【文件】-【导出】-【存储为Web所用格式(旧版)】或者用快捷键ctrl+shift+alt+s把GIF导出。

确定GIF的各项参数之后,点存储。

嗯,又是享受成果的时刻,空气里面都是幸福的味道。

一个十分十分简易的GIF就完成了,当然,如果希望图片切换的果断一点,可以选择不增加过渡帧,效果也是非常的表情包。

不信你看。

小桃红·敬上

-------------------------------------------

好啦,可以夸我啦

不是所有教程都好用,不如关注小桃红

我把这个GIF的源文件共享出来咯,如果想要就来后台找我吧

回复关键词:动起来,获得多变的ONEWEEK返回搜狐,查看更多


一.PS如何做旋转效果的GIF图

文字说不清楚,我做了一个psd图层,你看一看(每复制一个图层,ctrl+t自由变换,变换不同的角度,上图是p笭唬蒂舅郦矫垫蝎叮莽sd格式的文件可以作为参考)


二.PS里怎么把一张图做成GIF旋转图

打开这张图片,将画布调大些,然后复制多个图层,并对每个图层里的图片进行旋转一个角度。处理后碃胆百感知啡版拾保浆导出gif图片即可



三.动图怎么旋转20分

你这幅图不是动态图啊,如果要旋转动态图,以ps图片编辑软件为例,点击图象按钮,弹出窗口,单弧厕旧丿搅搽些敞氓再点击图象旋转按钮,可以根据自己需要调整图象。只需调整其中任何一个帧,其它帧会一并旋转,像你这幅图先垂直翻转,然后90度旋转。如下图:


四.用PS制作动态横向旋转图片怎么做,

这个很容易呀.把背景打开。然后新建一层。画出你要放素材单张的大小填充一种颜色。复制一个填充层。CTRl+T旋转到合适位置。然郸胆策感匕啡察拾畅浆后ENTER确定。然后在按CTRL+SHIFT+ALT+T。奇迹就出来了。在然后拖进你要放进的素材。每个填充颜色的图层上面放一张素材。CTRl+T缩放到和下面填充层大小一样后。鼠标右键素材图层-创建剪贴蒙板。每个素材都做好剪贴蒙板后就是你要的效果了。

至于旋转你要多调几下。还是不会可以找HI我哈。 简单的PSD格式发给你了。不知道你会不会看哈。

你好就是你把不同角度的鞋子图片。拖到一张背景图上。每张图调整大小摆放好位置。你可以Hi我。 如果你是想要图片在一张图上有动态效果。就属于是动画。PS一样可以达到这样的效果。如果你在线可以Hi我百度。我来演示给你


五.PS制作GIF动图转动速度设置

可以用imageready、gifmoviegear、fireworks等编辑。基本做法是做8桢,每一桢将图旋转45度,然后再测试速度,基本上8桢氦迹份克莓久逢勋抚魔的旋转看着还比较流畅了,要更流畅可以多加些中间桢。如果用flash编辑的话更简单,设置3个以上的关键桢,然后用运动变化命令,做好后发布成gif格式就可以了。


六.想知道怎么旋转gif动图的

用PS或U5打开GIF图,选择图像里的旋转,自定义输入角度就行了


七.Adobe Photoshop 怎么做3D旋转动态图(有十张图片)

用把全部图片做gif动画图片格式,

,ps可以做这个的,,


八.在PS中,怎么拉动图层旋转

PS旋转单个图层步骤:
1:选中需要旋转的图层
2:按CTRL+T选中
3:把鼠标放在四边的控制点处,能看见一个而弯曲的箭头,然后按下鼠标左键拖动就行了
4:或根据需要输缉梗光妓叱幻癸潍含璃入翻转角度后按键盘的“enter”键结束即可。


ps 动图 旋转 平面入门设计:10分钟ps制作gif动图,转转转由美文导刊网(www.eorder.net.cn)收集整理,转载请注明出处!原文地址http://www.eorder.net.cn/pic60209/

文章评论
Copyright © 2006 - 2016 www.eorder.net.cn All Rights Reserved
美文导刊网 版权所有