Slik oppretter du en Gradient-ikon Inspirert av Instagram i Adobe Illustrator

Hva du skal skape

Rebrand din logo i stil med denne raske opplæringen om å lage et gradientikon i Adobe Illustrator CC. Vi bygger vår ikondesign fra grunnen av med raske og enkle former og pargradienter og effekter fra Utseendepanelet for å fullføre vår trendutvikling. 

Alternativt kan du ønske å bruke et pre-made linjeikon fra Envato Market. Enten du bruker lagerikoner eller følger med for å lage din egen under, er det ingen tid å kaste bort! La oss komme igang!

1. Bygg ikonlinjekunst

Trinn 1

Bruke Rektangelverktøy (M) å tegne et rektangel. Trekk dens Levende hjørner innover for å rulle dem ut litt. 

Steg 2

Bruke Pennverktøyet (P) å tegne en V-form fra øverste venstre hjørne til øverste høyre hjørne. Velg denne linjen med Direkte utvalgsverktøy (A) og trekk hjørnet Live Corner oppover for å rulle den ut, lik rektangelets radius.

Trinn 3

Tegn to linjesegmenter som går fra begge nedre hjørner mot den øvre halvdelen av designet. Gruppe (Control-G) ditt ikon sammen og sett slagvekten til 16 pt eller så i Stroke panel med Caps og Corners avrundet.

Vår raske og enkle konvoluttikon er fullført! La oss gjøre dette fancy.

Trinn 4

Tegn et firkant rundt konvolutten med RektangelverktøyRette inn konvoluttgruppen og torget til sine sentre i Rette inn panel. Trekk på torget Levende hjørner innover for å runde av torget ganske mye. 

2. Lag graden

Trinn 1

Legg til en gradient til det avrundede torget. I gradient panel, sett fargene til gule (# f9ed32) og varm rosa# ee2a7b).

Steg 2

Legg til en lys, fiolett fargetone (# 002aff) til gradienten. Skyv rosa nærmere midten av graden.

Trinn 3

Endre gradient typen til Radial Gradient. Juster radiusformen og vinkelen med Gradient Tool (G). Min gradient vinkel er satt til 49,2 ° med dens Aspect Radio på 81,2%.

Godt gjort, du er gjennom!

Sett konvoluttikonets slagfarge til hvitt for å fullføre ikondesignet. Hvilke andre morsomme, enkle ikoner kan du opprette i denne stilen? Del dine ferdige ikoner i kommentarseksjonen nedenfor!