Advertisement
  1. Design & Illustration
  2. Gravit Designer
Design

Cómo Trabajar Con Texto en Gravit Designer

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Gravit Designer es una aplicación de diseño vectorial completamente gratuita. Está disponible en el navegador así como en Linux, Mac, ChromeOS y Windows.

En éste video de mi curso, Inicio Rápido de Gravit Designer, veremos el sistema de texto de Gravit. Aprenderás cómo crear y alinear texto, ajustarlo, escalarlo y hacerlo seguir trazados.

Cómo Trabajar Con Texto en Gravit Designer

Bases de Texto en Gravit Designer

Comenzaremos con las bases, y esa es la manera predeterminada de crear texto. Así que si tomamos la herramienta Texto de la barra de herramientas, todo lo que necesitamos es hacer click donde queremos que aparezca nuestro texto, y obtenemos un cuadro de texto con algún texto de ejemplo que podemos rellenar con cualquier cosa que queramos.

Dummy text box added

Y luego podemos seleccionar nuestro texto y comenzar a ver las opciones en el lado derecho.

Una de las cosas más útiles de Gravit Designer es que tienes acceso instantáneo a cada fuente de la librería de Google Fonts.

Típicamente, si estamos trabajando con diseñador gráfico offline, y quieres usar Google Fonts, entonces tienes que ir al sitio web de Google Fonts, encuentra una fuente que te guste, descárgala e instálala. Luego podrías necesitar reiniciar la aplicación que estás usando para tu diseño, y probar la fuente. Y posteriormente si no es buena, entonces tienes que iniciar todo de nuevo. Hay formas de acelerar el proceso, pero nada es tan rápido como tener todas las fuentes disponibles para tí justo aquí.

Así que solo vamos a tomar Noto Sans, y puedes ver que ha cargado esa fuente para nosotros. Tenemos el control del tamaño y el control del estilo tipográfico justo debajo, así que puedes elegir Bold (Negrita) y 60 pt.

Text in Noto Sans with size and weight changed

Podrías darte cuenta de una demora cuando cambias la fuente y el estilo tipográfico de la fuente. Eso es porque está cargando esa fuente por primera vez, pero si regresas ahora de Bold a Regular, verás que es instantáneo. Así que solo tienes una pequeña demora pues captura cada fuente nueva con la que quieres trabajar y cada nuevo peso.

Trabajando Con Alineación de Texto

Así que sólo haciendo click directamente en el lienzo es una forma de crear texto. Otra manera es tomar la herramienta Texto, y en lugar de solo hacer click en el lienzo, haces click y arrastras para crear un cuadro que va a contener tu texto.

Click and drag to create a text box

Éstos cuadros son útiles para un par de cosas.

Uno, puedes rellenarlos con párrafos y texto en lugar de solo encabezados. Y la otra es, si estás creando titulares, éste cuadro puede ayudarte a controlar la alineación y el posicionamiento de tu texto.

Así, por ejemplo, digamos que estás usando éste cuadro para un encabezado. Si haces click afuera de éste cuadro, quitará el cursor, y solo tendrá el objeto general seleccionado.

Una vez que lo haces, verás que agrega algunas herramientas de alineación en el lado derecho. Así que ahora tienes la capacidad de tomar éste texto y centrarlo tanto vertical como horizontalmente.

Centered headline text

Así que ahora si cambias el tamaño del texto, el encabezado va a permanecer perfectamente centrado vertical y horizontalmente. Con el primer texto que creamos, por otro lado, ese no es el caso.

Así que si quieres controlar el maquetado de esa manera, utiliza un cuadro.

Si tienes texto que creaste haciendo click en el lienzo y quieres tenerlo funcionando como el cuadro que acabas de crear, puedes hacerlo fácilmente. Porque si miras detenidamente en la sección de Sizing (Tamaño) en la derecha, puedes ver que nuestro cuadro tiene el Sizing establecido en Fix (fijo) tanto en Width (Anchura) como en Height (Altura).

Pero nuestro primer cuadro tiene su Sizing establecido en Auto en Width y Height. Así que puedes establecer ambos en Fix, y ello hará que nuestro primer fragmento de texto se comporte como nuestro segundo fragmento de texto.

Crear Automáticamente Texto de Relleno

