1. Design & Illustration
  2. Tools & Tips

Consejo rápido: Cómo crear un conjunto de burbujas de diálogo con el panel Apariencia

by
Read Time:6 minsLanguages:

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

En el siguiente consejo rápido aprenderás a crear tu propio conjunto vectorial de burbujas de diálogo. Este tutorial es para principiantes y te enseñará las técnicas básicas de construcción de formas en Illustrator, además de algunos trucos interesantes que puedes utilizar con el panel Apariencia. ¡Empecemos!


Paso 1

Crea un documento de 750 por 250px, RGB. En primer lugar, activa la cuadrícula (Ver > Mostrar cuadrícula) y la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). A continuación, necesitarás una cuadrícula cada 5px. Ve a Edición > Preferencias > Guías > Cuadrícula, introduce 5 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. También puedes 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 cambiar la unidad de medida a píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.


Paso 2

Elige la herramienta Rectángulo (M) y crea una forma de 175 por 105px. Rellénala con R=247 G=148 B=30 y ve a Efecto > Estilizar > Redondear vértices. Introduce un radio de 30px, haz clic en OK y ve a Objeto > Expandir apariencia.


Paso 3

Continúa con la herramienta Rectángulo (M), crea un cuadrado de 30px y rellénalo con el mismo color naranja (R=247 G=148 B=30). Cambia a la herramienta Selección directa (A) y enfócate en esta nueva forma. Selecciona los puntos de anclaje inferiores y ve a Objeto > Trazado > Promediar. Marca el botón Ambos y haz clic en Aceptar.

Ahora, tu cuadrado debería convertirse en un triángulo. Selecciónalo y ve a Efecto > Deformar > Arco. Introduce los datos que se muestran a continuación, haz clic en Aceptar y ve a Objeto > Expandir apariencia. Selecciona la forma resultante y haz una copia delante (Control + C > Control + F). Ve al panel de Capas, encuentra esta copia y haz clic en el pequeño icono del ojo de la izquierda. Esto hará que tu copia sea invisible. Necesitarás esta copia más tarde.


Paso 4

Selecciona la forma visible creada en el paso anterior y colócala como se muestra en la primera imagen. La opción Ajustar a cuadrícula te facilitará el trabajo. Vuelve a seleccionar las dos formas visibles y haz clic en el botón Unir del panel Buscatrazos.


Paso 5

Elige la herramienta Elipse (L), crea una forma de 175 por 135px y rellénala con R=76 G=163 B=234. Ve al panel de capas, encuentra esa forma invisible y vuélvela a hacer visible. Selecciónala, reemplaza el naranja con R=76 G=163 B=234 y ve a Objeto > Transformar > Rotar. Introduce un ángulo de -45 grados y haz clic en Aceptar.

Coloca la forma resultante como se muestra en la segunda imagen. De nuevo, la opción Ajustar a cuadrícula te facilitará el trabajo. Vuelve a seleccionar las dos formas azules y haz clic en el botón Unir del panel Buscatrazos.


Paso 6

Selecciona la herramienta Elipse (L) y dibuja las siete elipses que se muestran en la primera imagen. Una vez más, la opción Ajustar a cuadrícula te facilitará el trabajo. Rellénalas con R=57 G=181 B=74, únelas y conviértelas en un trazado compuesto (Objeto > Trazado compuesto > Crear).


Paso 7

Vuelve a la forma naranja. Selecciónala y presiona Mayúsculas + X. Esto transferirá las propiedades de color del relleno al trazo. Ve al panel Apariencia y deberías encontrar un relleno de Ninguno y un trazo de 1 punto. Selecciona el trazo, alinéalo al exterior y aumenta el tamaño a 3px, luego añade R=241 G=242 B=242 para el relleno.

Ahora, tu forma debería verse como en la segunda imagen. Asegúrate de que sigue seleccionada y ve a Objeto > Trazado > Contornear trazado. Ve al panel Capas y encontrarás un nuevo grupo con dos formas separadas. Una es el relleno y la otra el trazo.


