Accentsconagua
Share
Cosa starai creandoIl design retrò è una delle migliori tendenze e non è mai fuori moda. Perchè è così popolare? Segui questo tutorial e scopri perché la gente ama questo stile attraverso le forme levigate e i colori pastello degli oggetti vecchio stile!
Useremo varie forme geometriche, strumenti e funzioni di Draw Persona di Affinity Designer per creare una serie di dispositivi piatti da cucina che ci ricordano il passato.
Puoi ottenere questo oggetto da cucina retrò su Envato Elements in diverse varianti di colore e formati per vedere come è stato realizzato ogni elemento. Sentiti libero di usarli per i tuoi progetti e progetti, sia personali che commerciali!
Iniziamo!
Lavoreremo nel Disegna Persona di Affinity Designer, creando risorse vettoriali scalabili. Possiamo attivare tre diversi personas nella parte superiore della barra degli strumenti di controllo.
Iniziamo a creare il nostro mixer retrò dalla sua parte superiore. Prendi il Strumento rettangolo (M) e creare a 120 x 40 px. Possiamo regolare le dimensioni manualmente (usando il Sposta strumento (V)) o impostando il valore desiderato in Trasformare pannello, che si trova proprio sotto il Livelli pannello di default.
Riempilo con il colore pastello turchese usando la ruota del Colore pannello.
Ora abbiamo bisogno di rendere entrambi gli angoli a sinistra e l'angolo in alto a destra arrotondato. Andiamo alla barra degli strumenti di controllo in cima e deseleziona il Raggio singolo scatola. Ora possiamo regolare il Raggio di ogni angolo individualmente! Impostiamo entrambi gli angoli a sinistra 50% e l'angolo in alto a destra 65%.
Aggiungi un altro rettangolo di 130 x 10 px dimensioni, riempirlo con un colore grigio e posizionarlo come mostrato nell'immagine qui sotto.
Ora abbiamo bisogno di collegare una linea verticale stretta perpendicolare al rettangolo creato. Possiamo accendere il Aggancio per vedere il Linee guida e suggerimenti, che ci aiuteranno a posizionare gli oggetti in modo corretto, facendoli incollare l'un l'altro.
Crea un rettangolo stretto della stessa altezza della forma turchese (40 px) e collegarlo al bordo sinistro della forma grigia.
Cambiamo il colore dell'elemento verticale. Possiamo scegliere il colore da qualsiasi forma cliccando sul Color Picker pittogramma nel Colore pannello e trascinandolo sopra l'oggetto. Quindi seleziona l'elemento che desideri ricolorare e fai clic sul piccolo cerchio colorato accanto al Color Picker applicare il colore. Rendi la tonalità turchese della forma un po 'più scura.
Aggiungi un piccolo rettangolo verticale dal bordo destro della forma grigia.
Ora facciamo Duplica (comando-J) la linea grigia e posizionala nella parte inferiore del Livelli pannello. Riempi la copia con il colore turchese scuro e abbassa la copia in grigio superiore in modo che le forme non si sovrappongano.
Suggerimento: invece di ridurre la forma grigia, possiamo nascondere la sua parte sovrapposta all'interno del grande rettangolo arrotondato. Basta selezionarlo nel Livelli pannello e trascinalo sopra l'elemento arrotondato finché non vedi una selezione blu. In questo modo la grande forma turchese funge da contenitore, rendendo invisibili le parti indesiderate.
Ora facciamo un semplice risalto sulla superficie.
Duplicare la parte turchese del mixer due volte (Comando-J> Comando-J) e trascina la copia in alto (Maiusc-Comando-]). Utilizzare il Freccia in giù chiave per spostare un po 'la forma. Seleziona la copia in alto e quella sotto di essa, e usa il Sottrazione per tagliare le forme.
Ora abbiamo solo una striscia sottile sul bordo superiore. Riempiamolo con il colore grigio e rendiamolo semi-trasparente impostando il Modalità di fusione a Schermo nel Livelli pannello.
Tieni premuto Comando-Maiuscole e rimpicciolisci la forma un po ', rendendola un po' più piccola.
Creare un 45 x 14 px rettangolo turchese scuro, attaccandolo al bordo inferiore del mixer. Crea gli angoli in basso 40% arrotondato regolando il loro Raggio nella barra degli strumenti di controllo in alto (non dimenticare di deselezionare il Raggio singolo scatola).
Prendi il Sposta strumento (V), seleziona la forma e trascinala verso destra mentre tieni premuto Opzione-Shift fare una copia.
Adesso facciamo una ciotola. Inizia con a 100 x 5 px rettangolo grigio. Questa volta vogliamo che tutti gli angoli siano arrotondati, quindi possiamo usare il Strumento rettangolo arrotondato (M) per creare questa forma o possiamo mantenere il Raggio singolo casella selezionata e impostare il angoli a 100% arrotondato.
Fare un 90 x 70 px rettangolo grigio chiaro per la ciotola. Seleziona entrambe le forme e fai clic su Allinea al centro pulsante il Allineare pannello in alto per centrare entrambe le forme.
Crea gli angoli inferiori del rettangolo 50% arrotondato.
Diamo duplicato (comando-J) la ciotola, tieni premuto il Comando chiave e ridurre la forma, facendo un elemento stretto al centro. Riempilo con un colore grigio più scuro, imitando un riflesso sulla superficie d'acciaio.
Posiziona la ciotola sotto la parte anteriore del mixer e collegala aggiungendo un rettangolo verticale stretto. Rendilo simile a una parte in acciaio aggiungendo una striscia più scura e più stretta al centro.
Andiamo avanti e creiamo una posizione. Utilizzare il Strumento rettangolo (M) fare un 170 x 25 px forma turchese sotto la ciotola. Deseleziona il Raggio singolo casella e fare gli angoli in alto a sinistra e a destra 80% arrotondato.
Ora abbiamo bisogno di collegare il supporto con la parte superiore del mixer. Crea un rettangolo turchese alto tra il supporto e la parte superiore (ne ho realizzato uno 30 x 90,5 px forma, ma l'altezza della tua forma potrebbe essere diversa).
Seleziona sia la parte verticale che il supporto e usa il Aggiungi operazione per unire questi elementi in un singolo oggetto.
Ora rilassiamo il supporto con l'aiuto di Strumento d'angolo (C). Usalo per fare clic e trascinare i nodi, arrotondando gli angoli. Vedrai un cerchio rosso, che mostra il raggio o la rotondità degli angoli.
Finiamo aggiungendo un rettangolo grigio arrotondato nella parte inferiore del supporto, e ce l'abbiamo! Il nostro mixer è finito! Passiamo al prossimo oggetto retrò.
Iniziamo nuovamente dall'alto creando il tappo del frullatore. Creare un 74 x 7 px rettangolo turchese con angoli completamente arrotondati.
Quindi crea un più piccolo (52 x 7 px) rettangolo di colore leggermente più scuro e forma gli angoli superiori 50% arrotondato. Posiziona una forma sopra l'altra.
Ora formiamo la ciotola di vetro del frullatore da a 65 x 100 px rettangolo azzurro. Clicca il Converti in curve pulsante nella barra degli strumenti di controllo in alto e selezionare il nodo in basso a sinistra della forma con il Strumento Nodo (A).
Tieni premuto Cambio e premere il Freccia destra chiave per spostare il nodo 10 px a destra. Possiamo anche digitare "+10" nella X scatola del Trasformare pannello da aggiungere 10 px all'esistente Posizione orizzontale valore.
Ripeti lo stesso per il nodo in basso a sinistra, ma questa volta premi il tasto Freccia sinistra tasto (tenendo premuto Cambio) o utilizzare il valore negativo per spostare il nodo nella direzione opposta. In questo modo stiamo riducendo la parte inferiore della ciotola.
Diamo duplicato (comando-J) la ciotola e restringere la copia tenendo premuto il tasto Comando chiave per rendere la copia molto più stretta. Rendi il suo colore di riempimento leggermente più leggero.
Crea un rettangolo grigio di circa 45 x 13 px dimensione nella parte inferiore del frullatore, facendo corrispondere la sua larghezza al bordo inferiore della ciotola.
Duplica (comando-J) l'elemento grigio tre volte, restringe le copie e spostale più vicino ai bordi e al centro. Varia la leggerezza delle forme, creando riflessi e sfumature per imitare la superficie d'acciaio.
Ora passiamo alla parte inferiore del frullatore. Creare un 75 x 40 px rettangolo turchese e fare i suoi angoli in alto 50% arrotondato.
Creare un 85 x 4 px rettangolo arrotondato grigio per il supporto e collegarlo al bordo inferiore del frullatore.
Progettiamo il pannello di controllo del frullatore.
Creare un 60 x 12 px rettangolo arrotondato grigio al centro della parte turchese. Seleziona tutti gli elementi del frullatore e fai clic Allinea al centro per assicurarsi che tutto sia perfettamente centrato.
Duplica (comando-J) la forma grigia arrotondata, tenere premuto Comando-Maiuscole, e rendere la copia più piccola. Rendi il suo colore di riempimento leggermente più leggero.
Utilizzare il Ellipse Tool (M) creare un 25 x 25 px cerchio grigio scuro, quindi aggiungere un cerchio più piccolo e più chiaro sopra di esso.
Crea un piccolo triangolo in cima ai cerchi con l'aiuto di Triangle Tool (M).
Aggiungi un'evidenziazione e un'ombra alla parte turchese del frullatore per renderlo un po 'più tridimensionale. Possiamo farlo duplicando la forma principale due volte per l'evidenziazione e due volte per l'ombra, quindi spostiamoli e utilizzare il Sottrazione, come abbiamo fatto in Parte 1, Passaggio 5 quando stavamo creando un mixer stand.
Aggiungiamo una maniglia alla ciotola del frullatore. Utilizzare il Strumento rettangolo arrotondato (M) fare un 35 x 50 px forma turchese sopra il lato sinistro della ciotola.
Duplicare la forma, tieni Comando-Maiuscole, e rendere la copia più piccola. Seleziona entrambe le forme e fai clic Sottrarre per tagliare un buco al centro.
Finalmente, Mossa la forma indietro premendo Maiusc-Comando- [ per nasconderlo parzialmente dietro la ciotola.
Aggiungi un'ombra e un punto culminante al tappo turchese del frullatore e poi completa questo dispositivo aggiungendo un'ombra e un'evidenziazione alla superficie di vetro della ciotola.
E lì ce l'abbiamo! Il nostro frullatore retrò è finito! Passiamo all'ultima icona!
Questa volta, iniziamo a creare una risorsa dal suo fondo. Fare un 130 x 7 px rettangolo arrotondato grigio per il supporto.
Allegare a 115 x 60 px rettangolo turchese fino al bordo superiore del supporto. Crea i suoi angoli in alto 25% arrotondato per levigare la forma.
Aggiungiamo un rettangolo grigio verticale di 7 x 50 px con angoli superiori arrotondati.
Crea una manopola da a 20 x 6 px rettangolo arrotondato grigio chiaro, posizionandolo sulla forma precedente. Posiziona una copia più piccola sulla parte superiore della manopola per renderla un po 'più tridimensionale.
Duplica (comando-J) l'interruttore circolare dal nostro frullatore e aggiungerlo al pannello frontale del tostapane.
Aggiungiamo le tacche attorno all'interruttore. Utilizzare il Strumento penna (P) e tieni premuto Cambio per creare un breve tratto verticale con turchese scuro Ictus colore. Passare al Ictus scheda del pannello e impostare il Larghezza a 0,6 pt.
Prendi il Sposta strumento (V), tenere Opzione-Shift, e trascina la linea verso il basso, creando una copia sotto l'interruttore.
Seleziona entrambe le linee e Gruppo (comando-G) loro. Duplica (comando-J) il gruppo.
Infine, seleziona la copia di gruppo e ruota le linee -90 gradi manualmente o impostando il R valore a -90 nel Trasformare pannello.
Mettiamo una fetta di pane nel tostapane. Utilizzare il Strumento rettangolo (M) fare un 65 x 25 px forma marrone con angoli superiori arrotondati.
Duplicare forma e riduci la copia, riducendola a 57 x 21 px. Riempilo con un colore marrone chiaro e assicurati che i bordi inferiori di entrambe le forme siano allineati.
Adesso prendi il Ellipse Tool (M), tenere premuto Cambio, e iniziamo a creare piccoli cerchi di varie dimensioni, raffiguranti buchi nel pane tostato.
Finisci il pane e non dimenticare di aggiungere un'ombra e un punto culminante alla parte turchese del tostapane.
E questo è tutto! Il nostro ultimo oggetto è finito!
Ed eccoli qui! Tutti e tre gli oggetti retrò del nostro set da cucina. Li ho posizionati su una superficie piana e aggiunto un rettangolo marrone scuro nella parte inferiore del pannello Livelli per formare uno sfondo a contrasto. Puoi aggiungere tutti i dettagli che desideri per rendere la composizione equilibrata e completa.
Ottimo lavoro! Spero ti sia piaciuto scoprire i principali strumenti e funzioni di Draw Persona di Affinity Designer. Sentiti libero di applicare tutti quei suggerimenti e trucchi per creare più icone vettoriali piatte.
Ricorda che puoi ottenere questo oggetto Flat Retro Kitchen su Envato Elements in vari formati e variazioni di colore per vedere tutti i dettagli o per utilizzarli nei tuoi progetti di design!
Se ti piace creare icone vettoriali e risorse piatte in Affinity Designer, ho altri tutorial per te! Dategli un'occhiata!