A menudo queremos rellenar cuadros como éste con texto de ejemplo. Puedes hacer ésto automáticamente en Gravit al únicamente escribir lorem, y luego pulsando la  barra espaciadora. Eso automáticamente te dará un bonito párrafo que puedes usar para rellenar el espacio y probar cómo se ve tu tipografía.

Lorem ipsum text

Trabajando Con el Espaciado de Texto

Cuando estás trabajando con texto en Gravit, también tienes la posibilidad de controlar el espaciado.

Así que si observas la fila de Spacing (Espaciado) en el lado derecho, verás que el primer cuadro es el parámetro de Character. Éste controla cuanto espacio hay entre cada caracter individual en nuestro texto.

Así que, si aumentas eso hasta 10, ahora tendrás grandes espacios entre cada una de tus letras.

Large character spacing

También puedes cambiar el espaciado entre las palabras. Así que cambia Word a 10, y ahora tendrás espacios más grandes entre cada una de tus palabras.

Larger word spacing

También puedes cambiar el interlineado. El valor predeterminado para Line es 100%, pero podrías querer cambiarla hasta 160%, por ejemplo, y verás el interlineado incrementarse.

Bigger line height

El último parámetro en ésta sección que necesitas conocer es el parámetro de Scale font on resizing (Escalar fuente al redimensionar). Por defecto, si reescalas el cuadro, solo hará fluir nuevamente el texto. Pero si marcas ésta opción, ahora el texto se achicará en proporción con el cuadro que lo está conteniendo.

Scale font on resizing

Crear Texto en un Trazado

A continuación, voy a mostrarte cómo hacer algo realmente útil, y ello es crear texto que siga un trazado. Ésto es magnífico por si quisieras hacer, digamos, texto en una curva.

Así que comienza dibujando una elipse, y luego toma la herramienta Texto. Y todo lo que necesitas hacer para que éste texto siga el trazado alrededor de ésta elipse es posicionarte en el borde exterior y hacer click. Así que ahora éste texto va a seguir el trazado alrededor de la elipse.

Text on an ellipse

Puedes hacer ésto con cualquier tipo de trazado; no tiene que ser solo un círculo. Así, por ejemplo, si tomas la herramienta Bezigon y dibujas un trazado ondulado, entonces puedes hacer que tu texto siga éste trazado fácilmente.

Text on a wavy path

Una vez que tengas un texto siguiendo un trazado, tienes un par de maneras para editarlo. Lo primero a notar es que tienes un pequeño círculo naranja marcando el punto inicial. Puedes hacer click y arrastrar para determinar donde va a comenzar tu texto en el trazado.

También puedes controlar si el texto va por fuera o no del trazado. Ahora está por fuera, pero si quieres que vaya por dentro del círculo, puedes voltear el selector Outside en el panel en el lado derecho. Y si quieres revertir la dirección de tu texto, puedes hacer cick en el switch Reverse junto a él, y el texto cambiará de dirección.

Crear Texto Estilizado

También es muy fácil personalizar tu texto y crear tus propios diseños. Simplemente haz click derecho en tu texto y Convert to Path (Convertir a Trazado). 

Ahora puedes ir y directamente alterar cómo se van a ver éstas letras individuales.

Customised text

Así ello cubre todos los puntos esenciales de trabajar con texto en Gravit. 

Observa el Curso Completo

Gravit Designer está lleno de prestaciones a nivel profesional que lo colocan como la próxima gran aplicación. Si eres un diseñador de Interfaz de Usuario, un ilustrador, o cualquier otra clase de artista digital, Gravit podría rápidamente encontrar un lugar regular en tu flujo de trabajo de diseño.

En el curso completo, Inicio Rápido de Gravit Designer, conocerás Gravit Designer mientras te guío por sus funciones y principales fortalezas, mostrándote cómo volverte rápidamente productivo.

Puedes tomar éste curso con una suscripción a Envato Elements. Por una sola cuota mensual, obtienes acceso no solo a éste curso, sino tambilén a nuestra creciente biblioteca de más de 1,000 cursos en video y libros electrónicos líderes en la industria en Envato Tuts+.

Además ahora obtienes descargas ilimitadas de la enorme librería de 420,000+ recursos creativos. Crea con fuentes, fotografías, gráficos y plantillas únicas, y entrega mejores proyectos más rápido.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.