Flip, spegel och rotera bild mönster och mönster i Photoshop

i en tidigare fotoeffekter handledning lärde vi oss hur man skapar en enkel spegeleffekt i Photoshop genom att vända ena sidan av en bild horisontellt för att skapa en återspegling av den andra sidan., I den här handledningen tar vi samma grundläggande idé och går mycket längre med det, skapar intressanta effekter, mönster och mönster helt enkelt genom att vända, rotera och spegla samma bild om och om igen! Vi kommer också att experimentera med Photoshop lagerblandningslägen för att se hur olika blandningslägen dramatiskt kan förändra våra resultat.

för att följa med kan du använda vilken bild du vill, men du får ofta de bästa resultaten om bilden innehåller mycket detaljer.

här är fotot jag ska använda (blommor foto från Adobe Stock):

och här är bara ett exempel på vilken typ av design vi kan skapa från det i bara några enkla steg. Vi kommer att se andra exempel när vi går med. Varje foto ger dig unika resultat, så när du vet hur man skapar effekten, ge det ett försök med olika typer av bilder för att se vad du kan komma med:

låt oss komma igång!

ladda ner denna handledning som en utskriftsklar PDF!,

hur du vänder, spegel och rotera bilder i Photoshop

för den här handledningen använder jag Photoshop CC men varje steg är kompatibelt med Photoshop CS6 och tidigare.

Du kan också följa med min video av denna handledning på vår YouTube-kanal. Eller ladda ner den här handledningen som en PDF och få min nya kompletta Guide till Lagerblandningslägen som en bonus!

Steg 1: beskära fotot om det behövs

för att börja, låt oss beskära bort alla delar av vår bild som vi egentligen inte behöver för denna effekt. Om du inte behöver beskära din bild kan du hoppa vidare till steg 2.,

i allmänhet vill du beskära i tätt runt ditt ämne, ta bort alla omgivande områden med låg detalj (som klarblå himmel) som verkligen inte lägger till något till slutresultatet. I mitt fall har bilden jag använder egentligen inga områden med låg detalj. Faktum är att det praktiskt taget blommar med detaljer (En liten blomhumor där). Jag kunde bara använda hela fotot som det är och sluta med en riktigt galen design. Men för att förenkla saker och ting lite, jag kommer att beskära några av blommorna bort.,

om du vill beskära din bild väljer du Photoshop ’ s Crop Tool från verktygsfältet till vänster på skärmen:

med verktyget Beskär markerat, se till att ta bort beskurna pixlar är markerad i alternativfältet eftersom vi måste faktiskt ta bort de beskurna pixlarna, inte bara dölja dem från vyn (Obs: alternativet Ta bort beskurna pixlar är endast tillgängligt i Photoshop CC och CS6., Om du använder en tidigare version raderar Photoshop pixlarna som standard så att du inte behöver oroa dig för det):

Klicka sedan på och dra ut en beskärningsgräns runt det område du vill behålla. I mitt fall drar jag gränsen runt höger sida av bilden. Det betyder att jag kommer att hålla höger sida och beskära vänster sida bort:

Tryck på Enter (Win)/Return (Mac) på tangentbordet när du är redo att beskära bilden:

steg 2: duplicera bakgrundslagret

om vi tittar i vår Lagpanel ser vi vår bild som sitter på bakgrundslagret, för närvarande det enda lagret i dokumentet:

Vi måste skapa en kopia av detta lager., För att göra det, klicka på bakgrundslagret och dra ner det på den nya Lagerikonen längst ner på lagpanelen (den andra ikonen från höger):

Photoshop gör en kopia av bakgrundsskiktet, namnger det ”Bakgrundskopia” och placerar det ovanför originalet:

steg 3: dubbla bredden på duken

gå upp till bildmenyn längst upp på skärmen och välj Canvas Storlek:

detta öppnar Photoshop Canvas Storlek dialogrutan som vi använder för att lägga till mer duk utrymme runt vårt foto. Vi måste fördubbla den nuvarande bredden på vår duk, och vi vill att alla extra duk utrymme visas till höger om vår bild., För att göra det, Ställ in Breddvärdet till 200 procent och lämna höjden vid 100 procent (vilket lämnar höjden på duken i sin nuvarande storlek). Lämna det relativa alternativet omarkerat. För att tvinga det extra arbetsytan till höger om fotot, klicka på den vänstra mittrutan i Ankarnätet:

