Términos relacionados →  Illustrator , Diseño gráfico , Ilustración , Infografía , Tutorial .




Imagen.

Este es un pequeño tutorial pensado para que los recien llegados a este programa de dibujo vectorial vean algunos métodos de trabajo. La idea es sencilla: Un sello o logotipo con textos circulares y unos bordes dentados (al estilo cervecero o de oferta al barato).

El texto circular

Imagen.

Abrimos Illustrator y dibujamos un círculo.

Imagen.

Para escribir en el círculo, usamos la herramienta "Texto en trazado".

Imagen.

En el menú "Ventana - Texto - Párrafo" seleccionamos la alineación al centro. No es esencial pero facilita mucho el trabajo.

Imagen.

Pinchamos en cualquier punto del círculo y escribimos el texto que queramos.

Imagen.

Con el círculo seleccionado, en el menú "Ventana - Texto - Caracter" establecemos el tipo de letra que nos apetezca (en este caso, Benton Sans Medium en caja alta, cuerpo 12).

Imagen.

Por omisión, Illustrator coloca siempre el texto en un círculo con la línea base mirando hacia el interior. Esa colocación se puede cambiar: Seleccionamos el círculo con la herramienta "Selección" (la flecha negra) y ponemos el cursor en la zona inferior del círculo, justo en la línea vertical que habrá aparecido al escribir.

Imagen.

Veremos que el cursor toma una forma especial y que al lado derecho ha aparecido una especie de pequeña letra T invertida. Esa es la seña de que el cursor está preparado para pasar el texto al otro lado del trazado.

Lo pasamos simplemente llevando el cursor al otro lado del trazado hasta que vemos que el texto se situa al otro lado. Al hacer esto conviene tener apretada la tecla mayúscula para que el texto no baile en su posición con respecto al trazado.

Imagen.

Con el circulo seleccionado, volvemos a la paleta "Caracter" y definimos un desplazamiento de la línea base de 10 puntos, igual al cuerpo del texto.

Imagen.

De este modo, situamos el texto por fuera del círculo (con lo cual el interletraje es más adecuado).

Actualización: Escribí este artículo hace ya tiempo y la forma de pasar el texto de un lado a otro del círculo era como se describe más arriba. Desde hace alguna versión, las cosas cambiaron para hacerse más sencillas:

Imagen.

Hacemos el texto en el círculo y, con ese círculo aún seleccionado, vamos al menú "Texto - Texto en trazado - opciones". Al marcar la casilla "Voltear", se cambia de lado. Tan simple como eso.

El borde dentado

Imagen.

Abrimos la herramienta "Estrella". Pinchamos en el centro del círculo y, sin soltar el botón del ratón, estiramos hasta sobrepasar levemente el círculo de texto con las puntas de la estrella. Si los ángulos interiores se quedan muy cortos, da igual. No dejes de apretar el botón del ratón todavía.

Imagen.

Aprieta la tecla Control y empuja el cursor hacia el exterior de la estrella. Las puntas se reducirán porque los vértices de los ángulos interiores se desplazarán (o sea: Las puntas de la estrella se achatan). Si las puntas son pocas o demasiadas no importa. Sigue apretando el botón del ratón.

Imagen.

Suelta la tecla Control (no el ratón) y aprieta la flecha de cursor arriba o abajo del teclado. Cada golpe de la tecla hacia "arriba" añade una punta, cada golpe "abajo" quita una. Cuando la estrella tenga el aspecto de borde dentado que te guste, suelta el botón del ratón y tendrás la forma acabada.

Imagen.

Si el texto ha quedado un poco descolocado, lo más sencillo es seleccionar su círculo y, usando la herramienta giro, colocarlo a nuestra conveniencia.

Los remates

Lo único que nos queda es añadir los detalles que creamos convenientes y los colores apropiados y ya estará terminado.

Imagen.

Añadimos dos círculos internos para abrazar el texto.

Imagen.

Seleccionamos ambos y, a través del menú "Objeto - Trazado compuesto - Crear", dejamos su interior hueco como una rosquilla, que a continuación coloreamos de rojo masa.

Imagen.

