Quais são algumas boas dicas sobre como extrudar texto no Adobe Illustrator?

14

Sou um novato no Adobe Illustrator e tenho aprendido o aplicativo tentando seguir alguns tutoriais e recriando algumas coisas legais que encontro na web.

Dito isto, estou tendo problemas para replicar o efeito encontrado na imagem a seguir usando as opções padrão 'Extrusão e chanfro'. Também tentei copiar + colar o texto na frente, no verso, no lugar e isso ficou ainda mais horrendo. 'Extrude & Bevel' me dá uma boa aproximação, mas nada que saia como no exemplo.

Qualquer dica sobre como ajustar minhas configurações de 'Extrusão e chanfro' ou um método totalmente diferente de obter um efeito semelhante seria muito apreciada. Obrigado pelo seu tempo e ajuda!

Como posso criar um efeito 3D no meu texto semelhante ao da imagem a seguir, usando as ferramentas Extrusão e Chanfro do Illustrator?

Sai G
fonte

Respostas:

14

Você não pode conseguir essa aparência no Illustrator usando efeitos. A Extrusão 3D do Illustrator é bastante rudimentar e nunca permitirá uma face frontal plana com uma extrusão. Para que qualquer extrusão seja exibida, usando o efeito 3D do Illustrator, você deve girar o objeto. Não é isso que você tem na sua imagem.

O que você pode fazer para obter essa aparência no Illustrator é definir o objeto frontal, copiá-lo e deslocá-lo para a base da sombra. Em seguida, adicione manualmente objetos tangentes para dar a aparência da sombra. No exemplo abaixo, o branco S0é o objeto da frente, o preto Soé a base da sombra e as formas vermelhas são todas as formas tangentes desenhadas manualmente.

aparência extrudada sem efeito

Quando as formas vermelhas são preenchidas com preto, é exibida uma sombra de bloco, como no seu exemplo.

sombra de bloco completo

Tentar fazer isso com o efeito 3D será simplesmente uma lição de frustração.


Outra opção é usar preenchimentos de deslocamento e empilhá-los para criar a aparência da sombra do bloco:

Preenchimentos

Você simplesmente adiciona um preenchimento no painel de aparência e usa Efeito> Distorcer e transformar> Transformar para afastar o preenchimento do objeto original.

Transformar

Movi o preenchimento preto para trás do conteúdo do objeto no Painel de Aparências. Em seguida, use Effect> Distort & Transform> Transform para mover o preenchimento preto 1pt para a esquerda e 1pt para baixo. Inseri um número de cópias. A profundidade da sombra do bloco dependerá das cópias. Como cada cópia é movida 1 ponto para a esquerda e para baixo, se você quiser uma sombra de 50 pontos, digite 50 cópias.


Eu uso a técnica do painel Aparência com mais frequência. No entanto, em alguns casos, pode ser muito, muito, mais rápido e mais fácil simplesmente desenhar formas tangentes, dependendo da arte base.

Scott
fonte
8

Criei um plug-in do Adobe® Illustrator® chamado Projeção oblíqua 'opo' para automatizar o processo de criação do Efeito 3D paralelo (Efeito de extrusão). É rápido e oferece controle total sobre a aparência da extrusão.

Tudo está em uma camada, para que você possa separá-lo facilmente do restante da arte. Além disso, é dividido em partes lógicas - dessa forma, todas as letras (ou mesmo todas as partes da carta) podem ser modificadas de forma totalmente independente.

Se alguém quiser brincar com ele, aqui está: http://63mutants.com/subc/products/opo_m01/opo_m01.php

insira a descrição da imagem aqui

insira a descrição da imagem aqui

Pawel Kuc
fonte
5

Uma solução semelhante pode ser encontrada usando a função 'blend', o benefício disso, no entanto, é que a parte shadow também é um objeto vetorial que pode ser alterado conforme desejado.

