首页 > 设计 > 软件应用 > 正文

Photoshop制作双向流光艺术字GIF动画教程

2020-01-27 15:01:52
字体:
来源:转载
供稿:网友

效果图:

Photoshop,流光,艺术字,GIF动画

好吧 第一步先打开自己喜欢的图片 适当裁剪

Photoshop,流光,艺术字,GIF动画

Photoshop,流光,艺术字,GIF动画

第二步,新建一个500*200的透明画布 把刚刚裁剪好的图按住shift键拖进来

Photoshop,流光,艺术字,GIF动画

Photoshop,流光,艺术字,GIF动画

 

 

 

第三步,这个时候我喜欢加上框 选择编辑菜单--描边--大小1px 然后新建一个图层打字

Photoshop,流光,艺术字,GIF动画

打好字,放在你喜欢的位置

Photoshop,流光,艺术字,GIF动画

这里我选的是新细明体12号 无效果

Photoshop,流光,艺术字,GIF动画

Photoshop,流光,艺术字,GIF动画

第四步,同样新建一个图层,选择你想要的流光颜色,用画笔工具在字体左边画一条直线

Photoshop,流光,艺术字,GIF动画

Photoshop,流光,艺术字,GIF动画

画好,ctrl+j复制一层,有了图层3副本,把副本的直线从左边移到右边

Photoshop,流光,艺术字,GIF动画

第五步,打开动画窗口,复制一帧。这时候有两条直线,一左一右

Photoshop,流光,艺术字,GIF动画

 

 

 

把图层3里面左边的直线移动到右边重叠起来,这时只有一条直线了

Photoshop,流光,艺术字,GIF动画

再把副本里右边的直线移动到左边,又出现了两条直线

Photoshop,流光,艺术字,GIF动画

第六步,按住ctrl选中图层3和副本两个图层,右击鼠标选择创建剪贴蒙版

Photoshop,流光,艺术字,GIF动画

第七步,点回第一帧,点击过渡按钮,选择过渡的帧数,这里我选了25

Photoshop,流光,艺术字,GIF动画

Photoshop,流光,艺术字,GIF动画

最后一步,新建一个图层署名,存储为web和设备所用格式。搞定~

Photoshop,流光,艺术字,GIF动画

最终效果!

Photoshop,流光,艺术字,GIF动画


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表