Lær, hvordan man vipper, spejler og roterer et enkelt billede i Photoshop for at skabe sjove og interessante designs, og hvordan man skaber unikt udseende for effekten med Photoshops lagblandingstilstande!
I en tidligere tutorial om fotoeffekter lærte vi, hvordan man opretter en simpel spejleffekt i Photoshop ved at vende den ene side af et billede vandret for at skabe en reflektion af den anden side. I denne tutorial tager vi den samme grundlæggende idé og går meget længere med den, skaber interessante effekter, design og mønstre ved blot at vende, rotere og spejle det samme billede igen og igen! Vi vil også eksperimentere med Photoshops lagblandingstilstande for at se, hvordan forskellige blandingstilstande dramatisk kan ændre vores resultater.
For at følge med kan du bruge ethvert billede, du kan lide, men du får ofte de bedste resultater, hvis billedet indeholder masser af detaljer.
Her er det foto, jeg skal bruge (blomsterfoto fra Adobe Stock):
Det originale billede. Fotokredit: Adobe Stock.
Og her er bare et eksempel på den type design, vi kan skabe ud fra det i bare et par nemme trin. Vi ser andre eksempler, når vi går sammen. Hvert foto giver dig unikke resultater, så når du først ved, hvordan du skaber effekten, kan du prøve det med forskellige typer billeder for at se, hvad du kan komme på:
Ét muligt design. Dine resultater afhænger af dit foto og de blandingstilstande, du vælger.
Lad os komme igang!
Sådan vippes, spejles og roteres billeder i Photoshop
Til denne tutorial bruger jeg Photoshop CC, men hvert trin er kompatibel med Photoshop CS6 og tidligere.
Du kan også følge med på min video af denne tutorial på vores YouTube-kanal. Eller download denne tutorial som en PDF og få min nye komplette guide til lagblendtilstande som en bonus!
Trin 1: Beskær fotoet, hvis det er nødvendigt
For at begynde med, lad os beskære områder af vores image, som vi ikke rigtig har brug for for denne effekt. Hvis du ikke har brug for at beskære dit billede, kan du springe videre til trin 2.
Generelt vil du beskære tæt omkring dit emne og fjerne alle omkringliggende områder med lav detalje (som klare blå himmel), som ikke rigtig tilføjer noget til det endelige resultat. I mit tilfælde har det billede, jeg bruger, ikke rigtig små områder. Faktisk blomstrer det praktisk med detaljer (lidt blomsterhumor der). Jeg kunne bare bruge hele fotografiet, som det er, og ende med et rigtig skørt design. Men for at forenkle tingene lidt, vil jeg beskære nogle af blomsterne væk.
For at beskære dit billede skal du vælge Photoshop's beskæringsværktøj fra værktøjslinjen til venstre på skærmen:
Valg af beskæringsværktøj.
Når beskæringsværktøjet er valgt, skal du sikre dig, at Slet beskærede pixels er markeret i indstillingslinjen, da vi faktisk skal slette de beskærede pixels, ikke bare skjule dem fra visningen (bemærk: indstillingen Slet beskærede pixels er kun tilgængelig i Photoshop CC og CS6 Hvis du bruger en tidligere version, sletter Photoshop pixel som standard, så du ikke behøver at bekymre dig om det):
Kontroller, at "Slet beskårne pixels" er markeret.
Klik derefter og træk en beskæringsramme rundt i det område, du vil beholde. I mit tilfælde trækker jeg kanten rundt på højre side af billedet. Dette betyder, at jeg holder højre side og beskærer venstre side væk:
Træk min afgrødekant rundt på højre side af billedet.
Tryk på Enter (Win) / Return (Mac) på dit tastatur, når du er klar til at beskære billedet:
Den resterende del af billedet skulle skabe nogle interessante design.
Trin 2: Duplicerer baggrundslaget
Hvis vi ser i panelet Lag, ser vi vores billede sidde på baggrundslaget, i øjeblikket det eneste lag i dokumentet:
Panelet Lag, der viser det beskærede billede på baggrundslaget.
Vi er nødt til at oprette en kopi af dette lag. Det gør du ved at klikke på baggrundslaget og trække det ned på ikonet Nyt lag i bunden af lagpanelet (andet ikon fra højre):
Træk baggrundslag på ikonet Nyt lag.
Photoshop fremstiller en kopi af baggrundslaget, navngiver det "Baggrundskopi" og placerer det over originalen:
Laget "Baggrundskopi" vises.
Trin 3: Dobbelt bredden på lærredet
Gå op til menuen Image øverst på skærmen og vælg lærredstørrelse :
Gå til billede> Lærredsstørrelse.
Dette åbner Photoshop's dialogboks med lærredstørrelse, som vi vil bruge til at tilføje mere lærredsområde omkring vores foto. Vi er nødt til at fordoble den aktuelle bredde på vores lærred, og vi ønsker, at alt det ekstra lærred skal vises til højre for vores billede. For at gøre dette skal du indstille breddeværdien til 200 procent og forlade højden på 100 procent (hvilket efterlader lærredets højde i dets nuværende størrelse). Lad den relative indstilling ikke være markeret . For at tvinge den ekstra lærredsplads til højre for billedet skal du klikke på den venstre midterste firkant i ankergitteret :
Indstillingerne for fordobling af lærredets bredde.
Klik på OK, når du er færdig for at lukke dialogboksen. Photoshop fordobler lærredets bredde og tilføjer al den ekstra plads til højre for billedet. Som standard udfylder Photoshop det ekstra lærredsrum med hvidt. Hvis din eller anden grund ikke er hvid, skal du ikke bekymre dig, fordi det ikke er vigtigt:
Den ekstra lærredsplads vises på højre side af billedet.
Trin 4: Træk fotoet i "Baggrundskopi" -laget til højre
Nu, hvor vi har tilføjet vores ekstra lærredsområde, er vi nødt til at trække kopien af vores foto på laget "Baggrundskopi" ind i det nye område. Vælg Photoshop's Move Tool fra værktøjslinjen:
Valg af Flyt værktøj.
Sørg for, at laget "Baggrundskopi" er valgt i panelet Lag. Hold Shift nede, og klik derefter på billedet, og træk det hen til højre side af det originale billede. Når du holder Shift-tasten nede, mens du trækker, begrænser du den retning, du kan bevæge dig, hvilket gør det nemt at trække lige over. Når du er færdig, skal du slippe din museknap og derefter frigive din Shift-nøgle. Du skal nu se to kopier af fotografiet sidde ved siden af hinanden:
Træk kopien af billedet til højre for originalen.
Trin 5: Vend billedet til højre vandret
Indtil videre har vi kun to identiske tvillinger. Lad os oprette vores første spejleffekt ved at vende billedet til højre horisontalt, så det vises som en afspejling af den til venstre. For at gøre det, gå op til menuen Rediger øverst på skærmen, vælg Transform og vælg derefter Vend vandret :
Gå til Rediger> Transform> Vend vandret.
Billedet til højre bliver øjeblikkeligt et spejlrefleks af billedet til venstre, hvilket skaber vores første effekt:
De to billeder er nu spejlreflektioner af hinanden.
Trin 6: Flet de to lag sammen
Indtil videre så godt, men som de siger, men vi er lige begyndt. Lad os flette vores to lag i et enkelt lag ved at gå op til menuen Lag øverst på skærmen og vælge Flet ned :
Gå til lag> Flet ned.
Der ser ikke ud til, at der er sket noget i dokumentet, men hvis vi ser på vores lagpanel, ser vi, at vores to lag er slået sammen til et enkelt baggrundslag:
Baggrundslaget holder nu vores spejleffekt.
Trin 7: Duplicerer laget
Ligesom vi gjorde tilbage i trin 2, lad os duplikere baggrundslaget ved at klikke på det og trække det ned på ikonet Nyt lag :
Træk igen baggrundslaget til ikonet Nyt lag.
Photoshop duplikerer igen baggrundslaget, navngiver det "Baggrundskopi" og placerer det over originalen:
Panelet Lag, der viser det nye lag "Baggrundskopi".
Trin 8: Dobbelt så høj som lærredet
Vi vil skabe endnu en afspejling af vores image, denne gang lodret. Til det er vi nødt til at fordoble højden på vores lærred og få det nye lærredsområde til at vises under vores eksisterende billede. Lad os endnu en gang åbne dialogboksen Canvas Size ved at gå op til menuen Image øverst på skærmen og vælge Canvas Size :
Gå til billede> Lærredsstørrelse.
Når dialogboksen vises, skal du indstille bredden til 100 procent (hvilket efterlader bredden i den aktuelle størrelse) og højden til 200 procent . Igen, lad den relative indstilling ikke markeret . For at tvinge den ekstra plads til at vises under billedet skal du klikke på det øverste midterste firkant i ankergitteret :
Indstillingerne for fordobling af lærredets højde.
Klik på OK for at lukke dialogboksen. Photoshop tilføjer den ekstra lærredsplads under billedet. Hvis du ikke kan se hele lærredet på dette tidspunkt, fordi det nu er for stort til at passe på din skærm, skal du gå op til Vis- menuen og vælge kommandoen Fit on Screen, eller trykke på Ctrl + 0 (Win) / Command + 0 ( Mac) på dit tastatur. Photoshop zoomer dokumentet ud til det niveau, der er nødvendigt for at det kan passe:
Den ekstra lærredsplads vises under billedet.
Trin 9: Træk billedet under originalen
Når bevægelsesværktøjet stadig er valgt og laget "Baggrundskopi" valgt i panelet Lag, skal du klikke på billedet og trække det ned i det ekstra lærredsrum. Tryk og hold på Skift- tasten, mens du trækker for at begrænse den retning, du kan bevæge dig, hvilket gør det let at trække billedet lige ned:
Træk billedet på laget "Baggrundskopi" under originalen.
Trin 10: Vend det nederste billede lodret
For at gøre det nederste billede til en spejlreflektion af det øverste, gå op til menuen Rediger, vælg Transform og vælg derefter Vend lodret :
Gå til Rediger> Transform> Vend lodret.
Vi har nu vores anden spejlreflektion, denne gang lodret. Tingene begynder allerede at se interessante ud:
Det nederste billede afspejler nu det øverste billede.
Trin 11: Flet begge lag sammen til et nyt lag
Indtil videre er alt, hvad vi har gjort, at lave kopier af billedet og vende dem vandret eller lodret. Lad os se, hvor meget længere vi kan tage tingene ved at rotere kopier af billedet og prøve forskellige lagblandingstilstande!
Lad os først flette begge vores eksisterende lag sammen med et helt nyt lag. For at gøre det skal du trykke på Alt (Win) / Option (Mac) -tasten på dit tastatur. Mens du stadig holder tasten nede, skal du gå op til menuen Layer øverst på skærmen og vælge Flet synlig i bunden af listen:
Hold Alt (Win) / Option (Mac) og gå til Layer> Merge Synlig.
Normalt ville Merge Synlig-kommandoen have fusioneret vores to lag til et enkelt lag, ligesom kommandoen Merge Down gjorde tidligere. Men ved at holde Alt / Option-tasten nede, mens vi valgte Merge Synlig, fortalte vi Photoshop at oprette et helt nyt lag og flette vores eksisterende lag på det nye lag.
Vi kan i vores lagpanel se, at vi nu har et tredje lag, kaldet "lag 1", og vi kan se i dets preview-miniaturebillede, at det har en sammenlagt kopi af billederne fra de originale to lag under det:
De to originale lag er blevet flettet sammen til et tredje lag.
Trin 12: Drej det nye lag 90 ° med uret
Lad os rotere billedet på "Lag 1". Gå op til menuen Rediger, vælg Transform og vælg derefter Roter 90 ° med uret :
Gå til Rediger> Transform> Roter 90 ° med uret.
Dette vil dreje laget 90 ° med uret, hvorved de to lag under det efterlades i deres oprindelige retning:
Resultatet efter rotation af "Lag 1" 90 grader.
Trin 13: Beskær dokumentet omkring det roterede billede
Dernæst beskærer vi dokumentet omkring det roterede billede. Tryk og hold Ctrl (Win) / Command (Mac) -tasten på dit tastatur, og klik direkte på preview-miniature for "Layer 1" i panelet Lag:
Klik på preview-miniature, mens du holder Ctrl (Win) / Command (Mac).
Dette indlæser en markeringskontur omkring det roterede billede. Gå til menuen Billede øverst på skærmen, og vælg Beskær :
Gå til billede> Afgrøde.
Photoshop afgrøder områderne over og under billedet. For at fjerne markeringsoversigten, da vi ikke længere har brug for det, skal du gå op til menuen Vælg øverst på skærmen og vælge Fjern markering, eller tryk på Ctrl + D (Win) / Command + D (Mac) på dit tastatur:
Gå til Vælg> Fravælg.
Nu, hvor vi har skåret væk toppen og bunden, er alt det, vi kan se nu, vores roterede billede. Vi fikser det næste, når vi begynder at eksperimentere med Photoshops lagblandingstilstande:
Resultatet efter beskæring af områderne over og under billedet.
Trin 14: Eksperimenter med lagblandingstilstande
På dette tidspunkt begynder tingene at blive lidt mere eksperimentelle og et spørgsmål om personlig smag. I øjeblikket blokerer billedet på "Lag 1" lagene under det fra visning, hvilket ikke er det, vi ønsker. Vi er nødt til at blande vores øverste lag ind med lagene under det, og vi kan gøre det ved at ændre lagets blandingstilstand.
Du finder indstillingen Blendtilstand øverst til venstre på panelet Lag. Det siger ikke "Blend Mode" overalt, men det er indstillingen, der er indstillet til Normal som standard. "Normal" betyder, at laget slet ikke blandes med lagene derunder. Det blokerer dem bare for at se dem. Lad os prøve et par forskellige blandingstilstande for at se, hvad vi får. Jeg starter med at ændre min blandingstilstand fra Normal til Multiplikation :
Ændring af blandingstilstand for "Lag 1" til Multiplikation.
Multiplikering af blandingstilstand gør et dejligt stykke arbejde med at blande mine billeder sammen for at skabe et interessant design. Men da Multiply er en af flere blandingstilstande i Photoshop, der har effekten af at gøre det samlede billede mørkere, kan vi se, at den effekt, den skabte, er en smule mørkere end hvad vi havde før:
Multipliser skaber et interessant, men mørkt mønster.
Jeg prøver en anden blandingstilstand, denne gang Lighten :
Ændring af blandetilstand for "Lag 1" til Lysere.
Lighten er en af flere blandingstilstande, der gør det samlede billede lysere. Det fungerer ved at sammenligne pixels på det valgte lag med pixels på lagene under det og derefter holde de pixels, der er lysere. Her ser vi, at det bestemt har lyset op og givet mig et andet interessant design. Personligt kan jeg godt lide denne meget bedre:
Lighten skaber et andet interessant og meget lettere design.
Hvis du vil have noget mere psykedelisk, kan du prøve blandingstilstande mellem forskel eller ekskludering . Jeg skal prøve forskel:
Ændring af blandetilstand til forskel.
Difference-blandingstilstanden ser efter forskelle mellem laget og lagene derunder og viser derefter disse forskelle som forskellige farver. Rigtigt til sit navn ser resultatet bestemt ud:
Effekten med blandingstilstanden indstillet til Forskel.
Cykling gennem blandingstilstande fra tastaturet
Indtil videre har jeg lige klikket på indstillingen Blendtilstand i panelet Lag og derefter valgt tilfældige dem til at prøve på listen. Men her er en meget lettere måde at prøve blandingstilstande på. Sørg for, at flytteværktøjet stadig er valgt. Tryk derefter nede og hold Shift- tasten nede på dit tastatur og brug + og - tasterne til at gå op eller ned gennem listen.
Efter at have prøvet dem alle, tror jeg, at jeg holder mig med Lighten-blandingstilstanden. Du foretrækker muligvis en anden blandingstilstand til dit billede, men i dette tilfælde giver Lighten mig det resultat, jeg kan lide bedst.
Trin 15: Flet begge lag sammen til et nyt lag
Lad os prøve at lave en yderligere kopi af billedet, rotere det og derefter ændre dets blandingstilstand for at se, hvad vi får. Først skal vi flette alle tre af vores lag på et nyt lag. Tryk igen og hold på din Alt (Win) / Option (Mac) -tast, når du går op til menuen Lag og vælger Flet synlig :
Hold Alt (Win) / Option (Mac) og vælg Layer> Merge Synlig.
Dette samler alle tre lag på et fjerde lag, "Lag 2", over dem:
Alle tre lag er nu slået sammen til "Lag 2".
Trin 16: Drej det nye lag 45 °
Når "Lag 2" er valgt, gå op til menuen Rediger, vælg Transform og vælg derefter Roter :
Gå til Rediger> Transform> Roter.
Derefter indtastes 45.0 i indtastningsfeltet Vinkel på indstillingslinjen øverst på skærmen for at fortælle Photoshop at rotere billedet på "Lag 2" med 45 ° med uret:
Indtastning af "45.0" i vinkelfeltet.
Tryk på Enter (Win) / Return (Mac) på dit tastatur en gang for at acceptere den vinkel, du har indtastet, og tryk derefter på Enter (Win) / Return (Mac) en anden gang for at afslutte Rotate-kommandoen. Her er mit design med det øverste billede nu roteret:
Effekten efter rotation af "Lag 2" med 45 °.
Trin 17: Skift blandingstilstand
Endelig kan du prøve forskellige blandingstilstande, ligesom vi gjorde før, for at se, hvordan hver enkelt påvirker den måde, det roterede billede på "Lag 2" blandes sammen med lagene derunder. Igen er den nemmeste måde at gøre det ved at holde nede Shift- tasten og bruge + og - tasterne til at cykle gennem blandingstilstande.
Efter at have prøvet dem alle sammen, vil jeg gå med blandingstilstanden Darker Color denne gang. Ligesom Multiply-blandetilstanden, som vi prøvede tidligere, mørkere farve mørkere også billedet, men det er lidt mere avanceret. Det fungerer ved at sammenligne pixels på det valgte lag med pixels fra lagene under det, og derefter holder det de pixels, der er mørkere:
Indstilling af det øverste lag til mørkere farve.
Og her er resultatet:
Effekten efter at have ændret det øverste lags blandingstilstand til mørkere farve.
Selvfølgelig kan du altid gå tilbage på dette tidspunkt og ændre blandingstilstanden for "Lag 1", hvis du vil fortsætte med at eksperimentere. For at gøre det skal jeg klikke på "Lag 1" for at vælge det. Derefter ændrer jeg sin blandingstilstand til noget helt andet, som Luminosity :
Valg af "Lag 1" og ændring af dens blandingstilstand til Lysstyrke.
Luminosity-blandingstilstand blander lysstyrken (lysstyrkeværdierne) for det valgte lag med farverne fra lagene under det, og her ser vi, at det skaber et meget andet resultat fra de tidligere eksempler, vi har set på:
Resultatet med "Lag 1" indstillet til Lysstyrke.
Endelig klikker jeg på "Lag 2" for at genvælge det. Så ændrer jeg dens blandingstilstand til Farve :
Valg af "Lag 2" og ændring af dens blandingstilstand til Farve.
Photoshop's farveblandingstilstand er det modsatte af lysstyrke. Det blander farven på det valgte lag med luminansen i lagene nedenfor. Med andre ord farver det billedet og giver os endnu et unikt resultat:
Resultatet med "Lag 2" er nu indstillet til Farve.
Selvfølgelig behøver du ikke at vide, hvordan hver af Photoshop's 27 forskellige lag-blandingstilstande (fra Photoshop CC 2017) fungerer for at skabe denne effekt. Alt hvad du virkelig behøver at vide er, hvordan man cykler gennem dem og vælger den, man bedst kan lide! Der er dog en håndfuld blandingstilstande, du bruger hele tiden i dit Photoshop-arbejde. Hvis du vil lære alt om dem, skal du tjekke vores Photoshop's vejledning med fem essentielle blandingstilstande.
Og der har vi det! Sådan opretter du interessante designs og mønstre med et billede ved blot at vende, dreje og spejle det og eksperimentere med lagblandingstilstande i Photoshop! For lignende tutorials, se vores Mirror Image Effect eller vores Blend Textures With Photos-tutorials. Eller besøg vores afsnit om fotoeffekter for flere vejledninger til Photoshop-effekter!