1. Design & Illustration
  2. Text Effects

Cómo Hacer un Efecto de Texto de Madera con Adobe Illustrator

by
Read Time:12 minsLanguages:

Spanish (Español) translation by Leareny Guerrero (you can also view the original English article)

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

En el siguiente tutorial puede aprender a crear "texto de madera". Al usar la Herramienta Extrusión 3D y Biselado combinada con algunos degradados inteligentes y efectos de capa, puede hacer que este gran efecto sea perfecto para textos y símbolos por igual.


Paso 1

Crea un documento de 700 por 300px. Seleccione la Herramienta de Tipo (T) y añada su texto. He usado la fuente New Facebook, pero puedes usar cualquier fuente que te guste. Rellene su texto con el color que se muestra a continuación (R=128 G=128 B=128). Expandir el texto. Seleccione el grupo de formas resultante, agregue el efecto 3D> Extrusión y Bisel, luego vaya a Objeto> Expandir Apariencia.


Paso 2

Ahora, deberías tener una selección de formas y grupos. Debe organizarlos antes de continuar con el siguiente paso. Para empezar, concentrémonos en la "V". Seleccione las formas superiores (las que tienen un tono de gris más claro), presione Control + Mayús + G para desagrupar cada forma por separado y luego presione Control + G para agruparlas.

Seleccione las formas que se muestran en la imagen #2 y haga clic en el botón Unir del panel Buscatrazos. Desagrupe el resto de las formas (con un tono de gris más oscuro) y agrúpelas (imagen #3).


Paso 3

Continuemos con la "e". Use el botón Unir del panel de Buscatrazos para conectar los grupos de formas seleccionados en las imágenes #1, #2 y #3. Al final, debes tener dos grupos. Una con las formas oscuras (imagen #5) y otra con las formas más claras (imagen #4).


Paso 4

A continuación, está la "C". Una vez más, une las formas seleccionadas en las imágenes #1 y #2 y luego haz los dos grupos.


Paso 5

Ahora, la "T". Une las formas seleccionadas en las imágenes #1 y #2 y luego crea los grupos.


Paso 6

Une las formas que se muestran en las imágenes #1 y #2 luego haz los dos grupos.


Paso 7

Una vez más, use el botón Unir para las formas seleccionadas en las imágenes #1 y #2 y luego forme los dos grupos.


Paso 8

Una vez la última vez, une las formas que se muestran en las imágenes #1, #2 y #3 y luego crea los grupos.


Paso 9

Duplique todas las formas superiores (las rellenas con un tono de gris más claro). Seleccione las copias y vaya a Objeto> Ruta Compuesta> Crear y luego nombre la forma resultante "vvv". Necesitará esta forma en varios pasos futuros, así que asegúrese de tener siempre una copia.

Seleccione una copia "vvv", llénela con R=198 G=156 B=109 y luego agregue el efecto Texturizar (Efecto> Textura> Texturizar).


Paso 10

A continuación, debe deshacerse de los bordes pixelados. Abre la paleta de Transparencia. Seleccione una copia "vvv", rellénela con blanco y muévala sobre la forma texturizada. Ahora, seleccione ambas formas, vaya al menú desplegable del panel Transparencia y haga clic en Crear máscara de opacidad.


Paso 11

Seleccione una nueva copia "vvv" y llévela al frente (Mayús + Control + Corchete Derecho). Rellénelo con blanco, agregue el Resplandor interior y luego vaya a Objeto> Expandir Apariencia. Mantenga solo el Resplandor interno expandido (elimine la otra forma). Cambia su modo de fusión a Multiplicar y baja su opacidad a 30%.


Paso 12

Cree una nueva copia "vvv" y llévela al frente (Mayús + Control + Corchete Derecho). Rellénelo con el degradado lineal izquierdo, luego agregue un nuevo relleno (en el menú desplegable del panel Apariencia) y use el degradado lineal derecho.

Seleccione el primer relleno (desde el panel Apariencia), cambie su modo de fusión a Superposición y baje su opacidad al 10%. Seleccione el segundo degradado, cambie su modo de fusión a Multiplicar y baje su opacidad al 50%. Seleccione las formas hechas en los pasos #9, #10, #11 y #12 y agrúpelas. Llámalo "Madera" y hazlo invisible (por el momento).


Paso 13

A continuación, deberá crear una serie de formas delgadas a lo largo del borde de las formas superiores. Primero, vaya a Editar > Preferencias > General e ingrese un Incremento de teclado de 0.5px.

Ahora, concentrémonos en las formas en "V". Seleccione la forma que se muestra en la imagen #1 y haga dos copias. Seleccione el botón superior, luego presione la flecha hacia abajo y la flecha hacia la derecha dos veces (para moverlo 1px hacia la derecha y 1px hacia abajo). Vuelva a seleccionar las dos copias y haga clic en el botón Menos Frente del panel Buscatrazos. Rellena las formas resultantes con blanco y baja su opacidad al 40%. Repita las mismas técnicas para las otras dos formas (imagen #3 e imagen #5).


Paso 14

Duplica la forma resaltada en la imagen #1. Seleccione la superior y presione la flecha hacia la izquierda y la flecha hacia arriba una vez (para moverla 0,5px hacia arriba y 0,5px hacia la izquierda). Vuelva a seleccionar ambas copias y haga clic en el botón Menos Frente del panel Buscatrazos. Rellena las formas resultantes con negro y baja su opacidad al 50%. Repita las mismas técnicas para las otras dos formas (imagen #3 e imagen #5).


Paso 15

Repita las mismas técnicas para el resto de las formas superiores. Selecciona todas estas formas delgadas y agrúpalas. Traiga este nuevo grupo al frente (Mayús + Control + Corchete Derecho). Cambie "Madera" de nuevo a visible, luego bloquee ambos grupos.


Paso 16

Ahora, concentrémonos en las formas más oscuras. Primero, rellénalos todos con R=66 G=33 B=11. A continuación, cree los cuatro degradados y guárdelos en el panel Muestras. Simplemente nómbralos "1", "2", "3" y "4". Los necesitarás en el siguiente paso.


Paso 17

Ahora, necesita agregar algunos nuevos rellenos para la mayoría de estas formas. Eche un vistazo a las imágenes para comprender exactamente cuántas y cuáles son los degradados que debe usar para cada relleno.


Paso 18

A continuación, está la sombra. Seleccione una copia de "vvv" y vaya a Objeto > Ruta > Ruta de Compensación. Ingrese un desplazamiento de 1px y presione OK. Seleccione la forma resultante, envíela a la parte posterior (Mayús + Control + Corchete Izquierdo) y muévala unos píxeles hacia abajo y hacia la derecha. Rellénelo con negro, agregue un Desenfoque Gaussiano 0,5 y baje su opacidad al 30%.


Paso 19

Duplica la forma hecha en el paso anterior. Seleccione esta copia, muévala debajo del original y hágala un poco más grande (simplemente cambie su tamaño). Déjelo en negro, pero suba el Desenfoque Gaussiano a 5px y la opacidad al 50%.


Paso 20

Seleccione otra copia "vvv" y vaya a Objeto > Ruta > Ruta de Compensación. Introduzca un desplazamiento de 6px y haga clic en Aceptar. Seleccione la forma resultante, envíela a la parte posterior y muévala unos píxeles hacia abajo y hacia la derecha. Rellénelo con negro, agregue 3px Desenfoque Gausiano y baje su opacidad al 5%.


Paso 21

Seleccione la Herramienta Pluma (P) y cree una forma como la roja que se muestra en la imagen #1. Selecciónelo junto con la forma "vvv" (es la última vez que necesita esta forma) y haga clic en el botón Intersectar del panel de Buscatrazos. Seleccione las formas resultantes y vaya a Objeto > Ruta Compuesta> Crear. Trae la forma resultante al frente. Rellénelo con el degradado lineal y baje su opacidad al 10%.


Paso 22

Finalmente, el fondo. Cree un rectángulo de 600 x 300px, envíelo a la parte posterior (Mayús + Control + Corchete Izquierdo) y rellénelo con R=198 G=156 B=109. Agregue un nuevo relleno (desde el menú desplegable del panel Apariencia), use el otro color y cambie su modo de fusión a Pantalla.

Seleccione este segundo efecto de relleno (desde el panel Apariencia) y luego agregue el Patrón de semitono (Efecto > Boceto > Patrón de semitono), la Reticulación (Efecto > Boceto > Reticulación) y el Efecto de Resplandor Difuso (Efecto > Distorsión > Resplandor Difuso) (en este orden).

Agrega un tercer relleno y usa el degradado lineal. Seleccione este relleno final, cambie su modo de fusión a Multiplicar y luego baje su opacidad al 10%.


Paso 23

Para un efecto final, seleccione la Herramienta Rectángulo (M). Cree una forma de 700 por 20 píxeles y colóquela en la parte superior de su mesa de trabajo. Agregue el efecto Transformar (Efecto > Distorsionar y Transformar > Transformar) luego vaya a Objeto > Expandir Apariencia. Seleccione los siete rectángulos y vaya a Objeto > Ruta Compuesta > Crear. Rellene la forma resultante con el degradado lineal (preste atención a la Ubicación del control deslizante), cambie su modo de fusión a Subexponer Color y baje su opacidad al 50%.


Conclusión

Ahí lo tienes, un efecto de texto en madera. Puede utilizar los pasos de este tutorial para crear sus propios encabezados personalizados para diseños web, o incluso para crear algunos conjuntos de iconos de estilo de madera. Usa tu imaginación y las habilidades aprendidas y te sorprenderás de lo que puedas imaginar.

One subscription.
Unlimited Downloads.
Get unlimited downloads