Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Utilize um Pincel de Pattern de Corda para Criar um Efeito de Texto de Corda no Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Nos passos a seguir, você vai aprender como criar um pincel de corda simples no Illustrator e como utilizá-lo para criar um efeito de texto agradável.

Para começar, você vai aprender como criar o pedaço de corda principal utilizando a Ferramenta Rectangle, as técnicas básicas de construção de formas vetoriais e de mesclagem e o recurso Live Corners. Em seguida, você vai aprender como multiplicar facilmente suas peças de corda e como criar as extremidades da corda.

Seguindo em frente, você vai aprender como criar os componentes do pincel de pattern utilizando a Ferramenta Shape Builder e algumas técnicas básicas de movimentação. Finalmente, você aprenderá como criar seu pincel de pattern de corda e como se transforma em um efeito de texto legal.

1. Crie um Novo Documento e Configure uma Grade

Aperte Control-N para criar um novo documento. Selecione Pixels no menu suspenso Units, insira 1075 na caixa de largura e 1280 na altura, e clique no botão Advanced. Selecione RGB, Screen (72ppi) e certifique-se de que a caixa Align New Objects to Pixel Grid esteja desmarcada antes de clicar em OK.

Ative o Grid (View > Show Grid) e o Snap to Grid (View > Snap to Grid). Você vai precisar de uma grade a cada 1 px, então simplesmente vá para Edit > Preferences >Guides & Grid e insira 1 na caixa Gridline every e 1 na caixa Subdivisions. Você também deve abrir o painel Info (Window > Info) para uma visualização ao vivo com o tamanho e a posição de suas formas. Não se esqueça de definir a unidade de medida para pixels em Edit > Preferences > Units. Todas estas opções aumentam significativamente sua velocidade de trabalho.

Rope Text Effect

2. Crie o Pedaço de Corda Principal

Passo 1

Escolha a Ferramenta Rectangle (M) e foque na sua barra de ferramentas. Remova a cor do traço e selecione o preenchimento e defina sua cor para R=239 G=203 B=124. Mude para sua prancheta e simplesmente crie um quadrado de 15 px—o recurso Snap to Grid deve facilitar seu trabalho.

Rope Text Effect

Passo 2

Foque no lado direito do quadrado e escolha a Ferramenta Direct Selection (A). Selecione os dois pontos de ancoragem e simplesmente arraste-os 25 px para cima. Mais uma vez, o Snap to Grid será útil.

Rope Text Effect

Passo 3

Certifique-se de que a Ferramenta Direct Selection (A) ainda esteja ativa, selecione o ponto de ancoragem realçado pelo círculo vermelho na imagem a seguir e vá para o painel de controle. Abra a janela suspensa Corners, marque os botões Corner: Round e Rounding: Relative, e insira um raio de 1.5 px. Certifique-se de que a Ferramenta Direct Selection (A) permaneça selecionada, selecione os dois pontos de ancoragem destacados pelos círculos verdes e retorne ao painel de controle.

Novamente, abra a janela suspensa Corners, marque os botões Corner: Round e Rounding: Absolute, e insira um raio de 17 px. Mova para o ponto de ancoragem destacado pelo círculo azul, selecione-o e volte ao painel de controle. Abra a janela suspensa Corners, marque os botões Corner: Round e Rounding: Relative, e insira um raio de 2 px. No final, sua forma deve se parecer como a segunda imagem. Vá para o painel Layers (Window > Layers), clique duas vezes em sua forma e renomeie-a como "principal".

Rope Text Effect

Passo 4

Desabilite o Snap to Grid (View > Snap to Grid) e vá até Edit > Preferences > General e certifique-se se o Keyboard Increment está definido como 1 px. Selecione novamente sua forma "principal" e faça duas cópias em frente (Control-C > Control-F > Control-F). Selecione a cópia superior e mova-a 1 px para a esquerda utilizando o botão de seta para a esquerda no teclado.

Selecione novamente ambas as cópias feitas neste passo, abra o painel Pathfinder (Window > Pathfinder) e clique no botão Minus Front. Certifique-se de que a forma resultante esteja selecionada e substitua a cor de preenchimento existente por R=219 G=183 B=104.

Rope Text Effect

Passo 5

Selecione novamente sua forma "principal" e faça duas cópias em frente (Control-C > Control-F > Control-F). Selecione a cópia superior e mova-a 2 px para a esquerda utilizando o mesmo botão de seta para a esquerda do seu teclado. Selecione novamente as duas cópias feitas neste passo e clique no botão Minus Front no painel Pathfinder. Certifique-se de que a forma resultante esteja selecionada e substitua a cor de preenchimento existente por R=189 G=153 B=74.

