目录

  • 一、项目介绍
  • 二、制作一个颜色渐变的正方形动画
  • 三、制作一个小手移动的动画

一、项目介绍

本文将介绍一下利用PhotoShop的时间轴功能设计制作简单动画,欢迎关注。
时间轴功能打开方式如下:
窗口——>时间轴

二、制作一个颜色渐变的正方形动画

先用矩形工具画一个正方形(按住shift键),

然后点击下方“创建视频时间轴”:

然后左侧出现“矩形1”文字,展开“矩形1”,点击样式旁边的一个小钟启用关键帧(出现棱形)动画:

然后,选择“图层”——>图层样式——>混合选项:

选择颜色叠加打上勾并任意给个颜色,我这里给定的是蓝色:

然后回到时间轴拖动时间线到想要的位置,选择“图层”——>图层样式——>混合选项,选择颜色叠加打上勾并任意给个颜色,我这里给定的是绿色:

这个时候已经制作好颜色变化的动画了,接下来你可以调整关键帧的位置,动画的长度,剪辑的长度等

①:工作区,默认剪辑导出区域长度;
②:动画预览长度;
③:关键帧:在关键帧处设置关键动画,动画会从一个关键帧渐变到另一个关键帧;
④:动画预览时间线

如果想要调整帧速率,点击时间轴右上角→设置时间轴帧速率

最后导出动画,文件→储存为→选择gif格式→导出。

完整效果如下图所示:

三、制作一个小手移动的动画

新建一个画布,然后先用圆角矩形工具画一个圆角矩形,然后利用文字工具输入文案“选择”,将该文字拖入圆角矩形中:


然后选中上述两个图层“选择”和“圆角矩形1”,点击快捷键ctrl+e对图层进行合并,合并后图层如下:

然后将小手素材导入该文件中,并调整到适当的位置:

【注意】:这里的小手必须是智能对象,若不是智能对象,则需要将其转换为智能对象。

然后点击下方“创建视频时间轴”,然后在“手”中点击“变换”的秒表,创建关键帧:

将动画预览时间线(红线)往后移动一点,然后再点击秒表创建一帧;将小手向下移动一点,然后将动画预览时间线(红线)往后移动一点,然后再点击秒表创建一帧;将小手向下移动一点,然后将动画预览时间线(红线)往后移动一点,然后再点击秒表创建一帧;将小手向上移动一点,然后将动画预览时间线(红线)往后移动一点,然后再点击秒表创建一帧;将小手向上移动一点,回到初始位置,然后将动画预览时间线(红线)往后移动一点,然后再点击秒表创建一帧;
创建的五个关键帧如下图所示:

最后导出动画,文件→储存为→选择gif格式→导出。

完整效果如下图所示:


ok,以上便是本文的全部内容了,下一篇文章将介绍一下利用时间轴功能制作省略号GIF动画,如果对你有所帮助,记得点个赞哟~

