Hjemmeside » Hvordan » Slik lager du et Google Plus-ikon i Photoshop

    Slik lager du et Google Plus-ikon i Photoshop

    Hei Photoshop-fans! Med alt buzz skjer på det siste om Google Plus, var det ingen å unngå å lage en relatert Photoshop-veiledning om det også. Selv om det kan virke enkelt, er det enkle utseende g + ikonet faktisk litt vanskelig å perfekt replikere, men det vil ikke stoppe oss. Forbered deg på å dykke inn i noen mer avanserte Photoshop!

    Trinn 1 - Ikonstørrelse

    For dette vil vi gå for et større ikon - 256 x 256px. Du kan også prøve å lage et 128 x 128 px eller et 512 x 512px ikon, men et vanlig ikon skal gjøre jobben.

    Trinn 2 - Sette opp veiledningene dine

    For denne opplæringen må vi være svært nøyaktige, så la oss sette opp noen guider for å hjelpe oss underveis. For å lage en ny guide, gå til Se, Ny guide.

    Du må gjenta dette trinnet flere ganger for å gjøre deg selv følgende guider (Husk, vi jobber i piksler, så ikke glem å endre cm i posisjonsboksen til a px):

    Horisontale guider: 0px, 40px, 256px

    Vertikale guider: 0px, 64px, 128px, 192px, 256px

    (Nedenfor - eksempel for den andre horisontale guiden)

    Når du er ferdig, bør lerretet ditt se slik ut:

    Trinn 3 - Forstørre lerretet ditt

    Vi vil ha Google Plus-logoen på en jevn, hvit til grå bakgrunn i typisk Google-stil. Klikk Bilde, Lerrets størrelse og sett lerretet til en bakgrunnsbildeoppløsning. For dette gikk vi med 720p (1280 × 720).

    Nå hente gradientverktøyet og opprette en radial gradient det blekner fra hvitt til lysgrå. Noe som ligner dette:

    Trinn 4 - Opprett form

    Lage en nytt lag. Gå nå til Formverktøy og velg Avrundet rektangelverktøy. Endre radius til 20 px og fargen til mørkegrå (343434). Nå bruker du guidene vi laget tidligere, dra ut den avrundede formen og pass på at den passer pent inn i grensene.

    Trinn 5 - Toppdel av logoen

    Først av alt, Rasterize laget ditt med right-klikk, Rasterize. Nå bruker du Rektangulært markeringsverktøy velg den øverste delen av logoen (mellom første og andre horisontale guider) og så Høyreklikk velge Layer Via Cut. Nå skiller det nye laget i fire mindre lag - hver for hvert toppstykke: Slik ser det ut hvis jeg aktiverer og deretter deaktiverer hvert lag en etter en:

    Rask tips - du kan gi nytt navn til lagene dine og gi dem navn som topp 1, topp 2 og så videre. Dette vil ikke bare gjøre ting renere, men vil også gjøre tingene enklere. Du kan til og med prøve sette de øverste brikkene i sin egen laggruppe.

    Trinn 5 - Bottom Visuals

    Velg laget ditt som inneholder den nederste delen av bildet ... (denne):

    … og så Høyreklikk velge Blandingsalternativer. Herfra vil du legge til noen Bevel og Emboss...

    ... og a Gradient Overlay (fades fra 1d1d1d til 292929).

    Bildet ditt bør etterpå få en endring som ligner på dette:

    Trinn 6 - Øverste delvisuals

    Først må du sørge for at du aktiverer ikonet øverst til venstre. Nå, igjen, åpne lagets lag Blanding Options og gi det litt Indre skygge...

    ... så vel som noen Fargeoverlegg.

    Her ser du bildet ditt før og etter endringene:

    Gjenta dette trinnet for hvert nytt lag, og angi riktig overleggsfarge:

    1ste stykke: Rød - f23a3f

    Andre stykke: Blå - 5988f5

    Tredje stykke: Green - 5fb816

    4. stykke: Gul - ffc000

    Trinn 7 - Legge til en liten glans

    Lage en nytt lag og legg den over alle andre lag. Bruk nå a Gradient Tool å lage en Radial Gradient falming fra hvitt til gjennomsiktighet inne i ikonets område. Sett deretter inn Layer Opacity til 30% og Blandingsmodus til overlegg. Endringene er knapt merkbare, men fortsatt ganske viktige. Her er en rask før / etter:

    Trinn 8 - Den Allmektige g+

    Ta et raskt skjermbildeav Google-logoen fra Google.com. Deretter lim inn skutt direkte inn i Photoshop (dets lag går mellom overlaygradienten og resten av bildet) og fjern alt annet enn små bokstaver "g".

    Nå kan du bruke verktøy som du foretrekker å fjerne bakgrunnen fra den lille "g", og kan også bruke Avgrens kant å glatte det litt ut. Deretter Ctrl + Klikk laget miniatyrbilde og deretter, mens du har en Rektangulær markør i hånden din Høyreklikk og velg Fylle. Bruk Hvit 100% og Normal og du bør komme til dette:

    Nå for pluss. Vel, ingenting å diskutere her, egentlig. Bare ta en Typeverktøy og finn en skrifttype som har en fin, slank "+" som er ligner på den opprinnelige logoen og få det i bildet. Når du er ferdig, bør du ha dette:

    Trinn 9 - The Grand Endelig!

    Ett skritt venter! Gå til Vis> Tøm guider å bli kvitt veiledningene, siden vi ikke lenger trenger dem, og så vil bildet bli fullført. (Åh, og ikke glem å ta ut en rask Ctrl + Shift + S - du vil ikke miste alt det harde arbeidet, ville du?)

    Trinn 10 - Nyt!

    Endelig ferdig! Men vent, hvorfor stoppe her? Hvem vet hva andre kule logoer kan komme ut av denne malen! Gå videre og prøv ut din kreativitet og se hva du kommer opp med.