Een geanimeerde work-in-progress actie maken in Adobe Photoshop

Wat je gaat creëren

Hoe maak je je kunst? We zouden het graag zien! In deze snelle tip laat ik je zien hoe je een geanimeerde GIF in Adobe Photoshop kunt maken om de evolutie van je digitale werk te laten zien.

Pronk met uw kunst met snelle OHW's

Dus wat is een WIP?WIP is een afkorting voor werk in uitvoering, wat eigenlijk alles betekent dat u online publiceert waar u momenteel aan werkt. Kunstenaars gebruiken deze berichten als een manier om contact te maken met hun volgers terwijl ze een kijkje nemen achter de schermen van hun aankomende projecten.

En of je nu gewoon je voortgang laat zien of het als een snelle les gebruikt, het maken van een animatie van je werk is een geweldige manier om meer interactie met je publiek te hebben.

1. Bereid uw GIF's voor op sociale media

Aangezien het hele punt van het posten van je onderhanden werken is om ze met de wereld te delen, zijn hier een paar dingen om te overwegen voordat je je GIF's maakt:

1.  Dimensies: Er zijn meestal beperkingen voor breedte en hoogte op sociale media. Dus probeer altijd vertrouwd te raken met de verschillen voor elke site. Je kunt de afmetingen van je werk eenvoudig aanpassen door naar Afbeelding> Beeldformaat en nieuwe nummers invoeren voor Hoogte of Breedte.
   
2. Bestandsgrootte: GIF's kunnen erg groot worden, dus wanneer het tijd is om te doen Opslaan voor Web, zorg ervoor dat optimaliseren, optimaliseren, optimaliseren! Het vinden van een balans tussen bestandsgrootte en detailverlies is nogal een kunst, dus doe gewoon je best.
3. Schets en afgewerkte versies: Wees niet verlegen als het gaat om het tonen van je voortgang, of beperk jezelf tot een snelle doorloop van de stappen. Voel je vrij om je kunst op te splitsen in verschillende GIF's die zijn gewijd aan de schets, de gemiddelde voortgang of de laatste details.
   

2. Maak een geanimeerde GIF van uw kunst

Stap 1

Open je kunstbestand in Photoshop. Zoals ik eerder al heb vermeld, pas de dimensies aan op basis van de site waarop u de animatie wilt weergeven. Voor GIF-bestanden werken kleinere formaten beter, dus in dit geval ga ik naar Afbeelding> Beeldformaat en verander de afmetingen van 800 x 800 pixels naar 500 x 500 pixels.

Stap 2

Maak nu een Nieuw document met dezelfde afmetingen. Om dingen eenvoudiger te maken voor de animatie, maakt u uw kunst in etappes plat. Zie ze als dia's die je zult Kopiëren (Control-C) en Plakken (Control-V) in het nieuwe document.

Hier is een voorproefje van het laatste schilderij, een digitale studie van deze PhotoDune Reference.

Voeg eerst de schets toe en vervolgens de volgende stadia van je kunst totdat je aan het eindresultaat werkt.

Voor deze animatie laat ik de evolutie van dit digitale schilderij met vijf lagen zien.

Stap 3

Ga nu naar Venster> Tijdlijn. kiezen Maak kaderanimatie en Verberg de zichtbaarheid van elke laag behalve de eerste. Stel vervolgens de Frame Delay Time naar 1 seconde.

Stap 4

Als u meer frames wilt maken, drukt u op Dupliceert meer frames optie vóór De zichtbaarheid zichtbaar maken van de tweede laag.

Stap 5

Ga door met deze stap totdat je een frame hebt voor elke nieuwe laag. Stel het. Op het eindresultaat in Frame Delay Time tot 5 seconden voor een langere pauze aan het einde. Zorg er ook voor dat u de Looping opties naar Voor altijd voor een continue animatie.

Voor de beste kwaliteit, moet u met de verschillende instellingen experimenteren Bewaar voor web als een GIF-bestand. Mogelijk moet u de kleuren beperken of de kleuren aanpassen Kleurreductie-algoritme voor een resultaat van hoge kwaliteit. Hier is de laatste animatie.

3. Verander het nu in een Photoshop-actie!

Omzeil een deel van het gedoe door een Photoshop-actie te maken! Hiermee kunt u dezelfde wijzigingen in een fractie van de tijd toepassen door uw stappen nu vast te leggen en later toe te passen op toekomstige werken.

Stap 1

Start je animatie in de Tijdlijn paneel door alle frames behalve de eerste te verwijderen. Stel de Vertraging van tijdframe terug naar Geen vertraging.

Stap 2

Ga dan naar Windows> Acties om de acties paneel. Raken Maak een nieuwe actie om met opnemen te beginnen. kiezen Laag 1 en dezelfde instellingen toepassen voor de Frame Delay Time zoals eerder.

Stap 3

Ga door met het toevoegen van meer frames en zichtbaar makende Zichtbaarheid van elke laag. Omdat het wordt opgenomen, moet u ook de ondoorzichtigheid van 0 naar 100%.

Stap 4

Als u klaar bent met het laatste frame, drukt u op Hou op om de opname te stoppen.

Laten we vernieuwen

Nu je Photoshop-actie voltooid is, gebruik je deze voor al je nieuwe stukken! Zorg ervoor dat u deze cruciale stappen volgt:

• Scheid je kunst van tevoren in vijf verschillende lagen van voortschrijdende fasen.
• Speel de Photoshop-actie.
  
• Pas handmatig de Looping opties aan het einde na de Photoshop-actie.
• Bewaar voor web als een GIF-bestand, het vinden van een evenwicht tussen bestandsgrootte en verlies van detail.
  

Geniet van je animaties!

Het maken van geanimeerde GIF's is een geweldige manier om je fans en bewonderaars je geweldige werk te laten waarderen. Voor meer geweldige Photoshop-acties kunt u verkennen wat beschikbaar is bij Envato Market. 

En voor meer tips voor beginners, bekijk mijn andere artikelen hier op Envato Tuts +:

• 10 eenvoudige tips voor sociale media voor de worstelende artiest
• 30 geweldige websites voor gratis stock- en designbronnen
• Ontwerp Oefeningen om je creativiteit te laten scheuren