Añadimos otro círculo, lo llenamos de amarillo y lo enviamos detrás (menú "Objeto - Organizar - Enviar detrás". Ya, de paso, pintamos la estrella de negro.

Imagen.

Ahora ponemos un rectángulo negro centrado. Y, jugando con "Enviar detrás" y "Enviar delante", colocamos los objetos en el orden que queremos.

Para terminar, añadimos las letras centrales en blanco, ponemos las otras tanbién por blanco y, como ya hemos aprendido a hacer estrellas le añadimos un par de cinco puntas arriba y abajo.

¿Y con las dos orientaciones?

Imagen.

No es posible que un mismo trazado lleve dos líneas de texto (una por fuera y otra por dentro). Así, que para hacer un texto como el que se ve arriba (erratas tipográficas incluidas), la solución más fácil es hacer dos círculos iguales (uno encima de otro) y alinearlos al centro de ambos. Luego hay que jugar con los desplazamientos de línea base (lo que si se usan cuerpos por puntos es bastante fácil).



Comentarios

KNO (no verificado)

La raja el tutorial (lo digo porque tengo conflictos personales con illustrator XD) y funcionó al tiro, teniendo en cuenta que soy un cero a la izquierda con vectores y justo tenia que hacer un timbre.

gusgsm

El conflicto que dices le pasa a más gente. Lo bueno es que una vez que logras superarlo y entras de lleno en él, es uno de los programas más agradecidos que hay. Para mi, después de Photoshop, es mi programa favorito (y eso que me paso el día ganandome el pan con InDesign y, antes, con Quark Xpress.

Un saludo y ánimo, que sólo es un programa.

Anónimo (no verificado)

Creo que te soluciona mil problemas el Illustrator. Sólo es tomarle cariño por así decirlo, jaja.

Truman Rodrigu… (no verificado)

Me doy cuenta que son muy importantes los Tutoriales. Me parecen de gran ayuda. Comento que estos dias asistí a un curso de comercio en Internet, donde saqué mis conclusiones de que uno mismo tiene que actualizarse a diario. Tanto es así que debo profundizar en el estudio de este programa de diseño, en verdad. Yo trabajo diseños en Corel Draw X5 y, bueno, me desmpeño a maravilla, pues realicé cientos de diseños para todo tipo de material gráfico. Pero me doy con la sorpresa de que en otros paises manejan mucho Adobe Illustrator, el cual me hace exigirme más. Lo estoy leyendo y el entorno es parecido. Sólo me queda interiorizarme más en el estudio del Adobe Illustrator. Solicito su comprensiòn y su aporte en el estudio.

Saludos
Truman Rodríguez

gusgsm

Hola, Max

Se hace exactamente igual que en el caso del círculo. De hecho es más sencillo porque el trazado no se cierra (como en el caso del círculo).

  1. Haces el trazado.
  2. Seleccionas la herramienta "Texto en trazado".
  3. Pinchas sobre el trazado y escribes el texto.
  4. Si necesitas modificarlo (distancia con respecto al trazado, posición, etc...) haces lo mismo que se indica en el tutorial del círculo.

Así de sencillo.

Una salvedad: Pongamos que, en un mapa, quisieras escribir el nombre de un río cerca de su curso. No uses el trazado del río para hacer esto. Dibuja un trazado cercano a la zona donde quieres colocar el nombre y usa ese trazado, que deberás haber dibujado más suave, con menos quiebros. Si no lo haces así, el texto seguiría un trazado demasiado complejo y no tendrías buenos resultados.

Dicho de otro modo: Cuando el trazado a seguir es demasiado complejo, usa otro cercano más simplificado. Además, podrás modificarlo lo que necesites para que el texto fluya bien sin necesidad de tocar el trazado original del río (o lo que sea).

No sé si te sirve de ayuda.

Gustavo.

Anónimo (no verificado)

Gracias por el aporte, está perfectamente explicado y me ha servido de ayuda para realizar logotipos y me servirá para siguientes trabajos.
Es la segunda vez que me meto por akí porque había un pequeño dato que no me acordaba de cómo hacerlo. Seguiré entrando.

Muchas gracias.

Carlos (no verificado)

Muy buenas,

Muy bueno el tutorial. Tengo una duda que no consigo solucionar. Una vez dentro el texto del círculo ¿cómo puedo cambiarlo de dirección? me refiero a un solo texto y un solo círculo. Solo me deja en una sola dirección ¿Hay alguna opción para cambiar la dirección?

Gracias por tu atención ¡Un saludo!

gusgsm

Buenos días

Hace mucho tiempo que no le echaba un vistazo y ahora tengo otras versiones de Illustrator. Reconozco que debió de cambiar hace tiempo porque ahora es mucho más sencillo que antes —y hay más opciones—

Las opciones de texto en trazado de Illustrator CS4.

Haces el texto que quieras en el círculo y con ese círculo seleccionado vas al menú "Texto - Texto en trazado - opciones". Si le das a la casilla "Voltear" se cambia de lado. Tan simple como eso.

Un saludo

PS: He añadido la actualización al artículo

gusgsm

Hola

La primera es usar la herramienta "Herramienta de texto de área". Esa herramienta simplemente usa el área seleccionada como contenedor y lo vuelca dentro. Es muy similar a las cajas de texto de Quark Xpress o Adobe InDesign. La diferencia es que la forma pierde el color de su trazado y relleno —que pasa a ser el de la letra incorporada—. Para quie la forma se siga viendo, debes duplicarla y darle color a la forma vacía, que debe ir detrás de la que contiene el texto.

La segunda forma es usar el menú "Objeto - Distorsión de envolvente - Crear con objeto superior", que toma un texto que debe ser breve y lo ajusta deformándolo a la forma que lo contiene —que debe ser el objeto superior, como las etiquetas clásicas de cerveza, por ejemplo.

José Ignacio Guzmán (no verificado)

Estimado Gustavo

Lo saludo cordialmente deseándole lo mejor. Por este medio le consulto si me puede explicar como hacer un efecto tipo relieve en una forma irregular, donde la forma se ensanche y se angoste en varias partes. Digamos como ejemplo la onda en forma de una ese acostada que utilizó Coca-Cola hace varios años.

El otro efecto es como ondular varias lineas paralelas, que formen una especie de ola como humo.

Saludos

José Ignacio

Añadir nuevo comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.

Texto sin formato

  • No se permiten etiquetas HTML.
  • Saltos automáticos de líneas y de párrafos.
Si quieres que te responda a una pregunta lee estas condiciones: La pregunta debe razonablemente pensada: No me preguntes porqué no te sale algo. Dime lo que quieres hacer, los pasos que estás dando para conseguirlo y las versiones de programas que estás usando. Es decir: Dame los datos completos. Si yo me tengo que pensar qué demonios me quieres decir, no voy a tomarme el esfuerzo que tú no te has tomado. "Hola", "Gracias" y "por favor": Ya no contesto a gente maleducada. Que esto sea gratis no quiere decir que te deba nada. Cualquier pregunta que no incluya eso, será ignorada y borrada. No respondo a peticiones ilegales: Sin más. Muchas cosas no las sé o puedo equivocarme. Hasta donde llego, llego. Más de una vez no sé qué es lo que ocurre o lo que deseas saber.