I den här Photoshop-bildeffekthandboken lär vi oss hur du skapar intressanta fotogränseffekter med hjälp av Photoshops borstar . Photoshop levereras med så många fantastiska borstar att möjligheterna till olika gränseffekter är praktiskt taget oändliga, särskilt eftersom vi kan kombinera flera penseldrag och olika borstverktyg, som Eraser Tool, för ännu mer variation!

I den här tutorialen kommer vi att fokusera på de borstar som Photoshop installerar för oss, men om du vet hur du skapar dina egna egna borstar också, är det verkligen ingen gräns för vad du kan komma på.

Här är det foto jag ska använda i den här självstudien:

Den ursprungliga bilden.

Här är ett exempel på vilken typ av bildgränseffekt vi skapar. Eftersom syftet med denna självstudie inte är att skapa den exakta gränsen utan att lära sig att skapa dina egna gränsen med penslar kan dina resultat se mycket annorlunda ut:

En av många möjliga fotokanter.

Hur man skapar fotokanter med penslar i Photoshop

Steg 1: Duplicera bakgrundsskiktet

Det första vi behöver göra är att skapa en kopia av vårt ursprungliga foto. När min bild nyligen öppnats i Photoshop innehåller mitt dokument för närvarande bara ett lager, bakgrundsskiktet, som är det lager som håller min bild:

Photoshops lagpanel som visar bilden i bakgrundsskiktet.

För att göra en kopia av detta lager, gå upp till Layer- menyn högst upp på skärmen, välj New och välj sedan Layer via Copy . Eller använd snabbtangenten Ctrl + J (Win) / Command + J (Mac) på ett snabbare sätt:

Gå till Layer> New> Layer via Copy, eller tryck Ctrl + J (Win) / Command + J (Mac).

Om vi ​​tittar igen i panelen Lager, bör du nu se två lager - det ursprungliga bakgrundsskiktet på botten och en kopia av lagret, som Photoshop automatiskt har fått namnet "Lag 1", som sitter ovanför det:

Photoshop placerar kopian ovanför bakgrundsskiktet och namnger det "lager 1".

Steg 2: Lägg till extra kanvasutrymme runt bilden

Innan vi lägger till vår fotogränseffekt, låt oss lägga till lite extra kanfasutrymme runt fotokanterna. För att göra det, 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 en halv tum av dukutrymmet runt mitt foto genom att ange ett värde på 0, 5 tum för både bredd- och höjdalternativ . Se till att din måttyp är inställd på tum och inte pixlar eller någon annan typ. Se också till att alternativet Relativ under bredden och höjden är markerat.

Kontrollera att den mittre fyrkanten i ankarrutnätet är markerad i den nedre halvan av dialogrutan. Detta placerar det extra kanfasutrymmet runt hela bilden. Välj slutligen Svart för färgen längst ner i dialogrutan:

Lägg till extra utrymme runt fotot med dialogrutan Canvas Size.

Klicka på OK i det övre högra hörnet av dialogrutan när du är klar för att avsluta den. Om vi ​​tittar i dokumentfönstret kan vi se att vi nu har extra duk runt bilden och det extra utrymmet fylls med svart:

Det extra dukutrymmet har lagts till och fyllts med svart.

Steg 3: Lägg till ett nytt tomt lager ovanför "lager 1"

Tillbaka i panelen Lager bör du se "lager 1" markerat med blått. Detta betyder att lagret för närvarande är valt. Om den inte är markerad med blått klickar du på den för att välja den. Vi kommer att placera vår fotokant på sitt eget lager ovanför bilden, vilket innebär att vi måste lägga till ett nytt tomt lager. För att göra det, klicka på ikonen Nytt lager längst ner på panelen Lager. Du hittar det direkt till vänster om papperskorgen längst till höger på raden med ikoner:

Lägg till ett nytt tomt lager genom att klicka på ikonen Nytt lager i panelen Lager.

Ingenting verkar ha hänt i dokumentfönstret eftersom det nya lagret är tomt, men vi kan se i panelen Lager att ett nytt lager har lagts till ovanför "Lag 1", som Photoshop förutsägbart har namngivit "Lag 2":

Lägg till ett nytt tomt lager genom att klicka på ikonen Nytt lager i panelen Lager.

Steg 4: Lägg till en markering runt den ursprungliga bilden

Därefter måste vi placera ett urvalsschema runt vår ursprungliga bild (som i bilden innan vi lägger till det extra dukutrymmet). Vårt ursprungliga foto, utan extra kanfasutrymme, sitter på "Layer 1". Om du snabbt vill placera en markeringskontur runt den håller du ner Ctrl (Win) / Command (Mac) -tangenten och klickar på förhandsvisningsminiatyren för "Layer 1" i panelen Layers. Du behöver inte välja lagret först. Håll bara Ctrl / Command intryckt och klicka på förhandsvisningsminiatyren:

