Een optische illusie creëren met bewegende beelden

Ooit opgevallen hoe soms afbeeldingen trucs op je kunnen spelen? In de tutorial van vandaag laat ik zien hoe je een optische illusie creëert die lijkt te bewegen, ook al staat het in werkelijkheid stil. Laten we beginnen!


Stap 1

Maak een nieuw document met afmetingen ingesteld op 1280px bij 800px.


Stap 2

Raak CMD + R aan om linialen in te schakelen als u ze standaard niet hebt ingeschakeld. Zorg ervoor dat ze pixels weergeven. Maak elke 50 pixels een nieuwe richtlijn, zowel verticaal als horizontaal. U kunt ze maken door naar Weergave> Nieuwe gids te gaan of door op een liniaal te klikken en deze naar het canvas te slepen. Als u liever een dialoogvenster gebruikt, moet u het meerdere keren inschakelen en eenvoudig waarden invoeren van 50 px tot 1250 pixels in het geval van verticale richtlijnen en 50 px tot 750 pixels in geval van horizontale richtlijnen..


Stap 3

Vul de achtergrondlaag met # 564734 met de Paint Bucket Tool (G). Grijp een Ellips-tool (U) en maak een ellips op een nieuwe laag (druk op CMD + Shift + N en Enter om een ​​nieuwe laag te maken). Mijn ellips heeft 46 px bij 34 px inclusief een 3px zwarte en witte rand. Dus ik zou iets aanbevelen dat in het begin tussen de 43px en 31px heeft, maar het hoeft niet precies deze afmetingen te hebben. De afmetingen maken geen groot verschil, maar je ellipsen moeten dicht bij elkaar worden geplaatst. Grote openingen zullen slechte resultaten opleveren.


Stap 4

Dubbelklik op de miniatuur van je laag met ellips en pas de volgende stijl toe. Zet de slag aan. Verander het vultype van kleur in verloop. Verander hoek van 90 graden naar 180 graden. Klik op de verloopbalk en er zou een nieuw venster moeten verschijnen. Maak twee extra indicatoren in het midden van de balk. Stel de eerste twee indicatoren in op wit (#ffffff) en de laatste op zwart (# 000000). Schakel ook Kleuroverlay in en verander de kleur in bijvoorbeeld # 564734.


Stap 5

Pak nu de Ellipse Tool (U) opnieuw en maak een nieuwe laag boven je vorige laag (druk op CMD + Shift + N en Enter). Teken een kleinere ellips in je laatste. De grootte is aan jou. Zorg er wel voor dat alles er op de onderstaande afbeelding uitziet.


Stap 6

Groepeer deze twee lagen door ze te selecteren en op CMD + G te drukken. Klik met de rechtermuisknop op de groep en kies Groep samenvoegen.


Stap 7

Verplaats je eerste laag daar waar de twee richtlijnen elkaar kruisen in de linkerbovenhoek, zoals hieronder te zien is.


Stap 8

Raak CMD + J aan of ga naar Laag> Dubbele laag om deze laag te dupliceren. Plaats de kopie direct onder je eerste laag. Zodra het precies in het midden van de twee snijrichtlijnen ligt, druk je op CMD + T. Draai de kopie 30 graden. U kunt dat doen in de bovenste werkbalk (zie de onderstaande schermafbeelding).


Stap 9

Blijf DE EERSTE ellips kopiëren en roteer elke kopie met veelvouden van 30 graden. Plaats elk exemplaar bovenop al het andere (dat is ook erg belangrijk). Zodra je 180 graden bent, kun je 210 graden niet typen, dus gebruik alleen negatieve waarden. Dus, derde exemplaar zou 60 graden, vierde 90 graden, zevende 180 graden, achtste -150 graden enzovoort hebben. Als je klaar bent, moet je in totaal 15 exemplaren hebben. Selecteer elke kopie door de eerste in het palet van lagen te selecteren, de Shift-toets ingedrukt te houden en de laatste te selecteren. Alle kopieën ertussen moeten geselecteerd zijn. Raak CMD + G om ze te groeperen.


Stap 10

Ga naar Laag> Dubbele groep en dupliceer deze. Selecteer je verplaatsgereedschap (V) en sleep deze groep zoals de afbeelding hieronder.


Stap 11

Open je nieuw gemaakte kopie van de groep en verwijder de onderste laag (die je allerbovenste ellips zou moeten zijn). Dupliceer vervolgens de derde laag vanaf de onderkant van deze groep, die uw derde laag moet zijn vanaf de bovenkant van de ellipsen. Als u niet zeker weet welke lagen moeten worden verwijderd en welke zijn verplaatst, bekijkt u de onderstaande afbeelding.


Stap 12

Herhaal de elfde stap meerdere keren totdat u de definitieve afbeelding krijgt.


Wanneer werkt dit effect??

Dit effect werkt in verschillende gevallen.

  • U kunt veel verschillende vormen gebruiken om hetzelfde effect te bereiken. Cirkels en ellipsen lijken het beste te werken, maar rechthoeken of vierkanten zouden ook goed werken.
  • Elke vorm moet aan de ene kant lichter en aan de andere donkerder zijn. Dit kan een zwart-witte rand zijn zoals in mijn geval of alleen een verloop met elke kleur zolang er een zichtbaar contrast tussen bestaat.
  • Je kunt iets in de vorm plaatsen om het gedetailleerder te maken.
  • Je afbeelding moet uit veel vergelijkbare vormen bestaan ​​en elke afbeelding moet echt dicht bij elkaar staan.
  • Je afbeelding moet groot genoeg zijn zodat je ogen constant bewegen.
  • U kunt vrijwel elk patroon van deze cirkels of ellipsen maken.
  • Je moet je vormen stap voor stap draaien, zodat hun donkere zijden (zwart in mijn geval) vlak naast de lichtere (in mijn geval wit) staan. Het is een goed idee om elke cirkel een beetje te roteren (zoals 15 graden of 30 graden). Als je ze niet draait, zou het nog steeds prima moeten werken, maar het zou verticaal of horizontaal 'bewegen'.

Anders zul je dit soort effect niet krijgen of zou het niet zo veel waarneembaar zijn.


Hoe werkt dit effect??

Als we naar de afbeelding hieronder kijken, proberen onze hersenen het van 2D naar 3D te converteren. Dit komt omdat de randen rond de ellipsen inconsistent zijn. Dit verwart ons en creëert een illusie van beweging.


Laatste afbeelding

Bekijk de uiteindelijke afbeelding hieronder.