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

Näin luodaan animoitu makro työn edistymisestä Adobe Photoshopissa

by
Length:ShortLanguages:

Finnish (Suomi) translation by Annukka Leppänen (you can also view the original English article)

Final product image
What You'll Be Creating

Kuinka luot taideteoksesi? Olisi mahtavaa nähdä! Tässä nopeassa ohjeessa näytän miten luot animoidun GIF:n Adobe Photoshopissa esitelläksesi digitaalisen työsi kehityksen.

Esittele taidettasi nopealla TEllä

Mikä TE on? TE on lyhennys sanoista työn edistyminen, mikä tarkoittaa mitä tahansa nettiin julkaisemaasi työn alla olevaa juttua.  Taiteilija käyttävät niitä tapana olla kontaktissa seuraajiensa kanssa ja antavat samalla mahdollisuuden kurkistaa tulevien töiden syntyprosessiin.

Ja esittelitpä sitten vain edistymistäsi tai käytät sitä nopeana oppituntina, on animaation luominen työstäsi hieno tapa olla orovaikutuksessa yleisösi kanssa.

1. Valmistele GIFsi sosiaalista mediaa varten

Koska ideana tekeillä olevien töiden postittamisessa on niiden jakaminen maailman kanssa, ota muutama seikka huomioon ennen kuin luot GIF-tiedostot.

  1. Mitat: Leveydelle ja korkeudelle on rajoitteita sosiaalisessa mediassa. Tutustu eri sivustojen eroavaisuuksiin. Voit säätää työsi mittoja helposti Kuva>Kuvan koko kohdasta ja syöttää uudet arvot Korkeus tai Leveys kohtaan.
  2. Tiedoston koko: GIFien koko voi kasvaa hyvin suureksi joten kun on aika Tallentaa webiä varten, optimoi, optimoi, optimoi! Tiedoston koon ja kuvan laadun välisen tasapainon löytäminen on taidetta, joten tee vain parhaasi.
  3. Luonnos ja lopulliset versiot: Älä ujostele esitellä edistymistäsi, tai rajoita itseäsi liian nopeilla askelten läpikäynnillä. Pura työsi useisiin GIFhin jaksottaen ne luonnokseen, keskivaiheeseen ja loppusilauksiin.

2. Luo taiteestasi animoitu GIF

Vaihe 1

Avaa tiedostosi Photoshopissa. Kuten aiemmin mainitsin, säädä mitat sen sivuston mukaan, missä animaatiosi esität. Pienemmät koot toimivat GIF tiedostoille, joten tässä tapauksessa menen Kuva > Kuvan koko ja vaihdan mitat 800 x 800 pikselistä 500 x 500 pikseliin.

Vaihe 2

Luo uusi pohja noilla samoilla mitoilla. Hepottaaksesi animaatiota, yhdistä työsi vaiheittain. Ajattele niitä dioina, jotka voit kopioida (Ctrl-C) ja liittää (Ctrl-V) uuteen pohjaan.

Animate Your Art as a GIF in Adobe Photoshop Art by Melody Nieves
Esikatselukuva lopullisesta maalauksesta, digitaalinen tutkielma tästä PhotoDune referenssistä.

Lisää ensin luonnos, sitten muut vaiheet kunnes valmiskin tulos on lisätty.

Set the Layers in Order for Your GIF Animated Art

Esitän tässä animaatiossa digitaalisen maalauksen kehityksen viidellä tasolla.

Separate You Art into 5 Stages of Progression for Animated GIFs

Vaihe 3

Valitse Ikkuna > Aikajana. Valitse Luo Ruutuanimaatio ja piilota jokaisen tason näkyvyys paitsi ensimmäisen. Aseta Ruudun viiveajaksi 1 sekunti.

Create First GIF Animated Frame in Photoshop

Vaihe 4

Luodaksesi lisää ruutuja, napsauta Monistaa valitut ruudut kuvaketta ennen toisen tason näkyvyyden palauttamista.

Duplicate Animation Frames in Adobe Photoshop

Vaihe 5

Toista vaiheita kunnes jokaisella tasolla on ruutu. Viimeisen ruudun kohdalla vaihda viiveeksi 5 sekuntia jotta lopussa on pitempi tauko. Muista myös vaihtaa Toiston asetuksiin Jatkuvasti jotta saat toistuvan animaation.

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

Testaa eri asetuksia kun Tallennat webiä varten gif tiedostona, jotta saat parhaan laadun. Saatat joutua rajoittamaan värimäärää tai säätämään Värien rajoitus algoritmia hyvän tuloksen takaamiseksi. Alla valmis animaatio.

How to Create Animated Art GIF in Photoshop

3. Muuta se sitten Photoshop makroksi!

Ohita turha hääräys luomalla makro! Se mahdollistaa samojen muutosten teon hetkessä nauhoittamalla askeleesi. Voit sitten suorittaa nauhoittamasi makron tulevissa töissäsi.

Vaihe 1

Aloita animointi uudelleen Aikajana paneelissa poistamalla kaikki muut ruudut paitsi ensimmäinen. Aseta valitsee ruutujen viiveen kohtaan Ei viivettä.

Setup GIF Animated Photoshop Action

Vaihe 2

Valitse Ikkuna > Makrot avataksesi Makrot paneelin. Napsauta Luo uusi makro aloittaaksesi nauhoituksen. Valitse Taso 1 ja aseta samat asetukset Valitsee ruutujen viiveen kohtaan kuin ensimmäiselläkin kerralla.

Start Recording Your GIF Photoshop Action

Vaihe 3

Jatka lisäämällä lisää ruutuja ja ottamalla käyttöön tasojen näkyvyyden. Koska toimintaa nauhoitetaan, täytyy myös Peittävyys nostaa 0:sta 100%:iin.

Unhide Layers and Increase Opacity for Photoshop Actions

Vaihe 4

Kun viimeinen ruutu on valmis, paina Pysäytä painiketta lopettaaksesi nauhoituksen.

Hit Stop Button to Stop Recording Photoshop Action

Kerrataan

Nyt kun PS makrosi on valmis, käytä sitä kaikissa uusissa töissäsi! Muista vain seurata näitä vaiheita:

  • Jaa työsi viidelle erilliselle, eri vaiheessa olevalle tasolle etukäteen.
  • Toista Photoshop makro.
  • Säädä manuaalisesti makron jälkeen lopussa Toisto asetuksia. 
  • Tallenna webiä varten .gif tiedostona, etsien tasapainon laadun ja koon välillä.

Nauti animaatioistasi!

Luomalla animoituja GIFejä annat faneillesi ja ihailijoillesi mahtavan tavan arvostaa hienoa työtäsi. Jos Photoshopin makrot kiinnostavat, tutki mitä Envaton kaupassa on tarjolla.

Lisää vinkkejä aloittelijoille löydät muista artikkeleistani täällä Envato Tuts+:ssa:

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.