[首页]
[文章]
[教程]
首页
Web开发
Windows开发
编程语言
数据库技术
移动平台
系统服务
微信
设计
布布扣
其他
数据分析
首页
>
设计
> 详细
photoshop动画制作教程:图片切换
时间:
2015-12-05 20:37:54
阅读:
223
评论:
0
收藏:
0
[点我收藏+]
PS打造乒乓球男团胜利瞬间
先看一下最终效果:
(编者按:这是一幅GIF动画,由于文件较大,下载可能比较慢,请大家耐心等待)
素材:
一:新建一个背景色为白色和【边框】大小相同的文件,并将其命名为【胜利瞬间】,效果如[图1]所示,然后打开【边框】,这是一张百合花组成的漂亮边框。在工具箱中选择【移动工具】将【边框】拖到【胜利瞬间】中,系统自动将其命名为【图层1】,效果如[图2]所示。(这里之所以要新建一个文件,目的有两个,一是可以保护原来的素材文件,二是方便第二步调整画布大小的操作) ;
二、点击【边框】图层使用魔棒工具(快捷键W)选取框中白色区域删除效果如[图3]所示;
三、使用移动工具(快捷键V)拖动素材1、2、3、4到文件并且调整相应位置,得到【图层2】、【图层3】、【图层4】、【图层5】效果如[图4]所示;
四、按住Shift键选择图层1至5,把五个图层链接起来,然后执行【图层-对齐-垂直居中】、【图层-对齐-水平居中】各一次,把五个图层对齐排列;效果如[图5]所示;
五、按住Ctrl键点击图层1得到选区,使用快捷键【Ctrl Alt R】三至四次,执行【Shift Ctrl I】得到选区,删除图层2至5的边缘,得到柔和边缘,效果如[图6]所示,设置如[图7]所示;
六、设置前景色为红色,字体为汉仪柏青体,输入文字胜利、瞬间,设置如[图8]所示;得到两个文字图层,把文字移动到图片的相应位置,效果如[图9]所示;
七、新建图层,使用笔刷工具(快捷键B),选择星光笔刷,设置笔头大小为100像素,在图片上随意点刷,得到【图层6】效果如[图10]所示;
八、复制【图层6】得到【图层6】副本,执行【图像-调整-色相饱和度】,再次复制【图层6】得到【图层6】副本2,再次执行【图像-调整-色相饱和度】,得到三个颜色不同的星光笔刷图层,效果如[图11]所示;
九、前期准备工作完成了,现在执行【窗口-动画】,调出动画面板;设置第1帧关闭所有运动员图层与胜利文字图层,效果如[图12]所示;
十、新建第2帧,显示【图层2】,并调整位置到右下角,新建第3帧,把图层2位置调整至图片正中,点击动画面板上【动画过渡帧】按钮,设置如[图13]所示,设置第1帧为【选择帧延迟时间为0.2秒】秒,设置第2帧至第7帧【选择帧延迟时间为0.1秒】,设置第8帧【选择帧延迟时间为0.5秒】;设置效果如[图14]所示;
十一、新建第9帧,调整【图层3】位置至左下角,新建第10帧把【图层3】调整至图片正中,点击动画面板上【动画过渡帧】按钮,设置如[图13]所示,设置第9帧至第14帧【选择帧延迟时间为0.1秒】,设置第15帧【选择帧延迟时间为0.5秒】;设置效果如[图15]所示;
十二、新建第16帧,调整【图层4】位置至左上角,新建第17帧把【图层4】调整至图片正中,点击动画面板上【动画过渡帧】按钮,设置如[图13]所示,设置第16帧至第21帧【选择帧延迟时间为0.1秒】,设置第22帧【选择帧延迟时间为0.5秒】;设置效果如[图16]所示;
十三、新建第23帧,调整【图层5】位置至右上角,新建第24帧把【图层5】调整至图片正中,点击动画面板上【动画过渡帧】按钮,设置如[图13]所示,设置第23帧至第28帧【选择帧延迟时间为0.1秒】,设置第29帧【选择帧延迟时间为0.5秒】;设置效果如[图17]所示;
十四、注:交替显示【胜利】、【瞬间】两文字图层,显示两帧,关闭一帧;
十五、点击【动画面板-插放动画】按钮,执行【文件-存储Web所用格式】,设置效果如[图18]所示;得到最终效果图;
最终效果:
photoshop动画制作教程:图片切换
原文:http://www.jb51.net/photoshop/3014.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
2021/09/28 scripts
2022-05-27
vue自定义全局指令v-emoji限制input输入表情和特殊字符
2022-05-27
9.26学习总结
2022-05-27
vim操作
2022-05-27
深入理解计算机基础 第三章
2022-05-27
C++ string 作为形参与引用传递(转)
2022-05-27
python 加解密
2022-05-27
JavaScript-对象数组里根据id获取name,对象可能有children属性
2022-05-27
SQL语句——保持现有内容在后面增加内容
2022-05-27
virsh命令文档
2022-05-27
教程昨日排行
更多>
1.
list.reverse()
2.
Django Admin 管理工具
3.
AppML 案例模型
4.
HTML 标签列表(功能排序)
5.
HTML 颜色名
6.
HTML 语言代码
7.
jQuery 事件
8.
jEasyUI 创建分割按钮
9.
jEasyUI 创建复杂布局
10.
jEasyUI 创建简单窗口
友情链接
汇智网
PHP教程
插件网
关于我们
-
联系我们
-
留言反馈
- 联系我们:wmxa8@hotmail.com
© 2014
bubuko.com
版权所有
打开技术之扣,分享程序人生!