Advertentie

Misschien heb je onlangs een cinemagraph op je social media-feed genoten zonder het te weten. Dat zijn ze GIF-afbeeldingen Een snelle Photoshop-zelfstudie voor het maken van geanimeerde GIF'sLaten we eens kijken hoe we Photoshop kunnen gebruiken om een ​​snelle GIF-animatie te maken. Deze eenvoudige stappen zijn gemakkelijk te volgen, zelfs voor beginners. Lees verder die nooit lijken te eindigen, vastzitten in een constante, perfecte lus.

Laat u niet misleiden door de complexiteit ervan. U kunt dit effect eenvoudig opnieuw creëren op uw eigen computer. De methode die wordt gebruikt om het effect te creëren is eenvoudig, maar het zal een groot aantal toepassingen mogelijk maken; u kunt het gebruiken op de meeste videoclips, filmclips of stockmateriaal.

Cinemagraph-voorbeelden

Hier is een goed voorbeeld van Reddit-gebruiker orbojunglist van het subtiele en indrukwekkende karakter van een cinemagraph. In een deel van de afbeelding lijkt het zo stil als een foto. In een andere lijkt het voor onbepaalde tijd te bewegen.

instagram viewer
orbojunglist cinemagraph

Cinemagraphs zijn enkele van de rustigste afbeeldingen die u op internet zult vinden. Hun creatie is ook eenvoudig en vereist weinig meer dan een bewegend beeld en een laagmasker Photoshop-tips: selecteren met Snelmasker Lees verder .

Het beste van alles is dat je clip maar een paar seconden lang hoeft te zijn om het indrukwekkende effect te bereiken.

orbojunglist cinemagraph

Het enige dat je nodig hebt, is Photoshop, een fragment van subtiele beweging en een paar minuten om een ​​van deze tijdloze kunstwerken te maken.

Juiste beelden voor een Cinemagraph

Krijgen voorraad of onbewerkte beelden 4 Stock Video-websites om een ​​glimp op te vangen van de geschiedenis die op film is vastgelegdEr zijn nogal wat andere websites die voorraad videobeelden van belangrijke momenten in de geschiedenis hosten. Ze spelen niet alleen ooggetuigenverslagen af, maar geven ons ook geschiedenislessen in video... zoals het gebeurde ... Lees verder mag geen probleem zijn. Je clip mag maar aan twee criteria voldoen: een relatief stil deel van je frame en een herhaaldelijk bewegend deel.

Hoewel het beeldmateriaal niet absoluut stil hoeft te zijn, met andere woorden, u kunt het kopiëren effect met zowat elk beeldmateriaal - de beste resultaten zijn die met naast elkaar geplaatste beweging en stilte. Ik gebruik de volgende clip uit de korte film van Louis C.K. Morgenavond om een ​​voorbeeld te geven.

onbewerkte cinemagraph-beelden

Let op de regenbeweging door het raam op de achtergrond. Het zal het brandpunt van het effect zijn. Om uw effect te beginnen, sleept u uw videobestand eenvoudigweg naar Photoshop. Clip-trimmen zal tijdens dit proces plaatsvinden, dus zorg ervoor dat u een paar seconden aan beeldmateriaal gebruikt voordat u gaat bewerken om uw effect te bereiken.

1. Hetzelfde begin- en eindframe

Onze videobeelden moeten een seconde of twee worden weergegeven. We hoeven alleen de beweging in onze clip vast te leggen. Het betekent dat we onze clip veel kunnen verkleinen en toch een naadloze cinemagraph behouden. Onthoud dat het voor onbepaalde tijd zal lussen, dus lengte is geen probleem.

Klik eerst op het insteltandwiel en zorg ervoor dat Loop Playback is aangevinkt. Het zorgt ervoor dat uw video tijdens het bewerken herhaaldelijk wordt afgespeeld, zodat uw video naadloos is.

lus afspelen cinemagraph

Zet je hoofdclip in Photoshop en noteer de hoeveelheid beweging die je op de voorgrond moet bijsnijden. Bij het fotograferen van een scène bewegen acteurs nonchalant heen en weer tijdens spreken, lopen en dergelijke. Onze voorgrond kan onze bewegende achtergrond beschadigen.

De beste manier om het probleem op te lossen, is door uw hele clip bij te snijden, zodat de voorgrond van het eerste frame de meeste achtergrondruimte van een frame inneemt. Het onderstaande voorbeeld geeft de logica weer achter het trimmen van de clip en daarbij het kiezen van het eerste frame.

afbeelding neem cinemagraph

Gebruik de Schaar tool om uw vorige clip te scheiden van de nieuwe. Verwijder de vorige clip. Hoewel bijsnijden uw video zal verkorten, zullen de beelden voor uw bijsnijden later nuttig zijn.

Sleep vervolgens je videogroep, gelabeld Videogroep 1 in het onderstaande voorbeeld om uw clip te dupliceren. U kunt ook op drukken Ctrl + Alt + J om een ​​duplicaat van uw geselecteerde laag te maken.

nieuwe dubbele cinemagraph

Nu ik twee exacte videoclips heb gemaakt, kan ik het gewenste effect bereiken. Het proces zal je beelden eindigen met hetzelfde frame als waarmee het begint, waardoor een lus ontstaat die we zullen gebruiken om ons effect te bereiken.

Neem je tweede laag en sleep deze naar het einde van je eerste laag. Klik en sleep vervolgens het eerste frame van je tweede laag naar links. Het zal de vorige, bijgesneden beelden van je originele laag terughalen.

Er moet enige overlap zijn tussen de eerste en tweede clips. De mate van overlap is aan jou, maar mag niet langer zijn dan de helft van je originele beeldmateriaal. Sleep ten slotte het einde van de tweede clip naar het einde van de eerste. Beide clips moeten nu op verschillende tijdstippen beginnen, maar eindigen tegelijkertijd.

magische wissel

Speel het terug. Je zult merken dat er maar één clip wordt afgespeeld. Het is geen fout en is cruciaal voor je effect.

2. Clipovergang

In een Photoshop-venster hangt het aantal dat een afbeelding verschijnt of vervaagt af van de hoeveelheid ondoorzichtigheid. Een terloops voorbeeld van verschillende opaciteit in een enkele afbeelding is a watermerk Afbeeldingen watermerken met PhotoshopEr zijn verschillende opties voor het online watermerken van uw afbeeldingen, maar het gebruik van een webapp kan nadelen hebben. In plaats daarvan kunt u als volgt Adobe Photoshop gebruiken om watermerken te maken. Lees verder . We zullen de dekking van de eerste laag van ons project soepel moeten afbouwen om over te gaan naar de tweede.

Klik op het vervolgkeuzemenu naast de bovenste clip van je Tijdlijn paneel. Het toont je video-opties. Klik op de Dekkingstimeren er verschijnt een keyframe in de vorm van een gele ruit naast uw beeldmateriaal. Zorg ervoor dat het keyframe aan het begin van uw kortere clip wordt geplaatst door te klikken en naar de gewenste locatie te slepen.

cinemagraph-dekking voor keyframe

Het keyframe slaat dekkingsinformatie op in een bepaald deel van je video. Sleep je tijdlijncursor naar het einde van je clip en klik op het kleine ruitje naast je Dekking instelling om een ​​ander keyframe te maken.

laatste keyframe cinemagraph

Verlaag vervolgens uw dekking van 100% naar 0%. De optie is in jouw Lagen paneel.

ondoorzichtigheid tool cinemagraph

Houd er rekening mee dat het nieuwe keyframe helemaal aan het einde van je video moet verschijnen.

3. Laagmasker

Je video moet een opmerkelijke overgang hebben. Het komt door het verhelpen van de dekking van de eerste clip.

soepele cinemagraph-weergave

Stel nu uw tijdlijncursor in op het begin van de video. Druk als u klaar bent op Ctrl + Alt + Shift + E. De toetsenbordopdracht De beste manieren om alle sneltoetsen te leren die u ooit nodig zult hebbenEr zijn veel sneltoetsen die u niet gebruikt. We bieden u alle juiste bronnen om u alles te leren wat u moet weten over sneltoetsen. Onthoud sneltoetsen voor directe productiviteit. Lees verder maakt een stilstaand beeld van je video.

Sleep de afbeeldingslaag naar het bovenste gedeelte van de Lagen tabblad en snijd het zodat het op dezelfde plaats eindigt als onze videoclips. Als je je video afspeelt, zie je alleen het stilstaande beeld.

laatste laag arrangement cinemagraph

Nu kunnen we het laagmasker maken om alleen de beweging van het venster toe te staan. Met de afbeeldingslaag geselecteerd, maakt u een laagmasker door op het derde pictogram onderaan uw te klikken Lagen paneel.

laagmasker cinemagraph

Nadat u een laagmasker heeft geselecteerd, verschijnt er een witte achtergrondafbeelding naast de laag.

mask view cinemagraph

Klik op de witte afbeelding naast je foto en selecteer je penseel. Zorg ervoor dat je voorgrondborstel is ingesteld op Zwart en pas aan penseelgrootte Een beginnershandleiding voor het maken van aangepaste penselen in PhotoshopAdobe Photoshop-penselen zijn een handige manier om uw ontwerpen interessant te maken, en net zoals u uw eigen aangepaste patronen kunt maken, kunt u net zo gemakkelijk uw eigen penselen ontwerpen en maken. Lees verder . Stel uw maat in op wat werkt met uw afbeelding en stel vervolgens uw penseel in Hardheid naar 0%. Het creëert een gladde borstelrand. Begin ten slotte je beweging te borstelen.

Druk op om het proces te vergemakkelijken \ toets van uw toetsenbord (boven de Enter-toets). Hiermee kunt u uw overlay-masker in het rood bekijken. Neem de tijd om alleen over de beweging te poetsen die je wilt toevoegen. Het penseelgereedschap verwijdert de inhoud van de foto uit de video en onthult de onderstaande video.

Evenzo zal het maskeren van uw video met wit uw masker wissen en uw stilstaande afbeelding behouden. Poets en speel je video herhaaldelijk af om te zien welke vervelende ongewenste beweging nog steeds aanwezig is.

maskeren cinemagraph bewerken

Zodra u het maskeerproces heeft voltooid, kunt u doorgaan met het opslaan van uw werk.

4. Uw Cinemagraphs opslaan

Nu je de actie uit de passiviteit hebt verwijderd, sla je je werk op als een GIF. Omdat GIF's de mogelijkheid hebben om continu te spelen, kun je genieten van de grenzeloze actie van je video door het formaat. Toch kost het wat meer moeite dan je bestand op te slaan als een normale video of afbeelding.

Ga naar Bestand> Exporteren> Opslaan voor web (verouderd) starten. In het drop-down menu naast Cadeauselecteer GIF 128 Dithered. Breng vervolgens vier belangrijke wijzigingen aan in de geregistreerde instellingen:

  1. Selectief naar Perceptueel - Dicteert het kleurenpalet van je GIF.
  2. Kleuren: 128 naar 256 - Voegt een groter kleurenpalet toe aan je GIF, wat de algehele beeldkwaliteit verbetert.
  3. Verspreiding naar Lawaai - Heeft invloed op hoe kleuren overgaan van frame naar frame. Omdat we willen dat de kleuren in onze afbeelding naadloos overvloeien, is het beter om te tweaken Lawaai liever dan Verspreiding. Uw resultaten kunnen variëren, dus test de verschillende opties gerust.
  4. Dither: 88% naar 100% - Dicteert de hoeveelheid kleurinformatie die nodig is om de overgang van schaduw en frame te beïnvloeden. Een hoge dither-snelheid zorgt voor een vloeiendere kleurovergang dan anders.

De laatste bewerking die u moet maken, is het wijzigen van uw Looping-opties instellingen van Een keer naar Voor altijd. Het is essentieel voor het repetitieve effect van beweging.

gif instellingen cinemagraph

Voel je vrij om met deze instellingen te spelen. Sommige werken beter met kleurenafbeeldingen, andere niet. De enige manier om de absoluut beste instellingen te kiezen, is ze zelf te vinden.

Eindproducten

Hier zijn een paar van de eindproducten die ik heb bedacht, met alleen deze methode en C.K.'s Morgenavond als bronbeelden. Het volgende is het eindproduct van onze bovenstaande uitleg.

morgenavond cinemagraph

Er zijn verschillende dingen die u kunt doen om de afbeelding te verfijnen, zoals het toevoegen van visuele effecten of het aanpassen van de maskergrootte. Al deze zijn echter gemaakt met alleen de geïllustreerde methoden.

kralen scene cinemagraph

Clips met een bewegende camera blijken het effect moeilijker te bereiken dan met een stilstaande camera, zoals het geval is met het volgende voorbeeld.

fan cinemagraph

Hoewel er enkele flagrante bijproducten zijn die de methode gebruiken - bijvoorbeeld wazigheid bij het wisselen van clips - is het algehele product snel te bereiken en ziet het er geweldig uit.

cord cinemagraph

Bewegingen zoals roken of gieten van water zijn het gemakkelijkst te gebruiken met het effect gezien hun willekeurige, repetitieve beweging.

rook cinemagraph

U kunt zelfs afwijken van de hierboven voorgestelde methode. Het volgende voorbeeld betreft onze maskeermethode, maar gebruikt een eenvoudige handbeweging in plaats van twee overgezette clips om beweging te creëren.

achteruit hand cinemagraph

Een perfecte clip voor dit effect zou er een zijn met subtiele beweging en een fotocamera, zoals het volgende voorbeeld laat zien.

vissen cinemagraph

Hier is nog een voorbeeld dat voldoet aan de bijna perfecte voorwaarden die nodig zijn om een ​​kalme, eeuwige GIF te creëren.

tarwe cinemagraph

Zoals je kunt zien, hebben we een overschot aan filmclips gevonden om cinemagraphs te maken. Je zult merken dat hetzelfde geldt voor je beelden.

Gaan en gaan en gaan ...

Deze Photoshop-effect Hoe maak je een Mark Highlight Effect in PhotoshopAls u tekst in Photoshop wilt markeren, is dit de gemakkelijkste methode om het voor elkaar te krijgen. Lees verder maakt duurzame video's op meer dan één manier. Ze lopen niet alleen voor onbepaalde tijd door, ze hebben ook de mogelijkheid om binnen enkele minuten eenvoudige, filmische video's te maken.

Hoewel het proces in het begin moeilijk kan zijn, zullen een paar van deze projecten je in een mum van tijd veranderen van een beginnende tot een ervaren cinemagraph-professional!

Zoals cinemagraphs? Welke anderen zou je graag zien? Laat het ons weten in de reacties hieronder!

Christian is een recente toevoeging aan de MakeUseOf-gemeenschap en een fervent lezer van alles, van dichte literatuur tot Calvin en Hobbes-strips. Zijn passie voor technologie wordt alleen geëvenaard door zijn behoefte en bereidheid om te helpen; als je vragen hebt over (meestal) iets, mail dan gerust!