Affinity Designer V2 | Vector de formas de corazones de vitral

1. ¡Te damos la bienvenida a la clase!: Oigan, todos. Bienvenido a Affinity en 15, donde vamos a crear proyectos rápidos juntos en diseñador, foto o editor. En esta entrega, te voy a mostrar cómo hacer el vector vitral en forma de corazón en diseñador que pueda ser utilizado tanto en proyectos impresos como digitales Nos vamos a centrar en la herramienta de degradado, el panel de apariencia y la herramienta de cuchillo, pero también usaremos algunas otras. Ahora, estoy en la versión de escritorio de la versión dos de diseñador, pero puedes seguir fácilmente en el iPad siempre y cuando sepas dónde se encuentran las herramientas. Esta clase es grande AnderFriendly, pero sí asume cierta familiaridad con el diseño del diseñador ya que no voy a pasar por la interfaz de usuario ¿Estás listo? Empecemos. 2. Crea el corazón de vitral en Designer: Creó un lienzo de 4,000 por 4,000 píxeles ajustado a 300 DPI. Eso me permite imprimirlo grande o usarlo más pequeño. Ahora, debido a que estoy usando texturas, siempre puedo reducir la escala sin problema, pero escalar siempre es arriesgado, así que quiero asegurarme de estar pensando en cómo podría usarlo. Voy a usar una forma integrada para crear mi corazón inicial, y en la versión de escritorio, puedo mantener presionado el teclado Command Down Mami Toca el lienzo, y me va a dar este cuadro de diálogo. Ahora, 3,600 por 3,600 píxeles está bien, así que voy a hacer clic Bien, voy a usar la herramienta de cuchillo para cortar esto en varias formas que se van a convertir en las piezas de vidrieras Y esta herramienta funciona de dos maneras. Si selecciono mi forma y vuelo el cursor sobre el trazado entre nodos y hago clic, va a cortar el trazado entre esos dos puntos Este caso, lo que quiero hacer es cortar esto en múltiples pedazos. Entonces, en cambio, voy a flotar fuera del camino, y se puede ver que tengo el icono del cuchillo Y cuando lo arrastre, lo corta en dos pedazos, que puedes ver aquí en mi panel de capas. Cualesquiera que sean las formas que se seleccionen son candidatas para la herramienta de cuchillo. En otras palabras, si lo corto en una tercera pieza y solo quiero cortar aún más estas dos, puedo seleccionarlas, dejando la tercera deseleccionada Y cuando pase la herramienta cuchillo a través de él, solo va a impactar esas formas, no a la que no seleccioné. Si calculo mal y quiero recombinar una forma, puedo seleccionar ambas formas, subir a la parte superior y elegir Agregar y Así que voy a comenzar con unos cuantos golpes grandes con una herramienta de cuchillo y luego perforar para obtener piezas más pequeñas seleccionando ciertas formas Voy a acelerarlo, y voy a ahorrar en el otro lado. Ahora que mis múltiples piezas están en su lugar, quiero cambiar algunos de los colores. Y he proporcionado la paleta que voy a usar para el proyecto en las descargas, junto con instrucciones sobre cómo importarlo. Voy a seleccionar grupos de formas y sumarlas juntas. El beneficio de eso no es solo que solo tengo que trabajar con una sola curva, sino que solo tengo que agregar la misma textura a una sola curva en lugar de múltiplos, y eso mantiene el tamaño de mi archivo más bajo. Entonces voy a empezar a seleccionar a este tipo, mantener presionada la tecla Mayús y seleccionar estos dos, y voy a hacer clic en AD en la parte superior. Yo seleccionaré éste, éste. Y éste. Y de nuevo, pulsa Add. Y solo voy a seguir haciendo esto hasta que solo tenga grupos y no haya formas únicas. Entonces voy a empezar aquí, y con mi paleta de muestras, voy a añadir este degradado rojo más oscuro Quiero asegurarme de que está en el relleno y no en el trazo. Prueba este en su lugar. Bien, así siempre puedo agarrar mi herramienta de degradado y poder arrastrarla hacia afuera, reposicionarla si quiero Incluso puedo cambiar el asa aquí. Puedo agregar puntos de color. Voy a dejar esto como está porque normalmente vuelvo una vez que he añadido la textura para ver si necesito cambiar algo. Entonces con este, voy a cambiarlo a este rojo más claro. Para este, quiero ir con el sólido rosa. Voy a crear una especie de textura lechosa, opaca. Y luego finalmente, esto va a ser este tipo más claro de degradado blanquecino. Bien, con todo eso en su lugar, estoy listo para pasar a sumar las líneas de soldadura que mantendrían todo esto unido He seleccionado todas mis formas, y voy a añadir un trazo a todas ellas. Quiero que esto tenga un color cobre, así que seleccionaré este gradiente de cobre aquí en el pellet de muestra Ahora, en última instancia, quiero que esto se establezca encima de todas las formas individuales como una curva grande para que pueda agregarles textura y efectos sin que sangran en las áreas articuladas porque están separadas Entonces con eso seleccionado, voy a subir a la parte superior y elegir capa y bajar para expandir trazo. Eso va a crear rellenos de estos. Si bien todavía tengo los seleccionados, los agregaré juntos aquí en el menú contextual y luego me muevo a la izquierda y elijo mover al frente. Ahora bien, esto está bien, pero es un poco demasiado perfecto. El cobre soldado no va a ser perfecto, y quiero que esto se vea un poco más realista Así que voy a romper esa línea perfecta un poco de dos maneras. Primero es que quiero volver a agregar un trazo. Así que voy a asegurarme de que mi trazo esté seleccionado y solo golpee ese color cobre. Entonces lo siguiente que quiero hacer es ir a mis pinceles, y tengo un juego de pinceles y tengo un juego TruGrit Texture Supply llamado Bezier Es uno de mis ir tos para agregar un poco de sensación realista a los vectores que creo solo para que se vean un poco más realistas. Puedes elegir cualquier pincel vectorial para darte ese mismo efecto. Voy a elegir esta monolina grande. Ahora, va a cambiar el tamaño del trazo. Me acerco para que veas lo que está pasando aquí. puede ver que es una bonita línea tambaleante, pero quiero volver a bajar el tamaño del trazo a unas cinco Y este es un buen comienzo, pero mis esquinas siguen siendo un poco demasiado perfectas. Entonces lo que voy a hacer es agarrar mi herramienta de lápiz y voy a usar el modo esculpir Así que quiero asegurarme de que sculpt está aquí en la parte superior. Y solo quiero ir a mis esquinas y sacar un poco la línea. Así que estoy flotando sobre mi camino, y voy a dibujar una especie de línea torcida allí Eso es cortar el camino y empujarlo hacia afuera, así que está rompiendo esa forma de V perfecta en las esquinas. Solo voy a dar vueltas por todo el asunto, y voy a hacerlo fuera de cámara porque me llevará un poco de tiempo, y luego volveré y pasaremos a agregar nuestra textura. Con todo en su lugar, estoy listo para comenzar a agregar mi textura y efectos, y voy a comenzar con los vinos de soldadura. Quiero mantener el degradado, pero agregar una textura metálica en la parte superior. Podría usar el panel de apariencia para agregar un segundo relleno, algo que voy a estar haciendo con estas otras piezas. Pero en este caso, quiero poder controlar la opacidad de la textura Y eso es algo que no puedes hacer con rellenos de mapa de bits cuando estás usando el panel de apariencia Sólo se puede ajustar el modo de fusión. Entonces, en cambio, voy a sacar una copia de la textura y usar una copia de la forma dura como máscara de recorte vectorial Voy a seleccionar esa capa y darle duplicar para que tenga una segunda, voy a seguir adelante y agarrar mi herramienta rectángulo, y solo voy a arrastrar un rectángulo sobre la forma del corazón. Voy a seleccionar mi herramienta de degradado, y voy a ir a mi estudio de stock donde he clavado en metal Y hay uno en particular que me gusta aquí en pexels. Entonces voy a darle un toque a esa. Obviamente está escalado muy grande, así que iré a la parte superior y solo elijo reiniciar Me gusta donde se coloca esto, pero si quisiera, puedo moverlo, escalarlo un poco, pero voy a dejar esto como está. Lo que quiero hacer es volver al panel de capas. Y con esa forma de corazón duplicada, voy a arrastrar hacia arriba sobre la miniatura de esa capa No quiero arrastrarlo a la derecha. Esa es una máscara de recorte regular. Voy a arrastrarlo hacia la izquierda hasta que la miniatura se ilumine, soltarla, y podrás ver que está recortada todo fuera de esas formas A continuación, seleccionaré toda la capa, y quiero cambiar el modo de fusión a superposición. Me gusta cómo se ve eso, pero podrías jugar con el modo blend. Y voy a cambiar la opacidad a tal vez alrededor de 75. Siempre puedo ajustar esto más tarde si lo necesito. Lo siguiente que quiero hacer es agregar algunas sombras de caída y un efecto de tres D para darle un poco más de dimensión. Pero antes de hacer eso, quiero agrupar estas dos capas. Así que los he seleccionado a ambos, y voy a comandar G en mi teclado y golpear grupo. Entonces con eso seleccionado, voy a bajar al panel FX aquí, y voy a comenzar con la sombra exterior. Entonces haré clic y luego tocaré para asegurarme de que tengo el menú contextual. Siempre que estés agregando sombras, necesitas pensar en dos cosas. El primero es ¿de qué dirección viene tu luz? En este caso, eso depende totalmente de mí, y voy a tener que venir de arriba a la izquierda, lo que significa que mis sombras más profundas van a caer hacia la derecha. Lo segundo en lo que quieres pensar es ¿cuál es la profundidad del objeto en la vida real? En este caso, las líneas de soldadura se elevarían unos milímetros de la superficie del vidrio. Entonces no necesito una sombra profunda, pero la quiero lo suficiente como para que ponga las líneas arriba del cristal. Así que voy a llevar mi desplazamiento a unos 12 píxeles, y voy a subir mi radio un poco más alto que eso. Yo sí quiero una ligera sombra en el otro lado porque no sería perfectamente plana si estuvieras mirando esto de arriba hacia abajo. Entonces lo que voy a hacer es darle este signo más que va a duplicar la sombra inicial, y solo voy a girar el ángulo hacia el otro lado. Quiero tirar el offset en un poquito porque, de nuevo, esto no sería tan profundo como el otro, y simplemente tiraré del radio en un poco, también. Mientras lo pienso, también quiero encender escala con objeto. De esa manera, si escalo esto hacia arriba y hacia abajo, las sombras van a escalar con el objeto general. Entonces esto es genial hasta el momento, pero quiero agregar un efecto tres D. Entonces mientras todavía tengo esto abierto, voy a dar clic para activar tres D y toque para obtener el menú contextual. Y lo primero que vas a notar es que se le agregan resaltes a los lados derechos de todas mis líneas. Recuerden, mi luz viene de arriba a la izquierda, lo que significa que mis sombras caen hacia la derecha. Y eso significa que mis reflejos deberían estar arriba a la izquierda. Y eso es Azimut aquí abajo en el menú contextual. Entonces en este momento está mostrando 45 grados, así que lo está enviando a la derecha. Lo que quiero hacer es hacer clic y arrastrar hasta que sea 145, también podrías clavarlo si quieres. También voy a hacer algunos otros ajustes, como, sacando a colación un poco el ablandamiento, y voy a jugar un poco con el radio No quiero que sea tan redondeado que parece burbujas. Pero quiero que sea un poco menos plano de lo que es. Todo esto no es destructivo, así que siempre puedo volver y cambiarlo si lo necesito. Pero voy a dejar esto como está por ahora y voy a dar clic en Cerrar. Bien, con las líneas de soldadura hechas, voy a empezar a agregar la textura a mis piezas de vidrio Ahora, en lugar de usar máscaras de recorte vectorial, voy a usar el panel de apariencia para agregar un segundo relleno para poder tener color sólido en la parte inferior y un degradado de mapa de bits en el relleno por encima Si sientes que necesitas cambiar la opacidad de tus texturas, solo tienes que seguir los mismos pasos que hicimos con las líneas de soldadura y crear máscaras vectoriales Estoy usando un conjunto de texturas que he sacado de los laboratorios de texturas así como en Splash. Los he agrupado y los he proporcionado en las descargas. También puedes sacar directamente del stock Studio si lo deseas. Voy a comenzar con esta capa superior. Puedes ver aquí en el panel de apariencia, está mostrando ese relleno de degradado inicial. Quiero tocar addFll y asegurarme de que se seleccione el segundo relleno nuevo Se pueden ver los puntos al lado. Con mi herramienta de degradado seleccionada, voy a subir a la parte superior y debajo tipo elegir Bitmap Me va a llevar a mis archivos. Y creo que voy a empezar con este tipo de aquí mismo. Haga clic en Abrir. Y lo va a colocar. Ahora, puedo usar estos mangos para escalar un poco. Una cosa de la que quiero asegurarme es que no tengo costuras como esta porque estoy abarcando formas no contiguas Yo sólo quiero mover esto de nuevo. Voy a ir a mi modo blend aquí en mi panel de apariencia, y solo voy a ver qué funciona mejor. Una especie de superposición es un poco demasiado brillante. Voy a ir con luz suave en este caso en particular, pero siempre recomiendo jugar con diferentes modos de mezcla para ver qué funciona mejor para el color y la textura que estás usando. Entonces voy a ir a esta capa roja. Yo haré lo mismo, agregaré un relleno, lo seleccionaré. Con mi herramienta de degradado, iré a Bitmap. Y sólo voy a acelerar esto hasta llegar a la final donde voy a crear una forma opaca. Así que he agregado la textura de vidrio a todos estos. Para esta última, esta rosa, en realidad quiero crear una especie de textura lechosa. Con muchos vitrales, siempre verás una especie de opaco que está dentro con los más translúcidos. Por lo general, tiene una textura de mármol, y eso es exactamente lo que voy a usar para crear esto, una textura de mármol. Quiero seguir los mismos pasos y agregar un relleno. Y esta vez, voy a elegir esta textura de mármol que tengo y simplemente arrastrarla hacia afuera. De nuevo, quiero asegurarme de que no haya costuras. Solo tráelo directo a por ahí. Y luego voy a cambiar el modo blend a overlay. Y se puede ver, a diferencia de estos que tienen algunos puntos de luz que vienen a través de él, esto no lo hace. Es un poco más opaco. Y de hecho eso me gusta. Creo que lo rompe un poco y le agrega un poco más de dimensión. Antes de terminar esto, quiero dar un paso atrás y ver si hay algo que necesite cambiar. Entonces si quiero cambiar algo, solo puedo ir al panel de apariencia. Digamos que aquí quiero ajustar mi relleno. Entonces, si quiero mover esto un poco, a mejor agregar otro punto de color, podría hacer eso, bajarlo o subir tal vez. Y lo mismo aquí. Yo solo voy a elegir este y tal vez derribar esto también puedo cambiar el tipo de gradiente si me gustaría. Y tal vez baje un poco este rojo. Una última cosa que tengo que hacer es ajustar mi textura aquí porque se pueden ver algunas líneas. Yo sólo voy a mencionar eso. Me gusta cómo se ve eso. Voy a llamar a eso hecho. Una última cosa que quiero hacer es seleccionar todas mis capas, incluyendo las líneas de soldadura. Voy a hacer un grupo final, y voy a agregar una sombra desplegable más grande hacia abajo a la derecha, así que voy a golpear FX. Ahora, ya hay un poco de sombra paralela de cuando agregué a las líneas de soldadura, pero solo voy a agregar un poco más. Ir a la sombra exterior. Y nuevamente, quiero que esto sea un poco más profundo que los demás. voy a bajar la opacidad solo un toque, Sin embargo, voy a bajar la opacidad solo un toque, y subir el radio. Y nuevamente, quiero escalar con objeto y golpear cerca. Y eso es todo. Puedo usar esto en algo tan grande como una ilustración o una tarjeta de felicitación imprimible, o incluso reducirla y usarla como motivo en un diseño de patrón de superficie o como pegatina digital en mi agenda. Si tienes alguna duda sobre lo que has aprendido, no dudes en comunicarte conmigo. Me encantaría ver lo que creas de esta clase, así que por favor considera compartir tu proyecto en la sección de proyectos y recursos. Muchas gracias por acompañarme en Happy creating, y te veré en la siguiente afinidad en 15.