Cómo crear un efecto de texto de huesos en Adobe Illustrator

En los siguientes pasos aprenderás a crear un simple efecto de texto de huesos en Adobe Illustrator.

Para empezar, aprenderás a configurar una cuadrícula sencilla y a crear varias formas perfectas en píxeles. Utilizando el efecto Redondear vértices y algunas técnicas básicas de creación de formas vectoriales, aprenderás a crear la forma principal de hueso. A continuación, aprenderás a guardar y utilizar un pincel artístico. Para los toques finales, aprenderás a añadir efectos de Sombra paralela y un fondo sencillo.

Para obtener más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchos recursos en GraphicRiver.

1. Cómo crear un nuevo documento y configurar una cuadrícula

Pulsa Control-N para crear un nuevo documento. Selecciona Píxeles en el menú desplegable Unidades, introduce 850 en la casilla de anchura y 600 en la de altura, y luego haz clic en el botón Más opciones. Selecciona RGB para el Modo de color, establece los Efectos de rasterizado en Pantalla (72 ppp), y luego haz clic en Crear documento.

Activa la Cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitarás una cuadrícula cada 5 px, así que simplemente ve a Edición > Preferencias > Guías y cuadrícula, e introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Trata de no sentirte abrumado por la cuadrícula, te facilitará el trabajo, y ten en cuenta que puedes activarla o desactivarla fácilmente usando el atajo de teclado Control-".

Puedes aprender más sobre el sistema de cuadrícula de Illustrator en este breve tutorial de Andrei Stefan: Comprendiendo el sistema de cuadrícula de Adobe Illustrator.

También deberías abrir el panel de Información (Ventana > Información) para obtener una vista previa con el tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

2. Cómo crear el pincel de formas y motivos óseos

Paso 1

Escoge la herramienta Rectángulo (M) y enfócate en tu barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y establece su color en R=253 G=241 B=193. Muévete a tu mesa de trabajo y crea un rectángulo de 25 x 105 px, la cuadrícula y la opción Ajustar a cuadrícula deberían ayudarte.

Concéntrate en la parte inferior de este rectángulo y cambia a la herramienta Selección directa (A). Selecciona el punto de anclaje derecho y arrástralo 5 px hacia la izquierda, y luego selecciona el punto de anclaje izquierdo y arrástralo 5 px hacia arriba y 5 px hacia la derecha.

Paso 2

Sigue concentrándote en la parte inferior de la forma existente. Utilizando la herramienta Rectángulo (M), crea una forma de 30 x 35 px y colócala como se muestra en la primera imagen. Céntrate en el lado izquierdo de este nuevo rectángulo y elige la herramienta Añadir punto de ancla (+). Simplemente haz clic en el punto resaltado en azul para añadir un nuevo punto de anclaje para tu forma.

Cambia a la herramienta Selección directa (A), selecciona el punto de anclaje recién añadido y arrástralo 15 px hacia la izquierda. Muévete hacia el lado derecho de esta forma y asegúrate de que la herramienta Selección directa (A) permanece activa. Selecciona el punto de anclaje superior y arrástralo 10 px hacia abajo, y luego selecciona el punto de anclaje inferior y arrástralo 10 px hacia arriba y 5 px hacia la izquierda.

Paso 3

Con la herramienta Rectángulo (M), crea un cuadrado de 25 px y colócalo como se muestra en la primera imagen. Concéntrate en la parte inferior de esta nueva forma, elige la herramienta Añadir punto de ancla (+) y añade un nuevo punto de anclaje como se muestra a continuación.

Sigue concentrándote en tu cuadrado y cambia a la herramienta Selección directa (A). Primero, selecciona el punto de anclaje inferior izquierdo y arrástralo 10 px hacia arriba y 5 px hacia la izquierda. Muévete al punto de anclaje inferior derecho y arrástralo 5 px hacia arriba, y luego selecciona el punto de anclaje superior derecho y arrástralo 5 px hacia arriba y 10 px hacia la izquierda.

Paso 4

Con la herramienta Rectángulo (M), crea una forma de 40 x 30 px y colócala como se muestra en la primera imagen. Selecciona la herramienta Añadir punto de ancla (+) y añade los dos puntos de anclaje que se muestran a continuación.

Sigue concentrándote en este nuevo rectángulo y cambia a la herramienta Selección directa (A). Primero, selecciona el punto de anclaje inferior izquierdo y arrástralo 5 px hacia arriba. Desplázate hasta el punto de anclaje superior derecho y arrástralo 10 px hacia la izquierda, y luego selecciona el punto de anclaje superior izquierdo y arrástralo 5 px hacia la derecha.

Paso 5

