7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto Dobrado no Adobe Illustrator

Scroll to top
Read Time: 4 mins

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Nos passos a seguir, você aprenderá como criar um efeito de texto dobrado no Adobe Illustrator. Para começar, você vai aprender como criar um fundo simples e como adicionar algum texto. Aproveitando ao máximo do painel de Aparência, você vai aprender como trabalhar com vários preenchimentos e efeitos, gradientes lineares, e técnicas básicas de misturas. Finalmente, você vai aprender como copiar atributos de Aparência entre objetos e como ajustá-los facilmente.

Para mais inspiração em como ajustar ou melhorar seu efeito de texto, você pode encontrar muitos recursos em GraphicRiver.

1. Como Criar um Novo Documento e Configurar um Grid

Aperte Control-N para criar um novo documento. Selecione Pixels da Units do menu drop-down, entre com 850 nas caixas width e height e então clique no botão Advanced. Selecione RGB para Color Mode, coloque o Raster Effects para Screen (72 ppi), e então clique Create Document.

new documentnew documentnew document

2. Como Criar o Plano de Fundo

Pegue a Ferramenta Rectangle (M)  e foque na sua barra de ferramenta. Remova a cor do seu traço e então selecione o preenchimento e estabeleça sua cor para R=241 G=242 B=252. Mova sua prancheta e crie simplesmente um quadrado de 860 px. Certifique-se de que ele cubra sua prancheta inteira como mostrado abaixo.

backgroundbackgroundbackground

3. Como Criar os Pedaços de Texto

Passo 1

Pegue a Ferramenta Type (T) e abra o painel Character  (Window > Type > Character). Selecione a fonte Tw Cen MT Condensed Extra Bold (ou qualquer outra fonte em negrito da sua preferência), e estabeleça o tamanho para 200 px e a entrelinha para 240 px.

Mova sua prancheta, clique nela, e adicione seu pedaço de texto aproximadamente como mostrado abaixo. Faça-o preto.

black textblack textblack text

Passo 2

Use a mesma ferramenta e atributos de caractere para criar a primeira letra da sua palavra. Faça-o branco e coloque-o  logo acima do preto.

white letterwhite letterwhite letter

Passo 3

Continue adicionando letras brancas separadas até você cobrir todo o seu texto preto. Uma vez que estiver pronto, vá para o painel Layers (Window > Layers)  e remova seu texto preto.

white letterswhite letterswhite letters

4. Como Criar o Primeiro Efeito de Texto

Passo 1

Selecione uma das suas letras, foque no painel Swatches (Window > Swatches)  e clique nessa [None] amostra para remover o preenchimento branco. Mova para o painel de Appearance (Window > Appearance) e adicione um novo preenchimento usando o botão Add New Fill.

Selecione o novo preenchimento e use o gradiente linear mostrado abaixo (Window > Gradient). Tenha em mente que o número azul da imagem Gradient significa a porcentagem da Location. Use a Ferramenta Gradient (G) para ajustar o comprimento do seu gradiente como mostrado na imagem seguinte. 

add new filladd new filladd new fill

Passo 2

Certifique-se de que sua letra colorida está selecionada, continue focando no painel de Appearance, selecione esse preenchimento e vá para Effect > Stylize > Drop Shadow. Entre com os atributos mostrados abaixo e então clique no botão OK.

drop shadowdrop shadowdrop shadow

Passo 3

Certifique-se de que sua letra colorida ainda está selecionada, continue focando no painel de Appearance e adicione o segundo preenchimento usando esse mesmo botão Add New Fill. Selecione este novo preenchimento, adicione o gradiente linear mostrado abaixo e então vá para Effect > Distort & Transform > Free Distort. Arraste esses pontos certos como mostrado abaixo e então clique no botão OK.

free distortfree distortfree distort

Passo 4

Certifique-se de que sua letra colorida ainda está selecionada, continue focando no painel Appearance e adicione o terceiro preenchimento usando esse mesmo botão Add New Fill.

Arraste este novo preenchimento entre os existente, aplique o gradiente linear mostrado abaixo, diminua sua Opacity para 40% e então vá para Effect > Distort & Transform > Free Distort. Arraste esses pontos certos como mostrados abaixo e então clique no botão OK.Tenha em mente que o zero amarelo da imagem Gradient significa a porcentagem da Opacity.

black gradientblack gradientblack gradient

Passo 5

Certifique-se de que sua letra colorida ainda está selecionada e continue focando no painel de Appearance.

Selecione o preenchimento médio e o duplique usando o botão Duplicate Selected Item. Selecione o preenchimento recém-adicionado, diminua sua Opacity para 30% e vá para Effect > Distort & Transform > Transform. Arraste controle deslizante Move-Horizontal para 5 px, clique no botão OK, e então vá para Effect > Blur > Gaussian Blur. Coloque o Radius para 5 px e então clique no botão OK.

gaussian blurgaussian blurgaussian blur

5. Como Criar Variação de Cor em Seu Efeito de Texto

Passo 1

Primeiro, você precisa copiar os atributos Appearance da sua letra colorida e cole-a em sua segunda letra. Isto pode ser feito facilmente do painel de Layers. Expanda sua camada e você vai notar um pequeno círculo do lado direito de todos os seus objetos—esse é um ícone alvo. Segure a tecla Alt, clique no ícone alvo que apoia sua letra colorida, e arraste para o círculo que apoia a sua segunda letra.

Agora, selecione sua letra recém-colorida, foque no painel de Appearance e substitua os dois gradientes lineares com esses mostrados abaixo.

target icontarget icontarget icon

Passo 2

Repita a técnica mencionada no passo anterior, mas substitua os gradientes lineares com aqueles mostrados abaixo.

yellowyellowyellow
greengreengreen
blueblueblue

Passo 3

Finalmente, copie os atributos de Appearance para as letras brancas restantes.

copy attributescopy attributescopy attributes

Parabéns! Está Pronto!

Aqui está como deve parecer. Espero que você tenha aproveitado este tutorial e consiga aplicar estas técnicas em seus futuros projetos.

Sinta-se livre para ajustar o design final e o faça do seu jeito. Você deve encontrar algumas ótimas fontes de inspiração no GraphicRiver com soluções interessantes para melhorar seu design.

final designfinal designfinal design
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.