¿Cuáles son algunos buenos consejos sobre cómo extruir texto en Adobe Illustrator?

14

Soy un poco novato en Adobe Illustrator y he estado aprendiendo la aplicación al tratar de seguir algunos tutoriales y recrear algunas cosas interesantes que encuentro en la web.

Dicho esto, estoy teniendo problemas para replicar el efecto que se encuentra en la siguiente imagen usando las opciones estándar 'Extrusión y bisel'. También he intentado copiar + pegar el texto en frente, atrás, en su lugar y eso salió aún más horrible. 'Extrusión y bisel' me da una buena aproximación, pero nada que salga como en el ejemplo.

Cualquier consejo sobre cómo ajustar mi configuración de 'Extrusión y bisel' o un método completamente diferente para lograr un efecto similar sería muy apreciado. ¡Gracias por tu tiempo y ayuda!

¿Cómo puedo crear un efecto 3D en mi texto similar al de la siguiente imagen, usando las herramientas Extrusión y Bisel de Illustrator?

Sai G
fuente

Respuestas:

14

No puede lograr esa apariencia en Illustrator utilizando efectos. La Extrusión 3D de Illustrator es bastante rudimentaria y nunca permitirá una cara frontal plana con una extrusión. Para que se muestre cualquier extrusión, utilizando el efecto 3D de Illustrator, debe rotar el objeto. Eso no es lo que tienes en tu imagen.

Lo que puede hacer para lograr esta apariencia en Illustrator es establecer el objeto frontal, luego copiarlo y compensarlo para la base de la sombra. Luego, agregue manualmente objetos tangentes para dar la apariencia de la sombra. En el siguiente ejemplo, el blanco S0es el objeto frontal, el negro Soes la base de la sombra y las formas rojas son todas formas tangentes dibujadas manualmente.

apariencia extruida no efecto

Cuando las formas rojas se llenan de negro, da la apariencia de una sombra de bloque como en su ejemplo.

sombra de bloque completo

Intentar hacer esto con el efecto 3D simplemente será una lección de frustración.


Otra opción es usar rellenos de desplazamiento y apilarlos para crear la apariencia de la sombra del bloque:

Rellenos

Simplemente agregue un relleno en el panel de apariencia, luego use Efecto> Distorsionar y transformar> Transformar para alejar el relleno del objeto original.

Transformar

Moví el relleno negro detrás del contenido del objeto en el Panel de Apariencia. Luego usó Efecto> Distorsionar y transformar> Transformar para mover el relleno negro 1pt hacia la izquierda y 1pt hacia abajo. Luego he insertado varias copias. La profundidad de la sombra del bloque dependerá de las copias. Como cada copia se mueve 1pt hacia la izquierda y hacia abajo, si desea una sombra de 50pt, ingrese 50 copias.


Utilizo la técnica del panel Apariencia más a menudo. Sin embargo, en algunos casos, puede ser mucho, mucho, más rápido y más fácil simplemente dibujar formas tangentes dependiendo de la obra de arte base.

Scott
fuente
8

Creé un complemento de Adobe® Illustrator® llamado Oblique Projection 'opo' para automatizar el proceso de creación del efecto paralelo 3D (efecto de extrusión). Es rápido y le brinda control total sobre la apariencia de la extrusión.

Todo está en una capa para que pueda separarlo fácilmente del resto de la obra de arte. Además, se divide en partes lógicas: de esta manera, cada letra (o incluso cada parte de la letra) se puede modificar de forma totalmente independiente.

Si a alguien le gustaría jugar con él, aquí está: http://63mutants.com/subc/products/opo_m01/opo_m01.php

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Pawel Kuc
fuente
5

Se puede llegar a una solución similar utilizando la función 'mezclar', sin embargo, el beneficio de esto es que la parte de sombra también es un objeto vectorial que se puede cambiar todo lo que desee.

