1. Design & Illustration
  2. Add-Ons
  3. Patterns

Ilustración para Niños: Cómo crear una perfecta Plantilla Retro de Puntos al estilo Polka

¡Bienvenido al segundo tutorial para los pequeños!  Uno de los estilos que más he percibido últimamente es el estilo retro. Definitivamente, ha vuelto.
Scroll to top

Spanish (Español) translation by Elías Nicolás (you can also view the original English article)

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

¡Bienvenido al segundo tutorial para los pequeños!  Uno de los estilos que más he percibido últimamente es el estilo retro. Definitivamente, ha vuelto.

En este tutorial, vamos a crear juntos una plantilla de puntos.  Es un tutorial sencillo y fácil que no llevará mucho tiempo — sólo hay que crear un cuadrado y unos círculos, cortar los círculos, ponerlo en el Panel de Muestras, ¡y eso es todo!

La mejor parte de este tutorial es que no es necesario que dibujes todos los círculos — incluso cuando se necesitan cientos de ellos para realizar la plantilla.  Te mostraré un rápido truco para hacerlo.  ¡Empecemos!

Paso 1

Vamos a empezar creando un Nuevo Documento.  Para crear un Nuevo Documento en tu Adobe Illustrator, ve a Archivo > Nuevo e introduce las siguientes opciones: 

starting with a new filestarting with a new filestarting with a new file

Paso 2

En el panel de Herramientas, puedes encontrar la Herramienta Rectángulo (M), que vas a utilizar para crear un cuadrado.  Haz clic en esta herramienta y luego haz clic en el centro del tablero. Aparecerá un nuevo cuadro de diálogo que te pedirá que introduzcas el Ancho y el Alto del cuadrado que quieres crear. Introduce las opciones que se muestran en la imagen siguiente en la ventana de diálogo del Rectángulo y haz clic en OK.

Una vez tengas el cuadrado blanco con trazo negro, necesitarás cambiar el color de relleno.  Para esto, mira el panel de Colores (Ventana > Color) y elimina el color del trazo.  Ajusta el color del relleno y pon el color mint (mira el código de color en la imagen de abajo).  Lo tienes que hacer en el modo de color RGB, compruébalo en tu panel de color Si no es así, tienes que encontrar el pequeño triángulo en la esquina superior derecha del panel de Color, hacer clic en el y marcar RGB.  A continuación, aplica el código de color que se ve en la imagen de abajo.

creatine the backgroundcreatine the backgroundcreatine the background

Paso 3

Ahora vamos a crear el círculo. Elige la Herramienta Elipse (L) en el panel Herramientas y haz clic en el centro del cuadrado. En la nueva ventana de diálogo, introduce las opciones que aparecen a continuación.  Luego haz clic en OK. Probablemente obtendrás el mismo círculo azul que en el cuadrado, por lo que vamos a cambiar el color de relleno en el panel Color (Ventana> Color) como lo hiciste con el cuadrado.  Mira la imagen de abajo para ver el código de color.

Creating the first dotCreating the first dotCreating the first dot

Paso 4

Vamos a alinear todo. Selecciona el cuadrado y el círculo juntos, ve al panel Alinear (Ventana> Alinear) y pulsa Alinear en el Centro en Horizontal  y Alinear en el Centro en Vertical. Haz clic en Alinear Con: ver si > Alinear A la Selección está marcada.

aligning the background and dotaligning the background and dotaligning the background and dot

Paso 5

En este próximo paso, tendremos que conseguir algunos ayudantes. Pida ayuda, fuerte y claro: "¡Por favor, ayúdame!" No—espera—¡sólo bromeaba! No asustes a tu mamá. Vamos tranquilamente a Vista > Guías inteligentes (Control-U). Estos pequeños ayudantes le ayudarán a colocar un nuevo círculo en la esquina del cuadrado.

Presione la tecla Alt y mueva el círculo existente desde el centro del cuadrado en diagonal hasta la esquina superior izquierda. Es necesario mantener pulsada la tecla Alt, ya que esto ayuda a crear una copia. Las guías inteligentes le ayudarán a colocar la copia del círculo exactamente en la esquina superior izquierda del cuadrado. Estos dos ayudantes le ayudarán a alinear perfectamente los círculos en la posición correcta.

