¿Quiere llevar sus habilidades de diseño a un nivel superior, ya sea para diseñar logotipos o simplemente crear piezas de texto llamativas? En este tutorial, lo ayudaré a hacer eso mostrándole cómo colocar su texto alrededor de un círculo en Inkscape. La técnica es bastante fácil, requiere solo unos pocos pasos simples, pero el resultado final puede mejorar drásticamente sus capacidades de diseño gráfico cuando trabaje con texto.

Este tutorial es bastante fácil de seguir para los usuarios principiantes de Inkscape, y seguirá un proceso paso a paso para ayudarlo a comprender a fondo los conceptos discutidos. Sin más preámbulos, ¡vamos a sumergirnos!

Tengo mi lienzo de Inkscape configurado para parecerse a la mesa de trabajo de Adobe Illustrator, que puedes aprender a hacer en este tutorial.

Paso 1: Añade tu texto

Comenzaré este proceso tomando mi herramienta de Texto de la Caja de herramientas (flecha roja en la imagen de arriba) en el lado izquierdo de la interfaz de usuario de Inkscape (también puede presionar F8 en su teclado para acceder a esta herramienta).

A continuación, haré clic en cualquier parte de mi lienzo de Inkscape para comenzar una línea de texto (flecha roja en la foto de arriba). Luego escribiré mi primera línea de texto (tendremos dos líneas de texto en total: una línea alrededor de la parte superior del círculo y la otra línea alrededor de la parte inferior del círculo). Para mi primera línea de texto, simplemente elegí "Ajustar fácilmente el texto".

Luego haré clic en otro lugar en mi lienzo con la herramienta de texto todavía activada para comenzar otra línea de texto, y escribiré mi segunda línea de texto. Para este ejemplo, elegí "Alrededor de un círculo" como mi segunda línea.

Paso 2: establece tu fuente

Ahora que tenemos ambas líneas de texto creadas, seleccionaré la fuente que quiero usar.

Para hacer esto, comenzaré haciendo clic en la herramienta Selección en el Cuadro de herramientas (que también puede activar usando la tecla de acceso directo F1, indicada por la flecha roja en la foto de arriba) y haré clic y arrastraré el mouse sobre ambas líneas de texto Esto seleccionará ambas líneas de texto.

A continuación, accederé al diálogo Texto y fuente a través del icono de la barra de comandos (flecha roja en la imagen de arriba) en el lado derecho de la interfaz de usuario de Inkscape. Al hacer clic en este icono, se abrirá el cuadro de diálogo Texto y fuentes (flecha verde).

Una vez abierto, este diálogo me permite editar varias líneas de texto simultáneamente. Entonces, me desplazaré por las fuentes (resaltadas en verde en la imagen de arriba) hasta encontrar una que me guste (puede hacer clic en una fuente para generar una vista previa de cómo se ve su texto en esa fuente). En este caso, elegí una fuente llamada "Wicked Grit" que descargué e instalé como fuente de terceros (en otras palabras, esta fuente no viene con Inkscape por defecto). Puedes aprender cómo instalar fuentes en Inkscape con mi artículo de ayuda sobre el tema.

Una vez que tenga la fuente que quiero, puedo hacer clic en el botón "Aplicar" (flecha roja) para aplicar la nueva fuente a mis líneas de texto (flecha azul).

Ahora que tengo mi nueva fuente, he decidido que también quiero que el texto sea un poco más grande. Para cambiar el tamaño de mi fuente, simplemente puedo hacer clic en el menú desplegable "Tamaño de fuente" (flecha roja en la foto de arriba) y elegir un nuevo tamaño. En este caso, elegí 48 para mi nuevo tamaño de fuente (flecha azul). Luego puedo hacer clic en el botón "Aplicar" nuevamente para aplicar este nuevo tamaño de fuente a mis líneas de texto.

Paso 3: dibuja un círculo

Con mi texto listo, ahora necesitaré dibujar una forma circular que pueda envolver el texto. Para hacer esto, haré clic en la herramienta Elipse en mi Caja de herramientas (también puede usar la tecla de acceso directo F5 - flecha roja en la foto de arriba).

A continuación, haré clic y arrastraré el mouse sobre el lienzo, y mantendré presionada la tecla Ctrl mientras arrastro para dibujar un círculo perfecto. Cuando el círculo es del tamaño que quiero, puedo soltar el mouse para aplicar el dibujo del círculo a mi lienzo. Si desea que el círculo tenga un tamaño específico, siempre puede escribir manualmente los valores "Rx" y "Ry" (descritos en verde en la foto de arriba) en función de los valores que desee utilizar (de forma predeterminada, las unidades serán en píxeles).

Luego haré clic en el icono de diálogo "Alinear y distribuir" de mi barra de comandos (flecha roja). Este diálogo me permite alinear mi círculo en mi lienzo.

Quiero alinear el círculo con el centro de mi lienzo, así que en el menú desplegable "Relativo a:" seleccionaré "Página" (flecha verde en la foto de arriba).

Luego haré clic en la opción “Centrar en eje vertical” (flecha roja en la foto de arriba), seguido de la opción “Centrar en eje horizontal” (flecha verde). Esto centrará mi círculo en el lienzo (flecha azul).

Paso 4: agregue la línea superior de texto a su círculo

Ahora tengo todos mis elementos en mi lienzo para comenzar el proceso de envolver mi texto alrededor del círculo. Comenzaré agregando la línea superior de texto a la parte superior del círculo.

