Añadir texto a tus diseños

En Illustrator resulta muy sencillo añadir texto a los proyectos. También presenta opciones muy buenas para darle formato. Para empezar a trabajar con el texto, aprenderás a añadir una línea con la herramienta Texto y a aplicarle algunas opciones de formato. Para seguir los pasos, abre un documento de Illustrator tuyo o este archivo de práctica para descargar del tutorial. Para ver todo el contenido del archivo, selecciona Ver [View] y Encajar todo en ventana [Fit All in Window]. Ahora, añade un poco de texto al archivo. Selecciona la herramienta Texto [Type], en el panel Herramientas. En la ilustración de la derecha, haz clic en un área vacía para añadir texto. Después de hacer clic, aparecerá una línea pequeña. Este texto se denomina “texto de punto” y es perfecto para crear un titular en un póster o una línea de texto en un logo, por ejemplo. El texto que ves es un marcador de posición que puedes modificar. Selecciona el texto, escribe “Designs” y, después, selecciona el Zoom en el panel Herramientas y arrastra el cursor por el texto para ampliarlo. Activa la herramienta Selección para mover el objeto de texto. Arrastra una esquina del cuadro que ves alrededor del texto y fíjate en que expandes tanto el cuadro como el texto. Esto resulta útil para expandir el texto de diferentes formas y conseguir un aspecto concreto para un logo o para un titular de un póster, por ejemplo. Selecciona Edición [Edit] y Deshacer Escala [Undo Scale] para deshacer el cambio de tamaño. Para continuar escribiendo, haz doble clic en la palabra “Designs” y se volverá a activar la herramienta Texto. Después, coloca el cursor tras la palabra “Designs” y escribe “Made Simple”. Si siguieras escribiendo, el texto quedaría en una línea hasta que pulsaras Return o Entrar para crear otro párrafo. Para ver las dos mesas de trabajo, elige Ver [View] y Encajar todo en ventana [Fit All in Window]. Activa la herramienta Selección y el objeto se seleccionará. Para reducir el tamaño del texto, en el panel Propiedades [Properties], podrás ver la opción de tamaño de fuente. Haz clic en la flecha a la izquierda del campo y selecciona 11. Después, arrastra el texto a la esquina inferior derecha de la mesa de trabajo izquierda. Como el texto es negro y el fondo es oscuro, cambia el color de relleno del texto para poder leerlo. Haz clic en el color de relleno [Fill], en el panel derecho, selecciona la opción Muestras [Swatches] para poder ver los colores predeterminados del documento y selecciona este color verde claro. Ahora podrás ver el texto. Haz clic en un área vacía varias veces para deseleccionarlo. Ya sabes añadir texto y aplicar modificaciones sencillas de formato, así que podrás añadir texto a tus propios proyectos de Illustrator para un diseño web, un icono o un logo, por ejemplo. Guarda una copia del documento seleccionando Archivo [File] y Guardar como... [Save As...]. Ponle un nombre nuevo al archivo para no sobrescribir el original.

En este vídeo, aprenderás a añadir párrafos de texto con la herramienta Texto y a aplicar opciones básicas de formato. Para seguir los pasos en la última versión de Illustrator, abre un documento de Illustrator tuyo o este documento de los archivos de práctica para descargar del tutorial. Para ver todo el contenido en un archivo, selecciona Ver [View] y Encajar todo en ventana [Fit All in Window]. Ahora vamos a añadir un párrafo de texto al documento. Selecciona la herramienta Texto [Type] en el panel Herramientas y coloca el puntero en un área vacía de la mesa de trabajo derecha. Haz clic y arrastra para crear un área de texto. Aparece texto de marcador de posición seleccionado en el objeto. Este tipo de texto se llama “texto de área” y es similar al texto que se puede crear en Adobe InDesign. Esta es la forma habitual de crear párrafos de texto en Illustrator. Selecciona el texto de marcador de posición y escribe algo. Yo voy a escribir “Let us market your business. Quick, simple and elegant designs all made in-house by our top designers”. Si dispones de texto que has creado en otro programa, puedes copiarlo y pegarlo en Illustrator o seleccionar Archivo [File] y Colocar... [Place...] para añadir un documento de Word, un archivo RTF, uno de texto, etc. Activa la herramienta Selección [Selection] en el panel Herramientas y arrastra el texto para situarlo bajo este titular. Para redimensionar el texto de área, haz clic en una esquina y arrastra. Verás que el texto se ciñe al espacio. Si reduces el área de texto de forma que sea muy pequeña, aparecerá un signo + rojo en la esquina inferior derecha que indica que el texto no cabe en el área. Esto se denomina “texto desbordado”. Arrastra la esquina para que se vea todo el texto. Para reducir el texto un poco, en el panel Propiedades [Properties], a la derecha, podrás ver la opción de tamaño de fuente. Haz clic en la flecha a la izquierda del campo y selecciona 11. Después, haz clic en un área vacía para deseleccionar el texto. Ya sabes añadir párrafos de texto a tus documentos, por lo que podrás añadir todo tipo de texto a tus proyectos, como texto descriptivo para un folleto, texto para un sitio web o contenido para diseños de paquetes. Puedes guardar una copia de este archivo para que no se sobrescriba el archivo original seleccionando Archivo [File] y Guardar como... [Save As...]. Asegúrate de cambiarle el nombre.

