Crear arte ondulado de bandera a cuadros en Adobe Illustrator

En este tutorial muy detallado, aprenderá a crear un gráfico vectorial ondeando con una bandera a cuadros utilizando dos características muy útiles de Adobe Illustrator: la herramienta Pluma y la Herramienta de fusión. El proceso de creación es bastante simple. Solo tenemos que centrarnos en el aspecto realista de la bandera ondeante. Crearemos una ilusión de 3D en esta ilustración, que es muy importante. Puede lograr una apariencia agradable y semi-realista creando una ilustración en perspectiva y aplicando agradables gradientes de color. Empecemos creando estas banderas de carrera..


Paso 1

Configure el tamaño del documento a 800 por 500 píxeles. Seleccione la herramienta Pluma (P) en el Panel de herramientas y dibuje la línea curva como se muestra en la siguiente imagen. La línea representa la forma de la bandera de carrera. En realidad es la parte superior de la bandera ondeando..


Paso 2

Para completar la forma de la bandera, seleccione la ruta del paso anterior y presione Comando + C para copiar y Comando + F para pegar en lugar. Gíralo y muévelo hacia abajo. Es muy importante asegurarse de que los puntos finales coincidan.


Paso 3

Seleccione ambas rutas y en Objeto, seleccione Fusionar> Crear. Para establecer el número de líneas que desea crear entre estas rutas, seleccione las Opciones de fusión (Objeto> Mezclar> Opciones de fusión) y establezca el valor de Pasos especificados en 5. Las líneas horizontales se utilizarán para dividir la bandera en los cuadrados pequeños.


Etapa 4

Antes de continuar con la creación de líneas verticales, es necesario convertir la forma del paso anterior en rutas editables. Para hacerlo, en Objeto, seleccione Expandir, lo que nos permite modificar cada ruta individual. Si no está satisfecho con la posición de las líneas, puede cambiarla ajustando los puntos de anclaje..


Paso 5

Para crear líneas verticales, tome la Herramienta de línea (/) del Panel de herramientas y cree una línea como se muestra. Establezca el ángulo y la posición de la línea para que toque el lado derecho de la bandera..


Paso 6

Duplique (Comando + C, Comando + F) la línea del paso anterior y colóquela en el lado izquierdo de la bandera. Estas dos líneas se utilizarán para crear muchas líneas verticales para dividir la bandera en pequeños cuadrados que se colorearán en blanco y negro.


Paso 7

Cuando esté satisfecho con la posición de las líneas, seleccióne ambas (para seleccionar ambas líneas, simplemente mantenga presionada la tecla Mayús y haga clic en cada línea). Ahora usamos la herramienta de mezcla de nuevo. En Objeto, seleccione Mezclar> Hacer. Para establecer el número de líneas que queremos crear, seleccione Objeto> Fusión> Opciones de fusión.

Establezca el valor de Pasos especificados en 20. Es posible que deba ingresar un valor diferente para Pasos especificados en su caso. Depende de la longitud de las líneas que ha creado en el Paso 2.


Paso 8

La forma que hemos creado en el paso anterior contiene muchas líneas. Esas líneas nos ayudarán a dividir la bandera y crear pequeños cuadrados, pero primero tenemos que expandirlos para convertir la forma en rutas editables. Seleccione la forma y en Objeto seleccione Expandir.


Paso 9

Siéntase libre de ajustar la posición de algunas líneas si eso conduce a mejores resultados. En nuestro caso tuvimos que agregar algunas líneas para crear cuadrados iguales..
Para hacer eso necesitamos desagrupar (Shift + Command + G) las líneas del paso anterior y moverlas hasta que estemos satisfechos con el resultado.


Paso 10

Ahora es el momento de dividir nuestra bandera en pequeños cuadrados. Selecciona todas las líneas que hemos creado hasta ahora y debajo del Panel de Pathfinder pulsa el botón Dividir.


Paso 11

Esto creará la forma final de nuestro gráfico de bandera a cuadros, dividido en pequeños cuadrados, pero sin colores.


Paso 12

Es hora de aplicar colores a nuestra bandera de vectores. Comenzaremos con un sólido color blanco y negro. Desagrupe (Shift + Command + G) la bandera y establezca el color de relleno de los cuadrados en blanco y negro, como en un tablero de ajedrez..


Paso 13

Incluso con colores la bandera se ve bastante plana. No hay una profundidad requerida que nos dé la ilusión de la ilustración 3D. Ya que la bandera está ondeando, tenemos que intentar crear los aspectos más destacados para las partes plegadas. La forma más sencilla es aplicar un degradado lineal solo a algunos cuadrados de un grupo (Comando + G) de los cuadrados con el mismo color en la misma fila. Nos permitirá trabajar más rápido..


Paso 14

Para crear los puntos destacados, debemos aplicar un degradado lineal a las partes de la bandera que están más expuestas a la luz. El color del resto de la bandera debe mezclarse con los degradados. Para los cuadrados negros usaremos un degradado lineal de negro a gris. Asegúrate de aplicar el gradiente bajo el mismo ángulo que ondea la bandera. Creará una agradable transición de color causada por la influencia de la luz..


Paso 15

Para los cuadrados blancos necesitamos un degradado lineal de gris a blanco. Lo más importante en este paso es crear el resaltado que debe coincidir con el
resaltar en los cuadrados negros.


Paso 16

Repita los pasos anteriores y aplique los gradientes necesarios a las otras partes plegadas de la bandera también.


Paso 17

Seleccione la herramienta Rectángulo (M) en el Panel de herramientas. Haga clic en cualquier lugar del área de trabajo para abrir el cuadro de diálogo Rectángulo. Establezca el valor de ancho y alto en 800 px por 500 px. Establezca el color de relleno en negro y envíelo de vuelta (Shift + Command + [). En el panel de capas bloquea el fondo. De esta manera, sus acciones no afectarán el fondo y el fondo negro nos permite trabajar más fácilmente.


Paso 18

Seleccione todas las partes de la ilustración de la bandera ondeante y agrúpelas (Comando + G). Duplícalo presionando Comando + C y luego Comando + F (Copiar y pegar en frente). Ahora Desagrupar (Shift + Comando + G) la copia que acabamos de crear y debajo del Panel de Pathfinder pulsa el botón Unir.


Paso 19

Creará la nueva forma de la bandera, pero sin cuadrados en blanco y negro. Establezca el color de relleno de la nueva forma en blanco. Envíe la bandera blanca detrás de la bandera a cuadros (Comando + [), muévala hacia abajo y hacia la derecha unos pocos píxeles. Esto creará un grosor para la bandera..


Paso 20

Ya casi hemos terminado. Ahora necesitamos crear una empuñadura para la bandera. Seleccione la herramienta Rectángulo (M) en el Panel de herramientas y cree un rectángulo como se muestra. Puede encontrar increíbles gradientes metálicos en Swatch Library (puede encontrarlos en Swatch Panel). Elige uno bonito y aplícalo en nuestra empuñadura..


Paso 21

Gire la empuñadura y conéctela a la bandera. Seleccione todos los elementos, agrúpelos (Comando + G) y en Objeto, seleccione Transformar> Reflejar. Selecciona la reflexión vertical y pulsa el botón Copiar. Creará una imagen de espejo para la bandera. Mantenga presionada la tecla Mayús del teclado y arrastre la bandera hacia la derecha.


Paso 21

Siéntete libre de ser creativo y prueba otros colores. Usted puede lograr resultados sorprendentes. Colores como el rojo realmente pueden darle una sensación de bandera de carrera.


Imagen final

En este tutorial tuvimos la oportunidad de usar la herramienta de mezcla. Es una característica poderosa que nos permite crear muchas formas interesantes. No te olvides de prestar atención a la fuente de luz visualizada. La influencia de la luz juega un papel importante en el proceso de creación y contribuirá a la apariencia realista de sus ilustraciones. Os animo a experimentar con colores y degradados. Es muy divertido. Gracias por seguirme conmigo en la creación de este gráfico ondulado de bandera a cuadros..