Rope Text Effect

Passo 6

Selecione novamente sua forma "principal", faça uma cópia em frente (Control-C > Control-F), selecione-a e mova-a 1 px para baixo e 1 px para a direita. Certifique-se de que esta nova cópia ainda esteja selecionada e duplique-a (Control-C > Control-F). Selecione esta nova cópia e mova-a 1 px para baixo e 1 px para a direita.

Selecione novamente as duas cópias feitas neste passo e clique no botão Minus Front no painel Pathfinder. Certifique-se de que a forma resultante esteja selecionada e substitua a cor de preenchimento existente por branco (R=255 G=255 B=255).

Rope Text Effect

Passo 7

Selecione novamente sua forma "principal" e faça uma cópia em frente (Control-C > Control-F). Selecione-o junto com a forma branca e clique no botão Intersect no painel Pathfinder.

Certifique-se de que a forma resultante permaneça selecionada, abra o painel Transparency (Window > Transparency), reduza a Opacity para 50% e altere o Blending Mode para Overlay.

Rope Text Effect

Passo 8

Selecione novamente sua forma "principal" e faça duas cópias em frente (Control-C > Control-F > Control-F). Selecione a cópia superior e mova-a 1 px para baixo e 1 px para a direita.

Selecione novamente as duas cópias feitas neste passo e clique no botão Minus Front no painel Pathfinder. Certifique-se de que a forma resultante esteja selecionada e substitua a cor de preenchimento existente por R=219 G=183 B=104.

Rope Text Effect

Passo 9

Selecione novamente sua forma "principal", foque no painel Appearance (Window > Appearance), adicione um traço de 1 pt e defina sua cor como R=169 G=133 B=54.

Mantenha o foco no painel Appearance, clique no pedaço de texto "Stroke" para abrir a janela flutuante de Stroke e marque o botão Align Stroke to Outside. No final, as coisas devem parecer na imagem a seguir.

Rope Text Effect

Passo 10

Selecione todas as formas criadas até o momento e pressione Control-G para Agrupá-las.

Rope Text Effect

3. Multiplique o Pedaço de Corda

Passo 1

Certifique-se de que seu grupo de formas esteja selecionado e vá para Effect > Distort & Transform > Transform. Insira as propriedades mostradas na imagem a seguir, clique em OK e vá para Object > Expand Appearance. Vá para o painel Layers e renomeie o grupo resultante "cordaUm".

Rope Text Effect

Passo 2

Selecione de novo o seu grupo "cordaUm" e vá para Object > Transform > Move. Insira 35 na caixa Horizontal e clique no botão Copy. Vá para o painel Layers e renomeie o grupo recém-criado "cordaDois".

Rope Text Effect

4. Crie as Extremidades da Corda Partida

Passo 1

Ative o Snap to Grid (View > Snap to Grid) e foque no lado inferior do seu grupo "cordaUm". Utilizando a Ferramenta Pen (P), crie um caminho simples aproximadamente como mostrado na primeira imagem. Adicione um traço de 1 pt para este caminho minúsculo e defina sua cor para R=169 G=133 B=54.

Utilizando a mesma ferramenta, adicione alguns novos caminhos mais ou menos como mostrados na segunda imagem. Há apenas uma coisa que você deve ter em mente. Este conjunto de caminhos encaracolados não deve ultrapassar de 17 px (que é a largura do seu grupo "cordaUm") porque isso atrapalha seu pincel de patterns. Ainda assim, se você quiser ir mais longe, verifique se tem a mesma largura extra em ambos os lados (por exemplo, 2 px no lado esquerdo e 2 px no lado direito).

Rope Text Effect

Passo 2

Utilizando a Ferramenta Pen (P), adicione alguns novos caminhos mais ou menos como mostra a imagem a seguir. Adicione um simples traço de 1 px para estes novos caminhos e defina sua cor para R=149 G=113 B=40.

Rope Text Effect

Passo 3