Håll ned Ctrl (Win) / Command (Mac) och klicka på miniatyren för förhandsgranskning av lager för "Layer 1".

Detta placerar en markering, även känd som "marscherande myror", runt fotot i dokumentfönstret:

En markering visas runt bilden.

Steg 5: Konvertera markeringsplanen till en sökväg

Vi måste konvertera urvalsplanen till en sökväg . När vi väl har vägen skapar vi vår fotogränseffekt genom att använda några penseldrag på den. Om du vill konvertera markeringsplanen till en sökväg växlar du till din sökvägspanel . Du hittar den grupperad i panelen Lager. Klicka på namnfliken längst upp för att växla från panelen Lager till panelen Sökvägar:

Växla mellan paneler som är grupperade, till exempel panelerna Lager, kanaler och sökvägar genom att klicka på deras namnflikar.

När Paths-panelen nu är öppen klickar du på Skapa arbetsväg från markeringsikonen längst ner på Paths-panelen (tredje ikonen från höger):

Klicka på ikonen "Make Work Path From Selection" för att konvertera markeringen till en sökväg.

Du kommer att se en ny sökväg med namnet "Work Path" visas i panelen Paths. Uttrycket "Arbetsväg" betyder helt enkelt att vägen är tillfällig. Vi kunde göra banan permanent om vi ville genom att dra den ner till ikonen New Path längst ner på Paths-panelen (ikonen direkt till vänster om papperskorgen), men det finns ingen anledning att göra det för effekten vi skapar:

Vägar i panelen Paths ser mycket ut som lager i panelen Layers.

Om vi ​​tittar tillbaka på vårt foto i dokumentfönstret ser vi att vårt urval har ersatts av en tunn linje. Linjen är vår väg, och om ett ögonblick kommer vi att använda den för att skapa vår fotokant:

En tunn linje (sökvägen) visas nu runt fotot i stället för markeringen.

Steg 6: Välj borstverktyget

Eftersom vi kommer att applicera penseldrag på vår nyligen skapade sökväg, måste vi först välja Brush Tool . Klicka på penselverktyget på Verktygspanelen för att välja det, eller tryck på bokstaven B på tangentbordet för att välja det med genvägen:

Välj penselverktyget.

Steg 7: Ställ in din förgrundsfärg på vit

Photoshop målar med borstverktyget med den nuvarande förgrundsfärgen, så innan vi väljer en borste, låt oss ställa in vår förgrundsfärg till vit. Vi börjar använda vit som gränsfärg, men vi ser hur du enkelt kan ändra färgen i slutet av lektionen.

Det enklaste sättet att ställa in din förgrundsfärg på vit är att först trycka bokstaven D på tangentbordet. Detta återställer dina förgrunds- och bakgrundsfärger till deras standardvärden, med svart som förgrundsfärgen och vit som bakgrundsfärg. Tryck sedan på bokstaven X på tangentbordet för att byta dem så att vit blir förgrundsfärgen. Du hittar färgrutorna i förgrunden och bakgrunden längst ner på verktygspanelen. Färgrutan uppe till vänster (förgrundsfärg) ska nu vara vit:

Borstverktyget målar med den nuvarande förgrundsfärgen, som nu ska vara vit.

Steg 8: Öppna borstpanelen

När borstverktyget nu är valt och vitt som din förgrundsfärg klickar du på ikonen för penslar för att växla i alternativfältet högst upp på skärmen. Som namnet antyder växlar denna ikon Brushes-panelen öppen och stängd:

Öppna och stäng Brushes-panelen med växlingsikonen i Alternativfältet.

Steg 9: Välj en borstförinställning

Detta öppnar Photoshops borstpanel, där vi kan välja mellan vilken som helst av de förinställda borstarna som installerades med Photoshop. Se till att alternativet Brush Presets är valt högst upp till vänster i kolumnen så att vi kan se en förhandsgranskning till höger om alla borstar som är tillgängliga för oss. För att välja någon av penslarna klickar du bara på förhandsgranskningsikonen. Om du har alternativet Visa verktygstips aktiverat i Photoshops inställningar ser du namnet på borsten visas när du håller muspekaren över varje ikon.

Det är inte alltid lätt att berätta hur en borste kommer att se ut helt enkelt från den lilla ikonen, men när du ser en borste som ser ut som den kan vara intressant, klicka på den för att välja den så ser du en förhandsgranskning längst ner i panelen som ger dig en mycket bättre uppfattning om hur penseldraget kommer att se ut. Här har jag till exempel klickat på borsten Dry Brush 39 px, och utifrån förhandsgranskningen längst ner på panelen kan det göra en intressant fotokant:

Klicka på en pensel för att välja den. En förhandsgranskning av borstslaget visas längst ner på Brushes-panelen.

Steg 10: Stryk vägen med borsten

Låt oss se hur den här borsten ser ut som en fotokant. För att dölja Brushes-panelen från vyn så att du lättare kan se dokumentfönstret klickar du en gång till på ikonen för växel i alternativfältet. Eller, för ett snabbare sätt att öppna och stänga Brushes-panelen, tryck på F5- tangenten på tangentbordet.

För att sträcka sökvägen med borsten, se till att arbetsvägen är markerad och markerad med blått på panelen Sökvägar, eftersom sökvägen måste vara aktiv för att detta ska fungera, annars kommer ikonerna längst ned på panelen att gråas ut och inte tillgänglig. Klicka sedan på Stroke Path With Brush- ikonen längst ner på Paths-panelen (andra ikonen från vänster):

Klicka på ikonen "Stroke Path With Brush" i panelen Paths.

Så snart du klickar på ikonen tillämpar Photoshop penseldraget runt bildkanten längs banan. För att få en bättre uppfattning om hur gränsen ser ut, göm dig sökvägen tillfälligt genom att klicka på Paths-panelen på alla tomma grå områden under Work Path. Så här ser mitt första fotogränsförsök ut:

Resultatet med den första borsten.

Inte illa, men låt oss se vad vi annars kan komma på. Mycket av processen att skapa fotokanter med penslar innebär att experimentera, så om du inte är nöjd med resultatet och vill försöka igen trycker du bara på Ctrl + Z (Win) / Command + Z (Mac) för att ångra borstslaget, öppna sedan Brushes-panelen igen genom att antingen klicka på växlingsikonen i Alternativfältet eller genom att trycka på F5-tangenten på tangentbordet. Den här gången ska jag prova borsten Rough Round Bristle 100 px genom att klicka på den för att välja den:

Försöker igen med en annan pensel.

För att försöka igen med den nya borsten klickar du först på Work Path i Paths-panelen för att välja den och göra den aktiv. Klicka sedan igen på Stroke Path With Brush- ikonen. Klicka var som helst på ett tomt grått område under Arbetsvägen i panelen Sökvägar för att dölja sökvägen tillfälligt från vyn och bedöma sedan resultaten i dokumentfönstret. Den här gången får jag en helt annorlunda fotokant:

En annan borste ger oss ett helt annat resultat.

Om du upptäcker att borstslaget antingen är för tjockt eller för smalt, ångra borstslaget med Ctrl + Z (Win) / Kommando + Z (Mac), ändra sedan penselstorleken med vänster och höger fästknappar på tangentbord. Tryck upprepade gånger på vänster konsol-tangent (() för att göra borsten mindre, eller höger konsol-tangent ()) för att göra den större, klicka sedan på ikonen Stroke Path With Brush för att försöka igen. Kom ihåg att du måste klicka på Work Path i Paths-panelen först för att aktivera sökvägen innan du kan klicka på ikonen.

Steg 11: Ladda ytterligare borstuppsättningar för mer variation

Photoshop har många borstar som vi kan använda, men som standard är bara ett litet antal laddade och tillgängliga. För att ladda någon av de extra borstuppsättningarna, klicka på menyikonen i det övre högra hörnet på borstpanelen. Beroende på vilken version av Photoshop du använder kan din menyikon visas som på skärmdumpen nedan (Photoshop CS4) eller så kan den visas som en liten pil:

Klicka på menyikonen i det övre högra hörnet av Brushes-panelen.

Detta öppnar en meny som visar olika alternativ för Brushes-panelen, såväl som en lista över andra borstuppsättningar som är färdiga och väntar på att laddas. För att ladda en annan borstuppsättning, klicka bara på namnet på uppsättningen i listan. Jag kommer att ladda torra medieborstesatsen :

Välj en annan penselsats i listan.

Photoshop dyker upp en dialogruta där du frågar om du vill ersätta den aktuella borstuppsättningen med den nya uppsättningen eller om du vill lägga till den nya uppsättningen i slutet av den uppsättning som för närvarande laddas. Klicka på Lägg till- knappen:

Välj alternativet Lägg till för att lägga till de nya penslarna med de befintliga.

De nya borstarna kommer att visas under de ursprungliga på borstpanelen. Du måste förmodligen bläddra nedför listan för att se dem. Välj någon av de nyligen tillagda penslarna genom att klicka på deras ikoner. En förhandsgranskning av penseldraget visas längst ner på panelen precis som med de ursprungliga borstarna. Jag kommer att klicka på Heavy Smear Wax Crayon 20 px borste från torra medieborstar som för att välja den:

Den tunga Smear Wax Crayon-borsten ser ut som om den skulle göra en bra fotokant.

Återigen klickar jag på Stroke Path With Brush-ikonen längst ner på Paths-panelen, och här är mitt fotogränsresultat:

En tredje fotokanten skapas helt enkelt genom att välja en annan pensel.

Det finns massor av fantastiska borstar i de extra borstuppsättningarna, så se till att ladda dem alla och prova dem!

Steg 12: Välj Eraser Tool

En av de mest intressanta aspekterna av Photoshops borstar är att de arbetar med alla borstverktyg, inte bara det officiella Brush Tool. Till exempel kanske du inte tänker på Eraser Tool som en borste, men det är det, och alla borstar vi har använt med Brush Tool kan användas med Eraser Tool. Den enda skillnaden är att istället för att måla ett nytt penseldrag kan Eraser Tool användas för att radera en del av ett befintligt slag och lägga till ännu mer kreativ potential i dina fotokanter!

Jag kommer att lämna min nuvarande fotokanten på plats, och jag väljer radergummiverktyget från verktygspanelen. Du kan också välja den genom att trycka på bokstaven E på tangentbordet:

Välj Eraser Tool.

Steg 13: Sträck vägen med radergummi-verktyget för att radera en del av gränsen

När du har valt Eraser Tool kan du nu välja mellan valfri borst på Brushes-panelen precis som vi har gjort med Brush Tool. Till exempel väljer jag samma borste som jag valde inledningsvis, Borsten 39 px borste. Men den här gången kommer jag att använda det med Eraser Tool, inte Brush Tool, vilket betyder att jag kommer att använda det för att radera en del av min befintliga fotokant:

Alla Photoshops borstar kan användas med valfritt borsteverktyg, inklusive Eraser Tool.

Steg 14: Sträck vägen med radergummiverktyget för att radera en del av gränsen

Jag kommer att göra borsten lite mindre än standardstorleken genom att trycka på den vänstra fästknappen på mitt tangentbord ett par gånger. Sedan ska jag sträcka sökvägen med Eraser Tool genom att klicka på Stroke Path With Brush-ikonen längst ner på Paths-panelen. Den här gången, istället för att måla en helt ny gräns, har jag raderat en del av den befintliga gränsen längs vägen, vilket ger mina fotokanter ett helt nytt utseende:

Strykning av banan med Eraser Tool raderade en del av den befintliga gränsen längs vägen.

Du kan spendera mycket tid på att leka och experimentera med de olika penslarna, Brush Tool och Eraser Tool, och jag uppmuntrar dig starkt att göra det eftersom det inte finns någon gräns för de fotokanter du kan skapa. För att avsluta saker, låt oss se hur vi ändrar färgen på vår fotokant. Vi gör det nästa!

Steg 15: Lägg till en färgöverlagringslagerstil i "lager 2"

Om du vill ändra färgen på fotokanten till något annat än vitt ska du först byta tillbaka till panelen Lager. Se till att "Layer 2" är markerat och markerat med blått, klicka sedan på Layer Styles- ikonen längst ned på Layer- panelen och välj Color Overlay i listan som visas:

Byt tillbaka till panelen Layers, klicka på ikonen Layer Styles och välj Color Overlay.

Detta öppnar Photoshops Layer Style-dialogruta inställd på Color Overlay-alternativen i mittkolumnen. För att ändra färgen, klicka på färgrutan :

Klicka på Color Swatch för att ändra fotokantfärgen.

Detta skapar Photoshop ' Color Picker :

Photoshops dialogruta för färgväljare.

Du kan välja en färg från Color Picker, men vad jag föredrar att göra med fotokanter är att prova en färg direkt från själva fotot, vilket gör att gränsen kan smälta in mer naturligt. För att prova en färg från fotot, lämna färgväljaren öppen och flytta muspekaren över bilden. Du kommer att se markören ändra till en pipettikon. Klicka på färgen du vill prova så ser du färgen på fotokanten omedelbart ändras till den färgen. Jag ska prova en gråröd färg från staketet:

Klicka på en färg på fotot för att prova det och använda det som din kantfärg.

När du har valt din färg klickar du på OK för att lämna färgväljaren och klicka sedan på OK för att lämna dialogrutan Layer Style och du är klar! Här är min fotokant efter att jag först strök banan med penselverktyget, raderat en del av den med radergummiverktyget och slutligen ändrat färgen på gränsen med en färgöverlagringslagerstil:

Den sista bildgränseffekten.