klicka på OK när du är klar för att stänga av dialogrutan. Photoshop fördubblar bredden på duken och lägger till allt extra utrymme till höger om fotot., Som standard fyller Photoshop det extra arbetsytan med vit. Om din av någon anledning inte är vit, oroa dig inte eftersom det inte är viktigt:

steg 4: Dra bilden på” Background copy ” – lagret till höger

nu när vi har lagt till vårt extra arbetsyta måste vi dra kopian av vårt foto på ”Background copy” – lagret till det nya området. Välj Photoshop Flytta verktyg från verktygsfältet:

se till att ”Background copy” – lagret är markerat i panelen Lager. Håll ner Shift-tangenten och klicka sedan på bilden och dra den över till höger om originalbilden. Håll Shift-tangenten när du drar kommer att begränsa den riktning du kan flytta, vilket gör det enkelt att dra rakt över. När du är klar, släpp musknappen och släpp sedan Shift-tangenten. Du bör nu se två kopior av fotot som sitter bredvid varandra:

Steg 5: Vänd bilden till höger horisontellt

hittills har vi bara två identiska tvillingar. Låt oss skapa vår första spegel effekt genom att vända bilden till höger horisontellt så det verkar som en återspegling av den till vänster. För att göra det, gå upp till redigeringsmenyn längst upp på skärmen, Välj Transform och välj sedan Flip Horizontal:

bilden till höger blir omedelbart en spegelreflektion av fotot till vänster, vilket skapar vår första effekt:

steg 6: sammanfoga de två lagren tillsammans

hittills, så bra, men som de säger, men vi har bara börjat. Låt oss slå samman våra två lager i ett enda lager genom att gå upp till Layer-menyn längst upp på skärmen och välja Merge Down:

ingenting verkar ha hänt i dokumentet, men om vi tittar på vår Lagerpanel ser vi att våra två lager har slagits samman till ett enda bakgrundslager:

Steg 7: duplicera lagret

precis som vi gjorde tillbaka i steg 2, Låt oss duplicera bakgrundsskiktet genom att klicka på det och dra ner det på den nya lagikonen:

Photoshop duplicerar bakgrundsskiktet igen, namnger det ”Bakgrundskopia” och placerar det ovanför originalet:

steg 8: dubbla höjden på duken

Vi kommer att skapa en annan reflektion av vår bild, den här gången vertikalt. För det måste vi dubbla höjden på vår duk och få det nya dukutrymmet att visas under vår befintliga bild., Låt oss återigen ta upp dialogrutan Canvas Storlek genom att gå upp till bildmenyn längst upp på skärmen och välja Canvas Storlek:

När dialogrutan visas ställer du in bredden till 100 procent (vilket lämnar bredden vid dess nuvarande storlek) och höjden till 200 procent. Återigen, lämna det relativa alternativet omarkerat., För att tvinga det extra utrymmet att visas under bilden, klicka på den övre mittrutan i Ankarnätet:

klicka på OK för att stänga av dialogrutan. Photoshop lägger till det extra arbetsytan under bilden. Om du inte kan se hela duken vid denna tidpunkt eftersom den nu är för stor för att passa på skärmen, gå upp till Visa-menyn och välj kommandot Fit on Screen eller tryck Ctrl+0 (Win) / Command+0 (Mac) på tangentbordet., Photoshop zoomar ut dokumentet till vilken nivå som behövs för att det ska passa:

steg 9: dra bilden under originalet

med Move-verktyget fortfarande markerat och” Background copy ” – skiktet valt i lagpanelen, klicka på bilden och dra ner det i det extra arbetsytan., Tryck och håll ned Shift-tangenten när du drar för att begränsa den riktning du kan flytta, vilket gör det enkelt att dra bilden rakt ner:

steg 10: vänd den nedre bilden vertikalt

för att vända den nedre bilden till en spegelbild av den övre, gå upp till redigeringsmenyn, Välj Transform och välj sedan Flip Vertical:

Vi har nu vår andra spegelreflektion, den här gången vertikalt. Saker börjar redan se intressanta ut:

steg 11: sammanfoga båda lagren till ett nytt lager

