首页 > 软件专区 > ps教程 >

PS文字变色渐隐GIF动画

来源:互联网 2023-02-21 17:54:19 版权归原作者所有,如有侵权,请联系我们

我们在网页经常会看见一些简单的文字渐隐动画,像我们这种只会用PS的人,也能做出来吗?其实,能的!PS功能强大,简单的动画也是可以做出来的,让我们来学习一下简单的文字动画吧!sYy办公区 - 实用经验教程分享!

PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

工具/原料

  • Photoshop
  • 一张炫酷一点的背景素材

方法/步骤

  • 1

    新建800*800的画布,关掉背景图层眼睛。sYy办公区 - 实用经验教程分享!

    新建一个图层,打上文字,把下载的炫酷背景拉进来,确定‘置入’,并且调整炫酷背景位置到文字图层上方。sYy办公区 - 实用经验教程分享!

    调好位置后,选择炫酷背景图层,鼠标右击,选择‘创建剪切蒙版’,就可以剪切到文字图层上了。sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

  • 2

    第二步,在文字图层下方新建一个图层,填充淡粉色(建议与字颜色一致)。sYy办公区 - 实用经验教程分享!

    接着在炫酷背景图层上方新建图层,名叫“圆角矩形1”画一个白色的圆角矩形,放置文字中间。sYy办公区 - 实用经验教程分享!

    同理,在‘圆角矩形1’图层下方新建图层,名叫‘圆角矩形2’,画淡紫色圆角矩形并调至合适位置。sYy办公区 - 实用经验教程分享!

    再接着,在紫色圆角矩形下方,再新建一图层,名叫‘圆角矩形3’,画白色矩形并调至合适位置。再次把炫酷背景拉进来,放置 圆角矩形3上方,选中炫酷背景,右击选择‘创建剪切蒙版’sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

  • 3

    第三步:把所有圆角矩形图层眼睛关掉,只保留文字图层、炫酷背景图层以及淡粉色背景图层,我们开始做动画了。sYy办公区 - 实用经验教程分享!

    01:选择“窗口”——“时间轴”。下方出现时间以及帧图层,单击帧图层右下方倒三角,选择时间0.1秒。sYy办公区 - 实用经验教程分享!

    02:选完后,选择文字炫酷背景图层,把背景拉到最上方,直到文字上看不见sYy办公区 - 实用经验教程分享!

    03:点击时间轴上‘复制帧’图标,把文字炫酷背景拉到最低端sYy办公区 - 实用经验教程分享!

    04:单击‘过度帧’图标,修改:要添加帧数:15sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

  • 4

    第四步:单击‘复制帧’图标,打开‘圆角矩形1’图层眼睛。单击‘复制帧’,打开‘圆角矩形2’眼睛。sYy办公区 - 实用经验教程分享!

    接着,点击‘过度帧’图标,修改要添加帧数:4sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

  • 5

    第五步:同上,复制帧,打开‘圆角矩形3’以及它背景图层的眼睛。选择‘圆角矩形3’上方的剪切背景,往上拉,直至看不见sYy办公区 - 实用经验教程分享!

    同理:再次点击‘复制帧’图标,把圆角矩形3’的剪切背景往下拉,直到看不见。点击‘过度帧’图标,修改要添加帧数:7sYy办公区 - 实用经验教程分享!

    动画做完了。sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

  • 6

    第六步:保存。选择“文件”——“储存为web”格式,修改格式为GIF,单击‘储存’就可以了。sYy办公区 - 实用经验教程分享!

    PS文字变色渐隐GIF动画sYy办公区 - 实用经验教程分享!

  • 6相关内容未经授权抓取自百度经验
  • 注意事项

    • 若现速度快要一些,可减少过度帧

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!sYy办公区 - 实用经验教程分享!


    标签: 软件PS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号