I denne Photoshop-opplæringen lærer vi hvordan du gir et bilde en slitt, revet kanteffekt . Det er enkelt å lage effekten, og det krever ikke mer enn noen få lag, viskelærverktøyet, en av Photoshops innebygde børster og noen lagstiler for å gjøre ting ferdig.
Denne versjonen av vår slitte, revne fotokanterveiledning er for Photoshop CS5 og tidligere. Hvis du bruker Photoshop CS6 eller Photoshop CC (Creative Cloud), kan du sjekke den fullstendig oppdaterte versjonen.
Her er de revne kanter-effekten vi lager:
Den endelige "slitte, revne fotokanter" -effekten.
Slik får du en slitt, revet fotokanteffekt
Trinn 1: Dupliser bakgrunnslaget
La oss begynne med å duplisere bakgrunnslaget med vårt nylig åpnet bilde i Photoshop. Gå opp til Lag- menyen på menylinjen øverst på skjermen, velg Ny og velg deretter Lag via Kopi . Eller, for en raskere måte å duplisere et lag, trykker du på tastatursnarveien Ctrl + J (Win) / Kommando + J (Mac):
Gå til Lag> Ny> Lag via kopi, eller trykk Ctrl + J (Win) / Kommando + J (Mac).
Hvis vi ser i lag-panelet, kan vi se at dokumentet vårt nå inneholder to lag. Det originale bakgrunnslaget ligger på bunnen, mens vår nylig lagt kopi av bakgrunnslaget, som Photoshop automatisk har kalt "Lag 1", sitter over det:
En kopi av bakgrunnslaget vises over originalen i lagpanelet.
Trinn 2: Legg til ekstra lerretsrom
La oss gi oss litt mer rom for å jobbe ved å legge til litt ekstra lerretsplass rundt bildet. Gå opp til Image- menyen øverst på skjermen og velg Canvas Size :
Gå til Bilde> Lerretstørrelse.
Dette får opp Photoshop's Canvas Size-dialogboks. Jeg skal legge til ytterligere 100 piksler rundt bildet ved å legge inn 100 for både bredde- og høyde- alternativene i midten av dialogboksen og sørge for at målingstypen er satt til piksler for begge. Forsikre deg også om at det relative alternativet er merket av slik at den ekstra plassen blir lagt til det eksisterende lerretet, ellers endrer vi lerretsstørrelsen til 100 x 100 piksler, og det er ikke det vi ønsker. Klikk på midtre firkant i ankergitteret, slik at den ekstra plassen blir lagt jevnt rundt alle kanter på lerretet:
Legg til ekstra plass rundt bildet med dialogboksen Canvas Size.
Klikk OK når du er ferdig for å avslutte dialogboksen Lerretstørrelse. Hvis vi ser på bildet i dokumentvinduet, kan vi se at vi nå har ekstra plass rundt bildet. Vi trimmer bort den ekstra plassen når vi er ferdige med å lage den revne kanter-effekten. Dette er ganske enkelt for å gi oss litt ekstra rom til å jobbe med viskelærverktøyet, som vi skal bruke om et øyeblikk:
Den ekstra lerretsplassen er lagt til.
Trinn 3: Legg til et nytt tomt lag mellom de to eksisterende lagene
Med "Lag 1" valgt i lagpanelet (det skal utheves i blått), hold nede Ctrl (Win) / Kommando (Mac) -tasten og klikk på ikonet for nytt lag nederst i lag-panelet:
Hold Ctrl (Win) / Command (Mac) nede og klikk på ikonet for nytt lag.
Normalt legger Photoshop til nye lag rett over det valgte laget, men ved å holde Ctrl / Command-tasten nede mens vi klikker på ikonet for nytt lag, ber vi Photoshop legge til det nye laget under det valgte laget. Vi har nå et nytt tomt lag som heter "Lag 2" som sitter mellom bakgrunnslaget og "Lag 1".
Det nye blanke laget vises mellom bakgrunnsjiktet og "Lag 1".
Trinn 4: Fyll det nye laget med hvitt
Gå opp til Rediger- menyen øverst på skjermen og velg Fyll :
Gå til Rediger> Fyll.
Dette får opp Photoshops Fyll-dialogboks, som vi kan bruke til å fylle et lag eller et utvalg med farger. Velg Hvitt for alternativet Bruk i Innhold-delen øverst i dialogboksen:
Sett alternativet Bruk til Hvitt.
Klikk OK når du er ferdig for å gå ut av dialogboksen. Photoshop fyller det nye laget med hvitt, selv om vi faktisk ikke kan se det i dokumentvinduet, siden bildet i "Lag 1" over det blokkerer det nye laget fra visning. Imidlertid, hvis vi ser på forhåndsvisningsminiatyret for lag for "Lag 2" i lagpanelet, kan vi se at miniatyrbildet nå er fylt med hvitt, som forteller oss at laget i seg selv er fylt med hvitt:
Forhåndsvise miniatyrbilder i lagpanelet gir oss en forhåndsvisning av innholdet i hvert lag.
Trinn 5: Velg "Lag 1"
Vi er klare til å begynne å skape den revne kanter-effekten, men først må vi sørge for at vi jobber med riktig lag. For øyeblikket har vi valgt "Lag 2", som vi vet fordi "Lag 2" er uthevet i blått i lag-panelet. Vi må jobbe med bildet på "Lag 1", så klikk på "Lag 1" for å gjøre det til det aktive laget:
Klikk på "Lag 1" for å velge det.
Trinn 6: Velg Viskelærverktøyet
Velg Photoshops viskelærverktøy fra Verktøy-panelet. Du kan også raskt velge viskelærverktøyet ved å trykke på bokstaven E på tastaturet:
Velg viskelærverktøyet.
Trinn 7: Velg 100 grov børste
Vi kan bruke hvilken som helst av Photoshop-børster med viskelærverktøyet, akkurat som vi kunne hvis vi bruker det faktiske børsteverktøyet. Klikk på Børstepanelet for å slå på ikonet i alternativlinjen øverst på skjermen:
Skiftikonet for børster-panelet åpnes og lukkes Børstepanelet.
Dette åpner Børstepanelet. Klikk på menyikonet i øverste høyre hjørne av Børster-panelet for å få en liste over menyalternativer for panelet. Jeg bruker Photoshop CS4 her. I tidligere versjoner av Photoshop ser menyikonet ut som en liten pil. Når menyen vises, velger du Stor liste :
Hvert panel i Photoshop har en meny med forskjellige alternativer å velge mellom.
Dette endrer hvordan børstene vises i Børster-panelet, noe som gjør det lettere å se nøyaktig hvilken børste vi velger. Når børstene nå vises i storlisteformatet, blar du ned til bunnen av listen og klikker på 100 Rough Round Bristle- børsten for å velge den:
Klikk på "100 Rough Round Bristle" -børsten i Børster-panelet for å velge den.
Hvis du vil bytte tilbake til måten børstene ble vist opprinnelig, klikker du på Børstepanelets menyikon og velger Liten miniatyrbilde fra listen.
Klikk igjen på Børstepanelet for å slå på ikonet i alternativlinjen når du har valgt børsten for å lukke ut børstepanelet.
Trinn 8: Slett rundt kanten av bildet
La oss begynne med å lage vår opprinnelige revne kantereffekt langs venstre side av bildet. Jeg sier "initial" fordi når vi har jobbet oss rundt hele bildet en gang, kommer vi til å gå tilbake en gang til, men vi kommer til det senere. Plasser viskelærverktøyet slik at det er i øverste venstre hjørne av dokumentet, og bare rundt 25-30% av børsten strekker seg inn til bildet. Resten av børsten skal være utenfor bildet i det hvite rommet vi la tilbake til i begynnelsen av opplæringen. Klikk en gang, med museknappen fremdeles holdt nede, dra et kort penselstrøk nedover øvre venstre kant av bildet. Du vil se deler av kanten bli slettet mens du drar, og skaper begynnelsen på vår revne kanter-effekt:
Klikk og dra ut et lite penselstykke langs øvre venstre kant av bildet.
Som vi kan se på skjermdumpen over, fjernet det første børstet ikke den første rette kanten helt. Det er fremdeles en svak del av den synlig, og det skyldes formen på børsten som vi bruker. Du må sannsynligvis gå tilbake over det samme området to eller tre ganger før den rette kanten er helt borte.
Fortsett å jobbe deg ned på venstre side av bildet ved å klikke og dra ut korte penselstrøk, og hold alltid 70-75% av børsteformen utenfor bildet i det hvite området, slik at vi ikke sletter for mye av kanten. Hvis du gjør en feil og trenger å angre det siste børstetrykket ditt, trykker du Ctrl + Z (Win) / Command + Z (Mac) for å angre det, eller trykker Ctrl + Alt + Z (Win) / Command + Option + Z (Mac ) gjentatte ganger for å angre flere penselstrøk:
Fortsett å jobbe deg ned på venstre side av bildet med korte penselstrøk.
Hvis du oppdager at standard børstestørrelse er for stor for bildet ditt, kan du endre størrelsen på børsten mens du flytter venstre og høyre brakett. Trykk på venstre braketttast ( ( ) for å gjøre børsten mindre, eller trykk på høyre braketttast ( ) ) for å gjøre den større.
Når du kommer til nedre venstre hjørne av bildet, fortsett å bevege deg rundt resten av bildet til du er tilbake i øverste venstre hjørne der du begynte. Når du er ferdig, skal kantene dine se slik ut:
De første revne kanter virker.
Trinn 9: Dupliser laget
Nå som vi har den første revne kantereffekten, må vi lage en kopi av laget. Med "Lag 1" valgt i lagpanelet, trykk Ctrl + J (Win) / Command + J (Mac) for raskt å duplisere det. Vi har nå en kopi av laget, som Photoshop riktig har kalt "Lag 1-kopi", øverst i lag-panelet. Normalt bør vi gi nytt navn til lag for å unngå å se navn som "Lag 1-kopi", men siden denne effekten er ganske enkel og vi har alle lagene vi trenger på dette tidspunktet, vil vi la dem stå med standardnavn for å spare tid:
En kopi av "Lag 1" vises over originalen.
Trinn 10: Slå av toppsjiktet
Klikk på det øverste lagets synlighetsikon (også kjent som "øyeeplet") for å slå laget av midlertidig av og skjule det fra visningen i dokumentvinduet, slik at vi kan se originalen "Lag 1" under det:
Hvis du klikker på "øyeeplet" -ikonet, blir lag av og på i dokumentet.
Trinn 11: Velg "Lag 1"
Når det øverste laget nå er skjult for visningen, klikker du nok en gang på "Lag 1" i lagpanelet for å velge det:
Klikk på "Lag 1" for å velge det.
Trinn 12: Legg til en lagstil for fargeoverlegg
Når "Lag 1" er valgt, klikker du på ikonet Lagstiler nederst i lagpanelet og velger Fargeoverlegg fra listen som vises:
Velg Fargeoverlegg fra listen over lagstiler.
Dette får opp Photoshops Layer Style-dialogboks satt til Color Overlay-alternativene i den midterste kolonnen. Som standard setter Photoshop fargen på overlegget til rødt, og bildet ditt blir plutselig fylt med rødt i dokumentvinduet. For å endre farge, klikk på fargeprøven :
Klikk på fargeprøven for å velge en annen farge for overlegget.
Photoshops fargevelger vises. Velg en lysegrå fra Color Picker, og klikk deretter OK for å avslutte den. Bildet ditt skal nå fylles med lysegrått i dokumentvinduet:
Velg en lysegrå fra Color Picker.
Trinn 13: Legg til en indre glødelagstil
Ikke lukk dialogboksen Layer Style ennå. Vi har fortsatt et par lagstiler å legge til. Klikk direkte på ordene indre glød på venstre side av dialogboksen. Ikke bare klikk inne i avmerkingsboksen til venstre for ordene. Vi må klikke direkte på selve ordene for å få tilgang til alternativene for Inner Glow-stilen:
Klikk direkte på ordene "indre glød" til venstre i dialogboksen Lagstil.
Alternativene for indre glød vises nå i midten av Layer Style-dialogboksen. Selv om navnet på stilen er indre glød, kommer vi til å endre gløden til en skygge slik at vi kan bruke den til å gjøre kantene rundt bildet litt mørkere.
For å endre stilen fra en glød til en skygge, endre alternativet Blend Mode øverst i dialogboksen fra Screen til Multiply . Klikk deretter på den lille fargeprøven rett under ordet "Støy" for å endre fargen på stilen. Som standard er den satt til gul. Når du klikker på fargeprøven, vil Photoshop's Color Picker vises, akkurat som den gjorde da vi endret fargen på Color Overlay-stilen for et øyeblikk siden. Velg svart fra Color Picker, og klikk deretter OK for å avslutte det.
Senk Opacity ned til rundt 10% slik at skyggen er veldig subtil. Til slutt øker du skyggens størrelse til rundt 24 piksler (piksler):
Å endre gløden til en skygge er like enkelt som å endre blandingsmodus til Multipliser og velge svart for fargen.
Bildet ditt skal nå se ut som dette:
Bildet så langt etter bruk av lagene Color Overlay og Inner Glow.
Trinn 14: Legg til en drop Shadow
Klikk direkte på ordene Drop Shadow øverst i listen over lagstiler til venstre i dialogboksen. Igjen, vi må klikke direkte på selve ordene for å få tilgang til alternativene for Drop Shadow:
Klikk direkte på ordene "Drop Shadow" til venstre i dialogboksen Layer Style.
Drop Shadow-alternativene vil vises i midtkolonnen i dialogboksen Layer Style. Senk skjermens uklarhet ned til rundt 30%, så den er mye mindre intens enn den er med standard opasitetsinnstillingen på 75%. Sett deretter Angle of the Shadow til 120 ° hvis den ikke allerede er satt til det:
Still opaciteten til dråpeskyggen til 30% og vinkelen til 120 °.
Klikk OK når du er ferdig for å avslutte dialogboksen Layer Style. Her er bildet mitt etter påføring av dråpe skygge:
Bildet etter å ha lagt til alle tre lagstiler.
Trinn 15: Velg det øverste laget, og slå det på igjen
Klikk på det øverste laget i lagpanelet ("Lag 1-kopi") for å velge det, og klikk deretter på lagets synlighetsikon til venstre for laget for å slå laget på igjen slik at det blir synlig igjen i dokumentvinduet. Bildet vil igjen vises og vil blokkere det gråfylte bildet vi nettopp jobbet med fra visningen:
Klikk på ikonet for lagsynlighet igjen for å slå det øverste laget på igjen.
Trinn 16: Slett deler av kantene på det øverste laget for å avsløre laget nedenfor
Når det øverste laget er valgt, kan du gå tilbake rundt kantene på bildet med viskelærverktøyet ved å bruke korte penselstrøk, akkurat som vi opprinnelig gjorde på "Lag 1", for å fjerne mer av kanten. Husk å holde mesteparten av børsteformen utenfor bildet slik at ikke mer enn 25-30% av den strekker seg inn i bildet. Når deler av kanten er slettet, blir det lysegrå bildet under det avslørt, noe som skaper illusjonen om at bildet selv har slitt seg ut rundt kantene, og bare det bakerste laget av papiret er igjen:
Slette kantene på bildet på det øverste laget avslører det lysegrå området på "Lag 1" under det.
Igjen kan du endre størrelsen på børsten ved behov ved å trykke på den venstre braketttasten ( ( ) for å gjøre den mindre eller den høyre braketttasten ( ) ) for å gjøre den større. Hvis du gjør en feil, trykk Ctrl + Z (Win) / Command + Z (Mac) for å angre det siste området du har slettet, eller trykk Ctrl + Alt + Z (Win) / Command + Option + Z (Mac) for å angre flere penselstrøk.
Her, etter å ha jobbet meg rundt på kantene på bildet igjen, er min siste "slitte, revne fotokanter" -effekt:
Den endelige "slitte, revne fotokanter" -effekten.
Trinn 17: Trim bort det ekstra lerretsrommet (valgfritt)
Hvis du vil fjerne den ekstra lerretsplassen vi la til tidligere, gå opp til Bilde- menyen øverst på skjermen og velg Trim :
Gå til Bilde> Trim.
Dette får opp Trim-dialogboksen. Velg alternativet øverst til venstre Pixel Color . Siden pikslen i øverste venstre hjørne av dokumentet er hvit, vil Photoshop trimme bort det hvite området rundt bildet. Forsikre deg om at Topp-, Bunn-, Venstre- og Høyre- alternativene er valgt i den nedre halvdelen av dialogboksen, og klikk deretter OK for å gå ut av det, på hvilket tidspunkt Photoshop vil trimme bort det ekstra lerretsområdet vi la til:
Trim bort det ekstra lerretsområdet med Trim-kommandoen.