Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Vector

Cómo crear un pincel con patrón de banderas en Adobe Illustrator

by
Read Time:13 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

En los siguientes pasos aprenderás a crear un pincel de patrones de banderas en Adobe Illustrator.

Para empezar, aprenderás a configurar una simple cuadrícula y a crear las banderas y el resto de las formas que formarán el azulejo lateral de tu Pincel de motivo.

Luego aprenderás a crear las formas que formarán las esquinas y los azulejos de inicio y fin de tu Pincel de Dibujos.

Por último, aprenderás a guardar un montón de motivos sencillos, a crear tu propio Pincel de motivo y a utilizarlo fácilmente.

1. Crea un nuevo documento y configura una cuadrícula

Presiona Control-N para crear un nuevo documento. Selecciona Pixels en el menú desplegable Units, introduce 600 en la casilla de anchura y 400 en la de altura y luego pulsa el botón Avanzado. Selecciona RGB, Pantalla (72ppp) y asegúrate de que la casilla Alinear nuevos objetos con cuadrícula de píxeles esté desmarcada antes de hacer clic en OK.

Habilita la Cuadrícula (Ver > Mostrar Cuadrícula) y el Ajustar a Cuadrícula (Ver > Ajustar a Cuadrícula). Necesitarás una cuadrícula cada 1px, así que simplemente ve a Edición > Preferencias > Guías y Cuadrícula, introduce 1 en la casilla Línea de cuadrícula cada y 1 en la casilla Subdivisiones. Intenta no desanimarte por toda esa cuadrícula, te facilitará el trabajo y ten en cuenta que puedes activarla o desactivarla fácilmente usando el atajo de teclado "Control-".

También deberías abrir el panel Información (Ventana > Información) para tener una vista previa en vivo del tamaño y la posición de tus formas. No olvides establecer la unidad de medida en píxeles desde Edición > Preferencias > Unidades > Generales. Todas estas opciones aumentarán significativamente tu velocidad de trabajo.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

2. Crea el azulejo lateral del pincel de motivo

Paso 1

Elige la herramienta Rectángulo (M) y enfócate en tu Barra de herramientas. Quita el color del trazo, luego selecciona el relleno y establece su color en R=230 G=231 B=232. Muévete a tu mesa de trabajo y simplemente crea un rectángulo de 105 x 26px, la opción de Ajustar a cuadrícula debería facilitar tu trabajo.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 2

Asegúrate de que la herramienta Rectángulo (M) esté todavía activa, establece el color de relleno en R=165 G=165 B=175, crea una forma de 105 x 1px y colócala exactamente como se muestra en la siguiente imagen. Una vez más, la característica de Ajustar a cuadrícula debería ayudarte.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 3

Asegúrate de que la Herramienta Rectángulo (M) esté todavía activa, establece el color de relleno en R=39 G=170 B=225, crea una forma de 13 x 14px y colócala exactamente como se muestra en la siguiente imagen. Enfoca el lado inferior de este rectángulo azul, agarra la Herramienta Eliminar Punto de Ancla (-) y simplemente haz clic en el punto de ancla derecho parA eliminarlo.

Cambia a la Herramienta Selección Directa (A), selecciona el punto de ancla inferior restante y simplemente arrástralo 8px a la derecha. Al final tu rectángulo azul debería convertirse en un simple triángulo como se muestra en la segunda imagen.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 4

Asegúrate de que tu forma azul está seleccionada, haz cuatro copias en el frente (Control-C > Control-V). Selecciona estas copias una por una, colócalas como se muestra en la siguiente imagen y sustituye el color de relleno existente por los que se muestran a continuación.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 5

Selecciona tu triángulo azul y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en OK y ve a Efecto > Deformar > Arco superior. Introduce los atributos que se muestran a continuación, haz clic en OK y ve a Objeto > Expandir apariencia.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 6

Selecciona tu triángulo amarillo y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en OK y ve a Efecto > Deformar > Bandera.  Introduce los atributos que se muestran a continuación, haz clic en OK y ve a Objeto > Ampliar apariencia.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 7

Selecciona tu triángulo rojo y ve a Efecto > Deformar > Arco superior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en OK y ve a Efecto > Deformar > Bandera. Introduce los atributos que se muestran a continuación, haz clic en OK y ve a Objeto > Expandir apariencia.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 8

Selecciona tu triángulo naranja y ve a Efecto > Deformar > Arco inferior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en OK y ve a Efecto > Deformar > Arco superior. Ingresa los atributos que se muestran a continuación y ve a Efecto > Deformar > Bandera. Ingresa las propiedades que se muestran en la siguiente imagen, haz clic en OK y ve a Objeto > Expandir apariencia.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 9

Selecciona tu triángulo verde y ve a Efecto > Deformar > Arco superior. Introduce las propiedades que se muestran en la siguiente imagen, haz clic en OK y ve a Efecto > Deformar > Bandera. Introduce los atributos que se muestran a continuación, haz clic en OK y ve a Objeto > Expandir apariencia.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 10

Coge la herramienta Selección Directa (A), selecciona los diez puntos de ancla resaltados por los círculos azules de la primera imagen, enfoca el panel Control y simplemente introduce "1px" en esa casilla de las esquinas. Al final las cosas deberían verse como en la segunda imagen.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 11

Reselecciona las cinco formas que componen tus banderas y duplícalas (Control-C > Control-F). Selecciona estas copias y simplemente pulsa Control-8 para convertirlas en un simple Trazado Compuesto. Asegúrate de que tu trazado compuesto esté seleccionado y reemplaza el color de relleno existente con R=245 G=124 B=174.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 12

Reselecciona tu trazado compuesto rosa y haz una copia delante (Control-C > Control-F).

Con la herramienta Rectángulo (M), crea una forma de 105 x 1px, establece el color de relleno en negro y colócala como se muestra en la segunda imagen. Selecciona este delgado rectángulo junto con la copia hecha al principio del paso, abre el panel Buzcatrazos (Ventana > Buscatrazos) y haz clic en el botón Formar intersección.

Asegúrate de que el grupo de formas resultante esté seleccionado, conviértelo en un nuevo Trazado compuesto (Control-8) y concéntrate en el panel Apariencia. Simplemente haz clic en ese texto de "Opacidad" para abrir el panel flotante de Transparencia, baja la Opacidad al 30% y cambie el Modo de fusión a Luz suave.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 13

Reselecciona tu trazado compuesto rosa y haz una copia delante (Control-C > Control-F).

Con la herramienta Rectángulo (M), crea una forma de 105 x 1px, establece el color de relleno en blanco y colócala como se muestra en la segunda imagen. Selecciona este delgado rectángulo junto con la copia realizada al principio del paso y haz clic en el botón Formar intersección del panel Buzcatrazos.

Convierte el grupo de formas resultante en un nuevo Trazado compuesto (Control-8), baja su Opacidad al 30% y cambia el Modo de fusión a Luz suave.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 14

Reselecciona tu trazado compuesto rosado y haz una nueva copia al frente (Control-C > Control-F)

Utilizando la herramienta Rectángulo (M), crea una forma de 105 x 3px, establece el color de relleno en negro y colócala como se muestra en la segunda imagen. Selecciona ese nuevo rectángulo junto con la copia hecha al principio del paso y haz clic en el botón Formar intersección del panel Buscatrazos.

Convierte el grupo de formas resultante en un nuevo Trazado compuesto (Control-8), baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 15

Usando la herramienta Rectángulo (M), crea una forma de 105 x 1px, establece el color de relleno en negro y colócala como se muestra en la segunda imagen. Selecciona este nuevo rectángulo junto con tu trazado compuesto de color rosa y haz clic en el botón Formar intersección del panel Buscatrazos.  Convierte el grupo de formas resultante en un nuevo Trazado compuesto (Control-8), baja su Opacidad al 20% y cambia el Modo de fusión a Luz suave.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 16

Reselecciona todas las formas hechas hasta ahora y pulsa Control-G para agruparlas. Muévete al panel Capas (Ventana > Capas), simplemente haz doble clic en tu nuevo grupo y renómbralo "Azulejolateral"

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

3. Crea la esquina exterior y la esquina interior de los azulejos del pincel de motivo

Paso 1

Elige la herramienta Rectángulo (M), crea un cuadrado de 26px, establece el color de relleno en R=230 G=231 B=232 y colócalo como se muestra en la primera imagen. Usando la misma herramienta, crea un rectángulo de 11 x 1px y un rectángulo de 1 x 11px. Rellena ambas formas con R=165 G=165 B=175 y colócalas como se muestra en la segunda imagen.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 2

Usando la herramienta Elipse (L), crea un círculo de 5px, fija el color de relleno en R=100 G=100 B=115 y colócalo como se muestra en la primera imagen.

Asegúrate de que tu nueva forma esté seleccionada y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en OK. Selecciona la forma recién creada, reemplaza el color de relleno existente por R=135 G=135 B=145 y ve de nuevo a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en OK. Selecciona el círculo resultante y reemplaza el color de relleno existente con R=209 G=211 B=212.

Vuelve a seleccionar los tres círculos concéntricos realizados en este paso junto con los tres rectángulos realizados en el paso anterior y Agrúpalos (Control-G). Muévete al panel Capas y simplemente renombra este nuevo grupo como "Esquina Exterior"

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 3

Duplica tu grupo "Esquina exterior" (Control-C > Control-F), selecciona la copia y arrástrala varios píxeles a la derecha como se muestra en la primera imagen.

Enfoca el panel Capas y renombra este nuevo grupo como "Esquina Interna". Sigue enfocando el panel Capas, abre tu grupo "Esquina interior", selecciona los tres círculos concéntricos y simplemente arrástralos 1px hacia arriba y 1px hacia la izquierda como se muestra en la segunda imagen.

A continuación, selecciona el rectángulo de 11 x 1px y muévelo 1px hacia arriba y luego selecciona el rectángulo de 1 x 11px y muévelo 1px a la izquierda. Al final tu grupo "Esquina interior" debería verse como en la cuarta imagen.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

4. Crea los azulejos de inicio y final del pincel de motivos

Paso 1

Elige la herramienta rectángulo (M), crea un cuadrado de 15 x 26px, fija el color de relleno en R=230 G=231 B=232 y colóquelo como se muestra en la primera imagen.

Usando la misma herramienta, crea un rectángulo de 12 x 1px, establece el color de relleno en R=165 G=165 B=175 y colócalo como se muestra en la segunda imagen.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 2

Usando la herramienta Elipse (L), crea un círculo de 5px, fija el color de relleno en R=100 G=100 B=115 y colócalo como se muestra en la primera imagen.

Asegúrate de que esta nueva forma esté seleccionada y ve a Objeto > Trazado > Desplazamiento. Introduce un Desplazamiento de -1px y haz clic en OK. Selecciona el nuevo círculo, reemplaza su color de relleno por R=135 G=135 B=145 y ve de nuevo a Objeto > Trazado > Desplazamiento. Ingresa el mismo Desplazamiento de -1px y haz clic en OK. Selecciona la forma resultante y reemplaza el color de relleno con R=209 G=211 B=212.

Vuelve a seleccionar los tres círculos concéntricos realizados en este paso junto con los dos rectángulos realizados en el paso anterior y Agrúpalos (Control-G). Muévete al panel  Capas y simplemente renombra este nuevo grupo "AzulejoInicial"

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 3

Asegúrate de que tu grupo "startTile" esté seleccionado y ve a Objeto > Transformar > Reflejo. Marca la casilla Vertical y luego haz clic en el botón Copiar para crear una copia del grupo volteada horizontalmente.

Selecciona el grupo recién creado, arrástralo varios píxeles hacia la izquierda (como se muestra en la tercera imagen) y luego muévete al panel Capas y cámbiale el nombre a "azulejoFinal".

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

5. Guarda cuatro motivos simples y crea tu pincel de motivo

Paso 1

Reselecciona los cinco rectángulos con el color de relleno establecido en R=230 G=231 B=232, enfoca el panel Apariencia y simplemente elimina ese color del relleno. Esto debería hacer que tus formas sean invisibles.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 2

Selecciona tu grupo de "Esquinaexterior" y simplemente arrastra dentro de tu panel Muestras (Ventana > Muestras) para guardarlo como un motivo. Haz doble clic en tu nuevo motivo y cámbiale el nombre a "EsquinaExterior". Selecciona tu grupo "EsquinaInterna", guárdalo como un nuevo motivo y renómbralo "EsquinaInterna".

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 3

Selecciona tu grupo "esquinaInicial", guárdalo como un motivo y renómbralo "azulejoInicial". Selecciona tu grupo "EsquinaFinal", guárdalo como un motivo y renómbralo "azulejoFinal".

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 4

Selecciona tu grupo "azulejoLateral", abre el panel Pinceles (Ventana > Pinceles) y haz clic en el botón Nuevo Pincel (apuntado por la pequeña flecha azul de la siguiente imagen). Marca la casilla Pincel de motivo y haz clic en OK para abrir la ventana Opciones de pincel de motivo). Ingresa "PincelBanderas" en el cuadro de Nombre y luego enfócate en los cuadros de Azulejo. Abre las ventanas desplegables Azulejo esquina exterior, Azulejo esquina interior, Azulejo inicial y Azulejo final y simplemente añade tu motivo guardado. Una vez que hayas terminado, haz clic en el botón OK y deberías encontrar tu nuevo pincel de motivo dentro del panel Pinceles.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

6. Guarda un estilo gráfico simple

Paso 1

Elige la herramienta Rectángulo (M) y simplemente haz clic en tu mesa de trabajo para abrir la ventana Rectángulo. Introduce 610 en el cuadro de anchura y 410 en el de altura y luego haz clic en el botón OK. Asegúrate de que la forma resultante permanezca seleccionada y establece su color en R=234 G=240 B=255.

Luego, necesitarás centrarlo, así que abre el panel Alinear (Ventana > Alinear). Establece en Alinear con mesa de trabajo (abre el menú desplegable y ve a Mostrar opciones si no puede ver la sección Alinear con como se muestra en la siguiente imagen), asegúrate de que tu forma esté seleccionada y luego simplemente haz clic en los botones Centrar/Centrar horizontalmente y Centrar verticalmente. Al final tu cuadrado debería cubrir todo la mesa de trabajo como se muestra en la siguiente imagen.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 2

Usando la herramienta Pluma (P), crea un trazado simple como se muestra en la siguiente imagen. Asegúrate de que no tenga ningún color establecido para el relleno, luego selecciona el trazo y simplemente añade tu "FlagsBrush" del panel Pinceles.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 3

Vuelve a seleccionar tu trazado, céntrate en el panel Apariencia, selecciona el trazo y añade los cuatro efectos de Sombra paralela (Efecto > Estilizar > Sombra paralela) que se muestran en la siguiente imagen. Asegúrate de que tu trazado permanezca seleccionado, abre el panel Estilos gráficos (Ventana > Estilos gráficos) y simplemente haz clic en el botón Nuevo estilo gráfico para guardar un nuevo estilo gráfico.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

Paso 4

Finalmente, crea cualquier forma o trazado que te guste, asegúrate de que esté seleccionado y simplemente añade tu estilo gráfico guardado desde el panel Estilos Gráficos.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush
Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush

¡Felicidades! ¡Has acabado!

Así es como debe verse. Espero que hayas disfrutado de este tutorial y puedas aplicar estas técnicas en tus proyectos futuros.

Flags Pattern BrushFlags Pattern BrushFlags Pattern Brush
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads