用H5制作故障图及分针动画做法
作者:暂无发布时间:暂无

1.打开【PS】新建图层【宽640像素】【高430像素】导入【大脑素材】【居中对齐】【Ctrl+ Alt+ Shift+S】保存【JPEG】具体如图所示。


2.打开【故障图生成】网址【http:// photomosh. com】,右键【翻成中文(简体)】【加载文件】【选择大脑文件】【上】量【0.06】速度【0.09】【GIF】【记录】具体如图所示。


3.打开【PS】命名【大脑】创建【第一帧组】【储存为】【大脑分层】创建【第二帧组】选择【大脑】【Ctrl+J】复制图层到【第二帧】隐藏【第一帧及背景】选择【大脑拷贝】【Ctrl+J】复制两层,具体如图所示。


4.选择【大脑拷贝3】添加【图层样式】【混合选项】取消【R】【Shift键+向右键】移动【10像素】选择【大脑拷贝2】添加【图层样式】【混合选项】取消【G】【B】按【Shift键+向左键】移动【10像素】选择【大脑拷贝】按【Shift键】添加【线条】【Ctrl+J】复制图层,具体如图所示。


5.【Ctrl键】载入选区,选择【大脑拷贝2】【Ctrl+J】复制图层【Ctrl键】载入选区选择,【大脑拷贝3】【Ctrl+J】复制图层,选择【图层1】向右偏移【图层2】向左偏移,选择【图层3】向左偏移,按【Alt键】复制图层,向下偏移,具体如图所示。


6.按【Alt键】复制【第一帧】重命名【第三帧】隐藏【第一帧】【第二帧】选择【大脑【Ctrl+J】复制两层,选择【大脑拷贝5】添加【图层样式】【混合选项】取消【G】【B】按【Shift键+向左键】移动【10像素】选择【大脑拷贝4】添加【图层样式】【混合选项】取消【R】【Shift键+向右键】移动【10像素】具体如图所示。


7.添加【滤镜】【风格化】【风】【大风】【从左】【确定】选择【大脑拷贝5】添加【滤镜】【风格化】【风】【大风】【从右】【确定】选择【画笔工具】擦除,调整【大脑拷贝5】【大脑拷贝4】左右位置,具体如图所示。


8.选择【大脑】按【Alt键】复制,添加【颜色叠加】【黑色】【转换为智能对象】选择【滤镜】【风格化】【风】【大风】【从右】【确定】调整图层位置,添加【蒙版】【画笔工具】擦拭,选择【第三帧】【转换为智能对象】添加【滤镜】【液化】选择【画笔工具】调整,选择【第二帧】按【Alt键】复制,重命名【第四帧】删除【图层1、2、3】具体如图所示。


9.选择【大脑拷贝】按【Shift键】添加【线条】【Ctrl+J】复制图层【Ctrl键】载入选区,选择【大脑拷贝2】【Ctrl+J】复制图层【Ctrl键】载入选区,选择【大脑拷贝3】【Ctrl+J】复制图层【Ctrl键】载入选区,选择【图层6】向左移动,选择【图层5】向左移动,选择【图层5、6】【Alt键】复制,向右移动,选择【图层4】向下移动,具体如图所示。


10.选择【大脑拷贝3】【Ctrl+J】复制3次,移动位置,选择【大脑拷贝2】【Ctrl+J】复制3次,移动位置,隐藏【第四帧】具体如图所示。


11.选择【窗口】【时间轴】显示【第一帧】【创建帧动画】【Alt键】复制,隐藏【第一帧】显示【第二帧】【Alt键】复制,隐藏【第二帧】显示【第三帧】【Alt键】复制,隐藏【第三帧】显示【第四帧】播放帧顺序为【第1、2、1、2、3、1、4、4、1】每帧时间分别是【1、0.1、0.7、0.1、0.07、1、0.05、0.03、0.5秒】具体如图所示。


12.选择【文件】【存储位Web所用格式……】【GIF】【存储】保存,选择【第一帧】【Ctrl+ Alt+ Shift+S】【PNG】【存储】,重复操作,选择【第二帧】【Ctrl+ Alt+ Shift+S】【PNG】【存储】选择【第三帧】【Ctrl+ Alt+ Shift+S】【PNG】【存储】选择【第四帧】【Ctrl+ Alt+ Shift+S】【PNG】【存储】具体如图所示。


特别声明:以上文章内容仅代表作者本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,401
并提交了160份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证