Interessado em aprender como recortar uma forma no Illustrator? Descubra como fazer isso criando um efeito de texto 3D cortado, colorido e divertido. Você estará pronto em minutos.
Se você não tem tempo para aprender como fazer texto 3D no Illustrator, você sempre pode tentar ga-analytics#sendElementsClickEvent”>Envato Elements, onde você encontrará uma grande seleção de fontes e gráficos prontos para serem usados. efeitos de texto.
O que você aprenderá neste tutorial
- Como criar texto fatiado no Illustrator
- Como fazer texto 3D no Illustrator
- Como criar uma sombra para texto 3D
Recursos do tutorial
Você precisará dos seguintes recursos para concluir este projeto:
1. Como fazer um novo documento no Adobe Illustrator
Inicie o Illustrator e vá para Arquivo > Novo para abrir o Novo Documento janela. Lá, digite o nome do documento e defina as dimensões conforme mostrado. Mantenha o Unidades definido como Píxeis e a Modo de cor para RGB. Quando terminar, clique Criar documento.
Na imagem abaixo você pode ver as outras configurações que gosto de usar enquanto trabalho no Illustrator. Você pode acessá-los acessando Editar > Preferências.
![Como abrir um novo documento no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_1_open_new_document_min.jpg?resize=870%2C1010&ssl=1)
![Como abrir um novo documento no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_1_open_new_document_min.jpg?resize=650%2C754&ssl=1)
![Como abrir um novo documento no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_1_open_new_document_min.jpg?resize=380%2C439&ssl=1)
2. Como fatiar texto no Illustrator
Passo 1
Pegue o Ferramenta Tipo (T) e escreva “SLASH” em sua prancheta usando a fonte ga-analytics#sendElementsClickEvent”>Submica Regular, com um tamanho de 200 pontos. No Personagem painel, sob Defina o rastreamento para os caracteres selecionadosescolher 50 para adicionar mais espaço entre as letras. Clique em Centro de alinhamento horizontal e Centro de alinhamento vertical enquanto Alinhar à prancheta está ativo no Alinhar painel para posicionar o texto no centro da sua área de trabalho.
![Como digitar texto no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_2_type_Slash_text_min.jpg?resize=870%2C570&ssl=1)
![Como digitar texto no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_2_type_Slash_text_min.jpg?resize=650%2C428&ssl=1)
![Como digitar texto no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_2_type_Slash_text_min.jpg?resize=380%2C253&ssl=1)
Passo 2
Agora, use o Ferramenta Caneta (P) ou o Ferramenta Segmento de Linha (\) para desenhar um caminho reto sobre todo o texto onde deseja cortá-lo. Dê um Curso de 3 pontos usando qualquer cor.
![Como criar texto fatiado no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_3_make_cut_path_min.jpg?resize=870%2C400&ssl=1)
![Como criar texto fatiado no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_3_make_cut_path_min.jpg?resize=650%2C302&ssl=1)
![Como criar texto fatiado no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_3_make_cut_path_min.jpg?resize=380%2C181&ssl=1)
etapa 3
Vamos ver como recortar uma forma no Illustrator. Primeiro, faça um caminho composto com todas as letras indo para Objeto > Caminho Composto > Criar (Control-8). Em seguida, selecione a linha e vá para Objeto > Expandir para transformá-lo de um traço em uma forma preenchida. Mantenha os dois caminhos selecionados e clique em Menos Frente no Desbravador painel.
![Como recortar uma forma no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_4_cut_the_text_min.jpg?resize=870%2C670&ssl=1)
![Como recortar uma forma no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_4_cut_the_text_min.jpg?resize=650%2C502&ssl=1)
![Como recortar uma forma no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_4_cut_the_text_min.jpg?resize=380%2C295&ssl=1)
3. Como fazer texto 3D no Illustrator
Passo 1
Use o Ferramenta de seleção direta (A) selecionar apenas os pedaços fatiados na parte inferior e movê-los um pouco para baixo e para a esquerda.
Para fazer texto 3D, o Illustrator possui alguns efeitos 3D que oferecem ótimos resultados. Certifique-se de que o texto fatiado esteja agrupado e vá para Efeito > 3D e Materiais > 3D (Clássico) > Extrusão e Bisel (Clássico). Aplique as configurações mostradas e clique OK. Sinta-se à vontade para escolher outras coordenadas e experimentar o ângulo do seu texto recortado em 3D.
![Como fazer texto 3D no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_5_apply_3D_effect_min.jpg?resize=870%2C890&ssl=1)
![Como fazer texto 3D no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_5_apply_3D_effect_min.jpg?resize=650%2C665&ssl=1)
![Como fazer texto 3D no Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_5_apply_3D_effect_min.jpg?resize=380%2C388&ssl=1)
Passo 2
Expanda o efeito 3D indo para Objeto > Expandir Aparência. Concentre-se na carta S e observe que as partes curvas da letra são feitas de vários formatos menores. Encontre e selecione cada uma dessas partes no Camadas painel e clique em Unir no Desbravador painel para mesclar as formas menores em uma.
Repita a mesma coisa para a outra letra S. Isso só acontece com as letras que possuem áreas curvas.
![Como unir formas curvas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_6_unite_letter_parts_min.jpg?resize=870%2C830&ssl=1)
![Como unir formas curvas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_6_unite_letter_parts_min.jpg?resize=650%2C620&ssl=1)
![Como unir formas curvas](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_6_unite_letter_parts_min.jpg?resize=380%2C363&ssl=1)
etapa 3
É hora de colorir o texto recortado em 3D. Use o Ferramenta de seleção direta (A) selecione apenas a superfície superior das letras e pinte-as com azul brilhante. Em seguida, selecione e pinte todas as formas do lado esquerdo e da frente com azul escuro, e pinte as formas internas na área fatiada com rosa brilhante. Personalize escolhendo qualquer outra combinação de cores.
![Como colorir o efeito de texto recortado em 3D](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_7_color_slashed_text_mln.jpg?resize=870%2C690&ssl=1)
![Como colorir o efeito de texto recortado em 3D](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_7_color_slashed_text_mln.jpg?resize=650%2C517&ssl=1)
![Como colorir o efeito de texto recortado em 3D](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_7_color_slashed_text_mln.jpg?resize=380%2C304&ssl=1)
Passo 4
Selecione todo o texto e aplique também um Curso de 1,5 pt usando preto. Ativar Junção de Rodada no AVC painel.
![Como traçar o efeito de texto recortado em 3D](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_8_stroke_slashed_text_mln.jpg?resize=870%2C420&ssl=1)
![Como traçar o efeito de texto recortado em 3D](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_8_stroke_slashed_text_mln.jpg?resize=650%2C316&ssl=1)
![Como traçar o efeito de texto recortado em 3D](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_8_stroke_slashed_text_mln.jpg?resize=380%2C189&ssl=1)
4. Como criar uma sombra para texto 3D
Vamos finalizar o efeito de texto adicionando uma sombra. Selecione todo o texto 3D (sem os realces) e depois cópia de e Colar no lugar (Shift-Control-V). Vá para Objeto > Expandire, em seguida, clique em Unir no Desbravador painel seguido por Objeto > Caminho Composto > Criar (Control-8). Você obterá o caminho composto preto mostrado abaixo (1).
Mova esta forma para trás de tudo indo para Objeto > Organizar > Enviar para Trás (Shift-Control-[)[). Vá para Efeito > Distorcer e Transformar > TransformarAplicar um -2 px Movimento horizontale escolha 8 cópias. Bater OK (2). A seguir, vá para Efeito > Desfoque > Desfoque Gaussiano e aplique um Raio de 2 pixels. Por fim, defina o Modo de mesclagem para Multiplicar e reduzir o Opacidade para 10% (3).
![Como fazer sombra para efeito de texto 3D cortado](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_12_make_shadow_mln.jpg?resize=870%2C1270&ssl=1)
![Como fazer sombra para efeito de texto 3D cortado](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_12_make_shadow_mln.jpg?resize=650%2C946&ssl=1)
![Como fazer sombra para efeito de texto 3D cortado](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_12_make_shadow_mln.jpg?resize=380%2C549&ssl=1)
Parabéns! Você Terminou
Agora você sabe fatiar texto no Illustrator. Explore todas as configurações 3D e escolha um ângulo diferente e outra paleta de cores de sua preferência. Crie um efeito de texto recortado 3D exclusivo, perfeito para o seu projeto.
Não deixe de conferir ga-analytics#sendElementsClickEvent”>Elementos Envatoonde você encontrará muitas fontes, efeitos de texto e gráficos que você pode baixar e usar.
![Como criar um efeito de texto 3D cortado na imagem final do Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_final_mln.jpg?resize=870%2C492&ssl=1)
![Como criar um efeito de texto 3D cortado na imagem final do Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_final_mln.jpg?resize=650%2C370&ssl=1)
![Como criar um efeito de texto 3D cortado na imagem final do Illustrator](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_final_mln.jpg?resize=380%2C220&ssl=1)
Efeitos de texto populares dos elementos Envato
ga-analytics#sendElementsClickEvent”>Envato Elements é um excelente recurso para fontes e gráficos que você pode usar para efeitos de texto 3D. Esses ga-analytics#sendElementsClickEvent”>efeitos de texto incríveis também estão disponíveis no Envato Elements e estão prontos para uso. Você pode baixar quantos quiser com uma assinatura. Vamos dar uma olhada!
ga-analytics#sendElementsClickEvent”>Efeito de texto 3D noturno (AI, EPS)
Este efeito de texto tem aparência 3D e aspecto recortado, por isso é a opção perfeita para você usar em seu próximo projeto. Edite o texto como desejar e isso certamente trará energia aos seus pôsteres, folhetos, manchetes, banners e muito mais. De uma chance!
![Efeito de texto noturno 3D disponível no Envato Elements](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_EE_text_effect_night_min.jpg?resize=870%2C586&ssl=1)
![Efeito de texto noturno 3D disponível no Envato Elements](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_EE_text_effect_night_min.jpg?resize=650%2C440&ssl=1)
![Efeito de texto noturno 3D disponível no Envato Elements](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_EE_text_effect_night_min.jpg?resize=380%2C260&ssl=1)
ga-analytics#sendElementsClickEvent”>Tipo efeito de texto 3D vibrante isométrico (PSD)
Se você quer causar impacto e virar a cabeça das pessoas, então este efeito de texto isométrico e de cores vivas certamente conseguirá isso. Você pode alterar o texto e o esquema de cores para atender às suas necessidades. Agarre-o e leve seus designs para o próximo nível!
![Efeito de texto 3D isométrico disponível no Envato Elements](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=850/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_EE_text_effect_type_min.jpg?resize=870%2C586&ssl=1)
![Efeito de texto 3D isométrico disponível no Envato Elements](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=630/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_EE_text_effect_type_min.jpg?resize=650%2C440&ssl=1)
![Efeito de texto 3D isométrico disponível no Envato Elements](https://i0.wp.com/cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/115/posts/108543/image-upload/How_to_Create_a_Slashed_3D_Text_Effect_in_Illustrator_tutorial_image_EE_text_effect_type_min.jpg?resize=380%2C260&ssl=1)
Quer saber mais?
Temos muitos tutoriais no Envato Tuts+ que ensinam muitas outras técnicas úteis. Aqui está uma lista de tutoriais feitos especialmente para você. Dê uma olhada!
[ad_2]