Hvordan lage en online fotoramme ved hjelp av Photoshop

• Kreativ

Annonse

Du kan gjøre så mange kule ting med Adobe Photoshop at det er vanskelig å vite hvor du skal begynne. I denne artikkelen viser vi deg hvordan du oppretter en online fotoramme ved hjelp av Photoshop. En som du kan bruke på tvers av nettsteder og apper, enten du omgir avataren din eller i overskriften på bloggen din.

Trinn 1: Konfigurer filen

Før vi begynner denne opplæringen, må du kjenne til det grunnleggende i Custom Shape Tool. For å gjøre det, sjekk ut artikkelen vår som beskriver hvordan du bruker tilpasset formverktøy i Photoshop Hvordan bruker du tilpasset formverktøy i Adobe Photoshop Slik bruker du tilpasset formverktøy i Adobe Photoshop Vår trinn-for-trinn-guide for bruk av tilpasset form Verktøy i Adobe Photoshop, et allsidig verktøy som ofte overses. Les mer .

Deretter åpner du Photoshop for å sette opp dokumentet. For denne opplæringen, la oss si at bilderammen du oppretter er en avatar på sosiale medier. Avatarer er vanligvis like dimensjoner på alle sider, uavhengig av om de er sirkelformet eller firkantet.

Med dette i bakhodet, angi dokumentstørrelsen til minst 1000 × 1000 piksler, selv om du kan gå større. Disse dimensjonene vil fungere som en guide for bilderammen.

Trinn 2: Sett opp det tilpassede formverktøyet

Etter at filen er konfigurert, oppretter du et nytt lag i lagpanelet - det er her rammen din vil gå.

Neste, sørg for at det tilpassede formverktøyet er aktivt. Kontroller deretter fargene for din tilpassede form i Fyll og strek- seksjonene.

For øyeblikket har jeg standard fargepalett aktiv. Jeg vil imidlertid ikke bruke disse fargene på bilderammen min, så jeg kommer til å slå dem ut.

For å bytte disse fargene, gå til Fargeprøver- panelet. Klikk på ikonet for rullegardinmenyen. Velg en forhåndsbygget palett fra Adobes liste over alternativer.

Du kan også laste inn en tilpasset fargepalett hvis du allerede har opprettet en. Hvis du ikke har laget en før, kan du sjekke tutorialen vår som forklarer hvordan du oppretter en tilpasset fargepalett i Photoshop.

Nå som den nye paletten er lastet inn, går du tilbake til Fyll og strek- alternativene for ditt tilpassede formverktøy. Velg fargene du vil bruke.

Gå deretter til rullegardinmenyen Shape og velg designen som vil være best egnet for bildet ditt.

For denne opplæringen blar du ned til du finner den hule sirkelen og firkantede figurer. Velg den hule sirkelen som skal brukes som bilderamme, sett her i rødt.

Selv om Adobe har mange forhåndsbygde rammer, er de litt for fancy til vårt formål. Denne sirkelen skal gjøre susen.

Trinn 3: Tegn formen din

Etter at du har valgt formen din, klikker du og drar markøren over siden for å lage den.

Hvis du ved et uhell har trukket bildet ditt av siden - som jeg har - ikke bekymre deg. Du kan enten bruke banen til valg av verktøy eller flytteverktøyet til å sentrere rammen. Det er fremhevet her i rødt.

Trinn 4: Bruk en lagstil

Når du har rammen sentrert, kan det være lurt å bruke en effekt på den, slik at den ser mer "3D" ut.

For å gjøre dette, gå til Lag- panelet og dobbeltklikk på laget som inneholder din form. En boks dukker opp som sier Layer Style .

Under Blandingsalternativer, vil du se Forkant & preging . Klikk på dette alternativet for å aktivere det, og sørg for at avkrysningsruten ved siden av navnet er fylt ut.

Når det avmerkingsmerket er aktivt, vil du se at fotorammen har fått en mer 3D-kvalitet.

Under strukturdelen kan du velge hvilken type avfasning du vil bruke på formen din, avfasningsdybden, størrelsen og hvor mye du vil myke opp kantene.

Under skyggelegging vil du kunne endre hvordan høydepunktene dine ser ut. Du kan endre vinkelen som lyset treffer objektet, og hvordan lyset samhandler med objektet også.

Når du har festet alle innstillingene dine tilfredshet, klikker du OK .

Trinn 5: Raster ditt lag

Etter at du er ferdig med fasingen, vil du velge rammen for å opprette et “rammevalg”. Dette vil tillate deg å hente frem "formen" på et senere tidspunkt og enkelt bruke et fargefyll i formen til det valget - bare i et annet lag.

Tenk på det som en snarvei til redigering.

Når du velger Magic Wand Tool, må du sørge for at bildet ditt for øyeblikket er satt til 16 biter . Hvis du ikke gjør det, får du en advarsel fra Photoshop.

Hvis det ikke er det, klikker du på Bilde> Mode> 16 Bits . Fordi du jobber i forskjellige lag, vil Photoshop spørre deg om du vil slå sammen disse lagene når du reduserer dokumentdybden.

Klikk Ikke flett . Du vil fortsatt at disse lagene skal skilles.

Etter at du har endret dybden på bildet, må du fremdeles "rastere" laget ditt for å kunne bruke Magic Wand. Dette betyr at du konverterer en vektorgrafikk til en pikselbasert en.

Hvis du vil rastere laget ditt, høyreklikker du på laget som inneholder fotorammen og velger Rasteriser lagstil .

Trinn 6: Gjør et valg

Gå deretter tilbake til Magic Wand Tool og velg den tomme plassen på innsiden og utsiden av bilderammen.

Når disse to områdene er valgt, høyreklikker du på det tomme området og velger Velg omvendt . Photoshop velger formen på rammen i stedet.

Dette kan virke som et viklet trinn, men det er en god grunn til å gjøre valget i denne rekkefølgen.

Hvis du prøver å klikke på 3D-rammen din direkte, vil Photoshop bare velge fargene med nøyaktig samme verdi og fargetone - ikke det hele.

Med Select Inverse har du nå et rent utvalg av rammen.

For å lagre dette valget for videre bruk, gå til menylinjen øverst på arbeidsområdet. Klikk Velg> Lagre valg .

Gi valget ditt et meningsfylt navn, og klikk deretter OK .

Trinn 7: Juster fargen

Nå som du har laget din online fotoramme, kan det være lurt å justere fargen på den.

Hvis du vil justere fargen, går du til lagpanelet og lager et nytt lag på toppen av laget som holder bilderammen. Klikk deretter Velg> Last inn valg .

Velg rullegardinmenyen du valgte fra kanalen .

Når valget er aktivt, går du over til Paint Bucket eller Gradient- verktøyet og bruker litt farge på det laget. Det vil forbli innenfor rammen for det utvalget.

Etter at fargen er nede, vil du at den skal samhandle med bilderammen under den.

For å gjøre dette, klikker du på rullegardinmenyen Blending Mode i Lag- panelet. Velg en effekt.

Som du kan se, lyser denne effekten rammen min, mens jeg også tar opp de lyse og mørke nyansene i 3D-skrå under.

Trinn 8: Legg til bildet

Når du er ferdig med bilderammen, vil du sannsynligvis plassere et bilde inni den. For å demonstrere denne delen, har jeg brukt et hodeskudd av meg selv.

Hvis du vil ta dette hodeskuddet inn i rammen din, velger du Flytt verktøyet og klikker og drar hodeskuddet til filfanen for bilderammen langs toppen. Jeg har fremhevet fanen i rødt.

Når du drar hodeskuddet til fanen, vil Photoshop bringe hodeskuddet inn i arbeidsområdet for bilderammen.

Slipp filen. Photoshop vil automatisk plassere hodeskuddet i et nytt lag i lag- panelet.

Når dette hodeskuddet er i et nytt lag, flytter du det hodeskuddlaget under bilderammen. Rammen må være synlig på toppen.

Juster eventuelt hodeskuddet for å passe bedre til rammen ved å gå til Rediger> Gratis transformering . Dra ankerpunktene innover for å gjøre det mindre.

Gå deretter til bilderammelaget. Aktiver Magic Wand- verktøyet, og velg deretter rommet rundt utsiden av rammen.

Når området utenfor rammen er valgt, går du tilbake til hodeskuddlaget. Gå til menyen øverst på skjermen, og klikk deretter Rediger> Klipp ut.

Dette vil raskt fjerne resten av bildet utenfor rammen, og skape den "bildelignende" effekten.

Trinn 9: Lagre filen din på nettet

Nå som hodeskuddet er satt inn og bilderammen er ferdig, er du klar til å lagre.

Før du lagrer, må du forsikre deg om at bakgrunnslaget i filen din er slått av. Bilderammen er rund, og det vil være en viss åpenhet rundt den. Hvis du holder dette bakgrunnssjiktet på, vil ikke denne åpenheten påvirke.

Etter at bakgrunnen din er slått av, går du til File> Export> Save for Web (Legacy) . Lagre filen din som en PNG. Og der har du det. Du er ferdig.

Tilpasse din tilstedeværelse på nettet

Nå som du vet hvordan du lager en digital fotoramme, kan du bruke den til å tilpasse din online tilstedeværelse, og gi deg et jevnlig blikk på forskjellige nettsteder og apper.

Du må imidlertid ikke stoppe Photoshop-utdannelsen din der. Vi anbefaler å lære hvordan du oppretter en tilpasset gradient ved hjelp av Photoshop Hvordan lage en tilpasset gradient ved hjelp av Photoshop CC Hvordan lage en tilpasset gradient ved hjelp av Photoshop CC. I denne artikkelen skal vi lede deg gjennom hvordan du oppretter en tilpasset gradient ved bruk av Photoshop CC i fire enkle trinn. Les mer neste.

Utforsk mer om: Adobe Photoshop, Design, Photo Sharing, Photoshop Tutorial.