Con Adobe Illustrator dispones de muchas formas para perfeccionar el aspecto del texto. En este proyecto, vas a crear texto para un titular y a aplicar formato como fuentes de Typekit, tamaño y color para que tenga un mejor aspecto. Para seguir los pasos en la versión más reciente de Illustrator, abre un documento de Illustrator tuyo o este de los archivos de práctica para descargar del tutorial. Para ver todo el contenido, selecciona Ver [View] y Encajar todo en ventana [Fit All in Window]. Para comenzar, añade texto al proyecto. Selecciona la herramienta Texto [Type] en el panel Herramientas y, en una zona vacía del documento, arrastra para crear un área de texto. Escribe “Designs Made Simple” para reemplazar el texto de marcador de posición. A este texto hay que aplicarle formato. Debería ser más grande y se le debe aplicar una fuente que le dé otro aspecto, así como otras opciones. Para realizar cambios de formato en la fuente y el tamaño, selecciona el texto con la herramienta Texto activada. Si todo el texto del área tiene el mismo formato aplicado, basta con seleccionar el objeto de texto con la herramienta Selección. Haz clic y arrastra el cursor sobre el texto para seleccionarlo. La mayor parte del formato de este texto se sitúa en el panel Propiedades [Properties], a la derecha. Hay muchas opciones de formato de texto que puedes probar, entre ellas, Fuente, Tamaño de fuente, Interlineado y mucho más. Para cambiar la fuente del texto, haz clic en el menú Familia de fuentes [Font Family]. Puedes elegir una fuente de la lista de tu equipo, pero también puedes buscar fuentes y añadirlas de la lista de miles disponibles en Adobe Typekit, que se incluye en tu abono a Creative Cloud. Haz clic en Añadir fuentes de Typekit [Add Fonts from Typekit]. El sitio web de Typekit se abrirá en tu navegador predeterminado siempre que tengas conexión a Internet. En el sitio web de Typekit, haz clic en Mostrar filtros [Show Filters] para filtrar las fuentes según sus propiedades, como Serif o Sans Serif, y explorar las distintas fuentes para encontrar la adecuada. La lista de fuentes disponibles tendrá un aspecto distinto de este, depende del abono a Creative Cloud que tengas y a las fuentes que ya hayas instalado. Ten en cuenta que Adobe añade fuentes constantemente a Typekit para sus miembros. Para buscar una fuente, dirígete al campo Buscar [Find] y escribe “Lato”. Coloca el puntero sobre la fuente en la lista para seleccionarla. Después podrás sincronizar el estilo de fuente. Al sincronizar una fuente, dispondrás de ella en tu equipo y en todas tus aplicaciones de Creative Cloud. Busca Lato Black y haz clic para sincronizarla. Cuando hayas elegido la fuente, en Illustrator, haz clic en el menú Familia de fuentes [Font Family] y podrás filtrar por “Typekit” en este menú para ver la fuente recién instalada y hacer clic para aplicarla. En el menú Tamaño de fuente, cambia el tamaño a 36. Es posible que una parte del texto esté oculta. En ese caso, activa la herramienta Selección y arrastra una esquina del objeto de texto para mostrarlo todo. Después, coloca el puntero sobre el texto y colócalo en la posición adecuada, como ves aquí. Para cambiar el color de relleno del texto, haz clic en el color de relleno [Fill] en Propiedades [Properties]. Selecciona la opción Muestras [Swatches] para que puedas ver los colores predeterminados y, después, selecciona la muestra verde. Haz clic en un área vacía para deseleccionar el texto. Como puedes ver, Illustrator ofrece muchas opciones de formato de texto que puedes probar. Puedes dar formato al texto de un logo, perfeccionar el aspecto del texto y el diseño de una aplicación o dar formato al texto para que se adapte a tus diseños. Guarda una copia de este archivo seleccionando Archivo [File] y Guardar como... [Save As...]. Asegúrate de que le pones un nombre distinto para conservar el archivo de práctica original.

