Handy Web 2.0-ikoner i Photoshop

Når vi jobber med et webdesignprosjekt, trenger vi ganske ofte ikoner for å vise kommandoer som å legge til, slette eller redigere. Med Web 2.0-trenden har bruken av merker og subtile 3D blitt veldig populær. I denne opplæringen vil jeg vise deg hvordan du lager en veldig enkel og veldig fin 3D-effekt som kan brukes i knapper og ikoner eller elementer som trenger litt dybde.

Trinn 1

Opprett et nytt dokument og velg Ellipseverktøyet (U). Det spiller ingen rolle hvilken farge du bruker fordi den vil bli erstattet senere med lagstilene.

Steg 2

Dobbeltklikk på ellipslaget for å åpne dialogboksen Lagstil. Velg deretter Gradient Overlay og bruk en blå og en lysere nyanse av blått for gradientfarger. For stilen bruk Radial. Neste legg til en kommando og emboss som vist nedenfor.

Tips: Flytt radiell gradient mer til toppen av sirkelen. For å gjøre det med dialogboksen Lagstil fortsatt åpen, sørg for at du er i Gradient Overlay-delen, og klikk og hold knappen nede og begynn å flytte gradienten.

Trinn 3

Dupliserer sirkellaget og resize det for å gjøre det litt mindre, som bildet nedenfor.

Trinn 4

Dobbeltklikk det nye laget for å åpne dialogboksen Lagstilter. Fjern avmarkering for alle tidligere effekter (Belegg og Emboss og Gradient Overlay). Velg nå Stroke og velg Gradient for Fylltype. For fargene velg hvitt i begge ender av gradienten og endre opasiteten til 0% for begynnelsen og 100% til slutten.

Trinn 5

Velg Horizontal Type Tool (T) og lag et tekstlag. Pass på at dette laget er øverst. Nå åpner du Layer Styles-boksen, og endrer fargekallet til hvitt, og velg Innerskygge og bruk innstillingene som vises nedenfor.

Trinn 6

Grupper de tre lagene og kaller det "Blue Circle".

Trinn 7

Velg Polygon Tool (U) og endre noen innstillinger som vist nedenfor for å opprette et Star Badge. Dupliser laget og resize det som vi gjorde i trinn 3.

I stedet for å bruke disse lagstilene til laget, kopier du bare stilen fra det forrige ikonet vi opprettet og limte det inn i vårt nye lag. For å gjøre det, velg laget du vil kopiere lagestilen til, høyreklikk på musen (Macs: Option-Click) og velg Copy Layer Style. Velg deretter laget du vil legge til stilen til, og høyreklikk på nytt, og velg Lim inn lagformat.

Det eneste du må endre er gradientfargene under Gradient Overlay.

Konklusjon

Dette er en av de enkleste måtene å lage en kul 3D-stilknapp. Du kan forandre noen innstillinger som slagets gradientfarge og opprette forskjellige 3D-stiler.