Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

Kako Napraviti "Rad-u-Tijeku" Akciju u Adobe Photoshopu

by
Length:ShortLanguages:

Croatian (Hrvatski) translation by Maja Petek (you can also view the original English article)

Final product image
What You'll Be Creating

Kako stvarate svoje umjetnički rad? Voljeli bismo vidjeti! U ovom kratkom savjetu ću vam pokazati kako možete izraditi animirani GIF u Adobe Photoshopu da pokažete razvoj vašeg digitalnog rada.

Prikažite Svoj Umjetnički Rad Sa WIP-jem

Što je WIP? WIP je kratica za rad u tijeku (engl. work-in-progres), što doslovno znači bilo što na čemu trenutno radite, a objavljujete na internetu. Umjetnici ove objave upotrebljavaju kao način komunikacije i spajanja sa svojim obožavateljima dok im pružaju uvid u nadolazeće projekte i ono što se nalazi u pozadini tog projekta.

I neovisno o tome prezentirate li jednostavno svoj napredak ili ga koristite za kratku lekciju, izrada animacije vašeg rada je odličan način na koji ćete ostvariti bolju interakciju sa svojom publikom.

1. Pripremite GIF-ove za Društvene Medije

Pošto je cijela svrha objave vašeg rada u tijeku da ga podijelite sa ostatkom svijeta, evo nekoliko stvari koje morate uzeti u obzir prije nego što izradite svoje GIF-ove:

  1. Dimenzije: U društvenim medijima uglavnom postoje ograničenja za širinu i visinu. Stoga se pokušajte upoznati sa razlikama na svakoj stranici. Dimenzije vašeg rada možete jednostavno podesiti. Samo idite na Image > Image Size i unesite nove brojeve za Height i Width (visinu i širinu).
  2. Veličina Datoteke: GIF-ovi mogu biti prilično veliki, i zato, kada je vrijeme da kliknete Save for Web, obavezno prvo kliknite optimizirajte, optimizirajte, optimizirajte! Pronaći ravnotežu između veličine datoteke i gubitka detalja je svojevrsna umjetnost, stoga samo dajte sve od sebe.
  3. Skice i Završene Verzije: Ne budite stidljivi kada se radi o pokazivanju vašeg napretka ili ograničiti sami sebe na kratko prikazivanje rada u koracima. Svoj rad možete podijeliti u nekoliko GIF-ova za skicu, srednju fazu rada i završne detalje.

2. Izradite Animirani GIF Vašeg Umjetničkog Djela

1. korak

Otvorite svoju datoteku u Photoshopu. Kao što sam i napomenula ranije, podesite dimenzije prema stranici na kojoj želite prezentirati animaciju. Za GIF datoteke, najčešće su manje veličine bolje, stoga ću ići na Image > Image Size i promijeniti dimenzije iz 800 x 800 piksela u 500 x 500 piksela.

2. korak

Sada napravite New Document (novi dokument) sa istim dimenzijama. Kako biste olakšali stvari za animaciju, izravnajte radove u etapama. Smatrajte ih kao slajdove koje ćete kopirati/Copy (Control-C) i zalijepite/Paste (Control-V) na novi dokument.

Animate Your Art as a GIF in Adobe Photoshop Art by Melody Nieves
Ovdje je pregled završene slike, digitalna studija ove PhotoDune Reference.

Prvo dodajte skicu, zatim sljedeće etape vaših radova dok ne dođete do konačnog rezultata.

Set the Layers in Order for Your GIF Animated Art

Za ovu animaciju ću vam pokazati evoluciju ove digitalne slike sa pet slojeva.

Separate You Art into 5 Stages of Progression for Animated GIFs

3. korak

Sada idite na Window > Timeline. Selektirajte Create Frame Animation i Hide the Visibility (sakrijte vidljivost) svakog sloja osim prvog. Zatim podesite Frame Delay Time na 1 sekundu.

Create First GIF Animated Frame in Photoshop

4. korak

Kako biste izradili još okvira, kliknite Duplicates More Frames opciju prije nego što otkrijete vidljivost drugog sloja.

Duplicate Animation Frames in Adobe Photoshop

5. korak

Nastavite s ovim korakom dok nećete imati novi okvir za svaki novi sloj. Na konačnom rezultatu, podesite Frame Delay Time na 5 sekundi za dužu pauzu na kraju. Također se pobrinite da podesite Looping Options na Forever za neprekidnu animaciju.

Set Frame Delay Time and Looping Options for Animated GIF in Photoshop

Za najbolju kvalitetu, eksperimentirajte sa različitim postavkama kada kliknete Save for Web da je pohranite za web kao .gif datoteku. Možda ćete morati ograničiti boje ili prilagoditi Color Reduction Algorithm za rezultat visoke kvalitete. Ovo je konačna animacija.

How to Create Animated Art GIF in Photoshop

3. Sada je Pretvorite u Photoshop Akciju!

Preskočite dio gnjavaže izradom Photoshop Akcije! To će vam omogućiti da u trenu primijenite ove iste promjene snimajući korake i primijenjujući ih kasnije u budućim radovima.

1. korak

Pokrenite animaciju u Timeline kartici brišući sve okvire osim prvog. Podesite Time Frame Delay natrag na No Delay.

Setup GIF Animated Photoshop Action

2. korak

Zatim idite na Windows > Actions da otvorite Actions karticu. Kliknite Create New Action da počnete snimanje. Selektirajte Layer 1 i za Frame Delay Time primijenite iste postavke kao i prije.

Start Recording Your GIF Photoshop Action

3. korak

Nastavite dodavati još okvira i otkrivati vidljivost (Visibility) svakog sloja. Pošto je snimljena, također ćete morati promijeniti Opacity s 0 na 100%.

Unhide Layers and Increase Opacity for Photoshop Actions

4. korak

Kada završite sa posljednjim okvirom, kliknite Stop da zaustavite snimanje.

Hit Stop Button to Stop Recording Photoshop Action

Ponovimo

Sada kada je vaša Photoshop akcija završena, upotrijebite je za sve nove radove! Samo pratite ove najvažnije korake:

  • Prije svega podijelite rad u pet različitih slojeva etapa vašeg napretka.
  • Pokrenite Photoshop Action.
  • Manualno podesite Looping Options na kraju, nakon Photoshop Akcije.
  • Pohranite za web/Save for Web kao .gif datoteku, i pronađite balans između veličine datoteke i gubitka detalja.

Uživajte u Animacijama!

Izrada animiranih GIF-ova je odličan način da omogućite fanovima i obožavateljima da pogledaju vaš fantastičan rad u  raznim fazama izrade. Za još fenomenalnih Photoshop Akcija pretražite što je još dostupno u ponudi na Envato Market-u.

I za početničke savjete pogledajte moje članke ovdje na EnvatoTuts+:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.