网页设计中动画应用教程视频-Photoshop动画详解-千库网课

首页 > 全部课程 > 网页设计中动画应用

使用软件：ps 难度等级：入门课程评分：10.0

素材+源文件下载

讲师：影尚设计收藏

课程目录

标签：

图文教程

1.网页设计中的动画应用。切换为动感工作区域。

图片.png

2.拉入素材图片，拉入文字实现文字滚动，将图片中间的空白区域复制，与文字进行剪贴蒙版，按住shift先将文字拖到下方看不见处，选择新建帧，点击第二帧，再按住shift将文字拖到中间。

图片.png

图片.png

图片.png

图片.png

3.点击底部倒数第三个按钮使用过渡，设置好帧数点击确定，即可生成五个新的帧，实现文字从底部到中间的滚动。也可以实现从中间滚回底部，先选择前面所有帧，在右侧选择反向帧。

图片.png

图片.png

图片.png

图片.png

4.制作渐隐效果，将除第一帧的其他帧删除，新建第二帧，第一帧文字不透明度设为0，第二帧设为100，再设置过渡效果，

图片.png

图片.png

图片.png

5.打开素材，制作局部动态效果。打开新袖标图像将袖标抠出，覆盖到素材上，将素材上原本的袖标删除。

图片.png

图片.png

图片.png

6.复制出三个新图层，分别制作袖标的缩小、左移和右移。然后新建帧，将三个图层放上去，进行播放。

图片.png

图片.png

图片.png

7.使这部分的袖标单独抖动，需要先将动态部分切出来，在切片时要将锁定切片关闭，然后进行清除切片，再三键（alt+ctrl+shift）+S保存，选择预设为gif，确定，最后打开图片，袖标正常抖动。

图片.png

图片.png

图片.png

图片.png

查看完整版图文教程

相关推荐

网页设计中动画应用

【软件入门】入门 10.0

PS塑料袋垃圾袋精修

【产品精修】中级 10.0

京东运营-京东平台介绍

【运营课程】入门 9.7

PS创意字体设计漂流

【字体设计】初级 7.5

PS电影海报字体设计生化危机

【字体设计】初级 8.0

PS特效海报字体设计愿意

【字体设计】中级 7.3