I denna Photoshop-lärdom kommer vi att lära dig att ge ett foto en sliten, slitna kantereffekt . Det är enkelt att skapa effekten och det krävs inget annat än ett par lager, Eraser Tool, en av Photoshops inbyggda borstar och några lagerstilar som hjälper till att avsluta saker.
Denna version av vår slitna, slitna fotokanter handledning är för Photoshop CS5 och tidigare. Om du använder Photoshop CS6 eller Photoshop CC (Creative Cloud), kolla in vår helt uppdaterade version.
Här är de sönderrivna effekterna vi skapar:
Den sista "slitna, sönderrivna fotokanterna" -effekten.
Hur man slitnar, slitna fotokanter
Steg 1: Duplicera bakgrundsskiktet
Med vår nyligen öppnade bild i Photoshop, låt oss börja med att duplicera bakgrundsskiktet. Gå upp till Layer- menyn i menyfältet högst upp på skärmen, välj New och välj sedan Layer via Copy . Eller, för ett snabbare sätt att duplicera ett lager, tryck på kortkommandot Ctrl + J (Win) / Kommando + J (Mac):
Gå till Layer> New> Layer via Copy, eller tryck Ctrl + J (Win) / Command + J (Mac).
Om vi tittar på panelen Lager kan vi se att vårt dokument nu innehåller två lager. Det ursprungliga bakgrundsskiktet sitter på botten, medan vår nyligen tillagda kopia av bakgrundsskiktet, som Photoshop automatiskt har fått namnet "Skikt 1", sitter ovanför det:
En kopia av bakgrundsskiktet visas ovanför originalet i panelen Lager.
Steg 2: Lägg till extra kanvasutrymme
Låt oss ge oss lite mer utrymme att arbeta genom att lägga till lite extra dukutrymme runt bilden. Gå upp till Bild- menyn högst upp på skärmen och välj Canvas Size :
Gå till Image> Canvas Size.
Detta skapar Photoshops dialogrutan Canvas Size. Jag kommer att lägga till ytterligare 100 pixlar runt bilden genom att ange 100 för både bredd- och höjdalternativ i mitten av dialogrutan och se till att måttypen är inställd på pixlar för båda. Se också till att alternativet Relativ är markerat så att det extra utrymmet läggs till i den befintliga duken, annars kommer vi att ändra dukstorleken till 100 x 100 pixlar, vilket inte är vad vi vill ha. Klicka på mittkanten i Anchor- rutnätet så att det extra utrymmet läggs jämnt runt alla kanter på duken:
Lägg till extra utrymme runt bilden med dialogrutan Canvas Size.
Klicka på OK när du är klar för att lämna dialogrutan Canvas Size. Om vi tittar på bilden i dokumentfönstret kan vi se att vi nu har extra utrymme runt bilden. Vi kommer att klippa bort det extra utrymmet när vi är klara att skapa den sönderrivna kantereffekten. Detta är helt enkelt för att ge oss lite extra utrymme att arbeta med Eraser Tool, som vi kommer att använda på ett ögonblick:
Det extra dukutrymmet har lagts till.
Steg 3: Lägg till ett nytt tomt lager mellan de två befintliga lagren
Med "Layer 1" markerat i panelen Layers (det ska markeras med blått) håller du ner Ctrl (Win) / Command (Mac) -tangenten och klickar på ikonen New Layer längst ner i panelen Layers:
Håll ned Ctrl (Win) / Command (Mac) och klicka på ikonen Nytt lager.
Normalt lägger Photoshop till nya lager direkt ovanför det nuvarande valda lagret, men genom att hålla ned Ctrl / Command-tangenten när vi klickar på ikonen New Layer ber vi Photoshop att lägga till det nya lagret under det valda lagret. Vi har nu ett nytt tomt lager som heter "Layer 2" mellan bakgrundsskiktet och "Layer 1".
Det nya tomma lagret visas mellan bakgrundsskiktet och "lager 1".
Steg 4: Fyll det nya lagret med vitt
Gå upp till Redigera- menyn högst upp på skärmen och välj Fyll :
Gå till Redigera> Fyll.
Detta visar Photoshops Fyll-dialogruta, som vi kan använda för att fylla ett lager eller ett urval med färg. Välj Vit för alternativet Använd i avsnittet Innehåll högst upp i dialogrutan:
Ställ in alternativet Använd på Vit.
Klicka på OK när du är klar för att lämna dialogrutan. Photoshop fyller det nya lagret med vitt, även om vi faktiskt inte kan se det i dokumentfönstret eftersom bilden på "Layer 1" ovanför det blockerar det nya lagret från vyn. Men om vi tittar på miniatyren för lagerförhandsvisning för "Layer 2" i panelen Layers, kan vi se att miniatyren nu är fylld med vit, vilket säger att själva lagret är fylt med vitt:
Förhandsvisningsminiatyrerna i panelen Lager ger oss en förhandsgranskning av innehållet i varje lager.
Steg 5: Välj "lager 1"
Vi är redo att börja skapa rivna effekter, men först måste vi se till att vi arbetar på rätt lager. Just nu har vi "Layer 2" valt, vilket vi vet eftersom "Layer 2" är markerat med blått i panelen Layers. Vi måste arbeta med bilden på "Layer 1", så klicka på "Layer 1" för att göra det till det nuvarande aktiva lagret:
Klicka på "Layer 1" för att välja det.
Steg 6: Välj Eraser Tool
Välj Photoshop's Eraser Tool på Verktygspanelen . Du kan också snabbt välja Eraser Tool genom att trycka på bokstaven E på tangentbordet:
Välj Eraser Tool.
Steg 7: Välj 100 grov rund borst
Vi kan använda vilken som helst av Photoshops borstar med Eraser Tool, precis som vi kunde om vi använde det faktiska Brush Tool. Klicka på knappen Brushes-panelen för att växla i alternativfältet högst upp på skärmen:
Brushes-panelens växlingsikon öppnas och stänger panelen Brushes.
Detta öppnar Brushes-panelen. Klicka på menyikonen i det övre högra hörnet av Brushes-panelen för att visa en lista med menyalternativ för panelen. Jag använder Photoshop CS4 här. I tidigare versioner av Photoshop ser menyikonen ut som en liten pil. När menyn visas väljer du Stor lista :
Varje panel i Photoshop har en meny med olika alternativ att välja mellan.
Detta ändrar hur borstarna visas på borstpanelen, vilket gör det lättare att se exakt vilken borste vi väljer. Med penslarna som nu visas i formatet Stor lista, bläddra ner till botten av listan och klicka på 100 Rough Round Bristle- borsten för att välja den:
Klicka på "100 Rough Round Bristle" -borsten i Brushes-panelen för att välja den.
Om du vill växla tillbaka till det sätt som penslarna visades ursprungligen klickar du på penselpanelens menyikon och väljer Liten miniatyrbild från listan.
Klicka igen på Brushes-panelen för att växla ikonen i Alternativfältet när du har valt borsten för att stänga ut från Brushes-panelen.
Steg 8: Radera runt bildens kanter
Låt oss börja med att skapa vår initiala sönderrivna kantereffekt längs bildens vänstra sida. Jag säger "initial" för när vi väl har jobbat oss runt hela bilden en gång kommer vi att gå tillbaka en andra gång, men vi kommer till det senare. Placera Eraser Tool så att det är i det övre vänstra hörnet av dokumentet med endast cirka 25-30% av borsten som sträcker sig in till bilden. Resten av borsten ska ligga utanför bilden i det vita utrymmet som vi laddade tillbaka i början av självstudien. Klicka en gång, med musknappen fortfarande nere, dra en kort penseldrag längs bildens övre vänstra kant. Du kommer att se delar av kanten raderas när du drar, vilket skapar början på vår sönderrivna effekt:
Klicka och dra ut ett litet penseldrag längs bildens övre vänstra kant.
Som vi kan se på skärmdumpen ovan, avlägsnade den initiala borstslaget inte den ursprungliga raka kanten. Det finns fortfarande en svag del av den synlig, och det beror på formen på borstborsten vi använder. Du måste förmodligen gå tillbaka över samma område två eller tre gånger innan den raka kanten är helt borta.
Fortsätt arbeta dig ner på vänster sida av bilden genom att klicka och dra ut korta penseldrag, håll alltid 70-75% av borstformen utanför bilden i det vita området så att vi inte raderar för mycket av kanten. Om du gör ett misstag och behöver ångra ditt senaste penseldrag, tryck Ctrl + Z (Win) / Command + Z (Mac) för att ångra det, eller tryck Ctrl + Alt + Z (Win) / Command + Option + Z (Mac ) upprepade gånger för att ångra flera penseldrag:
Fortsätt arbeta dig ner på vänster sida av bilden med korta penseldrag.
Om du upptäcker att standardborstestorleken är för stor för din bild, kan du ändra storleken på borsten i farten med vänster och höger fästknappar. Tryck på den vänstra fästknappen ( ( ) för att göra borsten mindre, eller tryck på den högra fästknappen ( ) ) för att göra den större.
När du når det nedre vänstra hörnet på fotot fortsätter du att röra dig runt resten av bilden tills du är tillbaka i det övre vänstra hörnet där du började. När du är klar ska dina kanter se ut så här:
De initiala sönderrivna kanterna verkar.
Steg 9: Duplicera lagret
Nu när vi har vår första rivna effekt, måste vi göra en kopia av lagret. Med "Layer 1" markerat i panelen Layers, tryck Ctrl + J (Win) / Command + J (Mac) för att snabbt duplicera det. Vi har nu en kopia av lagret, som Photoshop på lämpligt sätt har kallat "Lag 1-kopia", högst upp på panelen Lager. Normalt bör vi byta namn på lager för att undvika att se namn som "Lag 1-kopia", men eftersom denna effekt är ganska enkel och vi har alla lager vi behöver på denna punkt lämnar vi dem med sina standardnamn för att spara tid:
En kopia av "Layer 1" visas ovanför originalet.
Steg 10: Stäng av det översta lagret
Klicka på det övre lagrets synbarhetsikon (även känd som "ögongloben") för att tillfälligt stänga av lagret och dölja det från vyn i dokumentfönstret så att vi kan se originalet "Skikt 1" under det:
Om du klickar på "ögongloben" -ikonen aktiveras och stängs lager i dokumentet.
Steg 11: Välj "Layer 1"
När det översta lagret nu är doldt från vyn temporärt klickar du på "Layer 1" på panelen Layers för att välja det:
Klicka på "Layer 1" för att välja det.
Steg 12: Lägg till en färgöverlagringslagerstil
När "Layer 1" är valt klickar du på ikonen Layer Styles längst ner på panelen Layers och väljer Color Overlay i listan som visas:
Välj färgöverlägg i listan över lagerstilar.
Detta öppnar Photoshops dialogruta för lagerstil inställd på färgöverläggsalternativ i mittkolumnen. Som standard ställer Photoshop färgen på överlägget till rött, och ditt foto kommer plötsligt att fyllas med rött i dokumentfönstret. För att ändra färgen, klicka på färgrutan :
Klicka på färgrutan för att välja en annan färg för överläggningen.
Photoshops färgväljare visas. Välj en grå färg från färgväljaren och klicka sedan på OK för att avsluta den. Ditt foto ska nu fyllas med ljusgrått i dokumentfönstret:
Välj en ljusgrå från färgväljaren.
Steg 13: Lägg till en inre glödlagerstil
Stäng inte ur dialogrutan Layer Style just nu. Vi har fortfarande ett par lagerlager att lägga till. Klicka direkt på orden Inner Glow på vänster sida av dialogrutan. Klicka inte bara i kryssrutan till vänster om orden. Vi måste klicka direkt på själva orden för att få tillgång till alternativen för Inner Glow-stil:
Klicka direkt på orden "Inre glöd" till vänster i dialogrutan Layer Style.
Alternativet Inner Glow visas nu i mitten av dialogrutan Layer Style. Även om stilens namn är Inre glöd, kommer vi att ändra glödet till en skugga så att vi kan använda den för att mörkna kanterna runt fotot lite.
Först, för att ändra stilen från en glöd till en skugga, ändra alternativet Blandningsläge högst upp i dialogrutan från Skärm till Multiplicera . Klicka sedan på den lilla färgrutan direkt under ordet "Buller" för att ändra färgen på stilen. Som standard är den inställd på gul. När du klickar på färgrutan kommer Photoshop's Color Picker att visas, precis som det gjorde när vi ändrade färgen på Color Overlay-stil för ett ögonblick sedan. Välj svart från färgväljaren och klicka sedan på OK för att avsluta det.
Sänk opaciteten ner till cirka 10% så att skuggan är mycket subtil. Slutligen, öka storleken på skuggan till cirka 24 px (pixlar):
Att ändra glödet till en skugga är lika enkelt som att ändra blandningsläget till Multiplicera och välja svart för färgen.
Din bild ska nu se ut så här:
Bilden hittills efter att ha använt färgöverlagring och inre glödlagerstilar.
Steg 14: Lägg till en droppskugga
Klicka direkt på orden Drop Shadow överst i listan över lagerstilar till vänster i dialogrutan. Återigen måste vi klicka direkt på själva orden för att komma åt alternativen för Drop Shadow:
Klicka direkt på orden "Drop Shadow" till vänster i dialogrutan Layer Style.
Drop Shadow-alternativen visas i mittkolumnen i dialogrutan Layer Style. Sänk skuggens opacitet ned till cirka 30% så att den är mycket mindre intensiv än den är med standardinställningen för opacitet på 75%. Ställ sedan in skuggvinkeln på 120 ° om den inte redan är inställd på det:
Ställ droppskuggens opacitet till 30% och vinkeln till 120 °.
Klicka på OK när du är klar för att lämna dialogrutan Layer Style. Här är min bild efter applicering av droppskuggan:
Bilden efter att ha lagt till alla tre lagerstilar.
Steg 15: Välj det översta lagret och slå på det igen
Klicka på det översta lagret i panelen Lager ("Lager 1-kopia") för att välja det, klicka sedan på ikonen för lagsynlighet till vänster om lagret för att sätta på lagret igen så att det syns igen i dokumentfönstret. Bilden kommer återigen att visas och kommer att blockera den gråfyllda bilden som vi bara arbetade med från vyn:
Klicka på ikonen för lagervisbarhet igen för att aktivera det översta lagret igen.
Steg 16: Radera delar av kanterna i det översta lagret för att avslöja lagret nedan
Med det övre lagret valt, gå tillbaka runt kanterna på bilden med Eraser Tool med korta penseldrag, precis som vi först gjorde i "Layer 1", för att ta bort mer av kanten. Kom ihåg att hålla det mesta av borstformen utanför bilden så att inte mer än 25-30% av den sträcker sig in i bilden. När delar av kanten raderas, avslöjas den ljusgrå bilden nedanför, vilket skapar en illusion om att fotot i sig har slitit sig runt kanterna och att bara det bakre lagret på papperet återstår:
Radering av kanterna på bilden på det översta lagret avslöjar det ljusgrå området på "lager 1" under det.
Återigen kan du ändra storleken på borsten om det behövs genom att trycka på vänster fästknapp ( ( ) för att göra den mindre eller den högra fästknappen ( ) ) för att göra den större. Om du gör ett misstag trycker du på Ctrl + Z (Win) / Kommando + Z (Mac) för att ångra det sista området du raderade, eller tryck Ctrl + Alt + Z (Win) / Kommando + Alternativ + Z (Mac) för att ångra flera penseldrag.
Här, efter att ha arbetat mig igenom kanterna på fotot ännu en gång, är min slutliga "slitna, trasiga fotokanter" -effekt:
Den sista "slitna, sönderrivna fotokanterna" -effekten.
Steg 17: Trima bort det extra kanvasutrymmet (valfritt)
Om du vill ta bort det extra dukutrymmet som vi lagt till tidigare går du upp till Bild- menyn högst upp på skärmen och väljer Trim :
Gå till Image> Trim.
Detta visar dialogrutan Trim. Välj alternativet Övre vänstra pixelfärg . Eftersom pixeln i dokumentets övre vänstra hörn är vit, kommer Photoshop att trimma bort det vita området runt bilden. Se till att alternativen Övre, Nedre, Vänster och Höger är markerade i den nedre halvan av dialogrutan, klicka sedan på OK för att lämna det, då Photoshop kommer att trimma bort det extra dukutrymmet som vi lagt till:
Klipp bort det extra dukutrymmet med Trim-kommandot.