El proceso para esto es simple:

  1. Cree el objeto al que desea agregar el efecto.
  2. Haga clic derecho en el objeto y vaya a 'transformar' - 'mover'
  3. Establezca la posición de la sombra (la vista previa siempre es una buena opción para seleccionar aquí) y, en lugar de hacer clic en 'Aceptar', haga clic en 'Copiar'
  4. Haga clic derecho sobre el objeto copiado y envíelo hacia atrás
  5. Vaya a 'Objeto' - 'Mezcla' - 'Opciones de fusión' y aquí seleccione el tipo de mezcla como 'Pasos especificados', ingrese un número en el campo de entrada (generalmente uso el mismo número más alto que usé en la función de movimiento en paso 3) y la alineación (que puede requerir que complete los pasos y luego deshaga, ya que depende en gran medida del objeto con el que está trabajando), y haga clic en 'Aceptar'
  6. Con ambos objetos aún seleccionados, haga clic en 'Objeto' - 'Mezclar' - 'Hacer', y se le presentará su objeto combinado.
  7. Con el objeto recién mezclado seleccionado, vaya a 'Objeto' - 'Mezcla' - 'Expandir' y ahora debería poder seleccionar cada uno de los pasos individuales especificados en el paso 5.
  8. Cree una copia de la parte superior (su original), seleccione todos los objetos de la mezcla y use la herramienta de búsqueda de ruta para unirlos en un solo objeto. Use la herramienta de rotulador para recortar los bordes que lo necesiten (las líneas rectas retrocederán en una apariencia escalonada) y coloque la copia del original en la parte superior para completarlo.

Y ahí lo tienes.

Conal
fuente
esta técnica se demuestra aquí design.tutsplus.com/tutorials/…
Evan Oswald
3

Aquí está mi opinión usando la herramienta Bisel y Extrusión (Efecto> 3D> Bisel y Extrusión)

Perdón por el texto en francés, pero todo está en el mismo lugar, por lo que deberías poder resolverlo. La mejor parte de este método es que todo permanece editable y no hay demasiados pasos adicionales.

  1. Desea que su letra siga pareciendo plana, por lo tanto, coloque todos los ajustes de rotación en 0 y modifique ligeramente los que determinarán dónde sobresale la extrusión. Así que aquí agregué 2 grados para imitar su ejemplo.
  2. Deberá utilizar mucha profundidad para su extrusión (el valor de 1500 pt que tengo a continuación en la siguiente sección.
  3. Haga clic en el botón Más opciones para abrir las opciones de luz. Puede usar diferentes sombreados, pero encontré que este funcionó bien para una apariencia plana. Use 100% de intensidad y 0% de luz ambiental.
  4. ¡Elige un color para tu sombra y voilà!

Bisel y Extruir

Para agregar a esta respuesta después de los comentarios a continuación:

Para evitar tanta distorsión como sea posible, al responder su pregunta descubrí que es posible ingresar valores decimales en las rotaciones. Aunque Illustrator los redondea, siguen vigentes visualmente. Esto se describe en el siguiente ejemplo, donde mis valores para la rotación son 0,25 / -0,25 / 0 pero todos se muestran como 0.

Ejemplo de valores redondeados y distorsión en caracteres curvos y rectos

curioso
fuente
Esto es bueno. Mi problema es que una rotación de 2 ° sigue siendo una rotación. Si bien no es demasiado visible en un carácter curvo, 2 ° de rotación es excepcionalmente visible en un carácter cuadrado.
Scott
Totalmente de acuerdo en que es una distorsión, aunque no muestra mucho, incluso en 2. Con el tipo de profundidad que se requería en comparación con la captura de pantalla, 2 grados es lo mínimo que puedo ingresar. Un comportamiento extraño que encontré al hacer este ejemplo es que podía ingresar 0,25 grados y se redondearía a 0 grados en el cuadro de diálogo, pero todavía estaba usando el 0,25. Por lo tanto, si no desea una gran sombra paralela, como OP le preguntaba, podría ingresar la fracción más pequeña posible para evitar la mayor distorsión posible.
curioso
1

Otra forma de hacer esto fácilmente: Copiar objeto frontal. Coloque la copia donde desea que se detenga la extrusión de sombras. Fusionar objetos delanteros y traseros. Eliminar puntos tangentes en las esquinas para terminar la extrusión. Limpie según sea necesario.

Dibujo rapido
fuente
¿Puedes agregar una captura de pantalla para mostrar lo que quieres decir?
Mensch