hittills har vi bara gjort kopior av bilden och vända dem horisontellt eller vertikalt. Låt oss se hur mycket längre vi kan ta saker genom att rotera kopior av bilden och prova olika lagerblandningslägen!

låt oss först slå samman båda våra befintliga lager på ett helt nytt lager., För att göra det, tryck och håll ner Alt (Win) / Option (Mac) – tangenten på tangentbordet. Medan du fortfarande håller ner tangenten, gå upp till Layer-menyn längst upp på skärmen och välj Merge synlig längst ner på listan:

normalt skulle kommandot Merge Visible ha sammanfogat våra två lager i ett enda lager, precis som kommandot Merge Down gjorde tidigare., Men genom att hålla ner Alt / Option-tangenten när vi valde sammanfoga synlig, berättade vi Photoshop för att skapa ett helt nytt lager och slå samman våra befintliga lager på det nya lagret.

Vi kan se i vår Lagpanel att vi nu har ett tredje lager, som heter ”Layer 1”, och vi kan se i sin förhandsgranskningsminiatyr att den har en sammanslagen kopia av bilderna från de ursprungliga två lagren under den:

steg 12: rotera det nya lagret 90° medurs

låt oss rotera bilden på ”Layer 1”., Gå upp till redigeringsmenyn, Välj Transform och välj sedan rotera 90° medurs:

detta roterar skiktet 90° medsols och lämnar de två lagren under det i sin ursprungliga orientering:

ladda ner denna handledning som en utskriftsklar PDF!

steg 13: beskära dokumentet runt den roterade bilden

därefter Beskär vi dokumentet runt den roterade bilden., Tryck och håll ned Ctrl (Win) / Command (Mac) – tangenten på tangentbordet och klicka direkt på förhandsgranskningsminiatyren för ”Layer 1” i lagpanelen:

detta laddar en markeringskontur runt den roterade bilden. Med markeringen på plats, Gå upp till bildmenyn längst upp på skärmen och välj Beskär:

Photoshop skördar bort områdena ovanför och under bilden., För att ta bort markeringen eftersom vi inte längre behöver det, gå upp till Välj-menyn längst upp på skärmen och Välj Avmarkera, eller tryck Ctrl + D (Win) / Command+D (Mac) på tangentbordet:

nu när vi har skurit bort toppen och botten är allt vi kan se nu vår roterade bild. Vi fixar det nästa när vi börjar experimentera med Photoshop layer blend modes:

steg 14: experimentera med Lagerblandningslägen

vid denna tidpunkt börjar sakerna bli lite mer experimentella och en fråga om personlig smak. För närvarande blockerar bilden på ”Layer 1” helt lagren under den från vyn, vilket inte är vad vi vill ha. Vi måste blanda vårt översta lager med lagren under det, och vi kan göra det genom att ändra lagrets blandningsläge.

Du hittar alternativet blandningsläge i övre vänstra delen av panelen Lager. Det står inte” Blend Mode ” någonstans men det är det alternativ som är inställt på normalt som standard., ”Normal” betyder att skiktet inte blandar alls med skikten under den. Det blockerar dem bara ur sikte. Låt oss prova några olika blandningslägen för att se vad vi får. Jag börjar med att ändra mitt blandningsläge från normalt till multiplicera:

Multiply blend-läget gör ett bra jobb med att blanda mina bilder tillsammans för att skapa en intressant design., Men eftersom Multiply är ett av flera blandningslägen i Photoshop som har effekten att mörka den övergripande bilden, kan vi se att effekten den skapade är ganska mörkare än vad vi hade tidigare:

Jag ska prova ett annat blandningsläge, den här gången ljusare:

Lighten är ett av flera blandningslägen som gör den övergripande bilden ljusare., Det fungerar genom att jämföra pixlarna på det valda lagret med pixlarna på lagren under det och sedan hålla vilken pixlar som är ljusare. Här ser vi att det definitivt har lyst upp saker och gett mig en annan intressant design. Personligen gillar jag det här mycket bättre:

om du vill ha något mer psykedeliskt, prova antingen skillnaden eller Uteslutningsblandningslägen. Jag ska försöka skillnad:

skillnaden blandningsläget söker efter skillnader mellan skiktet och lagren under det, och visar sedan dessa skillnader som olika färger. Trogen sitt namn ser resultatet definitivt annorlunda ut:

