Come progettare icone piane in Affinity Designer icone di badge e appendiabiti scontati

Questa è la seconda parte della nostra serie in quattro parti su Come progettare icone piatte in Affinity Designer.

Se non lo hai già fatto, assicurati di dare un'occhiata alla prima parte di questa serie, dove riceverai l'introduzione a questo corso e la prima lezione per creare un'icona piatta della borsa della spesa.

Trova altri incredibili corsi di design e illustrazione su Envato Tuts +. E ottieni incredibili risorse vettoriali per i tuoi progetti su Envato Market.

Come creare un'icona di badge di sconto

In questa lezione, Yulia Sokolova ti mostrerà come creare un'icona di badge di sconto veloce. Scopri come creare la seconda icona in questo set, utilizzando gli strumenti di forma di base, le operazioni e Strumento di testo artistico.

 

Crea una forma gialla usando il Strumento rettangolo arrotondato (M). Regolare la forma con il Strumento di ritaglio di vettore a ridursi nella parte destra.

Quindi crea un triangolo giallo e collegalo alla prima forma, regolando le dimensioni con il Trasformare pannello. Allinea le forme insieme.

Ora combina le forme in modo che non ci siano spazi vuoti. Quindi modifica il triangolo per somigliare più a un badge.

Completa il design del badge usando il Strumento rettangolo (M) per creare il tag e il Strumento ellisse (L), insieme alle operazioni, per creare il buco del badge.

Termina il badge con del testo. Qui utilizzeremo il font Bowlby One Free per creare il segno di percentuale che rappresenta lo sconto.

Quindi usa gli stessi metodi di prima per creare un effetto ombra lungo di tendenza e la base circolare per l'icona. Ecco il risultato finale.

Come creare un'icona Hanger

Tempo per la terza icona. In questa prossima lezione, impareremo come creare un'icona di gancio semplice utilizzando forme e operazioni di base.

 

Utilizzare il Strumento Triangolo per creare la forma base iniziale per il gancio arancione. Duplica questa forma e ridurla, quindi crea un cerchio per la parte superiore del gancio con il Strumento ellisse (L).

Combina il triangolo più grande e le forme del cerchio, quindi modifica la nuova forma con il triangolo più piccolo. Ciò si tradurrà in un effetto di ritaglio per un disegno stilizzato del gancio. 

Finisci il gancio con un'asta di metallo ricurva. Utilizzare il Strumento di testo artistico per creare la forma metallica da un semplice simbolo di un punto interrogativo. Quindi applicare la forma grigia al gancio.

Crea l'icona del gancio finale con i soliti passi precedenti. Effettua prima un effetto ombra lunga, quindi applicalo alla base circolare viola. Ecco il risultato.

Voglio di più?

Tutto fatto! Continuiamo con la quarta e la quinta icona nella prossima lezione. Lì impareremo come creare un cestino colorato e le icone dei vestiti.

Trova risorse creative per i tuoi progetti su Envato Elements.

E per ulteriori incredibili lezioni su Affinity Designer, dai un'occhiata a questi tutorial: