首页 > web前端 > PS教程 > 正文

Photoshop CS3制作文字宣传GIF动画

PHP中文网
发布: 2017-03-21 14:38:45
原创
1658人浏览过

说明:在麻辣姐姐的教程中,她采用的是photoshop cs和imageready cs,而笔者使用的是photoshop cs3,所以在动画的制作方法上会略有不同。


两张素材图:






首先,执行【文件】 【新建】命令,新建一个413×376像素的文件(图像大小和素材文件一致即可),将名称命名为【麻辣姐姐签名】,如【图01】所示。




第二步:打开【素材1】,使用【移动工具】将【素材1】拖入【麻辣姐姐签名】中,系统自动为其命名为【图层1】,使用同样的方法将【素材2】也导入到【麻辣姐姐签名】中,如下图所示。


第三步:执行【图像】 【旋转画布】 【水平翻转画布】命令,将图像旋转以更适合做签名,效果如【图03】所示。



第四步:确认前景色为白色,选择工具箱中的【横排文字工具】(快捷键为t),输入“欢迎来参加硅谷活动”等文字,在【图层调板】中双击文字图层的缩略图,为其添加图层样式,参数设置如【图04】所示,效果如【图05】所示。





第五步:仿照第四步的方法,添加其它文字,效果如【图06】所示。




第六步:选中【图层2】,使用【矩形选框】工具,绘制如【图07】所示的选区。



第七步:按快捷键【ctrl j】复制选区内容,得到【图层3】。执行【编辑】 【变换】 【水平翻转】命令,将【图层3】反转,然后按【ctrl t】键调整【图层3】的大小及方向并将其移动到如【图08】位置。


第八步:将【图层3】复制一份,得到【图层3副本】。为【图层3副本】添加图层样式,设置如【图09】所示,效果如【图10】所示。






第九步:按住【ctrl】键不放,点击【图层3】的缩略图,得到【图层3】的选区,将前景色设置为#787878,按【alt del】键填充选区,并将【图层3】向下、向右移动,制作阴影,效果如【图11】所示。




第十步:将【背景图层】删除,前期的准备工作到此结束,下面开始制作动画。执行【窗口】 【动画】命令,调出【动画调板】。新建4帧,并将【帧延长时间】设为0.5秒,如【图12】所示。


第十一步:在【动画调板】中选择第一帧,隐藏【图层调板】中的部分图层,如【图13】所示;(第二帧和第一帧设置相同)在【动画调板】中选择第三帧,隐藏【图层调板】中的部分图层,如【图14】所示;在【动画调板】中选择第四帧,隐藏【图层调板】中的部分图层,如【图15】所示。









第十二步:执行【文件】 【存储为web所用格式】命令,设置如【图16】,ps会生成一个html文档和一个【images】文件夹,打开文件夹,里面就是我们要的gif动画了。


最终效果:


快转字幕
快转字幕

新一代 AI 字幕工作站,为创作者提供字幕制作、学习资源、会议记录、字幕制作等场景,一键为您的视频生成精准的字幕。

快转字幕 357
查看详情 快转字幕
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号