Sello o logotipo circular con 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
Abrimos Illustrator y dibujamos un círculo.
Para escribir en el círculo, usamos la herramienta "Texto en trazado
".
En el menú "Ventana - Texto - Párrafo
" seleccionamos la alineación al centro. No es esencial pero facilita mucho el trabajo.
Pinchamos en cualquier punto del círculo y escribimos el texto que queramos.
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).
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.
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:
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 dos 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).
[© Gustavo Sánchez Muñoz, 2023] Gustavo Sánchez Muñoz (también identificado como Gusgsm) es el autor de esta página. Su contenido gráfico y escrito se puede compartir, copiar y redistribuir total o parcialmente sin necesidad de permiso expreso de su autor con la única condición de que no se puede usar con fines directamente comerciales (es decir: No se puede revender, pero sí puede formar parte como citas razonables en trabajos comerciales) y los términos legales de cualquier trabajo derivado deben ser los mismos que se expresan en la presente declaración. La cita de la fuente con referencia a este sitio y su autor no es obligatoria, aunque siempre se agradece.
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.
- Inicie sesión para enviar comentarios
Logo
En respuesta a Logotipo... por mariaxenobill (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.
- Inicie sesión para enviar comentarios
Bueno, Illustrator es amarlo u odiarlo
En respuesta a Logo por KNO (no verificado)
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.
- Inicie sesión para enviar comentarios
Yo lo amo
En respuesta a Bueno, Illustrator es amarlo u odiarlo por gusgsm
Creo que te soluciona mil problemas el Illustrator. Sólo es tomarle cariño por así decirlo, jaja.
- Inicie sesión para enviar comentarios
Thanks
Muchas gracias, necesitaba urgente saber como adaptar un texto a curva y eso lo hacía antes en FreeHand...
Saludos desde CHILE !!!
- Inicie sesión para enviar comentarios
Cómo hacer lo mismo pero alineando al trazado objetos
En respuesta a Thanks por Manuel (no verificado)
Les quería consultar como hacer lo mismo pero alineando al trazado objetos, es decir acomodar objetos alrededor de un trazado.
Muchas gracias !!! y excelente el tutorial
Max
- Inicie sesión para enviar comentarios
Se hace exactamente igual
En respuesta a Cómo hacer lo mismo pero alineando al trazado objetos por Anónimo (no verificado)
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).
- Haces el trazado.
- Seleccionas la herramienta "
Texto en trazado
". - Pinchas sobre el trazado y escribes el texto.
- 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.
- Inicie sesión para enviar comentarios
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.
- Inicie sesión para enviar comentarios
Interesante
En respuesta a Logotipo... por mariaxenobill (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
- Inicie sesión para enviar comentarios
Felicitación
Excelente me ayudo como no tienen idea, bien muy bien.
- Inicie sesión para enviar comentarios
¡¡¡Buen tuto!!!
Excelente tutorial, lo voy a realizar en video y lo pondre en mi canal de YouTube!
- Inicie sesión para enviar comentarios
Ok
En respuesta a ¡¡¡Buen tuto!!! por Vinicio Roberto (no verificado)
Perfecto :)
- Inicie sesión para enviar comentarios
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!
- Inicie sesión para enviar comentarios
Opciones de Texto en trazado
En respuesta a Orientación del texto por Carlos (no verificado)
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—
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
- Inicie sesión para enviar comentarios
Cómo meter un texto dentro de una forma elíptica en Illustrator
Hola,
¿Me podrias indicar cómo conseguir que el texto tome la figura de una elipse pero no fuera de la elipse, sino dentro de la figura? Como, por ejemplo, el pez de jesus
Gracias!!!! miles
- Inicie sesión para enviar comentarios
Hay dos maneras
En respuesta a Cómo meter un texto dentro de una forma elíptica en Illustrator por roberto (no verificado)
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.
- Inicie sesión para enviar comentarios
Solicitud informacion para hacer dos efectos
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
- Inicie sesión para enviar comentarios
Te indico un par de tutoriales
En respuesta a Solicitud informacion para hacer dos efectos por José Ignacio Guzmán (no verificado)
Que no ando ahora con mucho tiempo para escribir páginas sobre el tema, aunque no es muy complejo:
El efecto de las líneas paralelas, intuyo que puede ser el mencionado en este tutorial o en este otro.
El otro efecto, si no entiendo mal, se resuelve con un pincel caligráfico, de distinto tipo.
Supongo que iba por aquí la cosa, ¿no?
- Inicie sesión para enviar comentarios
Me gusto mucho
¡¡Muchas gracias!! es un tutorial muy entretenido y con varias herramientas para usar
- Inicie sesión para enviar comentarios
Añadir nuevo comentario