PhotoShop 制作双向流光文字GIF动态签名图教程

10/11/2015来源:Photoshop教程人气:2374

  流光字以前也有很多教程,做法都差不多,喜欢的同学可以跟着做一下!

  效果图:

PhotoShop 制作双向流光文字GIF动态签名图教程 三联教程

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片

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

按此在新窗口浏览图片
按此在新窗口浏览图片

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

按此在新窗口浏览图片

  最终效果!

按此在新窗口浏览图片