leer hoe u een enkele afbeelding in Photoshop kunt spiegelen, spiegelen en roteren om leuke en interessante ontwerpen te maken, en hoe u unieke looks kunt creëren voor het effect met Photoshop ‘ s layer blend modes!
in een vorige tutorial over foto-effecten hebben we geleerd hoe je een eenvoudig spiegeleffect kunt creëren in Photoshop door een zijde van een afbeelding horizontaal te spiegelen om een reflectie van de andere zijde te creëren., In deze tutorial nemen we hetzelfde basisidee en gaan we veel verder met het, het creëren van interessante effecten, ontwerpen en patronen gewoon door het omdraaien, roteren en spiegelen van hetzelfde beeld over en weer! We zullen ook experimenteren met Photoshop ‘ s layer blend modi om te zien hoe verschillende blend modi onze resultaten drastisch kunnen veranderen.
om mee te volgen, kunt u elke afbeelding gebruiken die u wilt, maar u zult vaak de beste resultaten krijgen als de afbeelding veel details bevat.
Hier is de foto die Ik zal gebruiken (Bloemen Foto van Adobe Stock):
en hier is slechts een voorbeeld van het type ontwerp dat we kunnen maken van het in slechts een paar eenvoudige stappen. We zullen andere voorbeelden zien als we verder gaan. Elke foto geeft je unieke resultaten, dus als je eenmaal weet hoe je het effect moet creëren, probeer het dan met verschillende soorten afbeeldingen om te zien wat je kunt bedenken:
laten we beginnen!
Download deze tutorial als een print-ready PDF!,
Hoe afbeeldingen spiegelen, spiegelen en roteren in Photoshop
voor deze tutorial gebruik ik Photoshop CC, maar elke stap is compatibel met Photoshop CS6 en eerder.
u kunt ook mijn video van deze tutorial volgen op ons YouTube-kanaal. Of download deze tutorial als een PDF en krijg mijn nieuwe complete gids voor Layer Blend Modes als een bonus!
Stap 1: snij de foto indien nodig bij
om te beginnen, laten we alle delen van onze afbeelding wegsnijden die we niet echt nodig hebben voor dit effect. Als u uw afbeelding niet hoeft bij te snijden, kunt u doorgaan naar stap 2.,
in het algemeen wilt u strak om uw onderwerp snijden, waarbij u alle omringende gebieden met weinig details verwijdert (zoals heldere blauwe luchten) die niet echt iets toevoegen aan het eindresultaat. In mijn geval heeft het beeld dat ik gebruik niet echt weinig details. In feite is het praktisch bloeien met detail (een beetje bloem humor daar). Ik kan gewoon de hele foto gebruiken zoals het is en eindigen met een echt gek ontwerp. Maar om het wat eenvoudiger te maken, ga ik wat bloemen wegsnijden.,
om uw afbeelding bij te snijden, selecteert u Photoshop ‘ s bijsnijdgereedschap in de werkbalk links van het scherm:
met het bijsnijdgereedschap geselecteerd, zorg ervoor dat bijgesneden Pixels verwijderen is aangevinkt in de optiebalk, omdat we de bijgesneden pixels daadwerkelijk moeten verwijderen, en ze niet alleen moeten verbergen voor weergave (opmerking: de optie bijgesneden Pixels verwijderen is alleen beschikbaar in Photoshop CC en CS6., Als u een eerdere versie gebruikt, verwijdert Photoshop standaard de pixels zodat u zich er geen zorgen over hoeft te maken):
klik en sleep vervolgens een bijsnijdrand rond het gebied dat u wilt behouden. In mijn geval Sleep ik de rand om de rechterkant van de afbeelding. Dit betekent dat ik de rechterkant houd en de linkerkant wegsnijd:
druk op Enter ( Win)/Return (Mac) op uw toetsenbord wanneer u klaar bent om de afbeelding bij te snijden:
Stap 2: dupliceer de achtergrondlaag
als we in ons Paneel lagen kijken, zien we onze afbeelding op de achtergrondlaag zitten, momenteel de enige laag in het document:
We moeten een kopie van deze laag maken., Om dat te doen, klikt u op de achtergrondlaag en sleept u deze naar het nieuwe Laagpictogram onderaan het paneel lagen (tweede pictogram van rechts):
Photoshop maakt een kopie van de achtergrondlaag, noemt het “Achtergrondkopie” en plaatst het boven het origineel:
Stap 3: verdubbel de breedte van het Canvas
Ga naar het menu Afbeelding boven aan het scherm en kies Canvasgrootte:
Dit opent het dialoogvenster Canvasgrootte van Photoshop dat we zullen gebruiken om meer canvasruimte rond onze foto toe te voegen. We moeten de huidige breedte van ons canvas verdubbelen, en we willen dat alle extra canvasruimte rechts van ons beeld verschijnt., Om dat te doen, stel de breedte waarde op 200 procent en laat de hoogte op 100 procent (waardoor de hoogte van het doek op zijn huidige grootte). Laat de relatieve optie niet aangevinkt. Om de extra canvasruimte rechts van de foto te forceren, klikt u op het linker middelste vierkant in het ankerraster:
klik op OK als u klaar bent om het dialoogvenster te sluiten. Photoshop verdubbelt de breedte van het doek, het toevoegen van alle extra ruimte aan de rechterkant van de foto., Standaard vult Photoshop de extra canvasruimte met wit. Als de jouwe om een of andere reden niet wit is, maak je dan geen zorgen omdat het niet belangrijk is:
Stap 4: sleep de foto op de laag “Background copy” naar rechts
nu we onze extra canvasruimte hebben toegevoegd, moeten we de kopie van onze foto op de laag “Background copy” naar het nieuwe gebied slepen. Selecteer het Verplaatsingsgereedschap van Photoshop in de werkbalk:
zorg ervoor dat de laag” Background copy ” is geselecteerd in het paneel lagen. Houd uw Shift-toets ingedrukt, klik vervolgens op de foto en sleep deze naar de rechterkant van de originele afbeelding. Als u de Shift-toets ingedrukt houdt terwijl u sleept, wordt de richting die u kunt bewegen beperkt, waardoor het gemakkelijk is om rechtdoor te slepen. Als je klaar bent, laat je muisknop los en laat je Shift-toets los. U ziet nu twee kopieën van de foto naast elkaar zitten:
Stap 5: Draai de afbeelding rechts horizontaal
tot nu toe hebben we slechts twee identieke tweelingen. Laten we ons eerste spiegeleffect creëren door de afbeelding aan de rechterkant horizontaal om te draaien zodat het verschijnt als een reflectie van de afbeelding aan de linkerkant. Om dat te doen, ga je naar het menu Bewerken boven aan het scherm, Kies Transform, en kies dan Horizontaal spiegelen:
De foto rechts wordt direct een spiegelreflectie van de foto links, waardoor ons eerste effect ontstaat:
Stap 6: Voeg de twee lagen samen
tot nu toe, zo goed, maar zoals ze zeggen, maar we zijn nog maar net begonnen. Laten we onze twee lagen samenvoegen tot een enkele laag door naar boven te gaan naar het Layer menu aan de bovenkant van het scherm en Omlaag samenvoegen te kiezen:
Er lijkt niets te zijn gebeurd in het document, maar als we naar ons Paneel lagen kijken, zien we dat onze twee lagen zijn samengevoegd tot één achtergrondlaag:
Stap 7: dupliceer de laag
net zoals we in Stap 2 deden, dupliceren we de achtergrondlaag door erop te klikken en deze naar het nieuwe Laagpictogram te slepen:
Photoshop dupliceert opnieuw de achtergrondlaag, noemt het “Background copy”en plaatst het boven het origineel:
Stap 8: verdubbel de hoogte van het Canvas
We gaan een andere reflectie van onze afbeelding maken, deze keer verticaal. Daarvoor moeten we de hoogte van ons canvas verdubbelen en de nieuwe canvasruimte onder onze bestaande afbeelding laten verschijnen., Laten we nogmaals het dialoogvenster Canvasgrootte openen door naar het menu Afbeelding boven aan het scherm te gaan en te kiezen voor Canvasgrootte:
als het dialoogvenster verschijnt, stelt u de breedte in op 100 procent (waardoor de breedte op zijn huidige grootte blijft) en de hoogte op 200 procent. Nogmaals, laat de relatieve optie niet aangevinkt., Om de extra ruimte onder de afbeelding te forceren, klikt u op het bovenste middelste vierkant in het ankerraster:
klik op OK om het dialoogvenster te sluiten. Photoshop voegt de extra canvas ruimte onder de afbeelding. Als u het hele canvas op dit punt niet kunt zien omdat het nu te groot is om op uw scherm te passen, ga dan naar het menu Beeld en kies de opdracht Fit on Screen, of druk op Ctrl+0 (Win) / Command+0 (Mac) op uw toetsenbord., Photoshop zoomt het document uit tot het niveau dat nodig is om het te laten passen:
stap 9: sleep de afbeelding onder de originele
met het Verplaatsingsgereedschap nog geselecteerd en de laag “Background copy” geselecteerd in het paneel lagen, klik op de afbeelding en sleep hem naar beneden in de extra canvasruimte., Houd uw Shift-toets ingedrukt terwijl u sleept om de richting die u kunt verplaatsen te beperken, waardoor het gemakkelijk is om de foto recht naar beneden te slepen:
Stap 10: draai Het Onderste Beeld Verticaal
Om draai aan de onderkant van een beeld in een spiegel reflectie van de top, ga naar het menu Bewerken, kies Transformeren, en kies vervolgens Verticaal Spiegelen:
we hebben nu onze tweede spiegelreflectie, deze keer verticaal. Het begint er al interessant uit te zien:
stap 11: beide lagen samenvoegen op een nieuwe laag
tot nu toe hebben we alleen maar kopieën van de afbeelding gemaakt en deze horizontaal of verticaal omgedraaid. Laten we eens kijken hoeveel verder we dingen kunnen nemen door het roteren van kopieën van de afbeelding en het uitproberen van verschillende lagen blend modi!
laten we eerst onze beide bestaande lagen samenvoegen op een gloednieuwe laag., Om dat te doen, houdt u de Alt (Win) / Option (Mac) toets op uw toetsenbord ingedrukt. Terwijl u de toets ingedrukt houdt, gaat u naar het Layer menu aan de bovenkant van het scherm en kiest u Zichtbaar samenvoegen onderaan de lijst:
normaal gesproken zou het Merge Visible Commando onze twee lagen hebben samengevoegd tot één enkele laag, net zoals het Merge Down Commando eerder deed., Maar door de Alt / Option-toets ingedrukt te houden terwijl we Zichtbaar samenvoegen selecteerden, hebben we Photoshop verteld om een gloednieuwe laag te maken en onze bestaande lagen samen te voegen op de nieuwe laag.
we kunnen in ons Paneel lagen zien dat we nu een derde laag hebben, genaamd “Layer 1”, en we kunnen in de voorbeeldminiatuur zien dat het een samengevoegde kopie bevat van de afbeeldingen van de oorspronkelijke twee lagen eronder:
stap 12: draai de nieuwe laag 90° met de klok mee
laten we de afbeelding draaien op “Layer 1”., Ga naar het menu Bewerken, kies transformeren en kies vervolgens 90° met de klok mee draaien:
Dit zal de laag 90° met de klok mee draaien, waarbij de twee lagen eronder in hun oorspronkelijke richting blijven:
Download deze tutorial als een print-ready PDF!
stap 13: snij het Document bij rond de geroteerde afbeelding
vervolgens snijden we het document bij rond de geroteerde afbeelding., Houd de toets Ctrl (Win) / Command (Mac) op uw toetsenbord ingedrukt en klik direct op de voorbeeldminiatuur voor “Layer 1” in het paneel lagen:
Dit laadt een selectie-omtrek rond de geroteerde afbeelding. Met de selectie op zijn plaats, Ga naar het menu Afbeelding boven aan het scherm en kies bijsnijden:
Photoshop snijdt de gebieden boven en onder de afbeelding weg., Om de selectie te verwijderen omdat we het niet meer nodig hebben, gaat u naar het menu selecteren boven aan het scherm en kiest u deselecteren, of drukt u op Ctrl+D (Win) / Command+D (Mac) op uw toetsenbord:
nu we de boven-en onderkant hebben weggesneden, kunnen we alleen nog onze geroteerde afbeelding zien. We zullen dat vervolgens oplossen als we beginnen te experimenteren met Photoshop ‘ s layer blend modes:
stap 14: experimenteer met Layer Blend modi
Op dit moment begint het wat experimenteler te worden en is het een kwestie van persoonlijke smaak. Op dit moment blokkeert de afbeelding op “Layer 1” de lagen eronder volledig vanuit het zicht, wat niet is wat we willen. We moeten onze bovenste laag mengen met de lagen eronder, en dat kunnen we doen door de Mengmodus van de laag te veranderen.
u vindt de Mengmodus optie in de linkerbovenhoek van het paneel lagen. Het zegt nergens “Mengmodus”, maar het is de optie die standaard op Normaal is ingesteld., “Normaal” betekent dat de laag helemaal niet vermengt met de lagen eronder. Het blokkeert ze gewoon uit het zicht. Laten we een paar verschillende blend modi uitproberen om te zien wat we krijgen. Ik begin met mijn Mengmodus van normaal naar vermenigvuldigen:
de Mengmodus vermenigvuldigen doet het goed om mijn afbeeldingen samen te mengen om een interessant ontwerp te creëren., Maar aangezien vermenigvuldigen een van de verschillende mengmodi is in Photoshop die het effect heeft dat het totale beeld donkerder wordt, kunnen we zien dat het effect dat het creëerde nogal donkerder is dan wat we eerder hadden:
Ik probeer een andere mengmodus, deze keer lichter:
lichter is een van de verschillende mengmodi die de totale afbeelding helderder maken., Het werkt door de pixels op de geselecteerde laag te vergelijken met de pixels op de lagen eronder en vervolgens de pixels die lichter zijn te behouden. Hier zien we dat het de dingen zeker heeft opgefleurd, en me een ander interessant ontwerp heeft gegeven. Persoonlijk vind ik deze veel beter:
Als u iets meer psychedelisch wilt, probeer dan de Mengmodus verschil of uitsluiting. Ik probeer verschil:
de Mengmodus verschil zoekt naar verschillen tussen de laag en de lagen eronder, en toont deze verschillen dan in verschillende kleuren. Trouw aan zijn naam ziet het resultaat er zeker anders uit:
fietsen door de Mengmodus van het toetsenbord
tot nu toe heb ik op de Mengmodus-optie in het paneel lagen geklikt en vervolgens willekeurig gekozen om uit te proberen uit de lijst. Maar hier is een veel gemakkelijkere manier om de blend modi uit te proberen., Zorg ervoor dat je het verplaatsgereedschap nog hebt geselecteerd. Houd vervolgens de Shift – toets op uw toetsenbord ingedrukt en gebruik de + en-toetsen om omhoog of omlaag door de lijst te bladeren.
nadat ik ze allemaal uitgeprobeerd heb, denk ik dat ik de Mengmodus lichter houd. Je geeft misschien de voorkeur aan een andere mengmodus voor je afbeelding, maar in dit geval geeft lichter het resultaat dat ik het beste vind.
stap 15: beide lagen samenvoegen op een nieuwe laag
laten we proberen nog een kopie van de afbeelding te maken, deze te roteren en dan de Mengmodus te veranderen om te zien wat we krijgen. Eerst zullen we alle drie onze lagen samenvoegen op een nieuwe laag., Houd nogmaals uw Alt (Win) / Option (Mac) toets ingedrukt terwijl u naar het Layer menu gaat en kies Zichtbaar samenvoegen:
Dit voegt alle drie lagen samen op een vierde laag,” Layer 2″, erboven:
stap 16: draai de nieuwe laag 45°
met” Layer 2 ” geselecteerd, ga naar het menu Bewerken, kies transformeren en kies vervolgens roteren:
voer vervolgens in de optiebalk boven aan het scherm 45.0 in het invoerveld Angle in om Photoshop te vertellen de afbeelding op “Layer 2” 45° met de klok mee te roteren:
Druk eenmaal op Enter ( Win) / Return (Mac) op uw toetsenbord om de hoek te accepteren die u hebt ingevoerd, en druk vervolgens een tweede keer op Enter (Win) / Return (Mac) om de opdracht roteren te verlaten. Hier is mijn ontwerp met de bovenste afbeelding nu geroteerd:
stap 17: Verander de Mengmodus
ten slotte, probeer verschillende mengmodi uit zoals we eerder deden om te zien hoe elk van deze modi de manier beïnvloedt waarop de geroteerde afbeelding op “Layer 2” zich vermengt met de lagen eronder., Nogmaals, de makkelijkste manier om dat te doen is door je Shift – toets ingedrukt te houden en de + en-toetsen te gebruiken om door de mengmodi te bladeren.
nadat ik ze allemaal uitgeprobeerd heb, ga ik nu voor de donkerdere kleurenmengmodus. Net als de Mengmodus vermenigvuldigen die we eerder hebben geprobeerd, donkerder kleur verduistert ook de afbeelding, maar het is een beetje geavanceerder. Het werkt door de pixels op de geselecteerde laag te vergelijken met de pixels uit de lagen eronder, en dan behoudt het de pixels die donkerder zijn:
en dit is het resultaat:
natuurlijk kun je op dit punt altijd terug gaan en de mengmodus op “laag 1” veranderen als je wilt blijven experimenteren. Om dat te doen, klik ik op “Layer 1” om het te selecteren. Dan verander ik de Mengmodus naar iets heel anders, zoals luminositeit:
de Mengmodus van luminositeit mengt de luminantie (de helderheidswaarden) van de geselecteerde laag met de kleuren van de lagen eronder, en hier zien we dat het een heel ander resultaat creëert dan de vorige voorbeelden die we Bekeken hebben:
tenslotte Klik ik op” Layer 2 ” om het opnieuw te selecteren. Dan verander ik de Mengmodus naar kleur:
De kleurenmengmodus van Photoshop is het tegenovergestelde van helderheid., Het mengt de kleur van de geselecteerde laag met de luminantie van de onderstaande lagen. Met andere woorden, het verkleurt de afbeelding en geeft ons nog een uniek resultaat:
natuurlijk hoeft u niet te weten hoe elk van Photoshop ‘ s 27 verschillende layer blend modi (vanaf Photoshop CC 2017) werkt om dit effect te creëren. Het enige wat je echt moet weten is hoe je er doorheen kunt fietsen en degene kiest die je het beste bevalt! Er zijn echter een handvol blend-modi die u de hele tijd in uw Photoshop-werk zult gebruiken., Om alles over hen te leren, Bekijk onze Photoshop ‘ s Five Essential Blend Modes tutorial.
en daar hebben we het! Zo maak je interessante ontwerpen en patronen met een afbeelding door het simpelweg om te draaien, te roteren en te spiegelen, en te experimenteren met layer blend modi, in Photoshop! Voor soortgelijke tutorials, zie onze spiegelbeeld Effect of onze mix texturen met foto ‘ s tutorials. Of bezoek onze foto-effecten sectie voor meer Photoshop effecten tutorials!