Usando la herramienta Rectángulo (M), crea un cuadrado de 35 px y colócalo como se muestra en la primera imagen. Elige la herramienta Añadir punto de ancla (+) y añade los dos puntos de anclaje que se muestran a continuación.

Sigue concentrándote en tu cuadrado y cambia a la herramienta Selección directa (A). Primero, selecciona el punto de anclaje inferior derecho y arrástralo 10 px hacia arriba y 5 px hacia la izquierda. Mueve el punto de anclaje superior derecho y arrástralo 5 px hacia abajo, y luego selecciona el punto de anclaje superior izquierdo y arrástralo 25 px hacia abajo.

Paso 6

Selecciona todas las formas hechas hasta ahora, abre el panel Buscatrazos (Ventana > Buscatrazos), y haz clic en el botón Unir. Asegúrate de que la forma resultante se rellena con R=253 G=241 B=193 y avanza al siguiente paso.

Paso 7

Asegúrate de que tu forma sigue seleccionada y ve a Efecto > Estilizar > Redondear vértices. Introduce un Radio de 5 px, haz clic en OK, y luego ve a Objeto > Expandir apariencia.

Paso 8

Escoge la herramienta Pluma (P) y crea tres triángulos simples como se muestra en la primera imagen. Selecciona todas las formas hechas hasta ahora y haz clic en el botón Menos frente del panel Buscatrazos.

Paso 9

Asegúrate de que tu forma está seleccionada, abre el panel Pinceles (Ventana > Pinceles) y haz clic en el botón Nuevo pincel. Selecciona la casilla Pincel de arte y luego haz clic en Aceptar. Escoge un nombre para tu pincel, arrastra el deslizador de Ancho al 50%, introduce el resto de los atributos que se muestran en la siguiente imagen y luego haz clic en el botón Aceptar.

3. Cómo crear el efecto de texto

Paso 1

Elige la herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Bonez y luego ajusta el tamaño a 150 px y el Tracking a 100. Simplemente haz clic en tu mesa de trabajo y añade un texto. Hazlo negro (R=0 G=0 B=0) y baja su Opacidad a un 30%.

Paso 2

Desactiva la Cuadrícula (Control-") y la opción Ajustar a cuadrícula (Mayús-Control-").

Elige la herramienta Pincel (B) y selecciona tu pincel de arte en el panel Pinceles. Utiliza ese texto negro como referencia aproximada y empieza a dibujar trazados para crear la primera letra.

Paso 3

Pasa a las siguientes letras y utiliza el mismo pincel de arte. Una vez que hayas terminado, elimina el texto.

Paso 4

Selecciona todos los trazados realizados hasta ahora y ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 5

Asegúrate de que todos tus trazados siguen seleccionados, agrúpalos (Control-G) y ve a Efecto > Estilizar > Sombra paralela. Introduce los atributos que se muestran en la siguiente imagen y luego haz clic en Aceptar.

4. Cómo crear el fondo

Paso 1

Elige la herramienta Elipse (L) y haz clic en tu mesa de trabajo para abrir la ventana Elipse. Ajusta el Ancho a 600 px y el Alto a 360 px y luego haz clic en Aceptar. Rellena la forma resultante con R=235 G=107 B=38 y envíala hacia atrás (Mayús-Control-[).

Asegúrate de que esta forma naranja permanece seleccionada y abre el panel Alinear (Ventana > Alinear). Ajusta la alineación a la Mesa de trabajo (abre el menú desplegable y ve a Mostrar opciones si no puedes ver la sección Alinear a como se muestra en la siguiente imagen) y luego haz clic en los botones Alinear centro horizontal y Alinear centro vertical. Esto básicamente llevará tu forma seleccionada al centro de la mesa de trabajo.

Paso 2

Asegúrate de que tu elipse naranja sigue seleccionada y ve a Efecto > Distorsionar y transformar > Zig Zag. Introduce los atributos que se muestran en la siguiente imagen y haz clic en Aceptar.

Paso 3

Selecciona la herramienta Rectángulo (M) y haz clic en tu mesa de trabajo para abrir la ventana Rectángulo. Ajusta el Ancho a 860 px y el Alto a 610 px y luego haz clic en Aceptar. Rellena la forma resultante con R=39 G=9 B=62, envíala al fondo (Mayús-Control-[), y no olvides centrarla.

¡Felicidades! ¡Ya terminaste!

Así es como debería verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus futuros proyectos. No dudes en compartir tu resultado final en la sección de comentarios.

Siéntete libre de ajustar el diseño final y darle tu toque personal. En GraphicRiver puedes encontrar estupendas fuentes de inspiración, con interesantes alternativas para mejorar tu diseño.