En Adobe Illustrator existen métodos y herramientas para trabajar con texto de forma creativa. En este vídeo, aprenderás a añadir texto a un trazado. Si quieres seguir los pasos en la versión más reciente de Illustrator, abre este documento de los archivos de práctica del tutorial. Para ver todo el contenido de un archivo, elige Ver [View] y Encajar todo en ventana [Fit All in Window]. Para empezar, añade texto a este círculo amarillo. Puedes añadirlo al borde del trazado, dentro o fuera de la forma. Para ello, selecciona la herramienta Texto en el panel Herramientas, y coloca el puntero en el borde superior del círculo amarillo. Al lado del puntero aparece ahora un círculo. Si lo ves, significa que, si haces clic, el texto que escribas se situará dentro del círculo. Esto no es lo que queremos. Pulsa Option en Mac o Alt en Windows y, con el puntero sobre el borde del círculo, haz clic. El relleno de la forma desaparece porque ahora es un objeto de texto. Escribe “BOBBY'S CAMPFIRE” en mayúsculas. Después, haz clic en el texto y arrastra el cursor para seleccionarlo. Así podrás aplicarle opciones de formato. En el panel Propiedades [Properties], a la derecha, selecciona el tamaño de texto y escribe “20”. Después, pulsa Entrar o Return para realizar el cambio. Cuando cambies el tamaño, haz clic en el menú Familia de fuentes y prueba a seleccionar otra fuente. Voy a seleccionar Arial Black. Ahora, rota el texto para que quede más centrado con la parte superior del círculo. Activa la herramienta Selección [Selection] y coloca el puntero junto a una esquina de la caja que rodea el círculo. Cuando veas una flecha curva, arrastra hasta que el texto quede centrado en el logo. Después, haz clic en un área vacía para deseleccionar el texto. Hay muchas maneras de trabajar con texto de forma creativa, entre ellas, añadir texto a un trazado. Ahora que sabes añadir texto a un trazado, puedes crear un titular de póster creativo o añadir texto a un trazado como parte del diseño de un folleto. Guarda una copia de este archivo seleccionando Archivo [File] y Guardar como... [Save As...]. Cámbiale el nombre para no sobrescribir el original.

En Illustrator, puedes aplicar acciones muy creativas al texto e incluso editar letras individualmente para conseguir una versión del texto con más estilo. Ahora aprenderás a convertir el texto en contornos para reformarlos con la herramienta Selección Directa. Para seguir los pasos en la versión más reciente de Illustrator, abre este documento de los archivos de práctica para descargar del tutorial. Cuando abras el archivo de práctica, puede que veas un cuadro que indica que faltan fuentes, ya que se usó una fuente de Typekit en este documento. Accede a la biblioteca de Adobe Typekit, que está incluida en tu abono a Creative Cloud. Para recuperar las fuentes, haz clic en Sincronizar fuentes [Sync Fonts] para tenerlas en el equipo. Cuando se sincronice la fuente, haz clic en Cerrar [Close]. Si no puedes sincronizar la fuente, haz clic en Cerrar [Close], selecciona el texto con la herramienta Texto y elige otra fuente en el panel Propiedades [Properties]. Para ver todo el contenido, elige Ver [View] y Encajar mesa de trabajo en ventana [Fit Artboard in Window]. El texto aparecerá en la parte inferior de la mesa de trabajo. Trabajarás con el texto de la parte superior de la mesa de trabajo. Activa la herramienta Selección y arrástrala por el texto de la parte superior para seleccionarlo. Como es texto, puedes cambiar la fuente, el tamaño de fuente y otras opciones de formato de texto. Para editar el texto como si fueran trazados, hace falta convertirlo en trazados vectoriales. Para hacerlo, selecciona Texto [Type] y Crear contornos [Create Outlines]. Ahora, este texto se compone de formas que puedes editar. Haz clic en un área vacía y, después, haz clic para seleccionar el grupo de formas “UNO”. Para modificar la forma de O a su aspecto en la ilustración final, selecciona la herramienta Zoom en el panel Herramientas y arrástrala por las formas para aumentarlas un poco. Después, activa Selección directa en el panel Herramientas. Arrástrala por la mitad superior de la O; después, coloca el cursor sobre un punto de ancla seleccionado y arrastra hacia arriba hasta alinearlo con la parte superior de la R. Activa la herramienta Selección [Selection] y haz clic en el texto editado “NUMER”. Al crear contornos a partir del texto, se convierte en un grupo de formas. Para mover las letras por separado, debes desagruparlas en Objeto [Object] y Desagrupar [Ungroup]. Haz clic en una zona vacía para deseleccionar y, después, haz clic en la U y arrástrala hacia abajo. Las guías inteligentes de color magenta ayudan a alinearla. Después, arrastra la N y colócala justo encima de la U. Las guías inteligentes te indicarán si está alineada. Ahora, edita la letra M. Activa la herramienta Selección directa [Direct Selection] y arrástrala por la parte inferior de la M para seleccionar los puntos de ancla de esta zona. Coloca el puntero sobre uno de los puntos de ancla seleccionados y arrástralo hacia abajo hasta alinearlo con la parte inferior de la U. Si mueves la letra M entera, puedes seleccionar Edición [Edit] y Deshacer Mover [Undo Move]. Vuelve a seleccionar los puntos de ancla y asegúrate de que arrastras uno de ellos. Para ver la ilustración final, elige Seleccionar [Select] y Deseleccionar [Deselect]. En Illustrator, se pueden aplicar muchas acciones creativas al texto, como reformar las letras. Ahora que sabes crear contornos a partir de texto y reformarlo puedes trabajar en textos creativos para logos u otros elementos de diseño. Selecciona Archivo [File] y Guardar como... [Save As...] para guarda una copia de este archivo con otro nombre y no sobrescribir el archivo de práctica original.