En este tutorial, usaremos Illustrator para hacer un gráfico estilizado con un esquema de color monocromático, lo que simplemente significa que solo usará un color con varios tonos. Cuando haya terminado, creará una segunda versión del gráfico con más de un color. Puede seguir adelante: para comenzar, debe trazar una fotografía, usar la herramienta Pluma para crear formas que delinean varios tonos, luego rellenar las formas con color y reorganizar las capas. Cuando haya terminado, tendrá dos versiones del mismo gráfico y el know-how para hacer aún más.
Hacer un gráfico estilizado de una foto en Illustrator
Aunque usamos Illustrator CS6 para este tutorial, debería poder seguir cualquier versión bastante reciente.
Simplemente haga clic derecho en la imagen de arriba para guardar un archivo de práctica en su computadora, luego abra el archivo en Illustrator. Para guardar el archivo con un nuevo nombre, elija Archivo> Guardar como, cambie el nombre del archivo, "ice_skates", haga el formato de archivo Adobe Illustrator y haga clic en Salvar.
02 de 19Talla Artboard
Desea convertir el par de patines de hielo dentro de la fotografía en un gráfico estilizado. La fotografía que se muestra tiene una buena variedad de tonos, lo cual es importante para el tipo de gráfico que vas a hacer.
En el panel Herramientas, seleccione la Mesa de trabajo herramienta, luego haga clic en uno de los controles de esquina de Artboard y arrástrelo justo dentro de los bordes de la fotografía. Haga lo mismo con el mango opuesto, luego presione Escapar Tecla para salir del modo Editar Artboard.
03 de 19Convertir a escala de grises
Para seleccionar la fotografía, elija la Selección Herramienta del panel Herramientas y haga clic en cualquier lugar de la fotografía.
Entonces escoge Editar> Editar colores> Convertir a escala de grises. Esto hará que la fotografía se torne en blanco y negro, lo que facilitará la distinción entre los diferentes tonos.
04 de 19Atenuar la fotografía
En el Panel de capas, haga doble clic en la capa. Esto abrirá el cuadro de diálogo Opciones de capa.
Haga clic en Modelo y Imágenes tenues, luego escriba el 50% y haga clic en DE ACUERDO. La fotografía se atenuará, lo que le permitirá ver mejor las líneas que pronto dibujará sobre la fotografía.
05 de 19Renombrar capas
En el panel Capas, haga clic en Capa 1, que le dará un campo de texto para escribir un nuevo nombre. Escriba el nombre, "Plantilla".
A continuación, haga clic en el Crear una nueva capa botón. Por defecto, la nueva capa se llama "Capa 2". Haga clic en el nombre y luego escriba en el campo de texto "Tonos oscuros".
06 de 19Eliminar color de relleno y trazo
Con la capa de tonos oscuros seleccionada, haga clic en Bolígrafo Herramienta, ubicada en el panel Herramientas. También en el panel Herramientas están los cuadros Relleno y Trazo. Haga clic en el Llenar caja y en el Ninguna botón debajo de él, luego en el Carrera caja y Ninguna botón.
07 de 19Rastreo alrededor de los tonos oscuros
Una vista más cercana me ayudará a rastrear con mayor precisión. Para acercar, elija Ver> Acercar, haga clic en la flecha pequeña en la esquina inferior izquierda de la ventana principal para elegir un nivel de zoom, o use la herramienta Zoom.
Con la herramienta Pluma, dibuje alrededor de los tonos más oscuros para formar formas. Comience con los tonos oscuros que forman la forma que conforma la suela y el talón del patín de hielo en la parte delantera. Por ahora, ignora los tonos de luz dentro de esta forma. (Además, no le prestes atención a la pared detrás de los patines de hielo).
Si no está familiarizado con el uso de la herramienta Pluma, se encuentra en el panel Herramientas y funciona haciendo clic para crear puntos. Dos o más puntos crean un camino. Si desea una ruta curva, haga clic y arrastre. Surgen las manijas de control que se pueden usar para editar las rutas curvas. Simplemente haga clic en el extremo de un asa y muévalo para realizar ajustes. Hacer su último punto sobre su primer punto conecta los dos y crea una forma. Usar la herramienta Pluma requiere un poco de tiempo para acostumbrarse, pero se vuelve más fácil con la práctica.
08 de 19Selecciona los caminos
Continúe trazando alrededor de todas las formas oscuras, como la suela parcialmente descubierta del patín en la parte posterior y los muchos ojales. Luego, en el panel Capas, haga clic en el círculo objetivo de la capa de tonos oscuros. Esto seleccionará todas las rutas que ha dibujado para esta capa.
09 de 19Aplicar un relleno de color oscuro
Con la capa de tonos oscuros seleccionada en el panel Capas, haga doble clic en el Llenar en el panel Herramientas, que abrirá el Selector de color. Para indicar un tono muy oscuro de azul, escriba los campos de valor RGB, 0, 0 y 51. Cuando haga clic en DE ACUERDO, las formas se llenarán de este color.
En el panel Capas, haga clic en el icono del ojo a la izquierda en la capa de tonos oscuros para hacerla invisible.
10 de 19Traza alrededor de los tonos medios
Ahora, crea otra capa y llámala "Tonos medios". Esta nueva capa debe seleccionarse y situarse por encima del resto en el panel Capas. Si no es así, deberás hacer clic y arrastrarlo a su lugar.
Con la herramienta Pluma aún seleccionada, haga clic en Llenar caja y Ninguna botón. Luego rastrea alrededor de todos los tonos medios de la misma manera que rastreaste alrededor de todos los tonos oscuros. En esta fotografía, las cuchillas parecen ser de tono medio, y también parte del talón y algunas de las sombras. Use mi "licencia artística" para hacer que las sombras cerca de los ganchos sean más pequeñas.(Simplemente ignore los pequeños detalles, como las costuras y las marcas de desgaste).
Una vez que haya terminado de rastrear alrededor de los tonos medios, haga clic en el círculo objetivo para la capa de tonos medios.
11 de 19Aplicar un relleno de color de tono medio
Con la capa de tonos medios seleccionada, y también las rutas dibujadas, haga doble clic en el Llenar en el panel Herramientas. En el Selector de color, escriba los campos de valor RGB, 102, 102 y 204. Esto le dará un tono medio de azul. A continuación, haga clic en DE ACUERDO.
Haga clic en el icono del ojo para la capa de tonos medios. Ahora, tanto la capa de tonos oscuros como la capa de tonos medios deberían ser invisibles.
12 de 19Rastreo alrededor de los tonos claros
Hay tonos claros y tonos muy claros dentro de esta fotografía. Los tonos muy claros se llaman resaltados. Por ahora, ignora los aspectos más destacados y concéntrate en los tonos claros.
En el panel Capas, cree otra capa nueva y asígnele el nombre "Tonos claros". Luego, haga clic y arrastre esta capa para que se asiente entre la capa de tonos oscuros y la capa de plantilla.
Con la herramienta Pluma aún seleccionada, haga clic en Llenar caja y Ninguna botón. Luego trace alrededor de los tonos claros de la misma manera que lo hizo alrededor de los tonos oscuros y medios. Los tonos claros parecen ser las botas y los cordones, que se pueden dibujar de tal manera que crean una forma grande.
13 de 19Aplicar un relleno de color claro
En el panel Capas, asegúrese de que la capa de tonos de luz esté seleccionada y también las rutas dibujadas. Luego haga doble clic en el Llenar en el panel Herramientas, y en el selector de color, escriba los campos de valor RGB, 204, 204 y 255. Esto le dará un tono medio de azul. Luego haga clic DE ACUERDO.
Finalmente, haga clic en el icono de ojo para la capa de tonos de luz, haciéndolo invisible.
14 de 19Rastrear todo lo destacado
Los aspectos más destacados son las pocas partes blancas más brillantes de un objeto o sujeto, donde están fuertemente iluminadas.
En el panel Capas, cree otra capa nueva y asígnele el nombre "resaltados". Esta capa debe quedar por encima del resto. Si no lo hace, haga clic y arrástrelo a su lugar.
Con la nueva capa de Destacados seleccionada, haga clic en Bolígrafo y vuelva a configurar el cuadro Relleno en Ninguno. Traza alrededor de las áreas blancas o resaltadas puras.
15 de 19Aplicar un relleno blanco
Con los trazados dibujados seleccionados, haga doble clic en el Llenar en el panel Herramientas, que abrirá el Selector de color. Escriba los campos de valor RGB, 255, 255 y 255. Al hacer clic en DE ACUERDO, las formas se llenarán de blanco puro.
16 de 19Ver capas combinadas
Ahora viene la parte divertida, que es revelar todas las capas y ver formas dibujadas trabajando juntas para formar una imagen. En el panel Capas, haga clic en cada cuadro vacío donde había una vez un icono de ojo para revelar el icono y hacer que las capas sean visibles. Para asegurarse de que todas las capas están deseleccionadas, haga clic en Selección herramienta en el panel Herramientas y luego haga clic fuera del lienzo.
17 de 19Hacer un cuadrado
Ya que ha terminado de rastrear, ahora puede eliminar la plantilla. En el panel Capas, haga clic en Modelo capa entonces en el pequeño Eliminar selección Botón, que parece un pequeño bote de basura.
Para hacer un cuadrado, seleccione la herramienta Rectángulo en el panel Herramientas, haga doble clic en el Llenar y, en el Selector de color, escriba 51, 51 y 153 para los valores RGB, luego haga clic en DE ACUERDO. Luego mantén presionada la Cambio Presione la tecla a medida que hace clic y arrastre para crear un cuadrado que rodea los patines de hielo.
18 de 19Redimensionar artboard
Haga clic en el Mesa de trabajo herramienta y cambie el tamaño del Artboard moviendo las manijas hacia adentro hasta que tenga el mismo tamaño que el cuadrado. prensa Escapar para salir del modo Artboard, seleccione Archivo> Salvar - ¡y tu estas listo! Ahora tiene un gráfico estilizado que utiliza un esquema de color monocromático.
Para hacer una versión con más colores, continúe con el siguiente paso.
19 de 19Hacer otra versión
Es fácil hacer diferentes versiones del mismo gráfico. Para hacer una versión usando más colores, elige Archivo> Guardar como, y cambie el nombre del archivo (por ejemplo, "ice_skates_color") y haga clic en Salvar. Esto conservará su versión original guardada y me permitirá realizar cambios en esta versión recién guardada.
Querrá que la capa de Destacados permanezca igual, así que deje esa capa sola y haga clic en Objetivo Círculo para la capa de tonos claros. Luego haga doble clic en el Llenar y, en el Selector de color, mueva el Control deslizante de color hacia abajo en la barra Espectro de color hasta que alcance un área amarilla, luego haga clic DE ACUERDO. Realice los cambios en la capa de tonos medios y la capa de tonos oscuros de la misma manera; Elegir un color diferente para cada uno. Cuando termine, elija Archivo> Guardar. Ahora tiene una segunda versión, y puede hacer una tercera, cuarta y así sucesivamente, simplemente repitiendo los pasos anteriores.
