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

PHP中文网
リリース: 2016-06-01 14:28:18
オリジナル
2482 人が閲覧しました

这篇教程是向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用文字制作动态蒙版效果教程,是不是很简单啊,喜欢的朋友快点来学习吧!

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート