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

Cómo crear una patrón de cartas en Adobe Illustrator

by
Read Time:6 minsLanguages:

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

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

En los siguientes pasos usted aprenderá cómo crear, guardar y utilizar un patrón de cartas en Adobe Illustrator.

Para principiantes, aprenderá cómo configurar una retícula simple y cómo crear las cuatro figuras de las cartas utilizando técnicas para construir formas vectoriales básicas Luego aprenderá cómo crear y guardar un patrón simple. Por último, aprenderá cómo aplicar su patrón y cómo ajustarlo usando el efecto Transformar.

Para más inspiración acerca de cómo ajustar o mejorar su patrón final, puede encontrar gran cantidad de recursos en GraphicRiver.

1. Cómo crear un Nuevo documento y configurar una retícula

Presione Control-N para crear un nuevo documento. Seleccione píxeles en el menú desplegable de Unidades, ingrese 850 en los campos anchura y altura y haga clic en el botón Avanzado. Seleccione Modo de Color RGB, establezca los Efectos de rasterizado a Pantalla (72 ppi) y haga clic en Crear documento.

Activar la cuadrícula (Ver >  Mostrar cuadrícula) y active Ajustar a cuadrícula (Ver > Ajustar a cuadrícula). Necesitará una cuadrícula cada 5 px, así que simplemente vaya a Edición > Preferencias > Guías y cuadrícula > Cuadrícula, e ingrese 5 en Línea de cuadrícula cada y 1 en el cuadro de Subdivisiones. No se desanime con esta retícula – esta facilitará su trabajo, y tenga en cuenta que puede activarla o desactivarla fácilmente con el atajo de teclado Control-".

Puede aprender más sobre el sistema de retículas de Illustrator en este corto tutorial de Andrei Stefan: Entendiendo el sistema de retículas de Adobe Illustrator.

También puede abrir el panel Información (Ventana > Información) para una previsualización en vivo del tamaño y posición de las formas. No olvide establecer la unidad de medida a pixeles desde Edición > Preferencias > Unidades. Todas estas opciones aumentarán significativamente su velocidad de trabajo.

setup gridsetup gridsetup grid

2. Cómo crear el símbolo de Trébol

Paso 1

Active la herramienta Rectángulo (M) y trabaje en su barra de herramientas. Elimine el color del trazo y, a continuación, seleccione el relleno y establezca su color a negro (R = 137 = 147 = 150). Pase a su mesa de trabajo y simplemente dibuje un rectángulo de 20 x 10 px, la Cuadrícula y Ajustar a la cuadrícula deberían hacer esto más fácil.

Vuelva a la barra de herramientas y cambie el color de relleno existente a un amarillo. Cambie a la herramienta Elipse (L), y cree dos círculos de 20 px y ubíquelos exactamente como se muestra en la segunda imagen.

rectangle toolrectangle toolrectangle tool

Paso 2

Con la herramienta Mover (V), seleccione todas las formas creadas hasta ahora, abra el panel Buscatrazos (Ventana> Buscatrazos) y haga clic en el botón Menos frente. Seleccione la forma resultante y presione Control+C para copiarla.

pathfinderpathfinderpathfinder

Paso 3

Vuelva a la barra de herramientas y establezca el color de relleno a negro. Elija la herramienta Elipse (L), dibuje tres círculos de 20 px y ubíquelos exactamente como se muestra en la primera imagen. Cambie a la herramienta Rectángulo (M), cree un cuadrado de 10 px y colóquelo como se muestra en la segunda imagen.

Seleccione todas las formas dibujadas hasta ahora, haga clic en el botón Unir desde el panel Buscatrazos y presione Control-8 para convertir las formas resultantes en un trazado compuesto. Este será su símbolo de tréboles.

clubs symbolclubs symbolclubs symbol

3. Cómo crear el símbolo de Espadas

Paso 1

Utilizando la herramienta Elipse (L), cree una forma de 40 x 50 px y rellénela con negro. Cambie a la herramienta Rectángulo (M), cree una forma de 40 x 25 px, rellénela con un amarillo y colóquela como se muestra en la segunda imagen. Seleccione ambas formas y haga clic en el botón Menos frente desde el panel Buscatrazos.

Enfóquese en la parte superior de la forma resultante y seleccione la herramienta Punto de ancla (Shift-C). Simplemente haga clic en ese punto de ancla y arrastrar los manejadores como se muestra en la tercera imagen.

anchor point toolanchor point toolanchor point tool

Paso 2

Siga trabajando en la forma que se hizo en el paso anterior. Elija la herramienta Selección directa (A), seleccione los puntos de ancla inferiores y arrastre los manejadores como se muestra en la primera imagen.