PhotoShop简单案例(1)——利用时间轴功能制作简单动画相关推荐

  1. PhotoShop简单案例(2)——利用时间轴功能制作制作省略号GIF动画

    目录 一.项目介绍 二.基本流程 2.1 新建画布 2.2 输入文字 2.3 增删省略号 2.4 创建视频时间轴 三.效果演示 一.项目介绍 本文将介绍利用时间轴功能制作制作省略号GIF动画,制作完成 ...

  2. 时间轴的实现(简单到爆炸)

    时间轴的实现(简单到爆炸) 标签(空格分隔): 开源项目 ###首先看下实现的效果图 ####开始运输 ####结束运输 ![](http://upload-images.jianshu.io/upl ...

  3. 敬业签苹果ios手机便签里的时间轴功能是做什么用的?

    敬业签苹果手机便签软件中的时间轴功能有很多,可以自动对新增.修改.删除及完成的个人便签内容记录进行自动备份,便于找回误删除.修改之前的便签内容记录,还能查看便签内容记录的操作时间. 一.打开敬业签苹果 ...

  4. win10计算机历史记录,win10电脑使用浏览记录的时间轴功能关闭方法

    win10电脑中有一个功能可以记录用户们的使用记录,当用户就需要时就可通过时间轴功能查看,有些用户会觉得这个功能侵犯了个人的隐私并不想此功能将使用记录记录下来要怎么关闭呢?下文win10电脑使用浏览记 ...

  5. Android实训案例(三)——实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果!

    Android实训案例(三)--实现时间轴效果的ListView,加入本地存储,实现恋爱日记的效果! 感叹离春节将至,也同时感叹时间不等人,一年又一年,可是我依然是android道路上的小菜鸟,这篇讲 ...

  6. css画钟表_利用css+原生js制作简单的钟表

    利用css+原生js制作简单的钟表.效果如下所示 实现该效果,分三大块:html.javascript.css html部分html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期 ...

  7. 利用网络现有资源 制作 swf动画

    利用网络现有资源 制作 swf动画 想设计一段flash,可是不知无从下手,刚好网上找到一个内容接近的,便把它down下来,利用这个现成的资源进行修改.     问题出现了,就是如何修改swf文件?我 ...

  8. 利用Animation控件制作帧动画过程详解

    利用Animation控件制作帧动画过程详解 前言 通过Animation控件来达到序列图的播放(素材和示例视频在文章末尾) 一.序列图 (此素材为已经分割好的序列图) 如若序列图在一张图片上,请参考 ...

  9. 怎样才能在自动驾驶任务中高效地利用时间轴上的信息进行视频检测?

    目录 这篇论文究竟想解决什么样的问题? 我们要尊重时间轴上的因果关系 我们对实时性有要求 简单粗暴地只添加LSTM模块行不行? 我们简单地回顾一下LSTM的原理 LSTM的局限性 作者建议的模型是如何 ...

  10. android时间轴左右交叉布局,快速简单的定制一个时间轴布局(LinearLayout)

    github: 先上图: 很多情况下,我们都会遇到需要类似于时间轴的一个布局,网上也有很多,但是很多情况下我们其实并不需要那么多库,毕竟64k限制就在那,不管我们用还是不用,它依然在那... 而且更多 ...

最新文章

  1. 『ES6』ES6 - 学习笔记
  2. Linux Qt打包发布应用程序
  3. python计算众数
  4. 算法“视”界杯上演十强争锋,大赛终极一战圆满落幕
  5. arm thttpd php,thttpd嵌入式web开发笔记
  6. Ember.js中文介绍
  7. UnimplementedError: Fused conv implementation does not support grouped convolutions for now
  8. MATLAB与word的交互
  9. HTML5新增标签--canvas之绘制你画我猜
  10. 小程序源码:强大的万年历微信小程序
  11. 树莓派CM4 装系统和换源
  12. VOC格式xml标签与YOLO格式txt标签相互转换
  13. java江湖壹_江湖壹怎么玩 江湖壹玩法攻略
  14. 我们公司的短信接口被刷了,瞬间损失两万,怎么解决?(短信接口被盗刷系列1)
  15. 互联网金融数据分析应用
  16. spool导出格式的问题
  17. 分享几个Vue案例供大家一起学习
  18. (已解决)fatal: unable to access 'https://github.com/xxxxx': Failed to connect to http://127.0.0.1:1080
  19. ipq806x sdk 编译方法
  20. 由生至死,众安「步步鸡」将鸡的一生安排得明明白白

热门文章

  1. 从零开始学习编程01
  2. 经典数据结构视频教程下载 (清华大学 严蔚敏)
  3. MySQL DELETE语句和TRUNCATE TABLE语句的区别
  4. 高等数学(第七版)同济大学 习题4-1 个人解答
  5. 目标管理 - SMART原则
  6. 西门子S7-200的PLC,CPU224XP的模拟量接线怎样接
  7. 双子星IPTV桌面APK源码 网络电视机顶盒APP源码带php后台
  8. 国内主流的ERP软件大盘点
  9. 无法启动此程序 因为计算机中丢失hypertrm.dll,开机弹出找不到HYPERTRM.dll
  10. PHP常用函数总结(180多个)[持续更新中...]