Share
Digitaal aangemaakte sneeuw kan vaak behoorlijk moeilijk te genereren zijn in Photoshop, op een realistisch ogende manier. We hebben onlangs een tutorial gepubliceerd die laat zien hoe je sneeuw kunt toevoegen aan een stilstaand beeld, dus in deze tutorial hebben we besloten dat het leuk zou zijn om te laten zien hoe je een realistisch uitziend geanimeerd sneeuwvaleffect in Photoshop kunt creëren en het vervolgens kunt veranderen in een geanimeerde GIF het dossier. Laten we beginnen!
Om de tutorial te voltooien, hebt u de volgende items nodig:
Deze video is opgenomen tijdens het maken van deze zelfstudie. Helaas konden we geen audio opnemen voor deze video, dus het is stil. We wilden het opnemen in het geschreven gedeelte van deze tutorial voor het geval dit enige hulp zou kunnen zijn.
Maak een nieuw document met 800 px bij 800 px.
Selecteer de Penseel (B) en stel de Grootte naar een klein aantal zoals 4.
Leg op een nieuwe laag willekeurige zwarte stippen willekeurig over het canvas. Elke stip wordt een enkele sneeuwvlok. Geef deze laag een naam sneeuwvlokken. Het is belangrijk om te voorkomen dat te veel sneeuwvlokken in één gebied worden samengevoegd.
Voordat we beginnen met het animeren van de sneeuwvlokken, is het belangrijk om te overwegen hoe ze vallen. Terwijl sneeuwvlokken uit de lucht vallen, denk ik dat ze in hun afdaling heen en weer zweven en ze een gracieuze verschijning geven. (Zie afbeelding hieronder). Volgend op deze interpretatie van vallende sneeuw, kunnen we twee bewegingen identificeren; vallen (naar beneden) en zwevend (van links naar rechts). Om vallende sneeuw te animeren, beginnen we met de lichte beweging van links naar rechts.
Open de Tijdlijnpaneel (Venster> Tijdlijn).
De Tijdlijnpaneel verschijnt, maar in eerste instantie zal het geen tijdlijn weergeven. In plaats daarvan verschijnt een enkele knop met de vraag welke tijdlijn u wilt gebruiken. Zorg ervoor dat u selecteert Maak een video tijdlijn.
Nu een videotijdlijn is gemaakt, moeten twee lagen zichtbaar zijn in de tijdlijn: deze komen overeen met de twee lagen in de Lagenpaneel. In de Tijdlijnpaneel, klik op de pijl naast de Sneeuwvlok laag om de animatie-eigenschappen te onthullen.
Zorg ervoor dat de afspeelkop zich in het eerste frame bevindt en klik op het stopwatchpictogram op Schakel keyframe-animatie in. Dit plaatst automatisch een keyframe op het eerste frame.
Voordat we beweging toevoegen, helpt het om een aantal hulplijnen in te stellen. Zoom in op een van de sneeuwvlokken en plaats er een verticale gids overheen.
Plaats twee extra hulplijnen aan beide zijden van de sneeuwvlok. Dit geeft de afstand weer die we de sneeuwvlok van links naar rechts zullen verplaatsen.
Tip: Gebruik de Ruler Bar (Command / Ctrl + R) om ervoor te zorgen dat de twee geleiders op gelijke afstand van de middengeleider zijn.
Nu onze scène is ingesteld en keyframe-animatie is ingeschakeld, kunnen we onze sneeuwvlokken verplaatsen naar animatie. Verplaats de afspeelkop naar de markering van een seconde (1: 00f) op de tijdlijn en gebruik de Verplaats gereedschap, verplaats de sneeuwvlok totdat deze de linker geleider bereikt.
Tip: Houd shift vast om de beweging horizontaal te beperken.
Verplaats vervolgens de afspeelkop naar de drie seconden marker (3: 00f) op de tijdlijn en verplaats de sneeuwvlok naar de juiste richting.
Verplaats ten slotte de afspeelkop naar de markering van vier seconden (4: 00f) en verplaats de sneeuwvlok terug naar de middelste hulplijn.
Omdat onze animatie langer dan vier seconden zal duren, moeten we het einde van het werkgebied instellen op de markering van vier seconden. Sleept de Einde werkgebied markering op de markering van vier seconden (4: 00f). Klik ook op het vervolgmenu in de rechterbovenhoek van de Tijdlijnpaneel en kies Lus-weergave.
druk op Spacebar om een voorbeeld van de animatie te bekijken.
Na het bekijken van de animatie, is de beweging van de sneeuwvlok te hard. Dit kan worden verzacht door enkele extra keyframes toe te voegen. Sleep de afspeelkop net vóór de een seconde markering (1:00). Let op de positie van de sneeuwvlok.
De ... gebruiken Pijltjestoetsen, duw de sneeuwvlok dichter naar de gids toe.
Herhaal dit voor de andere kant van de markeerstift van één minuut (1: 00f)
Doe hetzelfde bij de drie seconden-markering (3: 00f).
Bekijk een voorbeeld van de animatie door op te drukken Spacebar. Door de sneeuwvlokken dichter bij de gids te krijgen, hebben we het gemakkelijker gemaakt om de richtingverandering te veranderen (en dus een natuurlijkere beweging te geven).
Nu de sneeuwvlokken een side-to-side animatie hebben, moeten we ervoor zorgen dat geen van de animaties van het canvas wordt geanimeerd. Controleer de randen van de animatie op verdwenen sneeuwvlokken en gebruik de Eraser Tool (E) om ze te verwijderen.
Klik op het oogpictogram op de Achtergrond laag in onze Lagenpaneel. Hierdoor wordt de witte laag verborgen, zodat onze sneeuwvlokken op een transparante achtergrond worden weergegeven.
Selecteer beide lagen in de Lagenpaneel en klik met de rechtermuisknop. Kiezen Omzetten naar slim object. Het is belangrijk dat beide lagen zijn geselecteerd.
De volgende stap is om ons canvas uit te breiden om ruimte te maken om de vallende sneeuw te animeren. De ... gebruiken Bijsnijden Tool (C), pak de onderkant en trek naar beneden om het canvas uit te rekken. Holding alt zal het canvas gelijk in beide richtingen uitbreiden.
Maak een nieuwe laag onder de sneeuwvlokken laag en Vullen met wit.
Plaats de sneeuwvlokken laag naar de bovenkant van het canvas.
In de Tijdlijnpaneel, klik op de pijl op de sneeuwvlokken laag om de animatie-eigenschappen te onthullen. Merk op dat de Positie eigendom is vervangen door de Transformeren eigenschap omdat dit nu een slim object is.
Schuif de Einde werkgebied markering voor de vier seconden marker (4: 00f).
Verplaats de afspeelkop naar het eerste frame en klik op het stopwatchpictogram voor Schakel keyframe-animatie in en om een keyframe in het eerste frame te plaatsen.
Verplaats de afspeelkop naar de markering van vier seconden (4: 00f) en gebruik de Verplaatsingsgereedschap (V) om het te slepen sneeuwvlokken laag naar de onderkant van het canvas.
druk op Spacebar om een voorbeeld van de animatie te bekijken. Zoals je ziet, valt de sneeuw nu gracieus met een lichte beweging van links naar rechts. In de volgende paar stappen vullen we de sneeuw om de rest van het doek te bedekken.
Maak een kopie in tweevoud (Laag> dubbele laag) van de sneeuwvlokken laag. Dit kan ook gedaan worden in de Lagenpaneel door de laag over de slepen te slepen Maak een pictogram voor een nieuwe laag. Als u de laag dupliceert, blijft de animatie behouden. Opmerking: indrukken Command / Ctrl + J zal niet werken omdat het de animatie-eigenschappen niet overneemt.
Verplaats de nieuwe laag over de tijdlijn naar rond de tiende framemarkeerder (10f).
druk op Spacebar om een voorbeeld van de animatie te bekijken. De sneeuw valt nu vanaf de bovenkant van het canvas.
Ga door met deze techniek tot het hele doek bedekt is met vallende sneeuw. Het kan nodig zijn om de hoofdframes handmatig aan te passen voor sommige lagen.
Merk op hoe de sneeuwval te uniform lijkt. Om wat variatie toe te voegen, kunnen we een andere dubbele laag maken en het hoofdframe sneller laten vallen dan de rest van de sneeuw.
Om nog meer variatie toe te voegen, wijzigt u de hoofdframes van sommige lagen om sneller of langzamer te bewegen. Zorg er wel voor dat er geen gaten in de sneeuw vallen.
Selecteer alles sneeuwvlokken lagen en Omzetten naar slim object.
De sneeuwval begint er beter uit te zien, maar er kan nog meer worden gedaan. In de volgende paar stappen voegen we meer afwisseling en dichtheid toe aan de sneeuwval. Begin met het maken van een Kopiëren (Command / Ctrl + J) van de sneeuwvlokken laag (aangezien alle animatie zich in het slimme object bevindt, kunnen we het slimme object kopiëren en toch de animatie behouden).
Zorg ervoor dat de afspeelkop zich in het eerste frame bevindt, zodat onze laag de volledige vier seconden animeert.
Transformeren (opdracht / Ctrl + T) deze laag zodat deze iets groter is en niet in het midden wordt geroteerd.
Maak er nog een Kopiëren (Command / Ctrl + J), en formaat wijzigen en draaien in de tegenovergestelde richting. Hierdoor zal de sneeuw kriskras overgaan, waardoor het een realistischer gedrag krijgt.
Ga door met het toevoegen van nieuwe kopieën van sneeuw en het op verschillende manieren transformeren om variatie toe te voegen aan grootte en snelheid (een verticaal uitgezette laag zal sneller sneeuw slaan dan verticaal). Zorg ervoor dat u geen van de transformaties overdrijft.
druk op Spacebar om een voorbeeld van de resultaten te bekijken. Omdat we lagen en lagen met geanimeerde slimme objecten hebben toegevoegd, kan Photoshop een beetje langzamer worden wanneer het probeert een voorbeeld weer te geven.
Ten slotte, zorg ervoor dat de Einde werkgebied is verplaatst naar de markering van vier seconden (4: 00f). Als u tevreden bent met de resultaten, selecteert u alle lagen en Omzetten naar slim object. Hernoem de laag naar Sneeuwval. Opslaan (Command / Ctrl + S) het bestand.
Nu de sneeuwval is gecreëerd, kunnen we eraan werken om een afbeelding klaar te krijgen om de sneeuwval te ontvangen. Open de afbeelding van uw keuze. In dit geval gebruik ik een foto van Tuts + Photoshop Editor, Grant Friedman van Central Park.
De volgende stap is om de foto bij te snijden. Ik ben nooit een grote fan van het bijsnijden van foto's die niet van mij zijn. Aangezien het uiteindelijke resultaat echter een vierkante GIF is, moet dit worden gedaan. Gebruik de Bijsnijden Tool (C) en stel de beeldverhouding in op 1: 1 (Vierkant).
Pas de bijsnijdgids aan om de afbeelding bij te snijden naar 600 x 600 pixels. Klik op het vinkje (of druk op Enter) om de wijzigingen door te voeren.
Ga naar ons sneeuwvaldocument en klik op het canvas en sleep de laag naar het documenttabblad met de foto. Als u de muisaanwijzer over het tabblad beweegt, wordt het document geopend. Blijf het fotodocument slepen en laat de muisknop los. Het slimme object moet bovenop onze foto worden geplaatst.
Als het Tijdlijnpaneel is nog niet open, ga naar Venster> Tijdlijn. Klik op de knop om Maak een video tijdlijn.
Schuif de Einde werkgebied naar de vier seconden marker (4: 00f).
druk op Spacebar om een voorbeeld van de animatie te bekijken. Zoals eerder vermeld, kan het een beetje tijd duren voordat Photoshop de animatie weergeeft. De sneeuwval moet gemakkelijk te zien zijn omdat het allemaal in het zwart is (we zullen dit later veranderen).
Nu is het tijd om lagen sneeuw aan de foto toe te voegen. Begin met het formaat wijzigen (Command / Ctrl + T) de Sneeuwval laag, dus het is gewoon groter dan het canvas.
Kopiëren (Command / Ctrl + J) de Sneeuwval laag en Transformeren (opdracht / Ctrl + T) het past in het gebied aan de achterkant van het pad. Aangezien deze sneeuwlaag kleiner is, zal de sneeuwval langzamer lijken, net als in het echte leven.
Om te voorkomen dat de sneeuw plotseling boven en onder in de laag verschijnt en verdwijnt, moeten we een laagmasker toevoegen. Verberg eerst het origineel Sneeuwval laag (we willen de gekopieerde laag duidelijk zien). Klik vervolgens op de Breng een laag masker aan pictogram en gebruik een grote, zachte borstel om de boven- en onderkant van de laag te maskeren.
druk op Spacebar om een voorbeeld van de animatie te bekijken. De sneeuw moet achter de boomgrens lijken te vallen en op de grond in de verte stoppen.
Maak een Kopiëren (Command / Ctrl + J) van deze laag en pas het formaat aan (Command / Ctrl + T) een beetje groter zijn dan de vorige laag. Deze laag sneeuw moet halverwege het pad lijken.
Het laagmasker zal ook kopiëren. Bewerk dit voor de grotere sneeuwlaag.
Maak er nog een Kopiëren (Command / Ctrl + J). Gooi dit keer het laagmasker weg in het prullenbakpictogram onderaan de Lagenpaneel. In Photoshop wordt u gevraagd wat u met de laag moet doen. kiezen Verwijder.
Formaat van deze laag wijzigen. Ga door met het maken van extra kopieën en Transformeren (opdracht / Ctrl + T) ze op verschillende manieren om variatie toe te voegen.
Maak vervolgens een nieuwe Kopiëren (Command / Ctrl + J) en verklein de laag tot ongeveer 175%.
Voeg een ... toe Gaussiaans vervagen (filter> vervaging Gaussiaanse vervaging) met een Radius van 2,9 px. Dit geeft de illusie dat sneeuw onscherp is en recht voor de camera valt.
Voeg als optionele stap een kleine hoeveelheid toe Gaussiaanse vervaging naar de twee meest achterste lagen.
Een van de laatste dingen die gedaan moeten worden is om de sneeuwvlokken wit te maken. Om dit te doen, Dubbelklik een van de miniaturen van de Sneeuwval slimme objecten. Dit opent dat slimme object voor bewerking. Zorg ervoor dat u de witte achtergrondlaag weer zichtbaar maakt.
Voeg vervolgens de Omkeren aanpassingslaag naar de bovenkant van de lagenstapel. Het resultaat zou witte sneeuw op een zwarte achtergrond moeten zijn.
Opslaan (Command / Ctrl + S) het slimme-objectdocument en ga terug naar het werkdocument. Je merkt misschien dat de foto niet meer zichtbaar is. Selecteer alle sneeuwvallagen en verander de Mengmodus naar scherm.
druk op Spacebar om een voorbeeld te bekijken. Alle lagen sneeuw die we hebben toegevoegd, hebben een parallaxeffect gecreëerd, waardoor de diepte van de sneeuwval lijkt.
Omdat alles is gemaakt met behulp van slimme objecten, kunnen we de sneeuwval eenvoudig bewerken. In dit geval kan de sneeuw dikker lijken en misschien een beetje zachter. Om de sneeuw te bewerken, Dubbelklik de miniatuur van een van de slimme objecten.
Als de sneeuwval in ons eerste voorbeeld te uniform leek, neem dan de tijd hier om het formaat te wijzigen en het formaat ervan te wijzigen Sneeuwvlok lagen totdat je tevreden bent met de variatie.
Doorgaan met Dubbelklik elk slim object totdat we bij het origineel komen sneeuwvlokken laag.
Dubbelklik de sneeuwvlokken laag en voeg een zwarte toe Outer Glow laagstijl met behulp van de onderstaande instellingen. Klik OK.
Opslaan (Command / Ctrl + S) en Dichtbij elk slim objectdocument totdat we teruggaan naar onze sneeuwscène. druk op Spacebar om een voorbeeld van de animatie te bekijken. De sneeuw ziet er veel beter uit.
De snelste manier om een GIF te maken is meestal om de Bewaar voor web keuze. Omdat we echter veel gelaagde slimme objecten hebben gebruikt om onze scène te bouwen, zal Photoshop ongetwijfeld langzamer werken als we al die informatie proberen te verwerken. In plaats daarvan zullen we eerst een videobestand maken. Ga naar Bestand> Exporteren> Video renderen
In de Render video paneel, wijzig de instellingen naar eigen inzicht of gebruik de onderstaande instellingen en klik op geven.
Nadat het bestand is voltooid, zoekt u het op uw computer en maakt u een back-up in Photoshop. Photoshop zou dit automatisch moeten openen als een videobestand
Ga nu naar Bestand> Opslaan voor web en pas de instellingen naar wens aan en klik op Gedaan. Als u wilt dat uw animatie wordt herhaald, zorgt u ervoor dat de looping wordt ingeschakeld. Voor meer informatie over het optimaliseren van een GIF-bestand, bekijk Martin Perhiniak's 10 manieren om een geanimeerd GIF-bestand te optimaliseren.
In deze zelfstudie hebben we geleerd hoe je een traditioneel complexe animatie kunt nemen, zoals vallende sneeuw, en deze opdelen in verschillende eenvoudige animaties met behulp van slimme objecten. Hopelijk heeft deze tutorial je laten zien hoe gemakkelijk animaties in Photoshop echt kunnen zijn.
Accentsconagua