Flip, Speile og Rotere Bildet Design og Mønstre i Photoshop

I et tidligere bilde effekter opplæringen, vi lærte å lage en enkel speil-effekt i Photoshop ved å bla én side av et bilde horisontalt for å skape en refleksjon av den andre siden., I denne opplæringen vil vi ta den samme grunnleggende ideen og går mye lenger med det, skape interessante effekter, design og mønstre ganske enkelt ved å vende, rotere og speile det samme bildet om og om igjen! Vi vil også eksperimentere med Photoshop er laget blanding modus for å se hvordan ulike blanding modus kan dramatisk endre våre resultater.

for Å følge med, du kan bruke et bilde du liker, men du vil ofte få de beste resultatene hvis bildet inneholder massevis av detaljer.

Her er bildet jeg skal bruke (blomster bilde fra Adobe Stock):

Og her er bare ett eksempel av typen design vi kan gjøre det i bare noen få enkle trinn. Vi får se andre eksempler som vi går sammen. Hvert bilde vil gi deg unike resultater, så når du vet hvordan å skape denne effekten, gi det et forsøk med forskjellige typer bilder for å se hva du kan komme opp med:

La oss komme i gang!

Last ned denne veiledningen som en trykk-klar PDF-fil!,

Hvordan Å Vende, Speile Og Rotere Bilder I Photoshop

For denne opplæringen, jeg bruker Photoshop CC, men alle trinn er kompatibel med Photoshop CS6 og tidligere.

Du kan også følge sammen med min video av denne opplæringen på vår YouTube-kanal. Eller last ned denne veiledningen som en PDF-fil og få meg ny Komplett Guide til Lag Blend Modes som en bonus!

Trinn 1: Beskjær Bildet Hvis Nødvendig

for Å begynne, la oss skjære bort alle områder av vårt bilde at vi egentlig ikke har behov for denne effekten. Hvis du ikke trenger å beskjære bildet, kan du gå videre til Trinn 2.,

generelt, vil du ønsker å beskjære i tett rundt motivet, og fjerner omsluttende områder med lav detalj (som klar blå himmel) som vil egentlig ikke legge noe til det endelige resultatet. I mitt tilfelle, det bildet jeg bruker egentlig ikke har noen områder med lav detalj. Faktisk, det er praktisk talt dekket med detaljer (en liten blomst humoren er det). Jeg bare kunne bruke hele bildet slik det er, og ender opp med en virkelig gal design. Men for å forenkle ting litt, jeg kommer til å beskjære noen av blomstene unna.,

Hvis du vil beskjære et bilde, velger du Photoshop er Crop Tool fra Verktøylinjen langs venstre side av skjermen:

Med Beskjær-Verktøyet er valgt, må du kontrollere at du vil Slette Beskåret Punkter er sjekket i Valg-Bar, siden vi trenger å faktisk slette beskåret punkter, ikke bare skjule dem fra visning (merk: Slett Beskåret Punkter alternativet er bare tilgjengelig i Photoshop CC og CS6., Hvis du bruker en tidligere versjon, Photoshop sletter punkter som standard, så du trenger ikke å bekymre deg om det):

Deretter klikker og drar ut en beskjæring ramme rundt det området du ønsker å beholde. I mitt tilfelle, jeg vil dra ramme rundt høyre side av bildet. Dette betyr at jeg kommer til å holde til høyre på siden og beskjæring venstre side unna:

Trykk på Enter (Win) / Retur (Mac) på tastaturet når du er klar til å beskjære bildet:

Trinn 2: kopiere Bakgrunnslaget

Hvis vi ser på vår Lag-panelet, ser vi det som vår bildet sitter på bakgrunnslaget, for tiden den eneste lag i dokumentet:

Vi trenger for å lage en kopi av dette laget., For å gjøre det, klikk på bakgrunnslaget og dra det ned på det Nye Laget ikonet nederst i Layers-panelet (andre ikonet fra høyre):

Photoshop gjør en kopi av bakgrunnslaget, navn det «Background copy» og legger det over den opprinnelige:

Trinn 3: Doble Bredden På Lerretet

Gå opp til Bilde-menyen på toppen av skjermen og velge Lerret Størrelse:

Dette åpner Photoshop er Lerret Størrelse i dialogboksen som vi skal bruke for å legge til flere lerret plass rundt vårt bilde. Vi trenger å doble dagens bredde av våre lerret, og vi ønsker alle de ekstra lerret plass til å vises på høyre side av vårt bilde., For å gjøre det, sett Bredden verdi til 200 prosent, og la Høyde på 100 prosent (som vil forlate høyde på lerretet i sin nåværende størrelse). La den Relative alternativet. Å tvinge ekstra lerret plass til høyre i bildet, klikk på venstre midtre plassen i Ankeret nettet:

