Cambio de color y de trazos

Crear y aplicar colores en Illustrator permite ser creativo. Para usar colores, debes saber qué son el trazo y el relleno. Después, aplicaremos color utilizando los que se incluyen en el documento. También crearás tu propio color con el Selector de color. Para seguir los pasos, puedes utilizar un documento tuyo o abrir este de los archivos de práctica del tutorial. Para asegurarte de que ves todas las ilustraciones, selecciona Ver [View] y Encajar todo en ventana [Fit All in Window]. Activa la herramienta Selección [Selection] en el panel Herramientas y haz clic para seleccionar la forma verde grande. Las ilustraciones vectoriales y el texto de Illustrator pueden tener un relleno, que es este color verde, y un trazo, que es este color rojo. El trazo actúa como borde alrededor del relleno. Puedes aplicar un color, un degradado, que es una fusión entre dos colores, o un patrón repetitivo como relleno o trazo en Illustrator. En el panel Propiedades [Properties] verás el color de relleno [Fill] y el color de trazo [Stroke] de la ilustración seleccionada. Haz clic en el color de relleno [Fill] para abrir un panel. En este panel, verás una opción que muestra colores predeterminados que puedes usar llamados “muestras” y una opción para mezclar o crear tu propio color. Asegúrate de que la opción Muestras está seleccionada. Cada documento nuevo que crees incluirá una serie de muestras predeterminadas. Prueba a hacer clic en varios colores para ver cómo quedan y fíjate en que hay muestras de patrones y degradados. Asegúrate de que seleccionas el color rojo para la forma. Ahora elimina el color del trazo. Haz clic en el color de trazo [Stroke], bajo el color de relleno [Fill], selecciona la opción Muestras [Swatches] y elige el color [Ninguno] ([None]). Así dejamos de aplicar color al trazo, es decir, lo eliminamos. Con los colores predeterminados, se puede iniciar rápido el trabajo, pero, ¿qué ocurre cuando queremos crear un color propio? En Illustrator, lo hacemos mediante varios métodos, entre los que se incluyen utilizar el Selector de color. Haz clic en la forma roja de la derecha para seleccionarla. Lo primero que harás será decidir qué quieres cambiar en la forma seleccionada: el relleno o el trazo. En la parte inferior del panel Herramientas, verás dos cuadros. Representan el relleno y el trazo. El cuadro delantero es el que se va a modificar. Haz clic en el cuadro del relleno para que se coloque delante y haz doble clic para abrir el Selector de color [Color Picker]. En este cuadro de diálogo puedes crear colores de muchas formas: de forma visual, introduciendo valores exactos e incluso seleccionando colores existentes de bibliotecas que se incluyen en Illustrator. Creemos un color de forma visual. Si arrastras esta barra de espectro de color, prueba a seleccionar un color azul claro. Después, haz clic en el campo de color para elegir el que quieras. El color que hayas seleccionado se muestra aquí. Haz clic en OK para aplicar el color al relleno de la forma seleccionada. Utilizar el Selector de color es una buena forma de crear un color, pero este no se guarda de forma automática para volver a usarlo. Si quieres aplicar el mismo color a otra ilustración, puedes tomar una muestra con la herramienta Cuentagotas. Esta es una forma rápida de aplicar el mismo formato de un objeto a otro y resulta muy útil si buscas coherencia entre tus colores. Haz clic para seleccionar esta forma roja y activa la herramienta Cuentagotas [Eyedropper] en el panel. Esta herramienta captura el formato del objeto en el que se hace clic y lo aplica a la ilustración seleccionada. Haz clic en la forma azul para aplicar el mismo relleno y el mismo trazo a la forma roja. Activa la herramienta Selección [Selection] y haz clic en un área vacía para ver la ilustración. Utilizar el color adecuado en tus proyectos, ya sea seleccionando una muestra predeterminada o creando tu propio color, puede marcar la diferencia entre un diseño bueno y uno estupendo. Ahora que sabes aplicar colores y crearlos, puedes utilizarlos en formas vectoriales de ilustraciones y en muchos otros elementos. Guarda una copia de este archivo seleccionando Archivo [File] y Guardar como... [Save As...]. Asegúrate de cambiarle el nombre para conservar el archivo de práctica original.

Para trabajar mejor en Illustrator puedes guardar colores que hayas creado como muestras y reutilizarlos luego; así ahorras tiempo y usas el mismo color. Para aplicar colores a este diseño aprenderás a guardar un color como muestra en un documento mediante el panel Muestras, a aplicar ese color a otra ilustración y a actualizar la muestra. Para seguir los pasos, puedes utilizar un documento tuyo o abrir este de los archivos de práctica del tutorial. Para ver todo el contenido del archivo, elige Ver [View] y Encajar todo en ventana [Fit All in Window]. Activa la herramienta Selección [Selection] y haz clic en este edificio verde para seleccionarlo. Para aplicar con facilidad el relleno de esta forma a otros objetos, como a los otros edificios, puedes guardar este color en el documento como una muestra. Haz clic en el color de relleno [Fill], en el panel Propiedades [Properties], para ver los colores que ya se han guardado como muestras. Selecciona la opción Muestras [Swatches]. Para guardar el color como una muestra, haz clic en el botón Muestra nueva [New Swatch] del panel. Se abre este cuadro de diálogo, en el que puedes cambiarle el nombre a tu color, ponerle “Buildings”, por ejemplo, o algo que te resulte significativo y que te permita reconocerlo luego. Puede que apliques este color más tarde a otras formas que no sean edificios. Fíjate en que la opción Global aparece seleccionada. Las muestras son globales de forma predeterminada, es decir, si quieres actualizar la muestra global, cualquier objeto con ese color se actualizará. No marques Añadir a mi biblioteca [Add to my Library] por ahora y haz clic en OK. Podrás ver el color como una muestra en el panel. La muestra está rodeada por un borde que indica que está aplicada a la ilustración seleccionada. Las muestras que crees aparecerán únicamente en el documento en el que las guardes. Ahora que el color se ha guardado como muestra, puedes aplicarlo fácilmente a otras ilustraciones. Haz clic en una de las formas de edificio azul, pulsa la tecla Mayús (o Shift) y haz clic en los otros dos edificios para seleccionar los tres. Al pulsar Mayús (o Shift) cuando seleccionas una ilustración, puedes añadir más objetos a una selección o, si quieres, eliminarlos. Haz clic en el color de relleno [Fill], en el panel Propiedades, y mira la nueva muestra que has creado. Este triángulo blanco de la esquina indica que es global, por lo que, si modificas el color, se actualizará todo el contenido que tenga este color. Selecciona la muestra que has creado para aplicar este color al relleno de los tres. Haz clic en un área vacía hasta que lo deselecciones todo. Ahora vamos a editar la muestra verde. Al editar una muestra que has creado, se actualizan todos los edificios a la vez sin tener que seleccionarlos. Activa la herramienta Selección y haz clic en uno de los edificios. Verás el color de relleno [Fill] en el panel Propiedades [Properties]. Haz clic en el color de relleno [Fill], a la derecha, y haz doble clic en la muestra verde que has creado. Cuando se crea una muestra, el color resultante surge de la mezcla de otros colores. Cuando se trata de documentos que se van a imprimir, se mezclan las cuatro tintas de una impresora normal: cian, magenta, amarillo y negro. Para modificar el color de la muestra, puedes editar cada color de forma independiente. Puedes hacerlo arrastrando los reguladores o introduciendo valores. En el color de la parte superior, arrastra el regulador a la izquierda y obtendrás un color verde más amarillento. Selecciona Vista previa [Preview] para ver el efecto y, si necesitas mover el cuadro de diálogo, puedes hacerlo arrastrando la barra de título superior. Fíjate en que se han actualizado todas las formas. Haz clic en OK. Haz clic en un área vacía para deseleccionar el edificio. Guardar tus propias muestras te ayudará a trabajar más rápido y a alcanzar una mayor coherencia entre tus ilustraciones. Ahora que conoces las nociones básicas de trabajar con muestras, puede experimentar en tus propios proyectos o tratar de modificar un color de una ilustración almacenándolo como muestra, aplicándolo a otra ilustración del documento y actualizando esa muestra. Para guardar una copia de este archivo, selecciona Archivo [File] y Guardar como... [Save As...]. Ponle un nombre diferente para conservar el archivo de práctica original.

