Cómo diseñar un patrón sin costura de verano en Affinity Designer

Lo que vas a crear

Para muchos de nosotros, el verano es la temporada más emocionante. Sol caliente, ropa brillante, cálidas olas del mar y vacaciones: ¡esto es lo que esperamos con impaciencia! En este tutorial, crearemos un patrón de verano alegre y alegre en Affinity Designer. Dibujaremos elementos de verano de estilo plano uno a uno y luego los combinaremos para darles una textura repetitiva y equilibrada. Vamos a empezar! 

¡Es una buena idea actualizar su sitio web o blog creando un nuevo fondo para la temporada de verano! Sin embargo, las técnicas descritas también serán útiles para crear cualquier otro tipo de patrones sin costura en Affinity Designer, ya sea un patrón sin costuras de verano plano o un patrón floral repetitivo o texturas de estilo plano, como esta..

 Vamos a probarlo!

1. Crear gafas de sol con estilo

Paso 1

En primer lugar, hagamos un Archivo nuevo de 600 x 600 px tamaño. Usaremos colores pastel para los elementos para hacer que la paleta general de nuestro patrón sea liviana y suave.

Paso 2

Tomar el Herramienta Elipse (M), sostener Cambio y hacer un 40 x 40 px circulo. Puede establecer el tamaño en el Transformar panel.

Utilizar el Color Panel para rellenar la forma con color azul claro.. Duplicar (Comando-C> Comando-V) la forma, mantenga Cambio de comando y escalar la copia inferior hasta 55 x 55 px. Rellena la nueva forma con un suave color lila, formando el borde de las gafas..

Paso 3

Ahora vamos a hacer un punto culminante en la parte superior del vidrio. Tomar el Herramienta Rectangular (M), hacer un par de rayas estrechas y grupo (Comando-G) ellos. Gire las rayas mientras mantiene Cambio y colocarlos encima de las gafas.

Etapa 4

Dirígete a la Capas panel, y seleccione y arrastre las rayas sobre la capa de vidrio azul hasta que vea una línea azul corta, lo que indica que está colocando un objeto dentro del otro. De esta manera podemos ocultar las partes innecesarias de la iluminación dentro del cristal. Mira la captura de pantalla de abajo para ver cómo funciona.

Paso 5

Hacer una copia (Comando-C> Comando-V) para la segunda mitad de las gafas y conéctelas con una línea horizontal, utilizando el Herramienta Pluma (P) y configurando el Peso del trazo a 8 puntos en la barra de herramientas de control en la parte superior. Aplique el mismo color lila al trazo que tenemos para el borde de las gafas..

Si eres nuevo en Affinity Designer o te sientes confundido acerca del uso del selector de color, comprueba Parte 2, Paso 1 de este tutorial para ver como funciona..

Paso 6

Utilizar el Herramienta de nodo (A) Doblar el trazo, haciéndolo ligeramente arqueado. Agrega dos pequeños 10 x 10 px Círculos a los lados de las gafas para que parezcan completados..

Y pasemos al siguiente elemento de nuestro patrón.!

2. Hacer un helado de pistacho delicioso

Paso 1

Vamos a empezar a dar forma a un helado a partir del cono. Utilizar el Herramienta de triángulo hacer una forma amarilla de 60 x 70 px tamaño y girarlo al revés.

Paso 2

Ahora apliquemos una textura suave de waffle a nuestro cono. Utilizar el Herramienta de diamante hacer un 10 x 18 px Forma de un color amarillo más oscuro, colocándola sobre el cono. Sostener Opción-Shift y arrastre hacia la derecha, haciendo una copia de la forma. Ahora presiona Comando-J Dos veces para hacer dos copias más.. Grupo (Comando-G) los cuatro diamantes juntos.

Paso 3

Sostener Opción-Shift y esta vez arrastra el grupo hacia abajo, haciendo una copia. Mueva los diamantes y colóquelos en una posición de inspector (tendrá que eliminar una pieza adicional del grupo). Seleccione el cono y el grupo y use el Alinear panel en la parte superior para alinear las formas a Centrar.

Crea dos copias más, rellenando el espacio vacío del cono y convirtiéndolo en un gofre con textura. No te olvides de grupo (Comando-G) las partes del cono.

Etapa 4

