Create en nedlastingsmappe ikon i Photoshop

Ikoner er en viktig del av mest interaktive og web design. Mens ikoner er små, kan de ofte være utfordrende å lage. I dagens ’ s opplæringen vil vi vise hvordan du kan lage en nedlasting mappeikonet ved hjelp av ulike former og refleksjoner i Photoshop. La ’ s komme i gang

Trinn 1 - New File /Pen Tool Technique

Åpne Photoshop og sette opp et nytt dokument (Kommando /Ctrl + N)!. Bruk følgende innstillinger:

Oppløsning: 72dpi

Color Mode RGB farge

Mål: 600x600 px

Opprett følgende form bruker pennverktøyet (P)

Trinn 2 -. Lage figurer ved hjelp av Pen Tool

Tegn bakre delen av mappe ved hjelp av Pen Tool bruker samme tegning teknikk. Deretter trekke stripe som vist

Trinn 3 -. Behandling Figurer

Når du er ferdig med å tegne mappen, gå videre og legge papiret og pil som vist. Du skal nå ha følgende 5 lag. Hver form vil være i sitt eget lag. Sørg for å gi hvert lag et unikt navn

Trinn 4 -. Legge Fargeeffekter

Legg følgende lagstiler til den fremre delen av mappen. Lavere opacity til 90%.

Legg følgende lagstiler til papiret. Senk opacity av laget til rundt 90-95%.

Legg følgende lagstiler til Stripe.

Legg følgende lagstiler til den bakre delen av mappen.

Legg følgende lagstiler til pilen

ikonet skal nå se slik ut

Trinn 5 - Legge Refleksjoner

Legg til en ny gruppe med navnet "..; . refs " Bruk pennen til å tegne refleksjoner som vist. Sørg for at du tegner figurer som baner i stedet for formlag (se pilen). Etter at du har lukket bane, høyreklikk på arbeidsområdet og velge " gjøre valg " (Fjær 0). Plukk opp en stor børste (master diameter rundt 470, hardhet 0) og børste rundt den høyre delen av utvalget som jeg gjorde å lage en hvit refleksjon. Endre overgangsmodusen å overlappe og redusere opacity til 63%

Trinn 6 - Marginene

Opprett en ny gruppe med navnet ". Marginer, " opprette et nytt lag i den (Kommando /Ctrl + Shift + N). Legge høydepunkter på marginene streker effekten av 3D-ikonet. Bruk pennen til å skape slag linjer rundt hjørner og alle marginer i mappen, papir og bue. Deretter høyreklikker du på arbeidsområdet og velg hjerneslag banen - børste. Børste innstillinger må endres til 8 px mester diameter, hardhet 0.

Trinn 7 - Shadows

Lag et nytt lag (Kommando /Ctrl + Shift + N) for skygger og plassere den i en ny gruppe (Kommando /Ctrl + G). Gjør valg som du gjorde i trinn 5 for å skape refleksjoner. Fyll utvalg med sort og deretter uskarphet marginene ved hjelp av uskarphet verktøyet. Hvis skyggene ser for sterk, betyr det at du må senke opacity av laget til 40%

Trinn 8 -. Legge til tekst

Legg til tekst ved hjelp av hvilken font du liker. I dette tilfellet valgte jeg " Agency FB. &Quot; Skriftstørrelse: 40, Layer Opacity. 75%

Trinn 9 - Legg Final Refleksjoner og Shadows

Legg til noen flere refleksjoner til papiret ved hjelp av de samme teknikkene vi demonstrert i trinn 5.

Legg til en skygge ved å bruke ellipse-verktøyet (E). Tegn en ellipse som vist og legge til en liten bevegelsesuskarphet. Reduser opacity til din smak.

Final Forhåndsvisning

Jeg håper du likte denne opplæringen. Jeg har lagt noen flere ikoner som jeg opprettet ved hjelp av de samme teknikkene nedenfor.