分享

用photoshop(ps)制作一个删除垃圾的动态图

 涂鸦吧 2016-10-01

大家好 明天就是国庆节了 首先祝贺大家国庆节快乐 要不明天祝福太多 怕挤不进去 你们收不到

今年的国庆节赶上回老家收玉米 刚忙完 赶紧给大家继续发教程

很多人都知道ps很强大 是的 确实强大 强大到动态图也可以做 也可以处理今天做一个大家常见的动态图

至于是什么 看教程马上大家会明白

以后的教程 我都会给大家发些实用的 这样 才能激起大家学习 话不多说 开始

首先打开素材

用photoshop(ps)制作一个删除垃圾的动态图看到这个图片 我想大家都明白了吧 今天我们做的就是清空回收站的一个动态图

ps里打开素材 开始制作 首先要明白这个动态图是什么样子的 总体就是把垃圾清空掉 而这个过程的动态过程就是上图中绿色从无到有

所以第一步我们要先把绿色去掉

复制一层 快捷键ctrl+j

用photoshop(ps)制作一个删除垃圾的动态图

然后出现图层1 选择图层1 我们要在图层1上操作把绿色去掉 怎么去掉呢?这个简单 选择矩形选框工具快捷键m 然后在图片右侧没有绿色的地方选一个选区 如下图

用photoshop(ps)制作一个删除垃圾的动态图

然后按下快捷键ctrl+t 会出现一个调节框

用photoshop(ps)制作一个删除垃圾的动态图

将鼠标放在调节框昨天中间那个点上 鼠标箭头会显示成左右两个箭头 ok 然后按下鼠标左键拖动知道绿色看不到为止

用photoshop(ps)制作一个删除垃圾的动态图ok 第一步我们准备完成 取消选区 ctrl+d 现在看到的图层1 就是我们要开始制作动态图开始时的样子

我们还要需要中间的绿色来制作剩下的动态 但是我们已经把绿色去掉了怎么办?没关系 这不是还有背景层吗 选择背景层 将图层1隐藏 同理用矩形选框工具选一块绿色

用photoshop(ps)制作一个删除垃圾的动态图复制一层ctrl+J 得到图层2

用photoshop(ps)制作一个删除垃圾的动态图将图层2拖动到图层1的上面 显示图层1

用photoshop(ps)制作一个删除垃圾的动态图

这里给大家介绍个快捷键

图层上移一层ctrl+] 下移一层ctrl+[

选择上个图层alt+] 选择下个图层alt+[

快捷键多使用 会大大增加咱们在工作中的速度

首先我们先明白每一层都是什么图 背景层是原图 图层1是将绿色去掉后的图 图层2 是那个绿色条

ok 我们选择图层2 多复制几层 如下图比我我的就是复制了三个层 图层2副本 图层2副本2 图层2副本3

用photoshop(ps)制作一个删除垃圾的动态图

删除文件的过程中 这个绿色长条会越来越长 直到显示到最右端 所以 我们一次在复制这几个图层上一次改变一下绿色长条的长度即可 图层2短一些 图层2副本长一点 图层2副本2再长一点 图层2副本3 再长一点直到最后端

一个个来我们处理选择图层2 把图层2 副本 图层2副本2 图层2副本3都影藏

用photoshop(ps)制作一个删除垃圾的动态图长度就如同图上即可

然后选择图层2副本 将图层2副本2 图层2副本3影藏 按下ctrl+T将图层2副本 水平向右拉长 如图所示

用photoshop(ps)制作一个删除垃圾的动态图

同理图层2副本2也是 图层2副本3也是如下图所示

用photoshop(ps)制作一个删除垃圾的动态图

ok 所有的素材 都准备好 我们开始制作动态图

ps里面所有的动态图处理 制作都是在一个面板里 选择窗口-动画 打开动画面板 如图所示

用photoshop(ps)制作一个删除垃圾的动态图

动画面板制作动画的时候 每一个动画都要和图层面板里面每一个图层对应 话句话说 每一帧对应图层面板里面的图层 所以这个一定不要搞混

打开动画面板 会自动带一帧 这个是删不掉的

ok 我们开始一帧一帧的做 思路要明确 一帧错了会影响整个动画的效果

第一帧 如图示图层所示 搞清楚哪个要隐藏 哪个要显示

用photoshop(ps)制作一个删除垃圾的动态图

然后动画面板里面复制一帧 复制帧在如下所示

用photoshop(ps)制作一个删除垃圾的动态图还是那句话 每一帧都会对应图层里面的图层 影响动画的效果点击复制一帧 帧面板里面多了一个2 这就是复制出来的帧 也就是第二帧
用photoshop(ps)制作一个删除垃圾的动态图现在选择的是第二帧 搞清楚第二帧应该显示的内容是什么 然后我们在图层里面相应的将其影藏或者显示 如图所示

用photoshop(ps)制作一个删除垃圾的动态图

同理 第三帧

用photoshop(ps)制作一个删除垃圾的动态图

第四帧

用photoshop(ps)制作一个删除垃圾的动态图

第五帧

用photoshop(ps)制作一个删除垃圾的动态图ok 一共五个帧 一次制作完然后影响动画的另一个因素就是时间 帧之间的间隔 这个在动画面板里面每个帧下面对应那个0秒就是 感觉快可以改慢一点 感觉慢 可以改快一点 我们先不改 先看下我们现在做好的效果 点击播放按钮

用photoshop(ps)制作一个删除垃圾的动态图

是不是感觉太快 所以把每个间隔都改下 改成0.5秒 看下效果 这次感觉不错 就这样吧

然后保存下来 保存动态图的保存格式为存储为web和设备所用格式

在菜单栏文件下面 大家可以看下 快捷键 ctrl+shift+alt+s 如图下所示

用photoshop(ps)制作一个删除垃圾的动态图格式改下 动态图的所有格式都是gif格式 只有这个格式才能支持动态 这一点大家一定要注意 保存的时候一定要改下格式红框里面那个jpeg改成gif

右边第二个红框里面是品质 这个参数越大 品质越高 同理图片内存就会越大 这个图片的大小在哪看呢

第三个红框里 显示28.15k 这个参数就是指的是这个gif图片的大小 当然 最终图片的大小由品质决定 品质数越大 图片就越大

第四个红框里面是预览动画保存好之后的效果

gif格式的图 主要就是这四点 每次一定要好好看看 再次强调

ok 这几点都设置好 保存就行了 ok 保存后看下效果

用photoshop(ps)制作一个删除垃圾的动态图

如果感觉僵硬 还记得那个绿色条那层吗 我们可以多复制几个复制十个 这样做的分布就会均匀些

最终的效果就不会这么僵硬

ok 本次教程说完 今天我们主要讲了一下动画的制作 了解了一下动画面板 这个说不重要不重要 说重要重要所以大家一定要搞明白 通过这个案例 带大家了解一下 还是那句话 不明白的留言

当然 只要你明白了这个道理 学会了 想做什么样的动态图那不就是看自己吗 自己想做什么 做什么 主要就是想法了 比如我们今天这个 可以再修饰一下最终效果就是这样

用photoshop(ps)制作一个删除垃圾的动态图

ok 今天到此为止 天天一更新我也会根据大家的留言 更新大家喜欢的教程 对了 国庆快乐哈

当一个人的才华还撑不起他的野心时 只有静下心来学习

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多