웹 프론트엔드 PS 튜토리얼 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用文字制作动态蒙版效果教程,是不是很简单啊,喜欢的朋友快点来学习吧!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

뜨거운 기사 태그

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PPT에서 둥근 그림과 텍스트를 만드는 방법 PPT에서 둥근 그림과 텍스트를 만드는 방법 Mar 26, 2024 am 10:23 AM

PPT에서 둥근 그림과 텍스트를 만드는 방법

영구 무료 photoshopcs5 일련 번호는 무엇입니까? 영구 무료 photoshopcs5 일련 번호는 무엇입니까? Jul 06, 2023 am 10:00 AM

영구 무료 photoshopcs5 일련 번호는 무엇입니까?

Word에서 텍스트에 점을 추가하는 방법은 무엇입니까? Word에서 텍스트에 점을 추가하는 방법은 무엇입니까? Mar 19, 2024 pm 08:04 PM

Word에서 텍스트에 점을 추가하는 방법은 무엇입니까?

해결 방법: Photoshop에서 작동하지 않는 키보드 단축키 수정 해결 방법: Photoshop에서 작동하지 않는 키보드 단축키 수정 Sep 22, 2023 pm 03:17 PM

해결 방법: Photoshop에서 작동하지 않는 키보드 단축키 수정

사진의 텍스트를 수정하는 방법 사진의 텍스트를 수정하는 방법 Aug 29, 2023 am 10:29 AM

사진의 텍스트를 수정하는 방법

Golang 이미지 처리: 워터마크 및 텍스트를 추가하는 방법 알아보기 Golang 이미지 처리: 워터마크 및 텍스트를 추가하는 방법 알아보기 Aug 17, 2023 am 08:41 AM

Golang 이미지 처리: 워터마크 및 텍스트를 추가하는 방법 알아보기

텍스트 의미 이해 기술의 의미 역할 주석 문제 텍스트 의미 이해 기술의 의미 역할 주석 문제 Oct 08, 2023 am 09:53 AM

텍스트 의미 이해 기술의 의미 역할 주석 문제

그림을 표시하기 위해 마우스를 텍스트로 이동하여 PPT 슬라이드를 설정하는 세부 방법 그림을 표시하기 위해 마우스를 텍스트로 이동하여 PPT 슬라이드를 설정하는 세부 방법 Mar 26, 2024 pm 03:40 PM

그림을 표시하기 위해 마우스를 텍스트로 이동하여 PPT 슬라이드를 설정하는 세부 방법

See all articles