cykling genom blandningslägen från tangentbordet

hittills har jag bara klickat på blandningsläget i lagpanelen och sedan valt slumpmässiga för att prova från listan. Men här är ett mycket enklare sätt att prova blandningslägena., Se till att du fortfarande har verktyget Flytta valt. Tryck sedan och håll ned Shift-tangenten på tangentbordet och använd + och-knapparna för att växla upp eller ner genom listan.

Efter att ha provat dem alla, tror jag att jag håller fast vid det lätta blandningsläget. Du kanske föredrar ett annat blandningsläge för din bild, men i det här fallet ger Lighten mig resultatet jag gillar bäst.

steg 15: slå samman båda lagren på ett nytt lager

låt oss försöka göra en kopia av bilden, rotera den och sedan ändra dess blandningsläge för att se vad vi får. Först ska vi slå samman alla tre lagren på ett nytt lager., Återigen tryck och håll ner Alt (Win) / Option (Mac) – tangenten när du går upp till Layer-menyn och välj Merge Visible:

detta sammanfogar alla tre lagren till ett fjärde lager, ”Layer 2”, ovanför dem:

Steg 16: rotera det nya lagret 45°

med” Layer 2 ” valt, gå upp till redigeringsmenyn, välj Transform och välj sedan rotera:

i alternativfältet längst upp på skärmen anger du 45.0 i rutan Angle input för att berätta för Photoshop att rotera bilden på” Layer 2″med 45° medurs:

tryck på Enter (Win) / Return (Mac) på tangentbordet en gång för att acceptera den vinkel du har angett och tryck sedan på Enter (Win) / Return (Mac) en andra gång för att avsluta Rotationskommandot. Här är min design med den övre bilden nu roterad:

steg 17: ändra blandningsläget

slutligen prova olika blandningslägen precis som vi gjorde tidigare för att se hur var och en påverkar hur den roterade bilden på ”Layer 2” smälter in med lagren under den., Återigen är det enklaste sättet att göra det genom att hålla ner din Shift-knapp och använda + och-knapparna för att cykla genom blandningslägena.

Efter att ha provat dem alla, kommer jag att gå med det mörkare färgblandningsläget den här gången. Liksom multiplicera blandningsläge som vi försökte tidigare, mörkare färg också mörknar bilden, men det är lite mer avancerad. Det fungerar genom att jämföra pixlarna på det valda lagret med pixlarna från lagren under det, och sedan håller det beroende pixlar är mörkare:

och här är resultatet:

självklart kan du alltid gå tillbaka vid denna tidpunkt och ändra blandningsläget för ”Layer 1″ om du vill fortsätta experimentera. För att göra det klickar jag på” Layer 1 ” för att välja den. Sedan ändrar jag dess blandningsläge till något helt annat, som luminositet:

luminositetsblandningsläget blandar luminansen (ljusstyrkan) för det valda skiktet med färgerna från lagren under det, och här ser vi att det skapar ett mycket annorlunda resultat från de tidigare exemplen vi har tittat på:

Slutligen klickar jag på ”Layer 2” för att välja om det. Då ändrar jag dess blandningsläge till färg:

Photoshop Färgblandningsläge är motsatsen till ljusstyrka., Den blandar färgen på det valda skiktet med ljusstyrkan hos skikten nedan. Med andra ord färgar den bilden, vilket ger oss ännu ett unikt resultat:

självklart behöver du inte veta hur var och en av Photoshop 27 olika lagerblandningslägen (från och med Photoshop CC 2017) Fungerar för att skapa denna effekt. Allt du verkligen behöver veta är hur man cyklar genom dem och välja den du gillar bäst! Det finns dock en handfull blandningslägen som du använder hela tiden i ditt Photoshop-arbete., För att lära dig allt om dem, kolla in vår Photoshop fem viktiga blandningslägen handledning.

och där har vi det! Så här skapar du intressanta mönster och mönster med en bild helt enkelt genom att vända, rotera och spegla den och experimentera med lagblandningslägen, i Photoshop! För liknande tutorials, se vår spegelbild effekt eller vår blandning texturer med bilder tutorials. Eller besök vår fotoeffekter avsnitt För mer Photoshop effekter tutorials!