Como hacer un sello o logotipo circular con Illustrator

      Un logotipo circular hecho con Adobe Illustrator.

      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

      Dibujar un círculo con Adobe Illustrator.

      Abrimos Illustrator y dibujamos un círculo.

      La herramienta de texto en trazado de Adobe Illustrator.

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

      La paleta de párrafo en Adobe Illustrator.

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

      Un texto en trazado circular en Adobe Illustrator.

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

      Opciones de carácter en Adobre Illustrator.

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

      Cambiar la dirección de un texto circular en Adobe Illustrator.

      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.

      Cambiar la dirección de un texto circular en Adobe Illustrator.

      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.

      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.

      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:

      Las opciones de texto en trazado de Illustrator CS4.

      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

      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.

      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.

      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.

      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.

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

      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.

      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.

      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?

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

      14 comentarios

      Logotipo...

      Este tutorial lo habia visto antes no sé en donde. Lo más curioso es qe no pude realizarlo, pues ese tutorial no estaba correctamente explicado… Caso contrario a este post.. Gran ejercicio para pricipiantes en illustrator.

      Logo

      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.

      Bueno, Illustrator es amarlo u odiarlo

      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.

      Yo lo amo

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

      Interesante

      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

      Thanks

      Muchas gracias, necesitaba urgente saber como adaptar un texto a curva y eso lo hacía antes en FreeHand...

      Saludos desde CHILE !!!

      Se hace exactamente igual

      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.

      Gracias por el aporte

      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.

      Felicitación

      Excelente me ayudo como no tienen idea, bien muy bien.

      Ok

      Perfecto :)

      Orientación del texto

      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!

      Opciones de Texto en trazado

      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

      Añadir nuevo comentario