Accentsconagua
Share
Lo que vas a crearEl diseño retro es una de las principales tendencias y nunca pasa de moda. ¿Por qué es tan popular? Sigue este tutorial y descubre por qué las personas aman este estilo a través de las formas suaves y los colores pastel de los elementos pasados de moda.!
Usaremos varias formas geométricas, herramientas y funciones de Draw Persona of Affinity Designer para crear un conjunto de dispositivos de cocina planos que nos recuerden el pasado..
Puede obtener este juego Retro de artículos de cocina en Envato Elements en diferentes variaciones de color y formatos para ver cómo se hizo cada elemento. Siéntase libre de usarlos para sus propios proyectos y diseños, tanto personales como comerciales.!
Empecemos!
Estaremos trabajando en el Dibujar persona de Affinity Designer, creando activos vectoriales escalables. Podemos cambiar tres diferentes Personas en la parte superior de la barra de herramientas de control.
Vamos a empezar a crear nuestro mezclador retro desde su parte superior. Tomar el Herramienta Rectangular (M) y crea un 120 x 40 px. Podemos ajustar el tamaño manualmente (usando el Mover herramienta (V)) o estableciendo el valor deseado en el Transformar panel, que se encuentra justo debajo de la Capas panel por defecto.
Llénalo de color turquesa pastel con la rueda del Color panel.
Ahora necesitamos hacer ambas esquinas a la izquierda y la esquina superior a la derecha redondeadas. Vayamos a la barra de herramientas de control en la parte superior y desmarque la Radio simple caja. Ahora podemos ajustar el Radio De cada esquina individualmente! Vamos a poner ambas esquinas a la izquierda para 50% y la esquina superior derecha para sesenta y cinco%.
Agrega otro rectángulo de 130 x 10 px tamaño, llénelo de color gris y colóquelo como se muestra en la imagen de abajo.
Ahora necesitamos unir una línea vertical estrecha perpendicular al rectángulo creado. Podemos encender el Snapping para ver el Líneas de guía y sugerencias, que nos ayudarán a posicionar los objetos de una manera adecuada, haciendo que se adhieran entre sí..
Cree un rectángulo estrecho de la misma altura que la forma turquesa (40 px) y adjúntelo al borde izquierdo de la forma gris.
Cambiemos el color del elemento vertical. Podemos escoger el color de cualquier forma haciendo clic en el Selector de color pictograma en el Color Panel y arrastrándolo sobre el objeto. Luego, seleccione el elemento que desea recolorear y haga clic en el círculo de color pequeño junto a la Selector de color Para aplicar el color. Haz un poco más oscuro el tinte turquesa de la forma..
Agrega un pequeño rectángulo vertical por el borde derecho de la forma gris.
Ahora vamos a Duplicar (Comando-J) la línea gris y colóquela en la parte inferior de la Capas panel. Rellene la copia con un color turquesa oscuro y acorte la copia gris superior para que las formas no se superpongan.
Consejo: en lugar de acortar la forma gris, también podemos ocultar su parte superpuesta dentro del gran rectángulo redondeado. Solo selecciónelo en el Capas Panel, arrástrelo y suéltelo sobre el elemento redondeado hasta que vea una selección azul. De esta manera, la gran forma turquesa sirve como un contenedor, haciendo que las partes no deseadas sean invisibles..
Ahora vamos a hacer un simple resaltado en la superficie.
Duplicar la parte turquesa del mezclador dos veces (Comando-J> Comando-J) y arrastre la copia hasta la parte superior (Shift-Command-]). Utilizar el Flecha hacia abajo Tecla para mover la forma un poco hacia abajo. Seleccione la copia superior y la que está debajo, y use la Operación de resta cortar las formas.
Ahora solo tenemos una raya delgada en el borde superior. Llenémoslo de color gris y hagámoslo semitransparente ajustando el Modo de mezcla a Pantalla en el Capas panel.
Sujetar Cambio de comando y encoge un poco la forma, haciéndola un poco más pequeña..
Crear un 45 x 14 px rectángulo de color turquesa oscuro, fijándolo al borde inferior de la mezcladora. Hacer sus esquinas inferiores 40% Redondeado ajustando su Radio en la barra de herramientas de control en la parte superior (no olvide desmarcar la Radio simple caja).
Tomar el Mover herramienta (V), seleccione la forma y arrástrela hacia la derecha mientras mantiene presionado Opción-Shift hacer una copia.
Ahora vamos a hacer un bol. Comenzar con un 100 x 5 px rectángulo gris. Esta vez queremos que todas las esquinas estén redondeadas, por lo que podemos usar el Herramienta Rectangular Redondeada (M) Para crear esta forma o podemos mantener la Radio simple casilla marcada y configurar el Las esquinas a 100% redondeado.
Hacer una 90 x 70 px Rectángulo gris claro para el cuenco. Seleccione ambas formas y haga clic en el Alinear el centro abotone el Alinear Panel en la parte superior para centrar ambas formas..
Haz las esquinas inferiores del rectángulo 50% redondeado.
Vamos a duplicado (Comando-J) el tazón, mantenga pulsada la Mando Toca y encoge la forma, haciendo un elemento estrecho en el centro. Rellénelo con un color gris más oscuro, imitando un reflejo en la superficie de acero.
Coloque el recipiente debajo de la parte frontal de la mezcladora y conéctelo agregando un rectángulo vertical estrecho. Haz que se vea como una pieza de acero y agrega una franja más oscura y más estrecha en el centro.
Vamos a seguir adelante y crear un soporte. Utilizar el Herramienta Rectangular (M) hacer un 170 x 25 px Forma turquesa debajo del tazón. Desmarque la Radio simple Caja y hacer las esquinas superiores izquierda y derecha. 80% redondeado.
Ahora necesitamos conectar el soporte con la parte superior del mezclador. Cree un rectángulo turquesa alto entre el soporte y la parte superior (he hecho un 30 x 90.5 px forma, pero la altura de su forma puede ser diferente).
Seleccione tanto la parte vertical como el soporte y use la Añadir Operación para fusionar estos elementos en un solo objeto.
Ahora vamos a suavizar el stand con la ayuda de la Herramienta de esquina (C). Úselo para hacer clic y arrastrar los nodos, redondeando las esquinas. Verá un círculo rojo, que muestra el radio o la redondez de las esquinas..
Terminemos agregando un rectángulo gris redondeado en la parte inferior del soporte, ¡y ahí lo tenemos! ¡Nuestro mezclador está terminado! Vayamos al siguiente objeto retro..
Comencemos de nuevo desde la parte superior creando la tapa de la licuadora. Crear un 74 x 7 px Rectángulo turquesa con esquinas totalmente redondeadas..
A continuación, cree un más pequeño (52 x 7 px) Rectángulo de un color ligeramente más oscuro y que hace sus esquinas superiores. 50% Redondeado. Coloque una forma encima de la otra.
Ahora vamos a formar el bol de vidrio de la licuadora de una 65 x 100 px rectángulo azul claro. Haga clic en el Convertir a curvas en la barra de herramientas de control en la parte superior y seleccione el nodo inferior izquierdo de la forma con el botón Herramienta de nodo (A).
Sujetar Cambio y presione el Flecha correcta clave para mover el nodo 10 px a la derecha. También podemos escribir “+10” en el X caja de la Transformar panel para agregar 10 px a lo existente Posicion horizontal valor.
Repita lo mismo para el nodo inferior izquierdo, pero esta vez presione la tecla Flecha izquierda tecla (mientras se mantiene presionada la tecla Cambio) o use el valor negativo para mover el nodo en la dirección opuesta. De esta manera estamos haciendo la parte inferior del recipiente más estrecha..
Vamos a duplicado (Comando-J) el tazón y reducir la copia mientras mantiene pulsado el Mando Clave para hacer la copia mucho más estrecha. Hacer su color de relleno ligeramente más claro..
Crea un rectángulo gris de aproximadamente 45 x 13 px Tamaño en la parte inferior de la licuadora, haciendo que su ancho coincida con el borde inferior del tazón.
Duplicar (Comando-J) Coloque el elemento gris tres veces, haga las copias más estrechas y muévalas más cerca de los bordes y del centro. Varíe la luminosidad de las formas, creando reflejos y armónicos para imitar la superficie de acero.
Ahora vamos a la parte inferior de la licuadora. Crear un 75 x 40 px Rectángulo turquesa y hacen sus esquinas superiores. 50% redondeado.
Crear un 85 x 4 px rectángulo redondeado gris para el soporte y adjuntarlo al borde inferior de la licuadora.
Diseñemos el panel de control de la licuadora..
Crear un 60 x 12 px Rectángulo redondeado gris en el centro de la parte turquesa. Seleccione todos los elementos de la licuadora y haga clic en Alinear el centro Asegurarse de que todo esté perfectamente centrado..
Duplicar (Comando-J) la forma gris redondeada, mantenga pulsada Cambio de comando, y hacer la copia más pequeña. Hacer su color de relleno ligeramente más claro..
Utilizar el Herramienta Elipse (M) para crear un 25 x 25 px círculo gris oscuro, y luego agrega un círculo más pequeño y más claro encima de él.
Crea un pequeño triángulo en la parte superior de los círculos con la ayuda del Herramienta de triángulo (M).
Agrega un toque de luz y una sombra a la parte turquesa de la licuadora para que sea un poco más tridimensional. Podemos hacerlo duplicando la forma principal dos veces para resaltar y dos veces para la sombra, luego moverlas y usar la Operación de resta, como hicimos en Parte 1, paso 5 cuando estábamos creando un mezclador de stand.
Vamos a añadir un asa al bol de la licuadora. Utilizar el Herramienta Rectangular Redondeada (M) hacer un 35 x 50 px Forma turquesa sobre el lado izquierdo del tazón..
Duplicar la forma, mantenga Cambio de comando, y hacer la copia más pequeña. Seleccione ambas formas y haga clic Sustraer para cortar un agujero en el centro.
Finalmente, Movimiento la forma volver presionando Shift-Command- [ Esconderlo parcialmente detrás del tazón..
Agregue una sombra y un resalte a la tapa turquesa de la licuadora y luego termine este dispositivo agregando una sombra y un resalte a la superficie de vidrio del tazón también.
¡Y ahí lo tenemos! ¡Nuestra licuadora retro está terminada! Vayamos al último icono.!
Esta vez, vamos a empezar a crear un activo desde su parte inferior. Hacer una 130 x 7 px rectángulo redondeado gris para el soporte.
Adjunta un 115 x 60 px Rectángulo turquesa hasta el borde superior del soporte. Hacer sus esquinas superiores 25% redondeado para suavizar la forma.
Añadamos un rectángulo gris vertical de 7 x 50 px con esquinas redondeadas.
Crear un mando de una 20 x 6 px Rectángulo redondeado gris claro, colocándolo sobre la forma anterior. Coloque una copia más pequeña en la parte superior de la perilla para que sea un poco más tridimensional.
Duplicar (Comando-J) El interruptor circular de nuestra licuadora y agregarlo al panel frontal de la tostadora.
Vamos a añadir las muescas alrededor del interruptor. Utilizar el Herramienta Pluma (P) y mantenga pulsado Cambio para crear un trazo vertical corto con turquesa oscuro Carrera color. Cambiar a la Carrera pestaña del panel y configurar el Anchura a 0.6 pt.
Tomar el Mover herramienta (V), sostener Opción-Shift, y arrastre la línea hacia abajo, creando una copia debajo del interruptor.
Seleccione ambas líneas y Grupo (Comando-G) ellos. Duplicar (Comando-J) el grupo.
Finalmente, selecciona la copia de grupo y gira las líneas. -90 grados ya sea manualmente o configurando el R valor para -90 en el Transformar panel.
Vamos a poner una rebanada de pan en nuestra tostadora. Utilizar el Herramienta Rectangular (M) hacer un 65 x 25 px Forma marrón con esquinas redondeadas..
Duplicar la forma y hacer la copia más pequeña, reduciéndola a 57 x 21 px. Rellénelo con un color marrón claro y asegúrese de que los bordes inferiores de ambas formas estén alineados.
Ahora agarra el Herramienta Elipse (M), sujetar Cambio, y comencemos a crear pequeños círculos de varios tamaños, representando agujeros en la tostada.
Termine el pan y no olvide agregar una sombra y un toque de luz a la parte turquesa del tostador..
¡Y eso es! Nuestro último artículo está terminado.!
¡Y aquí están! Los tres elementos retro de nuestro juego de cocina. Los coloqué en una superficie plana y agregué un rectángulo marrón oscuro en la parte inferior del panel Capas para formar un fondo de contraste. Puede agregar tantos detalles como desee para que la composición se vea equilibrada y completa.
¡Impresionante trabajo! Espero que hayas disfrutado descubriendo las principales herramientas y funciones de Draw Persona of Affinity Designer. Siéntase libre de aplicar todos esos consejos y trucos para crear iconos vectoriales más planos..
Recuerde que puede obtener estos Elementos de Cocina Retro Planos en Envato Elements en varios formatos y variaciones de color para ver todos los detalles o usarlos en sus proyectos de diseño.!
Si disfrutas de la creación de iconos vectoriales planos y activos en Affinity Designer, ¡tengo más tutoriales para ti! Échales un vistazo!
