Share
Wat je gaat creërenSamen met de populariteit van de stijl van de jaren '80, is het glitcheffect de laatste jaren erg populair geweest. Het verschijnt in stockfoto's, teksteffecten en natuurlijk in video.
In deze zelfstudie gaan we een animatie van een RGB-glitcheffect simuleren met Adobe Photoshop. Ik stel voor dat u een aantal fotosjablonen controleert op GraphicRiver om deze trend goed te begrijpen.
Om deze tutorial te volgen, gaan we de volgende bronnen gebruiken:
Maak een Nieuw document met de maat 450 px x 700 px. Klik op de OK knop. Het is essentieel om zijn Kleur mode naar RGB-kleur.
In deze zelfstudie gaan we een glitch toevoegen aan een gratis foto van Pixabay. Kopiëren en dan Pasta de foto op het lege doek. Afhankelijk van de afbeeldingsdimensies, moet u deze mogelijk verkleinen.
Geef de laag een naam beeld. Klik met de rechtermuisknop de laag en selecteer vervolgens Omzetten naar slim object. Het is belangrijk om de basisafbeelding om te zetten in een slim object om de beeldkwaliteit te behouden en om ons te helpen de inhoud gemakkelijk te bewerken.
Als u niet bekend bent met het concept van a Smart Object, Ik stel voor dat je dit korte artikel van Martin Perhiniak leest. In de Lagen paneel, a Smart Object wordt aangegeven door een zwart-wit pictogram in de rechterbenedenhoek van de miniatuur van de laag.
We gaan veel lagen gebruiken, dus het is altijd een goede gewoonte om ze georganiseerd te houden met behulp van groepslagen. Voeg een nieuwe toe Groep laag en noem het RGB-glitch-animatie. We zullen beginnen met het bouwen van het eerste frame. Voeg binnen de groepslaag nog een sub toe Groep laag en noem het 1.
Duplicaat de beeld slimme laag door Alt-slepen het in de Groep 1.
We moeten de opties voor het overvloeien van afbeeldingen beperken tot specifieke kanalen. Dubbelklik de slimme laag die we zojuist hebben gedupliceerd en vervolgens deselecteren G en B. Geef de laag een naam R voor Red Channel.
In eerste instantie lijkt het erop dat er niets gebeurt. We komen er later op terug. Voor nu, Duplicaat de laag twee keer en selecteer alleen de G en B selectievakjes om de groene en blauwe kanalen in te schakelen. Noem die twee lagen G en B.
Wat gebeurt er hier precies? De afbeelding is gemaakt van drie kleuren, of kanalen, om de kleuren te reproduceren die u op het scherm ziet. In de Geavanceerd mengen optie, we schakelen slechts één kanaal in. Hieronder is wat we hebben als de originele afbeelding verborgen is en alleen laag R(Rood kanaal) is onthuld.
En dit is wat er gebeurt als de beeldlaag wordt onthuld. Wanneer het wordt onthuld, zullen we alles hebben Rood, Groen, en Blauwe kanalen actief, wat eindigt als een normale afbeelding.
Pas de beschikbare toe Vervormingsfilter naar de laag met één kanaal. Klik Filter> Vervormen> Golf. Gebruik een kleine Aantal generatoren. We willen niet dat het resultaat te extreem is. Omdat we een gebruiken Smart Object, we hebben een extra voordeel met het filter. Het filter wordt automatisch omgezet in een niet-destructieve Smart filter die op elk moment vrij kan worden bewerkt.
Herhaal de Vervormingsfilter op de andere laag. U kunt het laatste filter onmiddellijk op de actieve laag toepassen met behulp van de snelkoppeling Controle-F. Als u de parameter eerst wilt bewerken, gebruikt u Ctrl-Alt-F. In de Golf filterdialoogvenster, druk op willekeurig om een ander soort vervorming te maken.
Herhaal een vergelijkbaar vervormingseffect op de overgebleven laag.
We hebben meer vervorming nodig. Duplicaat alle drie de lagen. Alt-Drag om ze te dupliceren.
Om het resultaat te differentiëren, kunnen we het wijzigen Golf filterinstelling. Dit kan gedaan worden door dubbelklikken zijn naam in de Smart filter lijst. De Golf dialoogvenster verschijnt en u kunt de parameters ervan wijzigen. Of je kunt ook andere proberen Vervormingsfilters, zoals knippen.
Alt-Click de Breng een laag masker aan pictogram aan Verbergen de laag. Doe dit voor alle lagen.
We hebben meer lagen nodig voor het volgende frame. Duplicaat de groepslaagen noem de kopieën 2, 3, 4, en 5.
We beginnen de glitch te onthullen. Raken D om de achtergrondkleur in wit terug te zetten. Maak een nieuwe selectie met behulp van de Rechthoekig grote tent gereedschap. Raken Controle-Delete naar Vullen de selectie met wit en onthul het geselecteerde gebied.
Herhaal deze stap op de andere lagen in elke groeplaag. Houd ingedrukt om meerdere selecties toe te voegen Verschuiving tijdens het slepen van de Rechthoekig selectiekader. Zoals in de vorige stappen, Vullen de selectie met wit.
Nu willen we het subtiele scan-lijnpatroon toevoegen dat in oude VHS-video's wordt weergegeven. Maak een nieuwe Document met een canvasgrootte van 5 px x 3 px.
Voeg een ... toe Nieuwe laag. Vullen de bovenste helft van het canvas met zwart. We hebben het niet nodig Achtergrond laag, dus gewoon Verbergen het door op het pictogram te klikken of gewoon Verwijder het.
Selecteer het hele canvasgebied. Klik Bewerken> Patroon definiëren om het canvas op te slaan als een Patroon. Geef het een herkenbare naam zoals tv-scanline. We hebben het patroonbestand niet meer nodig. We hebben het patroon al opgeslagen. Je kunt het eenvoudig sluiten zonder op te slaan.
Keer terug naar ons hoofdglitchbestand. Voeg een ... toe Nieuwe laag en noem het tv scanline. Klik Bewerken> Opvullen. kiezen Inhoud: patroon en selecteer de tv-scanline patroon dat we eerder hebben gemaakt.
We willen dat het patroon subtiel blijft. Verminder zijn ondoorzichtigheid ongeveer 40%.
Laten we een vignet-effect toevoegen. Voeg een ... toe Nieuwe laag en gebruik dan een hele grote en Zachte ronde borstel om zwart op de hoek van het canvas te schilderen. Verklein de lagen ondoorzichtigheid om het vignette-effect subtiel te houden.
Toevoegen een nieuwe laag en voeg vervolgens willekeurige kleuren toe aan de rand van het canvas.
Als we willen, kunnen we een deel van het kanaal uitschakelen.
We beginnen nu met het toevoegen van animatie aan de scène. Open de Tijdlijn paneel van de Venster menu. Klik op de Maak kaderanimatie knop.
We zijn nu bij het eerste frame. Voor het eerste frame, Verbergen alle groepslagen binnen de RGB-glitch-animatie en onthul alleen de eerste groepslaag. Zorg ervoor dat u de frameduur instelt op 0,1 seconden en de Lus instellen op Voor altijd.
Voor het tweede frame onthult u de tweede groepslaag en Verbergen de anderen. Voor het derde frame onthult u de derde groepslaag enzovoort.
We kunnen doorgaan dupliceren de groepslaag voor het zesde frame, enzovoort, maar het zal de bestandsgrootte aanzienlijk vergroten. We kunnen dit omzeilen door een willekeurige combinatie van lagen uit alle groepenlagen te onthullen.
Blijf frames toevoegen aan de scène. U kunt het resultaat van de animatie testen door op de Spelen pictogram aan de onderkant van de Tijdlijn paneel.
Naar Opslaan de animatie, druk op Besturing Shift-Alt-S om de reus te openen Bewaar voor web dialoog venster. Selecteer bestandstype: GIF. Het is momenteel het enige verstandige type afbeeldingsbestand dat animatie ondersteunt. GIF heeft beperkte kleuren en kan de uiteindelijke afbeelding een korrelig of blokkerig uiterlijk geven. Voor een hogere kwaliteit kunt u het aantal gebruikte kleuren en gebruik verhogen verspreiding in de dithering drop-down optie. Klik op de Opslaan knop.
Notitie: Aangezien de uiteindelijke GIF-grootte groter is dan 200 KB, wat de beperking is voor een Envato Tuts + -afbeelding, moeten we deze als een film laten zien:
Vergeet niet dat we een a Smart Object en de kopieën ervan in dit project. Elke kopie van het slimme object dat we in elke groeplaag hebben geplaatst, is identiek. We kunnen een daarvan bewerken Slimme objecten en al zijn exemplaren worden automatisch bijgewerkt. Om de afbeelding te bewerken, Dubbelklik de eerste Smart Object die we aan de wortel van de Lagen paneel. We kunnen elk slim object in feite gebruiken, maar deze is veel handiger omdat het niet in de groepslaag verborgen is.
De Smart Object wordt geopend als een afzonderlijk afbeeldingsbestand.
Laten we een andere gratis afbeelding van Pixabay proberen. Versleep de afbeelding. Pas het formaat aan indien nodig. Zodra je tevreden bent met het resultaat, Opslaan en sluit het bestand.
Keer terug naar het originele geanimeerde RGB-glitchbestand, waar we zullen zien dat de afbeelding automatisch wordt bijgewerkt.
Exporteren de nieuwe scène als een GIF het dossier.
Bekijk dit geanimeerde resultaat hieronder:
Hieronder is het eindresultaat van onze tutorial in videoformaat. Uit deze zelfstudie kunnen we afleiden dat wat we hebben gedaan slechts een kwestie van eenvoudig bewerken en spelen is met de kanaalinstellingen. Ik hoop dat je een aantal nieuwe technieken hebt geleerd door deze tutorial te volgen, net zoals ik deed tijdens het schrijven ervan.
Vergeet niet je uiteindelijke GIF-resultaat te delen. Ik zou het graag willen zien. Bedankt voor het lezen.
Accentsconagua