Paso 8

En primer lugar, céntrate en la forma gris claro. Selecciónala y haz dos copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y pulsa la flecha hacia abajo una vez. Gracias a la función Ajustar a cuadrícula tu forma se moverá 5px hacia abajo. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena la forma resultante con blanco.


Paso 9

Desactiva la opción Ajustar a cuadrícula (Ver > Ajustar a cuadrícula) y luego ve a Edición > Preferencias > Generales y asegúrate de que Incrementos de teclado está ajustado a 1px. Vuelve a seleccionar la forma gris claro y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y pulsa la flecha izquierda y la flecha superior dos veces. Vuelve a seleccionar las dos copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena las formas resultantes con R=209 G=211 B=212 y conviértelas en un trazado compuesto (Objeto > Trazado compuesto > Crear).


Paso 10

Vuelve a seleccionar la forma gris claro y haz dos nuevas copias delante (Control + C > Control + F > Control + F). Selecciona la copia superior y pulsa la flecha izquierda y la flecha superior cinco veces. Vuelve a seleccionar ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Rellena las formas resultantes con R=230 G=231 B=232 y conviértelas en un trazado compuesto (Objeto > Trazado compuesto > Crear).


Paso 11

Vuelve a seleccionar la forma gris claro y ve a Efecto > Estilizar > Sombra paralela. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 12

Muévete a la forma naranja. Selecciónala, ve al panel Apariencia y haz clic en el botón Añadir nuevo relleno (el pequeño icono cuadrado blanco). Selecciona este nuevo relleno, hazlo blanco, baja su opacidad al 40% y cambia el modo de fusión a Superponer, luego ve a Efecto > Trazado > Desplazamiento. Introduce un desplazamiento de -1px y haz clic en Aceptar. Al final, tu trazado debería ser como el de la siguiente imagen.


Paso 13

Sigue concentrándote en la forma naranja. Vuelve a seleccionarla, ve al panel Apariencia y añade un trazo. Hazlo de 0.5pt de ancho, establece el color en R=241 G=90 B=41 y ve a Efecto > Estilizar > Resplandor exterior. Introduce los datos que se muestran a continuación y haz clic en Aceptar.


Paso 14

Pasa a la forma azul y repite las técnicas utilizadas en los últimos siete pasos. Sólo tendrás que cambiar los colores del trazo expandido. En la siguiente imagen puedes encontrar toda la información que necesitarás.

Lo mismo para la forma verde.


Paso 15

Por último, puedes añadir un agradable fondo a tus burbujas de diálogo. Elige la herramienta Rectángulo (M) y crea una forma del tamaño de tu mesa de trabajo. Rellénala de blanco, luego añade un segundo relleno y utiliza el degradado radial que se muestra a continuación. El cero amarillo de la imagen del degradado representa el porcentaje de opacidad.


Paso 16

Vuelve a seleccionar la forma creada en el paso anterior y añade un tercer relleno. Necesitarás un motivo incorporado para este relleno final. Ve al panel Muestras, abre el menú desplegable y ve a Abrir biblioteca de muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Esto abrirá una nueva ventana con una serie de motivos incorporados.

Asegúrate de que tu rectángulo de fondo sigue seleccionado, ve al panel Apariencia y selecciona el relleno final. Baja su opacidad al 7%, utiliza el motivo "USGS 19 Land Inundation" y ve a Efecto > Artístico > Grano de película. Introduce los datos que se muestran a continuación, haz clic en Aceptar y ya está.


Conclusión

Tu trabajo está terminado. Este es el aspecto que debería tener. Experimenta con algunos de los ajustes del panel Apariencia para crear tus propios estilos. Espero que hayas disfrutado de este tutorial.

One subscription.
Unlimited Downloads.
Get unlimited downloads