HTML5 en proyectos reales

Texto Alrededor de una imagen en 1 minuto

Ahora haremos un texto alrededor de un círculo, manejaremos Illustrator:

circuloLetras12.gif

Primero se crea el círculo de alrededor y con la herramienta del texto sobre un trazo se escribe la leyenda:

circuloLetras3.gif circuloLetras4.gif

Luego se copia esa leyenda sobre el círculo seleccionándola con el puntero normal (negro):

circuloLetras5.gif

Se pega esa copia enfrente:

circuloLetras6.gif

Sobre la copia con el puntero normal se posiciona sobre el centro del texto hasta ver que el icono cambie de flecha normal a una sin el final:

circuloLetras7.gif

Se arrastra el texto hacia abajo, donde existirá el otro extremo de la leyenda:

circuloLetras8.gif

Inmediatamente llevamos al texto hacia arriba del círculo, para que no quede de cabeza, vermos que la línea de base queda en la orilla interna de la figura:

circuloLetras9.gif

Eso nos da la pauta para ir al panel de tipografía (Character) y asignarle a la línea de base (Base Line Shift) un valor negativo para que se posicione el texto en forma correcta en relación al de arriba, escribimos lo que va abajo y listo:

circuloLetras11.gif circuloLetras12.gif

⇔ ⇔

5 Comentarios a “Texto Alrededor de una imagen en 1 minuto”

  1. paola Dijo:

    faltan dibujos para completar el tutorial, sino son puras instrucciones

  2. laura Dijo:

    hago el circulo, agrego el texto y se me borra el círculo…………esto por qué es?
    como hago para que no desaparezca el círculo?
    (me queda la oración con la forma curva pero sin el círculo)

  3. MILTON Dijo:

    saludos colegas, buen tuto, pero serian tan amables de enviarme algunos links para seguir desarrollandome, un abrazo, gracias. Milton

  4. Miguel Dijo:

    Estaria bien saber como se alinean elementos alrededor de un circulo, de manera uniforme,si alguien dispone de la informacion, me encantaria saberlo.Gracias

  5. Lemon Dijo:

    Saludos!

    Este es el tip que como buen principante de Illustrator he buscado por algún tiempo: ¡Gracias!
    Solo me queda una duda:¿Cómo llevas el texto hacia adentro del círculo? ¿A través de algún comando o es manual?

    Gracias de nuevo.


Deja tu Comentario

XHTML: Puedes utilizar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>