Heim Web-Frontend PS-Tutorial Photoshop用文字制作动态蒙版效果教程

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

Jun 01, 2016 pm 02:28 PM
photoshop 文字

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

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So erstellen Sie runde Bilder und Texte in ppt So erstellen Sie runde Bilder und Texte in ppt Mar 26, 2024 am 10:23 AM

So erstellen Sie runde Bilder und Texte in ppt

Was sind die dauerhaft kostenlosen Photoshopcs5-Seriennummern? Was sind die dauerhaft kostenlosen Photoshopcs5-Seriennummern? Jul 06, 2023 am 10:00 AM

Was sind die dauerhaft kostenlosen Photoshopcs5-Seriennummern?

Wie füge ich in Word Punkte zum Text hinzu? Wie füge ich in Word Punkte zum Text hinzu? Mar 19, 2024 pm 08:04 PM

Wie füge ich in Word Punkte zum Text hinzu?

Lösung: Beheben Sie, dass Tastaturkürzel in Photoshop nicht funktionieren Lösung: Beheben Sie, dass Tastaturkürzel in Photoshop nicht funktionieren Sep 22, 2023 pm 03:17 PM

Lösung: Beheben Sie, dass Tastaturkürzel in Photoshop nicht funktionieren

So ändern Sie Text auf Bildern So ändern Sie Text auf Bildern Aug 29, 2023 am 10:29 AM

So ändern Sie Text auf Bildern

Golang-Bildverarbeitung: Erfahren Sie, wie Sie Wasserzeichen und Text hinzufügen Golang-Bildverarbeitung: Erfahren Sie, wie Sie Wasserzeichen und Text hinzufügen Aug 17, 2023 am 08:41 AM

Golang-Bildverarbeitung: Erfahren Sie, wie Sie Wasserzeichen und Text hinzufügen

Probleme bei der Annotation semantischer Rollen in der Technologie zum semantischen Verstehen von Texten Probleme bei der Annotation semantischer Rollen in der Technologie zum semantischen Verstehen von Texten Oct 08, 2023 am 09:53 AM

Probleme bei der Annotation semantischer Rollen in der Technologie zum semantischen Verstehen von Texten

Detaillierte Methode zum Einrichten von PPT-Folien durch Bewegen der Maus über Text, um Bilder anzuzeigen Detaillierte Methode zum Einrichten von PPT-Folien durch Bewegen der Maus über Text, um Bilder anzuzeigen Mar 26, 2024 pm 03:40 PM

Detaillierte Methode zum Einrichten von PPT-Folien durch Bewegen der Maus über Text, um Bilder anzuzeigen

See all articles