Klikk OK når du er ferdig for å lukke dialogboksen. Photoshop dobler bredden på lerretet, og legger til alle de ekstra plass til høyre i bildet., Som standard, Photoshop fyller ekstra lerret plass med hvit. Hvis for noen grunn, din ikke hvit, ikke bekymre deg, fordi det er ikke viktig:

Trinn 4: Dra Bildet På «Bakgrunn kopier» Lag Til Høyre

Nå som vi har lagt til vår ekstra lerret plass, vi trenger å dra kopi av våre bilder på «Bakgrunn kopier» for laget inn i det nye området. Velg Photoshop er Flytt-Verktøyet fra Verktøylinjen:

sørg for at «Bakgrunnen kopier» for laget er valgt i Lag-panelet. Hold nede Skift-tasten, og deretter klikke på bildet og dra det over til høyre side av bildet. Hold nede Skift-tasten mens du drar vil begrense den retningen du kan flytte, noe som gjør det enkelt å dra rett over. Når du er ferdig, slipper du museknappen, så slipp Skift-tasten. Du skal nå se to kopier av bildet sitter ved siden av hverandre:

Trinn 5: Snu Bildet På Høyre Horisontalt

Så langt, alt vi har er to identiske tvillinger. La oss lage vår første speil effekt ved å vippe bilde på høyre horisontalt slik at det vises som en refleksjon av den til venstre. For å gjøre det, gå opp til Rediger-menyen øverst på skjermen, velg Forvandle, og velg deretter Vend Vannrett:

bildet Til høyre umiddelbart blir et speil refleksjon av bildet til venstre, til å skape vår første effekt:

Trinn 6: slå sammen De To Lagene Sammen

Så langt, så bra, men som de sier, men vi har bare så vidt begynt. La oss slå sammen våre to lag i ett enkelt lag ved å gå opp til Lag-menyen på toppen av skjermen og velge slå sammen Ned:

vil Ingenting ser ut til å ha skjedd i dokumentet, men hvis vi ser på vår Lag-panelet, ser vi at våre to lag har blitt slått sammen til en enkelt Bakgrunn lag:

Trinn 7: Dupliser Laget

Akkurat som vi gjorde i Trinn 2, la oss dupliser bakgrunnslaget ved å klikke på den og dra den ned på det Nye Laget ikonet:

Photoshop igjen duplikater bakgrunnslaget, navn det «Background copy» og legger det over den opprinnelige:

Trinn 8: Doble Høyden På Lerret

Vi kommer til å opprette en refleksjon av vår bildet, denne gangen på høykant. For at vi trenger å doble høyden av våre lerret og har nytt lerret plass vises under våre eksisterende bilde., La oss igjen ta opp Lerretet dialogboksen ved å gå opp til Bilde-menyen på toppen av skjermen og velge Lerret Størrelse:

Når dialogboksen vises, kan du angi Bredden til 100 prosent (som vil forlate bredde i sin nåværende størrelse) og Høyden til 200 prosent. Igjen, la den Relative alternativet., Å tvinge ekstra plass til å vises nedenfor bildet, klikker du på øverst i midten square i Ankeret nettet:

Klikk på OK for å lukke dialogboksen. Photoshop legger ekstra lerret plass under bildet. Hvis du ikke kan se hele lerretet på dette punkt, fordi det er nå for stor til å få plass på skjermen, kan du gå opp til Vis-menyen og velg Passe på Screen-kommando, eller trykk Ctrl+0 (Win) / Command+0 (Mac) på tastaturet., Photoshop vil zoome dokumentet ut til det nivå som er nødvendig for å få det til å passe:

Trinn 9: Dra Bildet Nedenfor Den Opprinnelige

Med flytteverktøyet fortsatt valgt og «Bakgrunn kopier» for lag som er valgt i Lag-panelet, klikk på bildet og dra det ned i ekstra lerret plass., Trykk på og hold inne Shift-tasten mens du drar for å begrense den retningen du kan flytte, noe som gjør det enkelt å dra bildet rett ned:

Trinn 10: Snu Den Nederste Bildet Vertikalt

for Å slå den nederste bildet inn i et speil refleksjon av den øverste, kan du gå opp til den Rediger-menyen, velger du Forvandle, og velg deretter Vend Loddrett:

Vi har nå vår andre speilet refleksjon, denne gangen på høykant. Ting er allerede begynt å se interessant:

Trinn 11: slå sammen Begge Lag, På Et Nytt Lag

Så langt, alt vi har gjort er å lage kopier av bildet, og snu dem horisontalt eller vertikalt. La oss se hvor mye mer vi kan ta ting ved å rotere kopier av bildet og prøve ut forskjellige lag blanding moduser!

la oss Først slå sammen begge våre eksisterende lag på et helt nytt lag., For å gjøre dette, trykk og hold nede Alt (Win) / Tilvalg (Mac) på tastaturet. Mens du fortsatt holder nede tasten nede, gå opp til Lag-menyen på toppen av skjermen, og velg slå sammen Synlig nær bunnen av listen:

Vanligvis, Flett saman Synlege kommando ville har slått sammen våre to lag i et enkelt lag, akkurat som kommandoen Flett saman Nedover gjorde tidligere., Men ved å holde nede Alt / Option-tasten som vi valgte Merge Visible, vi fortalte Photoshop til å lage et helt nytt lag og slå sammen våre eksisterende lag på det nye laget.

Vi kan se i vår Lag-panelet at vi nå har et tredje lag, som heter «Lag 1», og vi kan se i sin forhåndsvise miniatyrbilder at det har en slått sammen kopi av bildene fra den opprinnelige to lag under det:

Trinn 12: Rotere Nytt Lag 90° med Klokken

La oss rotere bildet på «Lag 1»., Gå opp til den Rediger-menyen, velger du Forvandle, og deretter velger du Roter 90° med Klokken:

Dette vil rotere på laget 90° med klokken, og lar de to lagene under den i sin retning: original:

Last ned denne veiledningen som en trykk-klar PDF-fil!

Trinn 13: Beskjær Dokumentet Rundt Det Roterte Bildet

Neste, vi vil beskjære dokumentet rundt det roterte bildet., Trykk og hold nede Ctrl (Win) / Kommando (Mac) – tasten på tastaturet og klikk direkte på forhåndsvise miniatyrbilder for «Lag 1» i Lag-panelet:

Dette laster inn et utvalg ramme rundt det roterte bildet. Med utvalget i stedet, gå opp på Bilde-menyen øverst på skjermen og velg Beskjær:

Photoshop avlinger unna de områdene over og under bildet., For å fjerne utvalget skissere siden vi ikke lenger trenger den, kan du gå opp til Velg-menyen på toppen av skjermen, og velg Opphev, eller trykk på Ctrl+D (Win) / Command+D (Mac) på tastaturet:

Nå som vi har beskjært bort topp og bunn, er alt vi kan se nå er vår rotert bildet. Vi vil fikse det neste som vi begynne å eksperimentere med Photoshop er laget blanding modus:

Trinn 14: Eksperimentere Med Laget Blanding Modus

På dette punktet, ting begynner å bli litt mer eksperimentelle og et spørsmål om personlig smak. Foreløpig bilde på «Layer 1» er helt blokkerer lag under det fra visning, noe som ikke er hva vi vil. Vi trenger å blande våre øverste laget med lag under det, og vi kan gjøre det ved å endre på laget er blanding modus.

Du vil finne Blanding Modus alternativet øverst til venstre i Lag-panelet. Det sier ikke «Blend Mode» hvor som helst, men det er det alternativet som er satt til Normal standard., «Normal» betyr at laget er ikke blending ved alle med lagene under. Det er bare å blokkere dem fra visningen. La oss prøve ut noen forskjellige blanding modus for å se hva vi får. Jeg vil starte med å endre min blanding modus fra Normal til Multiplisere:

Multiplisere blanding modus, gjør en fin jobb med å blande mine bilder sammen for å skape en interessant design., Men siden Multiplisere er en blanding av flere moduser i Photoshop som har effekt av mørkere hele bildet, kan vi se at effekten det har skapt ganske litt mørkere enn hva vi hadde før:

jeg skal prøve en annen blanding modus, denne gangen Lysere:

Lysere er en blanding av flere moduser som gjør hele bildet lysere., Det fungerer ved å sammenligne punkter på den valgte lag med punkter på lagene under det, og så beholde hvilken punkter er lettere. Her ser vi at det har definitivt lyste opp ting, og gitt meg en annen interessant design. Personlig, jeg liker dette mye bedre:

Hvis du ønsker noe mer psykedelisk, kan du enten prøve Forskjellen eller Utelukkelse blanding moduser. Jeg skal prøve Forskjell:

