ps导出gif你知道该怎么操作吗?
作者:wanrong发布时间:2021年05月18日 12:18

  有时候,我们通常需要用PS来制作gif动图;那么,你们知道当我们在PS软件中完成gif动图之后想要导出的话,该怎么操作呢?方法很简单哦,只需要在【保存类型】中找gif格式,在此之前,我们还需要用到PS软件的时间轴来设置动效的时间。这里,我为大家准备了一篇文档,希望对大家有所帮助!一起来看看吧!

  

  步骤如下:

  

1、【打开】PS软件,【新建】任意大小的画布。具体效果如图示。

15077231393251.jpg



2、使用【矩形工具】绘制画布大小的矩形,【填充】蓝色,【重命名】beijing,锁定图层。使用【文字工具】,选择合适的字体,【颜色】白色,输入文字,调整大小,排列至合适的位置。【右击】文字图层【转换为形状对象】。具体效果如图示。

15077232929940.jpg


3、旋转文字至合适的角度,【新建】图层,使用【直线工具】在合适的位置绘制三条透视线。具体效果如图示。

15077233493729.jpg


4、使用【钢笔工具】按住Ctrl键,根据透视直线,调整文字的锚点至合适的位置,【删除】透视直线参考图层。具体效果如图示。

15077233551782.jpg


5、使用【矩形工具】绘制合适大小的矩形,【填充】合适的颜色,放置画面合适的位置。使用【钢笔工具】按Ctrl键调整矩形锚点位置。具体效果如图示。

15077233603867.jpg


6、使用相同的方法,使用【矩形工具】,根据字母形状绘制其他的透视矩形,【填充】合适的颜色。放置画面合适的位置。具体效果如图示。

15077233652654.jpg


7、【选择】文字图层,打开【图层样式】-【描边】,具体参数如图示。具体效果如图示。

15077233709691.jpg


8、添加【内阴影】,具体参数如图示。具体效果如图示。

15077233757890.jpg


9、使用【钢笔工具】在文字上方合适的位置绘制立面形状,【填充】黄色。具体效果如图示。

15077233955550.jpg


10、使用【钢笔工具】调整形状对象的细节部分,【选择】文字图层,打开【图层样式】-【图案叠加】,具体参数如图示。具体效果如图示。

15077234032914.jpg


11、使用相同的方法,给剩余的面添加相对应的【图案叠加】样式。调整合适的参数效果。具体效果如图示。

15077234129666.jpg


12、在beijing图层上方使用【钢笔工具】绘制投影形状,【填充】深蓝色,【重命名】投影。具体效果如图示。

15077234168513.jpg


13、使用【圆角矩形工具】,绘制合适大小的矩形,【填充】黄色,调整圆角属性参数。使用【钢笔工具】调整形状锚点,调整图层顺序,按Alt键单击相应的图层【创建剪切蒙版】。具体效果如图示。

1507723422224.jpg


14、【复制】图层,调整大小和位置,【填充】深蓝色。使用【钢笔工具】调整矩形的形状。具体效果如图示。

15077234275460.jpg


15、使用相同的方法,使用【形状工具】完善门的细节形状,【填充】合适的颜色。具体效果如图示。

1507723431959.jpg


16、使用【矩形工具】绘制合适大小的矩形,【填充】黄色。调整形状,移动至合适的位置。打开【图层样式】-【斜面和浮雕】,具体参数如图示。具体效果如图示。

15077234371479.jpg


17、按Alt键【移动复制】多个图层,排列至合适的位置。【选择】所有的复制图层,按【Ctrl+G】编组,【重命名】窗户。具体效果如图示。

15077234427321.jpg


18、【复制】图层,【删除】图层样式。【右击】图组【合并所有图层】,移动至合适的位置,按【Ctrl+T】自由变换【变形】,【重命名】窗户光影。具体效果如图示。

15077234488081.jpg


19、添加【图层蒙版】,使用【渐变工具】遮挡多余的部分,【不透明度】90%。具体效果如图示。

15077234539973.jpg


20、使用相同的方法给门口也添加相对应的投影效果。具体效果如图示。

15077234582473.jpg


21、【选择】所有的关联图层,按【Ctrl+G】编组,【重命名】图组。【选择】门口发光形状对象,按【Ctrl+J】复制多个图层,【填充】合适的颜色。具体效果如图示。

150772346211.jpg


22、【复制】窗户图组,【重命名】不发光窗户,【修改】窗户形状颜色。具体效果如图示。

15077234688624.jpg


23、单击【视图】-【时间轴】,【新建】时间图层。具体效果如图示。

15077234739667.jpg


24、设置时间轴的时间,【复制】时间针,【隐藏】发光图层。具体效果如图示。

15077235078989.jpg


25、【新建】过度时间针,具体参数如图示。具体效果如图示。

15077235142216.jpg


26、设置时间针时间,【复制】时间图层,设置时间。具体效果如图示。

15077235214658.jpg


27、按【Ctrl+Shift+Alt+S】存储为GIF文档,设置参数如图示。具体效果如图示。

15077235268949.jpg


28、最终效果如图示。

动图15077235317501.gif



  

  操作完成!以上操作就是ps导出gif的方法了,你们学会了吗?我个人觉得还是比较简单的。只是到最后一步的时候,我们需要用到PS软件中的【时间轴】来设置动效时间即可。好了,我们今天的分享到这里就结束了,你们学会了吗?再见!

    

  本篇文章使用以下硬件型号:联想小新Air15;系统版本:win10;软件版本:Adobe photoshop 2017。


点击观看视频教程
PS-创意GIF字母Y
中级拔高33786人已学视频时长:16:16
立即学习
特别声明:以上文章内容仅代表作者wanrong本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
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
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了41,218
并提交了230份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证