Vaya al punto de ancla de la parte superior, mantenga pulsada la tecla Alt y arrastre los manejadores como se muestra en la segunda imagen.

direct selection tooldirect selection tooldirect selection tool

Paso 3

Utilizando la herramienta Elipse (L), cree dos círculos de 20 px y colóquelos exactamente como se muestra en la primera imagen. Asegúrese de que ambas formas estén seleccionadas y conviértalas en un trazado compuesto (Control-8).

Cambie a la herramienta Rectángulo (M) cree una forma de 40 x 10 px y colóquela como se muestra en la segunda imagen. Seleccione este rectángulo con el trazado compuesto hecho hace unos momentos y luego haga clic en el botón Menos frente desde el panel Buscatrazos.

minus frontminus frontminus front

Paso 4

Seleccione las dos formas resaltadas en la primera imagen y haga clic en el botón Unir en el panel Buscatrazos. Presione Control-V para pegar la forma copiada hace varios pasos. Coloque esta nueva forma como se muestra en la segunda imagen.

Vuelva a seleccionar la forma del corazón volteado (destacada en la tercera imagen) y copie (Control+C). Seleccione las dos formas que constituyen su símbolo de espadas y conviértalas en un trazado compuesto (Control-8).

pastepastepaste

4. Cómo crear el símbolo de Corazón

Paso 1

Pegue la forma del corazón volteado (Control-V) y gírelo 180 grados.

rotaterotaterotate

Paso 2

Siga trabajando en la forma de su corazón y seleccione la herramienta Selección directa (A). Seleccione el punto de ancla inferior y arrástrelo 5 px hacia abajo. A continuación, seleccione los dos manejadores y arrastre como se muestra en la tercera imagen. La forma resultante será la forma del símbolo de su corazón.

heart shapeheart shapeheart shape

5. Cómo crear el símbolo de Diamantes

Elija la herramienta Rectángulo (M), cree un rectángulo de 40 px, rellénelo con negro y vaya a Objeto > Trazado > Añadir puntos de ancla. Continúe trabajando en esta forma y cambie a la herramienta  Eliminar punto de ancla (-). Simplemente haga clic en las cuatro esquinas de su rectángulo para eliminarlas. La forma resultante será su forma de símbolo de diamantes.

add anchor pointadd anchor pointadd anchor point

6. Cómo crear y guardar su patrón

Paso 1

Utilizando la herramienta Rectángulo (M), crear una forma de 200 x 100 px, rellénela con un color rojo y bajar su Opacidad al 30%.

appearance panelappearance panelappearance panel

Paso 2

Envié las formas de los símbolos al frente (Shift - Control-]) y ubíquelas como se muestra en las siguientes imágenes.

place symbolsplace symbolsplace symbols

Paso 3

Seleccione los diamantes y las formas de corazones y reemplace el color de relleno actual con R = 220 = 40 = 20.

redredred

Paso 4

Vuelva a seleccionar ese rectángulo rojo y elimine el color de relleno. Seleccione este rectángulo junto con las cuatro formas de los símbolos y arrástrelas simplemente al panel Muestras (Ventana > Muestras) para guardarlas como un patrón.

save patternsave patternsave pattern

7. Cómo aplicar y ajustar su patrón

Paso 1

Utilizando la herramienta Rectángulo (M), cree un cuadrado de 610 px y rellénelo con R = 240 = 240 = 240.

squaresquaresquare

Paso 2

Asegúrese de que su rectángulo grande esté seleccionado y agregue un segundo relleno utilizando el botón Añadir nuevo relleno. Seleccione este nuevo relleno y simplemente aplique su patrón desde el panel de Muestras.

add new filladd new filladd new fill

Paso 3

Finalmente, esta es una sencilla técnica que se puede utilizar para ajustar su patrón. Asegúrese de que su rectángulo grande todavía esté seleccionado y siga trabajando en el panel Apariencia. Seleccione ese relleno estampado y vaya a Efecto > Distorsionar y transformar > Transformar.

Arrastre ambos  deslizadores de Escala al 50%, establezca el Ángulo a 25 grados y asegúrese de que solo esté marcada la  casilla Transformar patrones antes de pulsar el botón OK. Se trata de un efecto en vivo, lo que significa que puede siempre volver al panel Apariencia, hacer clic en el efecto y ajustar los atributos que desee.

transform effecttransform effecttransform effect

¡Felicidades! ¡Listo!

Aquí está cómo debe verse. Espero que haya disfrutado de este tutorial y puede aplicar estas técnicas en sus futuros proyectos.

Siéntase libre de ajustar el diseño final a su gusto. Puede encontrar grandes fuentes de inspiración en GraphicRiver, con interesantes soluciones para mejorar su diseño.

final productfinal productfinal product
One subscription.
Unlimited Downloads.
Get unlimited downloads