Lag en high-gloss Graduation Hat Icon Design

Photoshop er flott å bruke for å lage kvalitet ikon design. I denne opplæringen vil jeg lære deg hvordan du lager et profesjonelt, skinnende, ren gradueringshattikon. Teknikkene i denne opplæringen vil hjelpe deg med å oppgradere til neste nivå i ikondesign.

Trinn 1

Først av alt, opprett et nytt dokument og fyll det med en lysegrå (# d6d6d6).

Steg 2

La oss lage basen av ikonet ved hjelp av rektangulærverktøyet. Fargen spiller ingen rolle for nå. Dette skal bare brukes til orientering.

Trinn 3

Roter formen ved hjelp av Transform Tool (Command / Ctrl + T). Senk deretter høyden ved hjelp av Transform Tool igjen.

Trinn 4

Nå må vi sette midten av formen. Bruk snarveien (Command / Ctrl + R) for å hente linjene. Sett opp dine guider som i bildet nedenfor.

Trinn 5

Nå gå opp med en veiledning og sett toppen av pyramiden. Deretter dupliserer du den blå formen og beveger den opp. Sett deretter en guide øverst på duplisert form. Da kan du slette den formen du bare dupliserte.

Trinn 6

Opprett venstre side av pyramiden ved hjelp av pennverktøyet. Fyll det med (# feb624).

Trinn 7

Opprett høyre side av pyramiden, akkurat som du gjorde med venstre side, men denne gangen fyller den med (# e49e11).

Trinn 8

Flytt det blå laget øverst på de andre lagene. Neste flytte den opp som jeg gjorde. Så gjør det større ved hjelp av Transform Tool.

Trinn 9

Dette vil være den øvre delen av hatten. Navngi det "" Top part "" og fyll det med denne fargen (# ffd931). Så dupliser det.

Trinn 10

Navngi duplikatet av grensen "" Top part "" layer "." Fyll det med fargen (# b14f00). Flytt nå "Top part" -laget over "grense" -laget.

Trinn 11

Pass på at du har valgt grense laget. Trykk en gang på pil ned på tastaturet. Dette vil flytte laget ett piksel ned. Neste mens du holder Option / Alt, trykker du ned pilknappen fire ganger. Dette vil duplisere grenselaget fire ganger.

Trinn 12

Nå slå sammen alle grenselagene. Du kan slå ledelinjene av nå, siden vi ikke trenger dem lenger. Gå til Vis> Vis> Guider og sett dem til å ikke vises.

Trinn 13

Formen på hatten er ferdig. Nå må vi få det til å se bedre ut. Vi starter med toppdelen. Velg "Toppdel" -laget og opprett et nytt lag.

Dette vil plassere det nye laget over alle resten av lagene. Velg en oransje farge for forgrunnen. Kommando / Ctrl + Klikk på "Toppdel" -laget i Lagpaletten for å gjøre et valg. Deretter på det nye laget du nettopp opprettet, ved hjelp av Gradient Tool, klikk og dra fra opp til ned.

Trinn 14

Nå fremhever vi kantene på refleksjonene mer. Vi bruker pennverktøyet til å gjøre dette, som du kan se i detaljene nedenfor. Også, reduser Opacity av denne formen til 30%.

Trinn 15

Deretter må vi jobbe på høyre side av pyramiden. Lag et utvalg av høyre side av pyramiden. Lag et nytt lag. Bruk Gradient Tool, med denne fargen (# e37a05), klikk og dra fra venstre til høyre.

Trinn 16

På venstre side vil vi bruke en annen tilnærming. Fremhev kantene av refleksjoner. Deretter reduserer du Opacity of form til 30 prosent. Se på bildene nedenfor for detaljer.

Trinn 17

Nå må vi legge til litt mer lys til venstre side. Vi gjør dette ved å lage et nytt lag over venstre side av pyramiden. Deretter gjør du et utvalg av venstre side av pyramiden. Bruk innstillingene under for Gradient Tool. Klikk deretter og dra i delen jeg har påpekt i neste bilde. Endelig angi blandingsalternativene for dette laget til overlegg.

Trinn 18

Vi må lage en skygge for toppsiden. Denne skyggen vil kaste på pyramiden. Lag et nytt lag og flytt det under grenselaget. Gi det navnet "Shadow 1". Bruk pennverktøyet til å gjøre et valg som min. Still Opacity til 30%.

Trinn 19

Gå til toppen og midt i den lage en oransje sirkel (# c54400). Gjør det mindre og senk høyden med Transform Tool, som du gjorde i trinn 3.

Trinn 20

Gjør nå en form som ser ut som dette ved hjelp av pennverktøyet.

Trinn 21

Lag en liten blå sirkel på slutten av formen vi nettopp har laget.

Trinn 22

Dette kommer til å bli den siste tingen vi gjør med hatten. Her skal vi bruke pennverktøyet og børsteverktøyet. Start med å åpne et nytt lag bak den blå sirkelen du nettopp har opprettet. Med pennverktøyet må du kontrollere at banen er valgt og tegne en bane som bildet nedenfor.

Trinn 23

Bruk innstillingene under for penselen og denne fargen (# ee4c05).

Trinn 24

Og nå med Pen Tool valgt, høyreklikk på banen og velg Stroke Path.

Trinn 25

Gjenta det forrige trinnet, men hver gang du lager et nytt slag, gjør det på et nytt lag. Bruk også forskjellige farger. Her kan du bruke samme effekt som jeg brukte i min Valentines opplæring her på Psdtuts+.

Trinn 26

Du kan slå sammen alle disse lagene du brukte til å lage denne formen som jeg kaller Mot. Alt vi trenger å gjøre nå er å gjøre Mot-skyggen.

Trinn 27

De siste tingene vi trenger å gjøre nå, legger til flere høydepunkter, gjør det skinnere, gjenspeiler hatten, skygge hatten og lag en fin bakgrunn. Se gjennom bildene nedenfor for instruksjonene for hvert trinn. Jeg bruker bare: Brush Tool, Pen Tool, og Gradient Tool.

Konklusjon

Du kan ganske enkelt endre farge på ikonet om noen få sekunder. Gå inn i hattmappen som du vil bytte fargene til. Dobbeltklikk på lagene i figurene du vil endre, og velg farger. Det er den samme teknikken som jeg brukte i Apple Remote-opplæringen her på Psdtuts +. Se det siste bilde resultatet nedenfor.