En tus diseños, puedes añadir elementos divertidos y creativos, como líneas discontinuas y flechas. Básicamente, se trabaja con los trazos y los bordes de los objetos. Para completar el diseño de este logo, aprenderás a trabajar con el trazo de un objeto y a añadir líneas discontinuas y editarlas, así como a añadir puntas de flecha a los trazados. Para seguir los pasos, abre este documento de los archivos de práctica para descargar del tutorial y para que puedas ver todo el contenido del archivo, selecciona Ver [View] y Encajar todo en ventana [Fit All in Window]. Activa la herramienta Selección [Selection] en el panel Herramientas y haz clic en este círculo azul para seleccionarlo. Fíjate en que el grosor o el tamaño del trazo, que se ve en el panel Propiedades [Properties], es de 15 puntos. Para cambiar el grosor del trazo, haz clic en la flecha situada a la derecha de los 15 puntos y selecciona un valor o escribe el que quieras. Para que el trazo sea más pequeño, establece el grosor en 13 haciendo clic en la flecha hacia abajo varias veces. Además de cambiar el grosor del trazo, puedes cambiar otras propiedades de su aspecto. En el panel Propiedades [Properties], haz clic en la palabra Trazo [Stroke] para que aparezca el panel Trazo [Stroke]. Aquí hay muchas opciones de trazos, como alinear un trazo a un trazado, segmentarlo en guiones, añadir puntas de flecha y mucho más. Haz clic en Alinear trazo al exterior [Align Stroke to Outside] para ver que puedes alinear el trazo de distintas formas en el borde de un trazado. Esto puede resultar muy útil. Supón que quieres que un trazo sea más grande, pero que quieres añadir texto al interior de la forma. Al alinear el trazo con el exterior, este se situará fuera de la forma para que cuentes con más espacio en el que colocar el texto. Haz clic en Alinear trazo al centro [Align Stroke to Center] para centrar el trazo con el borde del círculo de nuevo. Para aplicar guiones a la ilustración seleccionada, marca la opción Línea discontinua [Dashed Line] del panel. Puedes crear distintos tipos de guiones, que formarán patrones que se repetirán por el trazado. Por ejemplo, cambia la opción Guion [Dash] a 7 puntos; después, haz clic en el campo Hueco [Gap], a la derecha. Illustrator aplica guiones de 7 puntos de longitud y huecos de 7 puntos que se repiten por toda la extensión del trazado. Haz clic en el campo Hueco [Gap], introduce 9 puntos y haz clic en el campo siguiente para aplicar el cambio. Entre los guiones de 7 puntos se intercalan huecos de 9 puntos que se repiten en la forma. Cambia el grosor [Weight] del trazo a 1 punto y, para que la forma no tenga relleno, haz clic en el color de relleno [Fill], en el panel Propiedades [Properties], selecciona la opción Muestras [Swatches] y elige [Ninguno] ([None]) para eliminar el color. Las puntas de flecha aportan creatividad a las ilustraciones. Activa la herramienta Selección, haz clic en una de estas líneas centrales y selecciona la otra también haciendo clic y pulsando Mayús. Vas a añadir puntas de flecha a las dos líneas a la vez. Para añadir las puntas de flecha, haz clic en la palabra Trazo [Stroke] en el panel para que aparezca el panel Trazo [Stroke]. Aquí puedes añadir puntas de flecha al inicio de un trazado, al final o a ambos lados. Haz clic en el menú Puntas de flecha [Arrowhead] izquierdo y selecciona una punta de flecha. Podrás ver que hay muchas opciones para elegir. Selecciona Flecha 14 [Arrow 14]. La punta está escalada al 100 % del grosor del trazo. Modifica el grosor del trazo a 3 puntos y verás que la punta de flecha también aumenta según el grosor del trazo. Si quieres redimensionar la punta de flecha, puedes modificar la escala [Scale] de cada una aquí. Haz clic en el menú Puntas de flecha [Arrowhead] derecho y selecciona Flecha 18 [Arrow 18]. Si ves que las puntas están en el extremo equivocado, puedes hacer clic en este botón para invertirlas. Asegúrate de que tienen este aspecto antes de continuar. Haz clic en un área vacía para cerrar el menú Trazo [Stroke] y repite esta acción para deseleccionar la ilustración. Ahora que sabes cambiar el aspecto de los trazos, puedes experimentar con diferentes tipos en tus ilustraciones: puedes crear un efecto de pespunte con una línea discontinua o añadir puntas de flecha a un diagrama o una infografía. Para conservar el archivo de práctica original, guarda una copia seleccionando Archivo [File] y Guardar como... [Save As...]. No te olvides de ponerle un nombre diferente.

En Illustrator, hay muchas formas de usar creativamente los colores, entre las que se incluyen aplicar degradados a las ilustraciones. Un degradado es una fusión entre dos o más colores, como los que ves en esta forma. Con la ilustración de este icono aprenderás a aplicar un degradado existente a una ilustración y a editarlo para que se adapte a tu diseño. Si quieres seguir los pasos, te sugiero que abras este documento de los archivos de práctica para descargar del tutorial. Para ver todo el contenido del archivo, elige Ver [View] y Encajar todo en ventana [Fit All in Window]. Activa la herramienta Selección [Selection] y haz clic en la forma del fondo para seleccionarla. Para rellenar esta forma con un color degradado, haz clic en el cuadro Relleno [Fill], en Propiedades [Properties], y selecciona la opción Muestras [Swatches] para que puedas ver los colores predeterminados disponibles. Los documentos de Illustrator presentan una serie de muestras de degradados predeterminadas. Haz clic en las muestras de degradado para verlas una a una y observar cómo quedan en el relleno de la forma. Hay muchas formas creativas de utilizar los degradados, como hacer una ilustración más interesante o añadirle dimensión o profundidad. En Illustrator CC, los degradados pueden aplicarse a casi todos los rellenos y trazos. Aplica a la forma el degradado blanco y negro. Cuando aplicas un degradado, puedes editar los colores y su aspecto en la ilustración seleccionada. Haz clic en Opciones de degradado [Gradient Options] para abrir el panel Degradado [Gradient]. Si lo necesitas, puedes arrastrar este panel por la barra de título superior. En el panel Degradado [Gradient] hay muchas opciones para modificar los degradados, pero ahora nos centraremos en modificar los colores. Como has aplicado el degradado al relleno de esta forma, tienes que trabajar con la opción Relleno [Fill] de este panel, no con la opción Trazo [Stroke]. Haz clic en el cuadro Relleno [Fill] para que se sitúe delante. El que esté delante de estos dos cuadros será el que modificarás en la ilustración seleccionada. Esta barra representa los colores del degradado de la ilustración. Estas dos marcas que parecen cubos de color se llaman “niveles de color” y representan los colores del degradado. Verás uno blanco y uno negro. Arrastra el nivel de color blanco a la derecha y observa lo que ocurre en la ilustración cuando lo sueltas. Al acercarlo al segundo color, la transición de blanco a negro, en este caso, se acorta. Vuelve a arrastrar el nivel de color blanco al extremo izquierdo. Si quieres cambiar los colores de un degradado, puedes modificarlos por separado. Haz doble clic en el nivel de color blanco para editarlo. Para ver las muestras de color que se incluyen en el documento, haz clic en el botón Muestras [Swatches] y selecciona el color llamado “crema” [cream]. Para modificar el otro color del degradado, haz clic en el panel Degradado [Gradient] para ocultar las muestras y haz doble clic en el nivel de color negro. Selecciona la muestra de color llamada “azul” [blue]. Cuando el color se aplique, podrás editar el degradado en la forma con la herramienta Degradado. Haz clic en la X del panel Degradado [Gradient] para cerrarlo. Activa la herramienta Degradado [Gradient] en el panel Herramientas y aparecerá una barra que atraviesa el relleno de la forma. Esta barra muestra la dirección y la longitud del degradado. Si colocas el cursor sobre ella, podrás ver los dos colores en cada extremo. Vamos a cambiar la dirección y la longitud del degradado. Haz clic en la parte inferior de la forma, arrastra hasta quedar muy cerca de la parte superior y suelta el botón del ratón. Has cambiado la dirección del degradado y también has configurado la longitud. En otras palabras, en qué punto se fusionan el color crema y el color azul. Para ver toda la ilustración, activa la herramienta Selección en el panel Herramientas y haz clic en un área vacía para deseleccionar. Como ves, aprender a crear y aplicar degradados te permite desarrollar nuevos niveles de creatividad. Cuando explores Illustrator CC y trabajes en tus propios proyectos, podrás utilizar degradados para lograr efectos como añadir profundidad a un botón o crear una puesta de sol perfecta para un póster, por ejemplo. Guarda una copia del archivo seleccionando Archivo [File] y Guardar como... [Save As...]. No te olvides de cambiar el nombre para que no sobrescribas el archivo de práctica original.