Forskjellen blanding modus ser etter forskjeller mellom lag og lagene under det, og så viser de forskjeller som forskjellige farger. Tro mot sitt navn, resultatet definitivt ser annerledes ut:

Sykling Gjennom Blend Modes Fra Tastaturet

Så langt, jeg har nettopp vært å klikke på Blend Mode option i Lag-panelet og deretter velge random de å prøve ut fra listen. Men her er en mye enklere måte å prøve ut blanding moduser., Sørg for at du fortsatt har Flytt-Verktøyet som er valgt. Så, bare trykk og hold nede Shift tasten på tastaturet og bruke + og – tastene til å bla opp eller ned i listen.

Etter at du har prøvd dem alle ut, jeg tror jeg vil holde med den Lysere blanding modus. Det kan hende du foretrekker en annen blanding modus for bilde, men i dette tilfellet, Lysere gir meg det resultatet jeg liker best.

Trinn 15: slå sammen Begge Lag, På Et Nytt Lag

La oss prøve å lage en mer kopi av bildet, rotere den og endre sin blanding modus for å se hva vi får. Først vil vi slå sammen alle tre av våre lag på et nytt lag., Igjen trykker du på og hold inne Alt-knappen (Win) / Tilvalg (Mac) – tasten når du går opp til Lag-menyen og velg Merge Visible:

Dette går over alle de tre lagene på en fjerde laget, «Lag 2», over dem:

Trinn 16: Rotere Nytt Lag 45°

Med «Lag 2» er valgt, kan du gå opp til den Rediger-menyen, velger du Forvandle, og deretter velger du Roter:

Så, i Alternativer-linjen øverst på skjermen, taster du inn 45.0 i Vinkel boksen for å fortelle Photoshop for å rotere bildet på «Lag 2» ved 45° med klokken:

Trykk på Enter (Win) / Retur (Mac) på tastaturet en gang til å akseptere den vinkel som du har skrevet inn, trykk deretter på Enter (Win) / Retur (Mac) en gang til for å gå ut av Roter-kommandoen. Her er mitt design med den øverste bildet nå rotert:

Trinn 17: Endre Blend Mode

til Slutt, kan du prøve ut forskjellige blanding modus, akkurat som vi gjorde før, for å se hvordan hver og en som påvirker måten det roterte bildet på «Lag 2» harmonerer med lagene under., Igjen, den enkleste måten å gjøre det på er ved å holde nede Skift-tasten, og ved å bruke + og – tastene til å bla gjennom blanding moduser.

Etter at du har prøvd dem alle ut, jeg kommer til å gå med den Mørkere Farge blanding modus denne gangen. Liker Multiplisere blanding modus som vi prøvd tidligere, Mørkere Farge også mørkner bildet, men det er litt mer avansert. Det fungerer ved å sammenligne punkter på den valgte lag med punkter fra lagene under det, og så det holder uansett hvilken punkter er mørkere:

Og her er resultatet:

selvfølgelig, du kan alltid gå tilbake på dette punktet og endre blend mode til «Lag 1» hvis du ønsker å holde deg frem. For å gjøre det, skal jeg klikker på «Lag 1» for å velge det. Deretter vil jeg endre blend mode til noe helt annet, som Lysstyrke:

Lysstyrke blanding modus blander luminans (lysstyrke verdier) for den valgte lag med farger fra lagene under det, og her ser vi at det skaper en svært ulike resultat fra de tidligere eksemplene vi har sett på:

til Slutt, vil jeg klikker på «Lag 2» for å velge den. Da skal jeg endre sin blanding modus for å Farge:

Photoshop Farge blanding modus er det motsatte av Klarhet., Det blander fargen på det valgte laget med luminans av lagene under. Med andre ord, det fargelegger bildet, noe som gir oss enda et unikt resultat:

selvfølgelig, du trenger ikke å vite hvordan hver av Photoshop er 27 forskjellige lag blend modes (som i Photoshop CC 2017) arbeid for å skape denne effekten. Alt du egentlig trenger å vite er hvordan du bla gjennom dem og velge den du liker best! Men det er en håndfull blanding modus du vil bruke i Photoshop arbeid., For å lære alt om dem, sjekk ut vår Photoshop er Fem Essential Blend Modes opplæringen.

Og der har vi det! Det er hvordan du oppretter interessant design og mønstre med et bilde bare ved å vende, rotere og speile det, og eksperimentere med laget blanding moduser, i Photoshop! For tilsvarende opplæring, kan du se vår speilbilde Effekt eller våre Blanding Teksturer Med Bilder tutorials. Eller besøk vår fotoeffekter delen for mer Photoshop effekter tutorials!