O processo para isso é simples:

  1. Crie o objeto ao qual você deseja adicionar o efeito.
  2. Clique com o botão direito do mouse no objeto e vá para 'transformar' - 'mover'
  3. Defina a posição da sombra (a visualização é sempre uma boa opção para selecionar aqui) e, em vez de clicar em 'OK', clique em 'Copiar'
  4. Clique com o botão direito do mouse no objeto copiado e envie-o para trás
  5. Vá para 'Objeto' - 'Mistura' - 'Opções de mesclagem' e selecione o tipo de mistura como 'Etapas especificadas', insira um número no campo de entrada (normalmente eu uso o mesmo número mais alto da função de movimentação em etapa 3) e o alinhamento (o que pode exigir que você conclua as etapas e depois desfaça, pois depende muito do objeto com o qual está trabalhando) e clique em 'Ok'
  6. Com os dois objetos ainda selecionados, clique em 'Objeto' - 'Blend' - 'Make' e você será apresentado ao seu objeto mesclado.
  7. Com o objeto misturado recentemente selecionado, vá para 'Objeto' - 'Mistura' - 'Expandir' e agora você deve poder selecionar cada uma das etapas individuais especificadas na etapa 5.
  8. Crie uma cópia do topo (seu original), selecione todos os objetos da mesclagem e use a ferramenta pathfinder para uni-los em um único objeto. Use a ferramenta caneta para arrumar as bordas necessárias (as linhas retas terão uma aparência escalonada) e coloque a cópia do original de volta na parte superior para completá-la.

E aí está.

Conal
fonte
essa técnica é demonstrada aqui design.tutsplus.com/tutorials/…
Evan Oswald
3

Aqui está minha opinião usando a ferramenta Chanfro e extrusão (Efeito> 3D> Chanfro e extrusão)

Desculpe pelo texto em francês, mas tudo está no mesmo lugar, então você deve descobrir. A melhor parte desse método é que tudo permanece editável e não há muitas etapas extras.

  1. Você quer que sua carta ainda pareça plana, então coloque todas as configurações de rotação em 0 e apenas ajuste levemente as que determinarão onde a extrusão será exibida. Então, aqui eu adicionei 2 graus para imitar o seu exemplo.
  2. Você desejará usar muita profundidade para sua extrusão (o valor de 1500 pt que tenho abaixo na próxima seção.
  3. Clique no botão Mais opções para abrir as opções de luz. Você pode usar sombras diferentes, mas achei que essa funcionou bem para uma aparência plana. Use 100% de intensidade e 0% de luz ambiente.
  4. Escolha uma cor para a sua sombra e pronto!

Chanfro e extrusão

Para adicionar a esta resposta após os comentários abaixo:

Para evitar o máximo de distorção possível, descobri ao responder à sua pergunta que é possível inserir valores decimais nas rotações. Embora o Illustrator os agrupe, eles ainda estão em efeito visual. Isso é mostrado no exemplo abaixo, onde meus valores de rotação são 0,25 / -0,25 / 0, mas todos aparecem como 0.

Exemplo de valores arredondados e distorção em caracteres retos e curvos

curioso
fonte
Isso é bom. Meu problema é que uma rotação de 2 ° ainda é uma rotação. Embora não seja muito visível em um caractere curvo, 2 ° de rotação é excepcionalmente visível em um caractere quadrado.
Scott
Concordo totalmente que é uma distorção, embora não mostre muito, mesmo em 2. Com o tipo de profundidade exigida em comparação com a captura de tela, 2 graus é o mínimo que eu poderia entrar. Um comportamento estranho que encontrei ao fazer este exemplo é que eu poderia inserir 0,25 grau e arredondar para 0 grau na caixa de diálogo, mas ainda estava usando o 0,25. Portanto, se você não quiser uma sombra projetada como a OP, poderá inserir a menor fração possível para evitar o máximo de distorção possível.
curioso
1

Outra maneira de fazer isso facilmente: Copie o objeto da frente. Coloque a cópia onde deseja que a extrusão de sombra pare. Mesclar objetos da frente e de trás. Exclua os pontos tangentes nos cantos para finalizar a extrusão. Limpe conforme necessário.

Desenho rápido
fonte
Você pode adicionar uma captura de tela para mostrar o que você quer dizer?
Mensch