En ocasiones, las ilustraciones presentarán varios colores distintos. Si necesitas ajustar estos colores, por ejemplo, aclarar todos los colores de un póster o crear varias versiones en distintos colores de un logo, cambiar cada color puede resultar complicado y lento. Aquí se consigue fácilmente con Volver a colorear ilustración. Para seguir los pasos, abre un documento tuyo o este de los archivos de práctica para descargar del tutorial. Para ver todo el contenido, selecciona Ver [View] y Encajar mesa de trabajo en ventana [Fit Artboard in Window]. Para volver a colorear toda la ilustración, selecciona la ilustración que quieres volver a colorear, como este logo. En este caso, ajustarás el color de todo el póster. Elige Seleccionar [Select] y Todo [All] para seleccionar toda la ilustración. En el panel Propiedades [Properties], a la derecha, haz clic en Volver a colorear [Recolor] para abrir el cuadro Volver a colorear ilustración [Recolor Artwork]. Esta es una herramienta de Illustrator muy potente y, a la vez, muy fácil de usar para realizar cambios de color completos. Haz clic en la pestaña Edición [Edit] para ver una rueda de color. En la rueda de color están todos los colores que Illustrator ha encontrado en la ilustración seleccionada, representados por estos círculos: el morado del fondo, el verde de las hojas y todos los demás. Puedes modificar estos colores para que se adapten a tus necesidades. Por ejemplo, puedes modificar los colores por separado. Arrastra el color morado a otra zona de la rueda de color y el morado de la ilustración cambiará cuando lo sueltes. Si necesitas mover el cuadro de diálogo para poder ver la ilustración, arrástralo por la barra de título superior. También puedes cambiar todos los colores a la vez para aclararlos, por ejemplo, o aplicar la misma modificación a los colores. Para que todos los colores vuelvan a su estado original antes de que cambiaras el morado, haz clic en este cuentagotas para restablecerlos. Esto resulta muy útil si sigues experimentando, pero quieres restablecer los colores originales al acabar. Para que todos los colores se modifiquen a la vez, haz clic en el botón Enlazar colores armónicos [Link harmony colors]. Arrastra el mismo color morado a otra zona de la rueda de color. Esta vez, todos los colores cambian. Arrastra el color morado hasta que se transforme en verde y tenga un aspecto parecido a este. También puedes ajustar el brillo general de los colores para aclararlos u oscurecerlos arrastrando este regulador de brillo a la izquierda o la derecha. Cuando te gusten los colores del póster, haz clic en OK. En lugar de modificar los colores de una ilustración por separado, Volver a colorear ilustración nos brinda un buen método para modificar colores de forma rápida y visual. Ahora puedes modificar colores en tus propios proyectos mediante Volver a colorear ilustración e incluso crear varias versiones de ilustraciones como logos. Selecciona Archivo [File] y Guardar como... [Save As...] para guardar una copia del archivo. No te olvides de cambiarle el nombre para no sobrescribir el archivo de práctica original.