Spanish (Español) translation by Alison Pumapillo (you can also view the original English article)
Para muchos de nosotros, el verano es la estación más emocionante. El sol abrasador, las ropas de colores vivos, las cálidas olas del mar y las vacaciones... ¡eso es lo que esperamos con impaciencia! En este tutorial de Affinity Designer aprenderemos cómo hacer un patrón de diseño sin fisuras inspirado en el verano. Dibujaremos uno a uno los elementos veraniegos más modernos en estilo plano, y luego, los combinaremos para crear una textura repetitiva bien equilibrada. ¡Empecemos con nuestro diseño de patrones!
Es una buena idea actualizar tu página web o blog creando un nuevo fondo para la temporada de verano. Las técnicas mencionadas, sin embargo, también serán útiles para crear cualquier otro tipo de patrón de diseño sin fisuras en Affinity Designer, ya sea un patrón plano de verano sin fisuras, un patrón de repetición floral o texturas de estilo plano, o cualquier proyecto de diseño de patrones similar.
¡Probémoslo!
1. Crea unas elegantes gafas de sol
Paso 1
En primer lugar, vamos a crear un Nuevo archivo de tamaño 600 x 600 px. Utilizaremos colores pastel para los elementos, así la paleta general de nuestro patrón tendrá un estilo claro y delicado.
Paso 2
Selecciona la herramienta Elipse (M), mantén pulsada la tecla Shift y haz un círculo de 40 x 40 px. Puedes ajustar el tamaño en el panel Transformar.
Utiliza el panel Color para rellenar la forma con un color azul claro. Duplica (Comando-C > Comando-V) la forma, mantén Comando-Shift y escala la copia de abajo hasta 55 x 55 px. Rellena la nueva forma con un color lila suave para formar el borde de las gafas.
Paso 3
Ahora vamos a resaltar la parte superior del vaso. Con la herramienta Rectángulo (M), creamos un par de franjas estrechas y las agrupamos (Comando-G). Gira las franjas mientras mantienes pulsada la tecla Shift y colócalas encima de los vasos.
Paso 4
Dirígete al panel Capas y selecciona y arrastra las franjas por encima de la capa de los cristales azules hasta que veas una pequeña línea azul, la cual indica que estás colocando un objeto dentro del otro. De esta manera podemos ocultar las partes innecesarias del resaltado dentro del vidrio. Mira la captura de pantalla de abajo para que veas cómo funciona.
Paso 5
Haz una copia (Comando-C > Comando-V) para la segunda mitad de los vasos y conéctalos con una línea horizontal, utilizando la herramienta Pluma (P) y ajustando el Peso de trazo a 8 pt en la barra de herramientas de control de la parte superior. Aplica el mismo color lila al trazo que tenemos para el borde de las gafas.
Si es la primera vez que sigues un tutorial de Affinity Designer, o te sientes confundido sobre el uso del selector de color, entonces revisa el Paso 1 de la Parte 2 de este tutorial para conocer su funcionamiento.
Paso 6
Utiliza la herramienta Nodo (A) para curvar el trazo, dejándolo ligeramente arqueado. Añade dos pequeños círculos de 10 x 10 px a los lados de las gafas para que se vean terminadas.
¡Pasemos a la siguiente parte de nuestro tutorial de Affinity Designer de diseño de patrones!
2. Crea un delicioso helado de pistacho
Paso 1
Lo siguiente en este tutorial de diseño de patrones, es empezar a crear un helado comenzando con el cono. Utiliza la herramienta Triángulo para crear una forma amarilla de 60 x 70 px y rótala al revés.
Paso 2
Ahora vamos a aplicar una suave textura de barquillo a nuestro cono. Utiliza la herramienta Diamante para crear una forma de 10 x 18 px de un color amarillo más oscuro, colocándola encima del cono. Mantén presionado Opción-Shift y arrastra hacia la derecha para crear una copia de la forma. Ahora presiona Comando-J dos veces para hacer dos copias más. Agrupa (Comando-G) los cuatro diamantes.
Paso 3
Mantén presionado Opción-Shift y esta vez arrastra el grupo hacia abajo, haciendo una copia. Mueve los diamantes, colocándolos en una posición tramada (tendrás que eliminar una pieza extra del grupo). Selecciona el cono y el grupo y utiliza el panel Alinear en la parte superior para alinear las formas al Centro.
Crea dos copias más, rellenando el espacio vacío del cono y convirtiéndolo en un barquillo texturizado. No te olvides de agrupar (Comando-G) las partes del cono.
Paso 4
Pongamos una bola de helado de pistacho en la parte superior del cono. Crea un círculo verde de 75 x 75 px, utilizando la herramienta Elipse (M). Pulsa Comando-Shift-[ para reorganizar los objetos, colocando la bola debajo del cono.
Comienza a formar una fila de círculos más pequeños en la parte inferior de la bola de helado. Haz un círculo de 15 x 15 px, mantén presionado Opción-Shift y arrastra hacia la derecha para hacer una copia.
Paso 5
Presiona Comando-J varias veces para crear una fila de círculos. Si los elementos no encajan entre sí, agrupa (Comando-G) los círculos y reduce su tamaño. Selecciona todos los elementos y alinéalos al Centro con el panel Alinear en la parte superior.
Paso 6
Utiliza la herramienta Elipse (M) para añadir un par de reflejos suaves. Ya tenemos nuestro helado terminado. ¡Sigamos adelante en este tutorial de Affinity Designer de diseño de patrones!
3. Crea un cóctel de zumo veraniego
Paso 1
En primer lugar, vamos a crear una copa de cóctel con un recipiente cónico invertido. Utiliza la herramienta Triángulo para crear una forma azul de 80 x 40 px. Haz otro triángulo de menor tamaño en la parte superior y rellénalo de amarillo claro para el zumo.
Paso 2
Termina con el vaso añadiendo una parte inferior triangular y un cuello largo y delgado.
Utiliza la herramienta Pluma (P) para hacer una pajilla simple. Establece el Peso de trazo en 4 pt.
Cambia a la herramienta Elipse (M) y haz una pequeña forma de círculo, de unos 29 x 29 px, para el trozo de naranja pegado al vaso. Ajusta su color de Relleno a naranja y su color de Trazo a un naranja más oscuro.
Paso 3
Ahora vamos a darle forma a nuestro cóctel con capas. Usa la herramienta Rectángulo (M) para hacer dos franjas de la misma altura. Rellénalas con los colores naranja y rojo anaranjado y utiliza el panel Capas para arrastrar y soltar las franjas dentro de una forma de triángulo amarillo para ocultar las piezas innecesarias.
Ya está: ¡nuestro cóctel de zumo veraniego! Pasemos a nuestro siguiente objeto de diseño de verano.
4. Crea una estrella de mar brillante
Paso 1
Como ya habrás notado, Affinity Designer tiene un montón de formas personalizadas, las cuales pueden adaptarse a cualquier necesidad de diseño de verano. Además, cualquier forma se puede personalizar fácilmente con la barra de herramientas de control de la parte superior. Esto hace que el proceso de dibujo y diseño de Affinity sea mucho más rápido.
Utiliza la herramienta Estrella para hacer una estrella de 5 puntas. Ve a la barra de herramientas superior y ajusta la estrella estableciendo la Curva izquierda al 20%, lo que hará que las puntas de la estrella se vean parcialmente redondeadas. Luego, haz lo mismo con la Curva derecha: mueve el control deslizante hasta el 20% para que la estrella se vea suave y redondeada.
Paso 2
Utiliza la herramienta Elipse (M) para salpicar algunos puntos por encima de la estrella de mar.
Paso 3
Podemos copiar y cambiar el tamaño de nuestra estrella de mar para rellenar después los espacios vacíos de nuestro patrón. Para añadir más variedad, veamos cómo podemos volver a colorear el objeto en unos pocos clics. Selecciona una de las estrellas de mar y abre el menú Ajustes en la parte inferior del panel Capas. Busca la función Volver a colorear y, en la ventana Opciones para volver a colorear, mueve el control deslizante Tono hacia la izquierda o hacia la derecha hasta que encuentres un color que te guste. ¡Así de sencillo!
5. Diseña una jugosa sandía
Paso 1
Aprendamos a crear un diseño de Affinity de sandía jugosa. Crea un círculo rosa de 150 x 150 px para la pulpa del melón, utilizando la herramienta Elipse (M). Luego, crea otro círculo de 160 x 160 px, rellénalo de amarillo y colócalo debajo del círculo rosa (Comando-[). Termina creando un tercer círculo más grande y rellénalo de color verde.
Paso 2
Ahora tenemos que agrupar todas las partes de la sandía y dividirla por la mitad. Selecciona la herramienta Recorte vectorial y recorta la mitad superior de la sandía. Siempre puedes deshacer esta acción o ajustar el tamaño del área recortada usando la herramienta Recorte Vectorial de nuevo.
Paso 3
Añadamos algunas semillas a nuestra sandía para que tenga un aspecto más realista. Haz un círculo de 7 x 7 px y rellénalo con azul oscuro o violeta oscuro. Evita usar el negro para que tu futuro patrón de diseño de verano sea más suave y brillante.
Ve a la barra de herramientas de control en la parte superior y utiliza la función Convertir a curvas para hacer nuestro círculo editable. Utiliza la herramienta Nodo (A) y selecciona el nodo superior de la forma. Conviértelo en esquina Aguda utilizando la función Convertir de la barra de herramientas superior. Arrastra el punto hacia arriba para crear una forma similar a una gota.
Paso 4
Ahora podemos copiar y colocar las semillas encima de nuestro melón, rotándolas en diferentes direcciones. En primer lugar, motea las semillas sobre la parte izquierda del melón y luego simplemente copia las semillas y refleja la copia hacia el lado opuesto, utilizando la función Voltear horizontal en la barra de herramientas de control en la parte superior.
6. Crea una sombrilla
Paso 1
Ahora vamos a crear los últimos elementos de nuestro patrón de diseño de verano: una vista aérea de una sombrilla rayada. Utiliza la herramienta Polígono para crear un octógono (fija el número de lados en 8 en la barra de control superior). Selecciona la herramienta Pluma (P) y dibuja una línea vertical a través del octógono. Selecciona ambas formas y alinéalas con la función Alinear al Centro.
Paso 2
Copia el trazo, mantén pulsada la tecla Shift y rótalo 90 grados, colocando la línea horizontalmente a través de la forma. Crea más copias, rotando cada una de ellas 45 grados, dividiendo así tu octágono en segmentos.
Selecciona todos los trazos, abre el panel Trazos (puedes encontrar esta pestaña al lado del panel Colores) y establece el valor de Anchura a 0,1 pt.
Paso 3
Selecciona los trazos en el panel Capas y ve a Capa > Expandir trazos para convertirlos en formas. Manteniendo los trazos seleccionados, ve al panel Operaciones en la barra de herramientas en la parte superior y haz clic en el botón Añadir para fusionar los trazos en una sola forma.
Paso 4
Ahora dividamos nuestro octógono en trozos. Selecciona tanto las líneas fusionadas como el octógono y utiliza la función Restar para cortar la forma. Los trozos de la forma siguen conectados, así que dividámoslos en Capa > Geometría > Dividir. Como puedes ver en el panel Capas, ahora tenemos un triángulo separado para cada segmento.
Paso 5
A partir de aquí, vamos a rellenar los segmentos, alternando entre el rosa y el amarillo claro.
Por último, añadimos un pequeño círculo rosa en cada punta de nuestro paraguas, dándole un aspecto más elaborado.
¡Genial! Todos nuestros diseños de Affinity están listos, así que ahora podemos combinarlos en un patrón de Affinity veraniego sin fisuras.
7. Diseña un alegre patrón de diseño veraniego sin fisuras
Paso 1
¡Ahora vamos a aprender la magia de cómo hacer un patrón de verano repetitivo sin fisuras! Ubica 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.
Duplica (Comando-C > Comando-V) el objeto y mueve la copia 600 px (que es igual a la anchura de nuestro documento) hacia la derecha escribiendo "+600" en la opción Horizontal del panel Transformar.
Paso 2
Ahora sitúa la estrella de mar en la parte superior de tu documento y deja que cruce el borde superior del lienzo. Haz una copia de la estrella de mar y muévela 600 px hacia abajo (que es igual a la altura de nuestro documento), utilizando el panel Transformar y escribiendo "+600" en la posición Vertical.
Así es como funciona realmente: las copias repetidas en los bordes del documento ayudan a que el patrón no tenga fisuras. Todo lo que cruza los bordes del lienzo debe ser copiado y colocado en el lado opuesto.
Paso 3
Distribuye los objetos sobre el lienzo, haciendo copias y volviendo a colorear algunos de los objetos para darle variedad a tu patrón de verano.
Aquí he añadido dos helados más de diferentes colores, así como otra estrella de mar y una copa de cóctel reflejada.
Paso 4
Crea un rectángulo azul claro del mismo tamaño que tu documento (600 x 600 px) y colócalo en la parte inferior del panel Capas (Shift-Comando-[). O también puedes crear una Nueva capa para el fondo azul y colocarlo allí.
He vuelto a colorear algunos de los elementos (las gafas de cóctel y la parte interior de las gafas de sol) para hacerlos visibles sobre el fondo azul. Y también he añadido algunos elementos menores de color azul claro, como pequeños soles, círculos, nubes y zigzags, para rellenar los espacios vacíos del patrón, haciéndolo parecer más recargado y detallado.
Por último, agrupamos con la función Agrupar (Comando-G) todos los elementos de nuestro patrón (excepto el fondo) y arrastramos el grupo sobre la forma del fondo en el panel Capas, colocando el grupo dentro del rectángulo.
Paso 5
Asegurémonos de que nuestro patrón no tiene fisuras. Haz el rectángulo más pequeño, reduciendo su tamaño a 300 x 300 px en el panel Transformar. Mantenlo en la esquina superior izquierda del documento. Duplica el patrón y usa el panel Transformar de nuevo para mover la copia horizontalmente 300 px a la derecha. Como puedes ver, el patrón ya es uniforme, formando una composición equilibrada y repetitiva.
Paso 6
Vamos a añadir algunas piezas más en la mitad inferior de nuestro documento. Haz dos copias más del patrón y colócalas una al lado de la otra. Muy bien. Nuestro patrón se ve perfecto, sin costuras y bien detallado.
Paso 7
Ahora podemos ir a Archivo > Exportar para exportar nuestro diseño de Affinity de patrón sin fisuras en cualquier formato, según nuestras necesidades. ¡Patrón de verano listo!
¡Dame esos cinco! ¡Nuestro patrón de diseño de verano sin fisuras está listo!
¡Buen trabajo a todos! Hemos seguido un proceso detallado para crear diseños de Affinity de diseño plano y hemos aprendido algunas técnicas sencillas, que nos han ayudado a crear un patrón de verano repetitivo, perfecto para ser el fondo de sitios web y blogs. Además, se puede utilizar para papel de regalo, telas, papel pintado impreso y mucho más.
Disfruta creando nuevos patrones de verano sin fisuras y sigue atento a nuestros próximos tutoriales de Affinity Designer.
By