Para hacer esto, presionaré la tecla F1 en mi teclado o haré clic en la herramienta Selección en mi Caja de herramientas (flecha roja en la imagen de arriba). Luego haré clic en la primera línea de texto que creamos (flecha verde), que será la línea superior de texto en el círculo.

Luego presionaré la tecla Shift y haré clic en el círculo. Esto permite que la línea superior de texto y el círculo se seleccionen simultáneamente (flechas rojas en la foto de arriba).

Ahora iré a Texto> Poner en ruta. Esto colocará mi texto en el círculo.

Para rotar mi texto a la posición correcta, primero tendré que hacer clic en cualquier parte de mi lienzo para anular la selección del círculo y el texto que había seleccionado. Luego, simplemente puedo hacer clic en mi círculo dos veces para que aparezcan los controles de transformación de rotación. Luego haré clic en uno de los controles de transformación de rotación (flecha roja en la foto de arriba) y lo arrastraré hasta que mi texto esté en la posición que quiero.

Paso 5: agregue la línea inferior de texto a su círculo

Luego duplicaré mi círculo del paso anterior mientras todavía esté seleccionado presionando la tecla Ctrl + D.

A continuación, haré clic en el círculo (que seleccionará el círculo superior, o el círculo duplicado que acabamos de crear), y arrastraré el controlador de transformación de escala en cualquiera de las esquinas del cuadro alrededor del círculo (flecha roja en la foto arriba) para escalar el círculo. Mantendré presionadas las teclas Mayús + Ctrl mientras hago clic y arrastro para asegurar que el círculo se escala desde el centro y también mantiene su relación de aspecto 1: 1 (o, en otras palabras, sigue siendo un círculo perfecto mientras arrastro).

Soltaré mi mouse una vez que el círculo sea lo suficientemente grande como para cubrir la línea superior de texto que creamos.

Ahora haré clic en la segunda línea de texto, que será la parte inferior del texto, y cambiaré + clic en el círculo más grande para que ahora tengamos ambos objetos seleccionados (indicados por las flechas rojas en la foto de arriba) .

Una vez más iré a Texto> Poner en ruta. Esto colocará la segunda línea de texto alrededor del exterior del círculo.

El problema es que necesitamos que el texto esté en la parte inferior del círculo, pero no queremos que esté al revés (lo que ocurriría si simplemente utilizáramos el método de rotación realizado para la línea superior del texto en el paso anterior) .

Entonces, lo que haré para remediar esto es simplemente hacer clic en "Voltear objetos seleccionados verticalmente" en la barra de Controles (flecha roja en la imagen de arriba). Esto colocará su texto en la parte inferior del círculo y lo volteará para que no esté al revés (flecha verde). Sin embargo, no podrá ver esto al principio si tiene un relleno agregado a su círculo (es decir, el círculo está coloreado). En mi caso, tengo un relleno azul claro que cubre el texto.

Para eliminar el relleno de color para su círculo, haga clic en un área aleatoria de su lienzo para anular la selección de sus objetos, luego haga clic en su círculo para seleccionar solo el círculo y finalmente haga clic en el cuadro con una "X" roja en su Paleta de colores (flecha roja en la foto de arriba). Esto eliminará el relleno de color de tu círculo.

También le recomiendo que presione Mayús y haga clic en el color negro (o cualquier color - flecha verde en la foto de arriba) para que su círculo tenga un trazo y, por lo tanto, sea fácil de localizar para los pasos finales.

Ahora que podemos ver nuestro texto y el círculo en el que está dentro, realizaré algunos últimos pasos para colocar nuestro texto en la posición correcta. Primero, mientras mi círculo aún está seleccionado, usaré las teclas de flecha en mi teclado para bajar el círculo hasta que la línea inferior del texto se alinee con el círculo más pequeño (flecha roja en la foto de arriba).

Luego querré tomar mi herramienta de texto, seleccionar todo mi texto en la línea inferior y aumentar el espacio entre las letras para que coincidan (o sean más similares a) el espacio en la línea superior del texto (configuré mi espacio a 5 - denotado por la flecha roja en la imagen de arriba).

Luego haré clic en el círculo más grande nuevamente hasta que aparezcan los controles de transformación de rotación. Haré clic y arrastraré estos controladores (flecha roja en la foto de arriba) hasta que mi línea inferior de texto se coloque donde lo quiero.

Paso 6: elimina los círculos de tu composición

Ahora que nuestro texto está envuelto alrededor de los círculos que creamos, querremos eliminar los círculos de la composición ya que ya no los necesitamos.

Para hacer esto, primero necesitaré esencialmente "liberar" las líneas de texto de los círculos. Haré clic en mi primera línea de texto usando la herramienta Selección (F1) y luego iré a Ruta> Objeto a ruta.

Repito esta acción para la línea de fondo del texto.

Cada línea de texto ahora se ha separado de los círculos. Entonces, simplemente puedo hacer clic en cada círculo con la herramienta Selección y presionar la tecla Retroceso en mi teclado para eliminar los círculos.

¡Lo que nos queda son dos líneas de texto envueltas alrededor de una forma circular!

Eso es todo por este tutorial. Si te gusta, puedes consultar mis otros artículos de ayuda de Inkscape en mi sitio. También tengo toneladas de artículos de ayuda de GIMP y tutoriales en video de GIMP.