Creating second dotCreating second dotCreating second dot

Paso 6

Ahora, esta vez, presione la tecla Alt otra vez y mueva el círculo medio diagonalmente a la esquina superior derecha del cuadrado.

Creating third dotCreating third dotCreating third dot

Paso 7

Mantenga pulsada la tecla Alt una vez más y mueva el círculo central en diagonal a la esquina inferior izquierda del cuadrado.

Creating fourth dotCreating fourth dotCreating fourth dot

Paso 8

Por último, pero no menos importante, mantenga presionada la tecla Alt de nuevo y mueva el círculo central en diagonal a la esquina inferior derecha del cuadrado.

Creating fifth dotCreating fifth dotCreating fifth dot

Paso 9

Ahora, vamos a deshacernos de las partes innecesarias de los círculos. Cortaremos esto usando nuestro cuadrado. Seleccione el cuadrado y haga una copia en la parte frontal (Control-C, Control-F). Esta copia será nuestro cortador.

Manténgalo seleccionado y manteniendo presionada la tecla Shift (esto es porque quiere seleccionar dos formas), seleccione el círculo de la esquina superior izquierda. Vaya a Buscatrazos (Ventana > Buscatrazos) y presione el botón intersección. Tenga cuidado al seleccionar las formas—asegúrese de no moverlas accidentalmente.

cutting first dotcutting first dotcutting first dot

Paso 10

Cuando corta algo usando nuestro cortador, desaparece. Así que tenemos que crear el cortador de nuevo. Seleccione el cuadrado una vez más y haga una copia en la parte frontal (Control-C, Control-F). Manténgalo seleccionado y, manteniendo presionada la tecla Shift, seleccione el círculo de la esquina superior derecha. Vaya a Buscatrazos (Ventana > Buscatrazos) y presione el botón intersección.

cutting second dotcutting second dotcutting second dot

Paso 11

Ahora, usando el mismo método, haga el siguiente círculo—cree una copia del cuadrado y corte el círculo desde la esquina inferior izquierda.

cutting third dotcutting third dotcutting third dot

Paso 12

Una vez más, el mismo método—cortar el círculo de la esquina inferior derecha.

cutting fourth dotcutting fourth dotcutting fourth dot

Paso 13

Para crear un patrón a partir de esto, debe arrastrar todo lo que creó al panel Muestras (Ventana > Muestras). Seleccione el cuadrado y todos los círculos. Con el ratón, muévalo al panel Muestras.

creating the pattern template draggin to the Swatches panelcreating the pattern template draggin to the Swatches panelcreating the pattern template draggin to the Swatches panel

Paso 14

Puesto que has creado un nuevo patrón de muestras, puedes eliminar todo, con seguridad, del tablero. Tome la Herramienta Rectángulo (M) y cree un cuadrado 600 px Ancho y Altura. Vaya al panel Muestras (Ventana > Muestras) y elija el nuevo patrón que acaba de crear. ¡Mira lo adorable que es!

creating the completed patterncreating the completed patterncreating the completed pattern

Paso 15

Si desea el mismo patrón pero con puntos más pequeños, seleccione el patrón (el cuadrado de 600 px Ancho y Altura en su tablero), haga clic con el botón secundario > Transformar > Escala. Introduzca las siguientes opciones en la nueva ventana de diálogo:

Scale panelScale panelScale panel

¡Disfrute de su nuevo patrón con puntos más pequeños!

how looks completed pattern scaled to 50 how looks completed pattern scaled to 50 how looks completed pattern scaled to 50

No olvide guardar todo su trabajo: Archivo > Guardar.

¡Impresionante Trabajo, ya terminó!

Enormes felicitaciones—¡hiciste un trabajo increíble! Espero que hayas aprendido nuevos trucos de este tutorial y que puedas crear fácilmente un patrón de lunares para tu próximo proyecto. Puede aplicar este patrón a cualquier forma que desee.

¿Sabes qué más puedes hacer? También puede dibujar otra forma en lugar de un círculo para el patrón (como lo hizo al principio del tutorial), por ejemplo, un cuadrado o un hexágono. Sólo tenga en cuenta que tiene que ser una forma sólida! ¡Diviértase con los patrones!