Home  >  Article  >  Web Front-end  >  Photoshop用文字制作动态蒙版效果教程

Photoshop用文字制作动态蒙版效果教程

PHP中文网
PHP中文网Original
2016-06-01 14:28:182481browse

这篇教程是向PHP中文网的朋友介绍利用Photoshop用文字制作动态蒙版效果方法,教程最终制作出来的效果真的很不错,而且方法不是很难,推荐过来,一起来学习吧

今天教大家如何利用Photoshop文字制作动态蒙版效果方法,过程比较简单,在Photoshop里用文字创建蒙版效果以后,再设置动态的效果,推荐过来,喜欢的朋友一起来学习吧! 

我们先来看看最终的效果:

Photoshop用文字制作动态蒙版效果教程

教程如下:

在Photoshop里用文字创建蒙版效果以后,设置动态的效果先导入一个素材

Photoshop用文字制作动态蒙版效果教程

输入文字(随意输入),如下图

Photoshop用文字制作动态蒙版效果教程

主要是避免单调,对文字添加了描边效果

Photoshop用文字制作动态蒙版效果教程

可以按住ctrl键,点击一下文字图层,选择文字区域

Photoshop用文字制作动态蒙版效果教程

得到文字蒙版的效果,先添加一个背景

Photoshop用文字制作动态蒙版效果教程

主要是避免背景单调,也可以换个图案

Photoshop用文字制作动态蒙版效果教程

现在,做一下动态效果,先创建一个图层,填充一种颜色

Photoshop用文字制作动态蒙版效果教程

对该图层添加蒙版,作为遮罩图层。打开动画面板

Photoshop用文字制作动态蒙版效果教程

对帧复制4次,帧延迟设置0.2,第1帧时遮住四个字,第2帧时遮住后三个字,第3帧时遮住后两个字,第4帧时遮住最后一个字

Photoshop用文字制作动态蒙版效果教程

效果就出来了,为了稍微停顿下,把最后一帧的延迟改为0.5,就是下图的效果

Photoshop用文字制作动态蒙版效果教程

END

教程结束,以上就是Photoshop用文字制作动态蒙版效果教程,是不是很简单啊,喜欢的朋友快点来学习吧!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn