Cómo hacer un efecto de texto de madera con Adobe Illustrator

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 nueva fuente de 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 y 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 están rellenas con un tono de gris más claro), presione Control + Mayús + G para desagrupar cada forma por separado y 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 de Pathfinder. Desagrupe el resto de las formas (rellenas con un tono de gris más oscuro) y agrúpelas (imagen # 3).


Paso 3

Continuemos con la "e". Use el botón Unite del panel de Pathfinder 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).


Etapa 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 Unite para las formas seleccionadas en las imágenes # 1 y # 2 luego haga 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 luego agregue el efecto Texturizer (Efecto> Textura> Texturizer).


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 (Shift + Control + Right Square Bracket). 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 para multiplicar y bajar su opacidad al 30%.


Paso 12

Cree una nueva copia "vvv" y llévela al frente (Shift + Control + Right Square Bracket). Rellénelo con el degradado lineal izquierdo, luego agregue un nuevo relleno (desde el menú desplegable del panel Apariencia) y use el degradado lineal correcto.

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 gradiente, 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 finas 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 Minus Front del panel Pathfinder. 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 Frontal Frontal del panel de Pathfinder. 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 finas y agrúpalos. Traiga este nuevo grupo al frente (Shift + Control + Right Square Bracket). Gire "Madera" de nuevo a visible y 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 gradientes 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 gradientes que necesita 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 (Shift + Control + Left Square Bracket) y muévala unos píxeles hacia abajo y hacia la derecha. Rellénelo con negro, agregue un desenfoque gaussiano 0,5 y reduzca 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 aumente 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 un desenfoque gaussiano de 3px 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 Pathfinder. 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 300 px, envíelo a la parte posterior (Mayús + Control + Soporte Cuadrado 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 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 los Efectos 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 en la ubicación del control deslizante), cambie su modo de fusión a Color Burn 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..