7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Brushes

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

Scroll to top
Read Time: 8 mins

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

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

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.

setup gridsetup gridsetup grid

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.

rectangle toolrectangle toolrectangle tool

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.

add anchor pointadd anchor pointadd anchor point

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.

direct selection tooldirect selection tooldirect selection tool

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.

rectanglerectanglerectangle

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.

rectanglerectanglerectangle

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.

uniteuniteunite

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.

rounded cornersrounded cornersrounded corners

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.

minus frontminus frontminus front

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.

art brushart brushart brush

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%.

type tooltype tooltype tool

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.

brush toolbrush toolbrush tool

Paso 3

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

ABCDABCDABCD

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.

drop shadowdrop shadowdrop shadow

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.

groupgroupgroup

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.

ellipse toolellipse toolellipse tool

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.

zig zagzig zagzig zag

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.

backgroundbackgroundbackground

¡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.

final productfinal productfinal product
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.