Selecione novamente todos os caminhos encaracolados feitos nos dois últimos passos e Agrupe-os (Control-G). Certifique-se de que este novo grupo esteja selecionado e simplesmente pressione Shift-Control-[ para enviá-lo para trás.

Rope Text Effect

Passo 4

Foque no lado superior do seu grupo "cordaUm". Utilizando a Ferramenta Pen (P), crie alguns novos caminhos encaracolados mais ou menos como mostrados nas imagens a seguir. Adicione os mesmos atributos de Appearance utilizados para o outro grupo de caminhos encaracolados.

Rope Text Effect

Passo 5

Selecione novamente todos os caminhos encaracolados feitos nos passos anteriores e Agrupe-os (Control-G). Certifique-se de que este novo grupo esteja selecionado e envie-o para trás (Shift-Control- [)

Rope Text Effect

5. Crie o Pedaço Principal do Pincel do Pattern

Passo 1

Foque em seu grupo "cordaDois". Utilizando a Ferramenta Rectangle (M), crie uma forma de 19 x 17px, defina a cor de preenchimento como R=39 G=170 B=225 e posicione-a exatamente como mostrada na primeira imagem. Certifique-se de que este retângulo azul ainda esteja selecionado e envie-o para trás (Shift-Control- [).

Rope Text Effect

Passo 2

Selecione seu grupo "cordaDois" junto com este retângulo azul e pegue a Ferramenta Shape Builder (Shift-M). Segure o botão Shift do seu teclado e, em seguida, simplesmente arraste uma seleção ao longo do lado superior do seu grupo, conforme mostrado na imagem a seguir. Você pode ter que repetir essa técnica uma ou duas vezes para ter certeza de se livrar das formas realmente minúsculas. Apenas certifique-se de não arrastar esta seleção pela borda do retângulo azul.

Rope Text Effect

Passo 3

Selecione novamente seu grupo "cordaDois" junto com as formas azuis e pegue a Ferramenta Shape Builder (Shift-M). Novamente, segure o botão Shift do seu teclado e simplesmente arraste uma nova seleção ao longo da parte inferior do seu grupo, como mostrado na imagem a seguir. Dê uma olhada mais de perto na borda—é muito importante ter certeza de que você se livrará da pequena formas.

Rope Text Effect

Passo 4

Selecione uma de suas formas azuis e simplesmente vá em Select > Same > Appearance para selecionar o restante das formas com atributos semelhantes de Appearance. Depois de selecionar todas estas formas, pressione o botão Delete do teclado para removê-las da sua prancheta. No final, as coisas devem se parecer como na terceira imagem. Vá para o painel Layers e renomeie o grupo restante "cordaCorpo".

Rope Text Effect

6. Crie as Extremidades Finais do seu Pincel de Pattern

Passo 1

Foque em seu grupo "cordaUm". Utilizando a Ferramenta Rectangle (M), crie uma forma de 19 x 17 px, defina a cor de preenchimento como R=39 G=170 B=225 e posicione-a exatamente como mostrada na primeira imagem.

Rope Text Effect

Passo 2

Selecione seu grupo "cordaUm" junto com este retângulo azul e pegue a Ferramenta Shape Builder (Shift-M). Segure o botão Shift do teclado e simplesmente arraste uma seleção ao longo do retângulo azul, como mostra a imagem a seguir. Certifique-se de remover todas as formas minúsculas que se cruzam com o retângulo azul e, em seguida, selecione as formas azuis restantes e simplesmente Delete-as.

Rope Text Effect

Passo 3

Selecione novamente seu grupo "cordaCorpo", arraste-o para a esquerda e posicione-o conforme mostrado na segunda imagem.

Rope Text Effect

7. Crie Seu Pincel de Pattern

Passo 1

Selecione novamente todas as formas criadas até o momento e vá para Object > Transform > Rotate. Insira um -90 graus e clique em OK.

Rope Text Effect

Passo 2

Foque no painel Layers e simplesmente desligue a visibilidade do seu grupo "cordaCorpo". Escolha a Ferramenta Direct Selection (A), foque em sua prancheta, selecione todas as formas destacadas na segunda imagem e simplesmente arraste-as para o painel Swatches (Window >Swatches) para salvá-las como um pattern.

Mantenha o foco no painel Swatches, clique duas vezes no novo pattern e renomeie-o como "parteFinal". Certifique-se de que a Ferramenta Direct Selection (A) ainda esteja ativa, selecione todas as formas destacadas na terceira imagem e salve-as como um novo pattern. Retorne ao painel Swatches e renomeie este segundo pattern "parteInicial".

Rope Text Effect

Passo 3

Foque no painel Layers e ative a visibilidade para o seu grupo "cordaCorpo". Selecione-o, abra o painel Brushes (Window > Brushes) e clique no botão New Brush (indicado pela pequena seta azul na imagem a seguir). Marque a caixa Pattern Brush e clique em OK para abrir a janela Pattern Brush Options. Insira "corda" na caixa Name, arraste o controle deslizante de Scale para 70% e depois mova para baixo para as caixas de Tile.

Abra a janela suspensa Start Tile e adicione o pattern "parteInicial" dessa lista, abra a janela suspensa End Tile e adicione o pattern "parteFinal". Por fim, clique em OK e você deverá encontrar o novo pincel de pattern no painel Brushes.

Rope Text Effect

8. Crie o Efeito de Texto

Passo 1

Escolha a Ferramenta Type (T), clique em sua prancheta e adicione seu texto em preto. Certifique-se de que ele permaneça selecionado e abra o painel de Character (Window > Type > Character). Selecione a fonte "Edwardian Script ITC" e defina o tamanho para 350 pt. Reduza a Opacidade do seu texto para 30% e depois vá para o painel Layers e bloqueie-a para garantir que você não a selecione/mova acidentalmente.

Rope Text Effect

Passo 2

Utilizando a Ferramenta Pen (P) ou a Ferramenta Paintbrush (B) (se tiver um tablet), desenhe um caminho suave ao longo do texto, como mostra a imagem a seguir. Tente utilizar o texto na parte de trás como uma referência aproximada. Para começar, utilize um traço simples e preto para o seu caminho.

Rope Text Effect

Passo 3

Uma vez que você sente que o seu caminho parece bom o suficiente, substitua o traço preto com o pincel de pattern "corda". Além disso, vá para o painel Layers e simplesmente remova o trecho de texto bloqueado.

Rope Text Effect

Passo 4

Verifique se o caminho do texto ainda está selecionado, foque no painel Appearance e adicione um segundo traço utilizando o botão Add New Stroke (indicado pela pequena seta azul na imagem a seguir). Selecione este novo traço, defina a cor para preto, a largura de 10 pt e abra o painel Stroke (Window > Stroke). Foque na seção Profile, abra o menu suspenso e selecione o Width Profile 1.

Rope Text Effect

Passo 5

Certifique-se de que o caminho do texto ainda esteja selecionado, foque no painel Appearance e selecione novamente este traço preto. Diminua a Opacidade para 10%, altere o Blending Mode para Color Burn e vá para Effect > Artistic > Film Grain. Insira as propriedades mostradas na imagem a seguir e clique em OK.

Rope Text Effect

Passo 6

Selecione novamente seu caminho de texto e foque no painel Appearance. Certifique-se de que todo o caminho esteja selecionado (basta clicar no trecho de texto "Path" na parte superior do painel Appearance) e vá para Effect > Stylize > Drop Shadow. Insira as propriedades mostradas na janela superior esquerda (na imagem a seguir), clique em OK e adicione os outros quatro efeitos de Drop Shadow mostrados na imagem a seguir.

Rope Text Effect

Passo 7

Certifique-se de que seu caminho de texto ainda esteja selecionado, abra o painel Graphic Styles (Window > Graphic Styles) e simplesmente clique no botão New Graphic Style (indicado pela pequena seta azul na imagem a seguir) para salvar um novo estilo gráfico.

Rope Text Effect

Passo 8

Selecione novamente a Ferramenta Pen (P) e adicione alguns novos caminhos de texto mais ou menos como mostrado na primeira imagem. Depois que você achar que as coisas estão boas o suficiente, selecione todos os novos caminhos e clique no estilo gráfico salvo no painel Graphic Styles.

Rope Text Effect

Passo 9

Utilizando a Ferramenta Rectangle (M), crie uma forma do tamanho de sua prancheta, defina a cor de preenchimento como R=230 G=230 B=230 e envie-a para trás (Shift-Control- [). Certifique-se de que este novo retângulo permaneça selecionado, concentre-se no painel Appearance e adicione um segundo preenchimento utilizando o botão Add New Fill (indicado pela pequena seta azul na imagem a seguir). Selecione este novo preenchimento, defina a cor para preto, diminua sua Opacidade para 3%, mude o Blending Mode para Multiply e vá para Effect > Artistic > Film Grain. Insira as propriedades mostradas na imagem a seguir e clique em OK.

Rope Text Effect

Parabéns! Você Terminou!

Aqui está como deve ficar. Espero que você tenha gostado deste tutorial e possa aplicar estas técnicas em seus futuros projetos.

Rope Text Effect
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.