Pongamos una cucharada de helado de pistacho encima del cono. Hacer una 75 x 75 px círculo verde, usando el Herramienta Elipse (M). prensa Comando-Shift- [ Para reorganizar los objetos, colocando la pala debajo del cono..

Comience formando una fila de círculos más pequeños en la parte inferior de la pala. Hacer una 15 x 15 px circulo, espera Opción-Shift y arrastra hacia la derecha, haciendo una copia..

Paso 5

prensa Comando-J Varias veces para crear una fila de círculos. Si los elementos no encajan entre sí, entonces grupo (Comando-G) Los círculos y los hacen un poco más pequeños. Selecciona todos los elementos y alinéalos con el Centrar en el Alinear panel en la parte superior.

Paso 6

Utilizar el Herramienta Elipse (M) Para añadir un par de toques de luz suaves. Ahora el helado se ve completado! Vamonos!

3. Crea un cóctel de jugo de verano

Paso 1

En primer lugar, vamos a crear una copa de cóctel con un cuenco de cono al revés. Utilizar el Herramienta de triángulo para hacer un 80 x 40 px forma azul Haz otro triángulo de tamaño más pequeño en la parte superior y rellénalo con amarillo claro para el jugo..

Paso 2

Termine con el vidrio agregando una parte inferior triangular y un cuello largo y delgado. 

Utilizar el Herramienta Pluma (P) para hacer una paja simple. Selecciona el Peso del trazo a 4 puntos. 

Cambiar a la Herramienta Elipse (M) y hacer una pequeña forma de alrededor de 29 x 29 px Círculo para el pedazo de naranja, unido al vaso. Establecer su Llenar color a naranja y su Carrera color a un naranja más oscuro.

Paso 3

Ahora vamos a hacer nuestro cóctel en capas. Utilizar el Herramienta Rectangular (M) Para hacer dos franjas de la misma altura. Rellénelos con los colores naranja y rojo-naranja y utilice el Capas Panel para arrastrar y soltar las rayas dentro de una forma de triángulo amarillo para ocultar las piezas innecesarias.

Así que aquí lo tenemos: ¡nuestro cóctel de zumo de verano! Vayamos a nuestro siguiente objeto..

4. Haz una estrella de mar viva

Paso 1

Como ya notó, Affinity Designer tiene muchas formas personalizadas, que pueden adaptarse a cualquier necesidad. Aparte de eso, cualquier forma se puede personalizar fácilmente desde la barra de herramientas de control en la parte superior. Hace que el proceso de dibujar y diseñar sea mucho más rápido.!

Utilizar el Herramienta estrella hacer un 5 puntas estrella. Dirígete a la barra de herramientas superior y ajustemos nuestra estrella. Selecciona el Curva izquierda a 20%, Haciendo los puntos de la estrella parcialmente redondeados. Entonces haz lo mismo para el Curva derecha-mueve el control deslizante a 20%, haciendo la estrella suave y redondeada.

Paso 2

Utilizar el Herramienta Elipse (M) para manchar algunos puntos por encima de la estrella de mar.

Paso 3

Podemos copiar y cambiar el tamaño de nuestra estrella de mar para que podamos llenar los espacios vacíos de nuestro patrón más adelante. Para agregar más variedad, veamos cómo podemos recolorear el objeto en unos pocos clics. Selecciona una de las estrellas de mar y abre el Ajustes menú en la parte inferior de la Capas panel. Encuentra el Recolour función y en el Opciones de Recolour ventana mover el Matiz deslice el control hacia la izquierda o hacia la derecha hasta que encuentre el color que desee. Tan fácil como eso!

5. Forma una jugosa sandía

Paso 1

Hacer una 150 x 150 px Círculo rosa para la carne del melón, usando el Herramienta Elipse (M). Crear otro circulo de 160 x 160 px, Llénalo de amarillo y colócalo debajo del círculo rosa. (Mando-[). Termina creando un tercer círculo más grande, lleno de verde..

Paso 2

Ahora necesitamos agrupar todas las partes de la sandía y dividirla por la mitad. Selecciona el Herramienta de cultivo vectorial y recortar la mitad superior de nuestra sandía. Siempre puede deshacer esto o ajustar el tamaño del área recortada usando la Herramienta de cultivo vectorial otra vez.

Paso 3

Agreguemos algunas semillas a nuestra sandía, para que se vea más fiel a la vida. Hacer una 7 x 7 px circulo. Llénalo con azul oscuro o violeta oscuro. Evita usar el negro para hacer que nuestro patrón futuro sea más suave y ligero..

Dirígete a la barra de herramientas de control en la parte superior y usa la Convertir a curvas Función para hacer nuestro círculo editable. Tomar el Herramienta de nodo (A) y seleccione el nodo superior de nuestra forma. Convertir a Agudo esquina, usando el Convertir Funciona en la barra de herramientas superior. Arrastre el punto hacia arriba, creando una forma de gota.

Etapa 4

Ahora podemos copiar y colocar las semillas sobre nuestro melón, rotándolas en diferentes direcciones. En primer lugar, salpique las semillas sobre la parte izquierda del melón y luego simplemente copie las semillas y refleje la copia en el lado opuesto, usando la Flip horizontal función en la barra de herramientas de control en la parte superior.

6. Hacer un paraguas de sol

Paso 1

Ahora vamos a hacer los últimos elementos de nuestro patrón: una vista desde arriba de una sombrilla con rayas. Utilizar el Herramienta de polígono para hacer un octágono (establece el número de lados para 8 en la barra de herramientas de control superior). Selecciona el Herramienta Pluma (P) y dibujar una línea vertical a través de nuestro octágono. Seleccione ambas formas y Alinear a ellos Centrar.

Paso 2

Copiar el trazo, mantener Cambio y girarlo 90 grados, colocando la línea horizontalmente a través de la forma. Realiza más copias, rotando cada una de ellas. 45 grados, Así dividiendo nuestro octágono en segmentos.. 

Selecciona todos los trazos, abre el Carrera panel (puede encontrar esta pestaña al lado del Color panel) y configurar el Anchura valor para 0.1 pt.

Paso 3

Seleccione los trazos en el Capas panel e ir a Capa> Expandir Trazos, convirtiéndolos en formas. Manteniendo las líneas seleccionadas, dirígete a la Operaciones panel en la barra de herramientas de control en la parte superior y haga clic en el Añadir Botón para fusionar las líneas en una sola forma..

Etapa 4

Ahora cortemos nuestro octágono en pedazos. Seleccione tanto las líneas fusionadas como el octágono y use la Operación de resta para cortar la forma. Las piezas de la forma todavía están conectadas, así que dividámoslas en Capa> Geometría> Divide. Como se puede ver en el Capas Panel, ahora tenemos un triángulo separado para cada segmento..

Paso 5

A partir de aquí, llenemos los segmentos, alternando entre rosa y amarillo claro..

Finalmente, agregue un pequeño círculo rosado en cada punta de nuestro paraguas, dándole un aspecto completo.

¡Genial! Todos nuestros objetos están listos, por lo que ahora podemos combinarlos en un patrón sin costura de verano.

7. Diseña un patrón de verano alegre sin fisuras

Paso 1

¡Ahora aprendamos la magia de hacer un patrón continuo y repetitivo! Coloque la sandía en el borde izquierdo del documento. Haz que cruce el borde parcialmente, de modo que una mitad de la forma sea invisible fuera del lienzo. 

Duplicar (Comando-C> Comando-V) El objeto y mover la copia. 600 px (que es igual a la anchura de nuestro documento) a la derecha escribiendo "+600" en el Posicion horizontal en el Transformar panel.

Paso 2

Ahora coloque la estrella de mar en la parte superior de nuestro documento y deje que cruce el borde superior del lienzo. Haz una copia de la estrella de mar y muévela. 600 px abajo (que es igual a la altura de nuestro documento), utilizando el Transformar panel y escribiendo "+600" en el Vertical posición.

Así es como funciona realmente: las copias repetidas en los bordes del documento hacen que el patrón sea perfecto. Cualquier cosa que cruce los bordes del lienzo debe copiarse y colocarse en el lado opuesto..

Paso 3

Extienda los objetos sobre el lienzo, haga copias y vuelva a colorear algunos de los objetos para agregar variedad a nuestro patrón.. 

Aquí he añadido dos helados más de diferentes colores, así como otra estrella de mar y una copa de cóctel con espejo..

Etapa 4

Crea un rectángulo azul claro del mismo tamaño que nuestro documento. (600 x 600 px) y colocarlo en la parte inferior de la Capas panelShift-Command- [). O también puedes crear un Nueva capa Para el fondo azul y colocarlo allí..

Recolecté algunos de los elementos (las copas de cóctel y la parte interior de las gafas de sol) para hacerlas visibles sobre el fondo azul. Y también he agregado algunos elementos menores de color azul claro como pequeños soles, círculos, nubes y zigzags para llenar los espacios vacíos del patrón, haciendo que se vea más ocupado y detallado.

Finalmente, Grupo (Comando-G) Todos los elementos de nuestro patrón (excepto el fondo) y arrastre el grupo sobre la forma de fondo en el Capas Panel, colocando el grupo dentro del rectángulo..

Paso 5

Vamos a asegurarnos de que nuestro patrón es transparente. Haga nuestro rectángulo más pequeño, reduciendo su tamaño a 300 x 300 px en el Transformar panel. Manténgalo en la esquina superior izquierda del documento. Duplica el patrón y usa el Transformar Panel de nuevo para mover la copia horizontalmente. 300 px a la derecha. Como puede ver, el patrón ya coincide, formando una composición repetida y equilibrada..

Paso 6

Agreguemos algunas piezas más en la mitad inferior de nuestro documento. Haga dos copias más del patrón y colóquelas una al lado de la otra. ¡Genial! Nuestro patrón se ve perfectamente transparente y detallado..

Paso 7

Ahora podemos Archivo> Exportar Nuestro patrón sin costuras en cualquier formato, de acuerdo a nuestras necesidades..

¡Cinco altos! Nuestro patrón sin costura de verano está listo!

¡Gran trabajo a todos! Hemos seguido un proceso detallado para crear elementos planos y hemos aprendido algunas técnicas simples, que nos ayudaron a crear un patrón de verano repetitivo, que es perfecto para sitios web y blogs como fondo. También se puede utilizar para envolver papel, tela, papel tapiz impreso y mucho más. 

Disfrute creando nuevos patrones sin problemas y permanezca atento a más tutoriales de Affinity Designer!