Kuinka tehdä GIF-tiedostoja valokuvista Photoshopissa. Kehysanimaatio Photoshopissa. Paranna animaatiota lisäämällä välikehyksiä

Tässä artikkelissa puhun siitä, mitä animaatio on Photoshopissa. Katsotaan kuinka animaatio toimii Photoshopissa uudenvuoden bannerin luomisen esimerkin avulla.

tulen töihin Adobe Photoshop CS6. Käyttöliittymäni on venäjä, koska kirjoitan työstäni.

Minulla on kotona englanninkielinen versio, ja suosittelen sinua opiskelemaan englanninkielinen versio, siksi:

• Voit helposti navigoida ohjelmassa millä tahansa kielellä (venäjän englannin jälkeen löydät helposti työkalut, koska tämä on sinun äidinkieli, ja venäjän jälkeen voi olla sopeutumisongelmia).
• Suurin osa hyviä oppitunteja kirjoitettu täsmälleen englanniksi.
• Ohjelmien lokalisoinnit eroavat usein toisistaan, ja käyttöliittymäkäännöksen laatu jättää joskus paljon toivomisen varaa. Työkalujen virheellinen käännös voi hämmentää henkilöä, joka alkaa oppia ohjelmaa.

Aloitetaan animaation luominen Photoshop CS6:ssa

Käynnistetään Photoshop.

Me luomme uusi asiakirja Tiedosto - Uusi (Ctrl+N).

Aseta avautuvassa ikkunassa bannerin mitat: 600 x 120, kutsutaan sitä "Uudenvuoden banneriksi" -> "Ok".

Taustan luominen

Valitsen etukäteen materiaalit, joita käytän työssäni (taustat, fontit jne.).

Avaa valmis tekstuuri: Ctrl+O. Voit ladata käyttämäni tekstuurin.

Avaa kerrospaletti "Layers" - F7.

Valitse tekstuurin sisältävä ikkuna, vedä kerros tasopaletista bannerin sisältävälle tasolle.

Jos tekstuuri osoittautuu liian pieneksi tai erittäin suureksi banneriin verrattuna, säädä sen kokoa "Ctrl+T"-muunnolla.

Pienet neliömerkit näkyvät kuvan kulmissa. Pidä Shift-näppäintä painettuna säilyttääksesi kuvasuhteen kokoa muuttaessa ja vetämällä kulmakahvaa vinottain pienentääksesi tai suurentaaksesi kuvan kokoa, kunnes tausta täyttää koko bannerin pinnan.

Kun olemme säätäneet tekstuurin bannerin koon mukaan, siirrymme sen värinkorjaukseen.

Siirry valikkoon "Kuva" - "Säädöt" - "Sävy / Kylläisyys" (Kuva - Korjaus - Sävy / Kylläisyys).

Asetin seuraavat asetukset kirkkaan, kylläisen värin saavuttamiseksi:

Kirjoitamme tekstin

Me luomme uusi kerros(Ctrl+Shift+N) tai napsauta uuden kerroksen kuvaketta tasopaletissa.

Valitse Horizontal Type Tool (T).

Valitse sivellin missä tahansa tähdellä, maalaa valkoisella värillä #ffffff. Valitse väri napsauttamalla pientä neliötä vasemman paneelin alareunassa.

Piirrä uudelle tasolle tähtiä satunnaisiin paikkoihin. Voit tehdä tähdistä kirkkaampia napsauttamalla useita kertoja yhdessä paikassa. Tässä mitä sain:

Tee tasosta kopio (Ctrl+J). Napsauta tasopaletissa olevaa silmäkuvaketta piilottaaksesi edellisen kerroksen näkyvyyden.

Valitse ylin kerros, jossa on kopio tähdistä. Valitse vasemmasta paneelista Lasso Tool(L).

Valitse jokainen tähti vuorotellen, paina "V" (Move Tool) ja siirrä se mihin tahansa muuhun paikkaan, jolloin eri kehyksissä on tähtiä. eri paikkoja, joka luo välkkyvän vaikutelman.

Kun olet siirtänyt kaikki tähdet toiseen paikkaan, luo kopio työstämäsi tasosta (Ctrl+J), piilota edellinen taso tasopaletissa napsauttamalla silmää ja toista uudelleen tähtien siirtäminen uuteen. paikoissa, voit myös piirtää useita uusia tähtiä.

Näin ollen meillä on 3 kerrosta tähtien kanssa, joista jokaisessa tähdet ovat eri asennoissa.

Kaikki on valmista.

Siirrytään animaation luomiseen Photoshopissa

Avaa aikajana. Siirry "Ikkuna" -valikkoon - "Aikajana" (Ikkuna - Aikajana).

Näkyviin tulevassa aikajanapaneelissa on keskellä oleva painike "Luo videon aikajana" (Luo aikajana videolle).

Tämän jälkeen vaaka muuttaa ulkonäköä. Napsauta nyt kuvaketta, jossa on kolme ruutua ikkunan vasemmassa alakulmassa luodaksesi animaation kehys ruudulta.

Kuva ruudulta -animaatiopaneeli on avattu. Nyt siinä on vain yksi kehys, jossa näkyvät kaikki näkyvät tasot (valitun kehyksen sisältö näkyy näytön pääikkunassa).

Siirry tasopalettiin - F7. Meidän on nyt sammutettava kaksi ylintä tähtikerrosta (klikkaa silmää), jolloin vain yksi näkyy. Tämä on ensimmäinen kehys.

Siirry kerrospalettiin. Sammuta ensimmäinen kerros tähdillä, laita toinen päälle. Siten toisessa kehyksessä näytämme tähtiä muissa paikoissa.

Napsauta uudelleen uuden kehyksen kuvaketta. Sammuta toinen kerros tähdillä, laita kolmas päälle.

Kiinnitä huomiota jokaisen kehyksen alla olevaan aikaan, tämä on kehyksen kesto. 5 sekuntia, jotka ovat oletuksena, on meille liikaa - animaatio hidastuu, napsauta nuolta ja asettaa kunkin kehyksen kestoksi 0,1 sekuntia.

Jotta kehykset muuttuisivat sujuvasti, meidän on luotava välikehykset avainkehysten väliin. Voit tehdä tämän, kun olet ensimmäisessä kehyksessä, napsauta tilapäisen paneelin alaosassa olevaa kuvaketta, jossa on useita ympyröitä.

Ilmoita avautuvassa ikkunassa, kuinka paljon välikehykset haluamme luoda. Asetan sen arvoon 2. Aseta se arvoon "Seuraava kehys" kaikille kehyksille paitsi viimeiselle.

Ensimmäisen ja toisen avainkehyksen välissä on nyt kaksi välikehystä.

Nyt seisomme toisella avainkehyksellä (nyt se on neljäs peräkkäin), napsauta uudelleen kuvaketta ympyröillä ja luo vielä 2 välikehystä. Nyt meidän on vain suljettava viimeinen ja ensimmäinen ruutu saadaksemme sujuvan animaation.

Valitse aikajanan viimeinen kehys. Napsauta piirejä. Valitse näkyviin tulevassa ikkunassa "Intermediate frames" -rivillä "First frame", lisää samat 2 kehystä.

Nyt, kehysten alla vasemmassa alakulmassa, ilmoitamme animaation toistojen lukumäärän "Jatkuvasti".

Valitse ensimmäinen kehys, paina oikealla olevaa kolmiota “Play” nähdäksesi mitä tapahtui.

Valitse tiedostomuoto tallentaaksesi GIF, napsauta "Tallenna...", valitse hakemisto, johon tallennamme, napsauta "Tallenna" uudelleen.

Joten tässä oppitunnissa tarkastelimme animaation tekemistä Photoshop CS6:ssa.

Toivottavasti opit tästä opetusohjelmasta jotain uutta ja hyödyllistä.

Kuinka tehdä GIF-animaatio Photoshopissa muutamassa minuutissa?

Tervehdys, ystäväni! Bloggaaminen, ja valmistelemalla erilaisia ​​graafisia materiaaleja resurssiisi, törmäät ennemmin tai myöhemmin markkinoijien usein tuotteiden mainostamiseen käyttämän tosiasian ihmispsykologian maailmasta, jonka mukaan kaikki liikkuvat esineet herättävät ihmisten kiinnostuksen paljon voimakkaammin kuin jokin staattinen.

Tästä voimme päätellä, että mikä tahansa grafiikka tai banneri, jonka sijoitat sivullesi, on paljon paremmat mahdollisuudet jäädä huomatuksi, jos siinä oleva kuva valmistetaan vastaavasti "elämään" eli sisältämään animaatiota.

Ja tässä artikkelissa, kaverit, jatkan materiaalisarjaani aiheesta käytännön sovellus hienoja temppuja Design-osiosta, haluan opettaa sinulle GIF-animaatioiden perusteet Photoshopissa, jotta voit alkaa kehittää luovia taitojasi myös tähän suuntaan.

Mikä julkaisu minun pitäisi valita?

Mahdollisuus luoda hyviä animoituja piirustuksia ilmestyi PS-ohjelmaan version CS3 jälkeen. CS6:n julkaisussa kehittäjät ovat jo hieman parantaneet "gifien" luomisalgoritmia verrattuna esimerkiksi samaan CS5-versioon.

Mutta luulen, että tuskin kukaan enää käyttää alle "kolmen" julkaisuja, joten voimme sanoa sen turvallisesti tämä vaihtoehto sisäänrakennettu kaikkiin saatavilla oleviin versioihin.

Kuinka tehdä animaatiota Photoshopissa?

Joten kaverit, ennen kuin alat luoda mainoksia mainosbannerit verkkosivustollesi, siirrytään osoitteeseen yksinkertainen esimerkki, Ymmärretään, miten se kaikki toimii, ja luodaan ensimmäinen animaatiomme valokuvista. Oletko samaa mieltä?

Käynnistä Photoshop-ohjelma. Tee siinä useita asetuksia - vaihda editorin toimintatilaksi "Motion". Tämä voidaan saavuttaa "Ikkuna"-päävalikkokohdan kautta, jossa sinun on siirryttävä "Työympäristö"-alaryhmään.

Varmista myös, että Aikajana-työikkunaelementti on käytössä. Jos sinulla ei ole sitä, voit aktivoida sen myös "Ikkuna"-valikon kautta. Valitse vain oikean merkinnän vieressä oleva valintaruutu.

Avaa seuraavaksi kaikki valokuvat, joista aiot luoda GIF-kuvan Photoshopissa samanaikaisesti. Jotta tämä olisi helppoa, siirrä tai kopioi etukäteen kaikki tähän tarvitsemasi kuvat yhteen kansioon.

Ja sitten, kun aktivoit "Tiedosto"-valikon "Avaa"-komennon, napsauta avautuvassa ikkunassa ensimmäistä tiedostoa valitaksesi sen ja pidä sitten näppäimistön "Shift"-näppäintä painettuna. , napsauta viimeistä. Ja ne kaikki aktivoituvat samaan aikaan. Napsauta nyt "Avaa" -painiketta, ja kaikki piirustuksesi ladataan ohjelmaan.

Valitse kuvista se, joka on tärkein. Tai ensimmäinen. Tästä aloitamme "esityksen". Muunna se objektista, jolla on "tausta"-attribuutti, jota useimmat kuvat ovat, objektiksi, jolla on "layer"-attribuutti. Voit tehdä tämän kaksoisnapsauttamalla kuvan tietonauhan oikealla puolella olevaa Tasot-luetteloa. Ja "lukko", joka oli aiemmin tämän nauhan lopussa, katoaa.

Uusien kehysten lisääminen

Siirrytään seuraavaan valokuvaan, jonka olet avannut tulevaa animaatiota varten. Itse asiassa teet sen yksinkertaisesti aktiiviseksi napsauttamalla hiirellä jotakin sen tasosta. Siirry "Valinta" -valikkoon ja valitse "Kaikki".

"Kävelevät muurahaiset" näkyvät aktiivisen kuvion kehällä. Napsauta nyt "Muokkaa" -valikkoa ja kun olet avannut sen tällä tavalla, napsauta "Kopioi" -kohtaa lisätäksesi valinnan tämän ohjelman leikepöydälle.

Vaihda sitten uudelleen pääkuvaasi ja lisää siihen kopioimasi tiedot aktivoimalla uudelleen "Muokkaa"-valikko ja napsauttamalla "Liitä". Nyt sinulla on jo kaksi kerrosta.

Käytä täsmälleen samaa toimintoalgoritmia ja jatka yksitellen kaikkien tulevan "gifisi" "diojen" lisäämistä pääkuvan kerroksiin.

Tässä haluaisin huomauttaa, kaverit, että se olisi hienoa, ja te itse ymmärrätte tämän, jos kaikki "elävän" kuvanne "komponentit" olisivat sama koko, ja suunta - joko pysty- tai vaakasuuntainen.

Tietysti voit tehdä vähän taikuutta ja luoda kaikille kehyksille samankokoisen ja -värisen ”taustan”, johon lisäät kuviasi. Mutta tämä aihe on laaja ja vaatii erillisen artikkelin, ja nyt meidän on keskityttävä menetelmän pääasialliseen olemukseen.

Animaatioiden määrittäminen

Kun olet lisännyt kaikki "diat" pääkuvasi kerroksiin, napsauta aikajanan "Luo kehysanimaatio" -painiketta. Ja sinulla on gif-piirustuksen ensimmäinen kehys tässä mittakaavassa. Oletuksena siinä on pääkuvasi miniatyyri. Kehyksen alaosassa on mahdollisuus asettaa näyttöaika. Yleensä monet valitsevat intervallin 1 sekunnista viiteen.

Seuraava vaihe on laskea kuinka monta tasoa sinulla on "mini-elokuvassa" ja luoda sama määrä kehyksiä tällä mittakaavalla. Voit tehdä tämän napsauttamalla "Luo kopio valituista kehyksistä" -painiketta, joka sijaitsee samassa paneelissa sen vieressä. Sinulla on useita "klooneja". "Esittelyn" aikaväliä voidaan säätää kullekin niistä erikseen milloin tahansa.

No, sitten - "herkullisin" osa. Valitse kehykset yksitellen aikajanalta napsauttamalla niitä hiiren vasemmalla painikkeella ja määritä, mitä niissä näytetään. Esimerkiksi, kun olet valinnut ensimmäisen, sammuta kaikki "silmä"-kuvakkeet niistä kerroksista, joiden ei pitäisi näkyä täällä, ja jätä "silmä" vain sellaiseen, joka vastaa haluttua kuvaa.

Seuraavaksi - valitse seuraava kehys - ja aseta "visualisointi" tähän samalla tavalla sammuttamalla "silmät" kaikista tarvittavat kerrokset, ja jättää vain se, joka pitäisi näyttää tässä. Yksitellen - aseta kaikki kehykset tällä tavalla.

Nähdäksesi kaikkien näiden ponnistelujen tulokset, napsauta "Aloita animaation toisto" -painiketta. No, haluat nähdä, mitä on luotu, eikö niin?

Tallenna projekti

Ja nyt, kun olemme varmistaneet, että kaikki on kunnossa, on aika säilyttää luovuutemme hedelmät.

Tärkein vaihtoehto, johon sinun tulee kiinnittää huomiota, on valita tiedostollesi GIF-muoto. Anna sille myös nimi sopivaan kenttään. Voit myös kokeilla väriasetuksia siirtymällä eri parametrien välillä. Lisäksi - tässä voit määrittää kuvan koon.

Kaikki toiminnot on kuitenkin käsiteltävä erikseen - for erilaisia ​​tilanteita Useat niistä voivat olla sopivia. Tärkeintä, kuten jo sanoin, on valita "GIF"-muoto.

Kuten näet, sinulla ei tarvitse olla CC-versiota ollenkaan tehdäksesi tämän.

Kuinka oppia tienaamaan vankkaa rahaa Photoshopin avulla?

Monet ihmiset, joiden kommentteja näen jatkuvasti Venäjän Internetissä, haluavat ladata jostain opetusvideon siitä, kuinka oppia tekemään jotain Photoshopissa.

Mutta luulen, ystävät, että jos käytätte rahanne sellaiseen koulutukseen, niin vain jos teille opetetaan luentojen aikana kuinka käyttää tätä editoria ansaita rahaa jatkuvasti hyvään, vauraaseen elämään.

Näin toimimalla pidät huolta tulevaisuudestasi ja perheesi hyvinvoinnista. Ja onneksi yksi vihdoin ilmestyi tehokas verkkokoulutus, jonka suorittamisen jälkeen voit hyvin pian muuttua itsestäsi todelliseksi menestyväksi liikemieheksi, joka on rakentanut liiketoimintansa kaupalliseen suunnitteluun. Sydämeni pohjasta, ystävät, suosittelen tätä toimintaa.

Ja olen lopettamassa tätä artikkelia, ja toivon, että olen selittänyt sinulle erittäin selvästi, kuinka animoituja GIF-kuvia tehdään.

Nähdään uusissa artikkeleissa! Nähdään!

Terveisin, Sergei Ivanov

Ohjeet

Luo Adobe Photoshopissa dokumentti, jonka perusteella GIF-animaatio luodaan. Paina Ctrl+N tai valitse "Avaa..." päävalikon Tiedosto-osiossa. Syötä asiakirjan parametrit näkyviin tulevaan valintaikkunaan ja napsauta OK. Jos animaatiokehykset perustuvat kuvaan, piirrä se tai lisää se siitä ulkoinen tiedosto.

Lisää uusia tasoja dokumenttiin. Niiden lukumäärän tulee olla yhtä suuri kuin animaatiokehysten (tai avainkehysten, jos siirtymät niiden välillä on tarkoitus luoda automaattisesti) lukumäärä. Kopioi nykyinen taso valitsemalla valikosta Taso ja "Duplicate Layer...", jos kehysten pitäisi perustua aiemmin luotuun kuvaan. Tai lisää tyhjiä tasoja painamalla Ctrl+Shift+N.

Luo kuva jokaisesta animaation kehyksestä. Vaihda tasojen välillä johdonmukaisesti ja tee tarvittavat muutokset (lisää tarvittavat tiedot, siirrä kuvaosia, syötä tekstiä jne.). Kun työskentelet, poista kaikkien nykyisen yläpuolella olevien tasojen näkyvyys käytöstä. Analysoidaksesi eroja edelliseen kehykseen, voit väliaikaisesti tehdä tasosta puoliläpinäkyvän muuttamalla Opacity-arvoa.

Aktivoida työtilaa ohjata animaatiota. Valitse päävalikosta Ikkuna, Työtila, Video ja elokuva, napsauta pyyntöikkunassa Kyllä. Tämän jälkeen valikon koostumus muuttuu ja Animaatio-paneeli tulee näkyviin.

Lisää animaatiokehyksiä. Napsauta Animaatio-paneelissa Kopioi valitut kehykset -painiketta. Tee näin, kunnes näytettyjen kehysten määrä on yhtä suuri kuin toisessa vaiheessa luotujen tasojen lukumäärä.

Yhdistä tasot kehyksiin. Valitse Animaatio-paneelista elementti numero 1 napsauttamalla sitä hiirellä. Poista Tasot-paneelista kaikkien tasojen näkyvyys, paitsi se, jonka haluat näyttää ensimmäisessä kehyksessä. Suorita johdonmukaisesti samanlaisia ​​toimia kaikille Animaatio-paneelissa näytetyille tasoille ja elementeille.

Määritä animaation tulostusasetukset. Valitse kaikki kehykset Animaatio-paneelista. Voit tehdä tämän napsauttamalla niitä hiirellä samalla, kun painat Ctrl-näppäintä. Klikkaus oikealla painikkeella hiirellä minkä tahansa valitun elementin alareunassa. Valitse kontekstivalikosta aikaviive kehysten vaihtojen välillä. Muuta tarvittaessa animaation toistojen määrää napsauttamalla paneelin vasenta alakulmaa painiketta (sillä on alaspäin osoittavan nuolen muodossa oleva kuvake).

Oletko koskaan miettinyt, kuinka animoituja GIF-tiedostoja luodaan? Oppitunnin kirjoittaja kutsuu sinut hallitsemaan animaation salaisuuksia yhdessä yössä tämän oppitunnin avulla. Opit myös käyttämään aikajanaa, joka on saatavilla osoitteessa Photoshop versiot CS6. Nyt aloitetaan!

Oppitunnin tulos.

Vaihe 1

Luo uusi asiakirja ( Ctrl + N), jonka tiedostokoko on 800 x 500 pikseliä. Täytä tausta haluamallasi värillä. Nyt mennään valikkoon Kerrokset- Tyylikerros- Päällystyskaltevuus(Taso > Tasotyylit > Liukuväripeitto). Käytä seuraavat asetukset: Tyyli Säteittäinen(Radiaali), värit mustasta (#000000) siniseen (#54799b), joita käytetään keskellä.

Vaihe 2

Luo uusi taso ja anna sille nimi Melu kerros. Valitse työkalu Täyttää(Paint Bucket Tool) ja täytä luotu kerros tumma väri(#231f20). Jätä taso aktiiviseksi Melu kerros ja mene valikkoon Suodatin - Melu - Lisää kohinaa(Suodatin> Melu> Lisää kohinaa). Aseta suodatinasetusten valintaikkunassa seuraavat arvot: Vaikutus(Määrä) 3 %, jakelu Univormu(Uniform) ja napsauta OK.

Vaihe 3

Paina näppäinyhdistelmää (Ctrl +U) ja syötä arvot näkyviin tulevaan korjausasetusten valintaikkunaan Kylläisyys(Kyllästys) 100 %: Muuta tämän kerroksen sekoitustilaksi Pehmeä valo (Pehmeä valo).

Kääntäjän huomautus: Saadaksesi saman värin kuin kuvakaappauksen kirjoittaja, voit säätää sävy/kylläisyys-arvoa Värisävy(Sävy) päälle - 140.

Vaihe 4

Lisää haluamasi teksti. Käytämme tässä 123RF-verkkosivuston logon tekstiä. Käytä tasotyylissä Aivohalvaus(Aivohalvaus). Valitse vetokoon arvot mieltymystesi mukaan.

Kääntäjän huomautus: Tekijän kuvakaappauksessa on jo rasteroitua tekstiä ja Stroke-tyyliä. Saat saman tuloksen poistamalla Täyttö (Täyttää) 0 % tekstitasosta, muunna tämä taso älykkääksi objektiksi ja rasteroi se.

Vaihe 5

Tässä vaiheessa luomme tekstiin hehkuvan tehosteen tasotyylien avulla. Kaksoisnapsauta tasoa avataksesi Tyyliasetukset-ikkunan. Voit mukauttaa tasotyyliä käyttämällä alla olevia kuvakaappauksia.

Kohokuviointi(Viisto ja kohokuviointi)

Sisäinen varjo(Sisäinen varjo)

Sisäinen hehku(Sisäinen hehku)

Värikerrostus(Värikerrostus)

Ulkoinen hehku(Ulkoinen hehku)

Varjo(Varjo)

Vaihe 6

Kun olet luonut valotehosteet tasotyylien avulla siirry tasot palettiin ja pienennä tämän kerroksen arvoa Täyttää(täyttö) 0 %:iin.

Vaihe 7

Kopioi vaiheessa 5 luomasi taso ja poista kaikki tasotyylit käytöstä tässä kopiossa. Aseta nyt tyylit seuraavasti:

Sisäinen varjo(Sisäinen varjo)

Sisäinen hehku(Sisäinen hehku)

Vaihe 8

Alla on tulos kerrostyylien käyttämisen jälkeen.

Vaihe 9

Nyt luomme liikkuvia valopilkkuja. Luo 5 tasoa olemassa olevien päälle ja nimeä ne uudelleen muotoilla 1,2,3, R ja F. Jos sinulla on oma tekstisi, luo tasot kirjaimiesi mukaan. Ryhmittele nämä tasot kansioon ja anna sille nimi Vaaleat täplät ja muuta sekoitustilaksi Pohjan vaalentaminen(Color Dodge).

Aktivoi työkalu Harjata(Brush Tool), valitse pehmeä harja, aseta Peittävyys(Opacity) 95 %:iin ja piirrä tekstin päälle täpliä valkoisella värillä. Jokaiselle kirjaimelle on erillinen valopiste omalla kerroksllaan. Alla olevasta kuvakaappauksesta näet, miltä tekijän tasot näyttävät tasopaletissa.

Vaihe 10

Nyt mennään valikkoon Ikkuna - Aikajana(Ikkuna > Aikajana). Huomaat, että tasosi on jo rakennettu tähän palettiin sen vasemmalla puolella. Valitse jokainen viidestä ryhmässä olevasta korostustasosta. Vaaleat täplät ja varmista, että nykyisen ajan ilmaisin (sininen liukusäädin) on ruudun nollassa. Napsauta nyt vaihtoehtoa jokaisessa ryhmän tasossa, kun se on aktiivinen asema(Sijainti) luodaksesi avainkehyksen.

Kääntäjän huomautus: Aktivoi aika-asteikko napsauttamalla painiketta Luo aikajana videolle(Luo videon aikajana) ja kaikki tasosi latautuvat aikajanalle. Sama taso tai ryhmä valitaan kuin tasopaletissa.

Vaihe 11

Aseta nykyisen ajan ilmaisin (sininen liukusäädin) asentoon 01:00 F ja siirrä kerroksia vaaleilla täplillä niiden liikerataa pitkin kirjaimen ääriviivojen suhteen.

Vaihe 12

Tältä se tulee näyttämään Aloitusasento vaaleat täplät kirjaimissa. Siirrä nykyisen ajan ilmaisinta asteikkoa pitkin ja siirrä tasoja vaaleilla täplillä luoden avainkehyksiä. Jatka niiden siirtämistä, kunnes olet siirtänyt täplän jokaisen tekstikerroksen koko kirjaimen yli. Katso ohjeet alla muutamasta kuvakaappauksesta.

Animoituja GIF-tiedostoja voidaan luoda melko helposti ja nopeasti Photoshopilla. Ne koostuvat yleensä useista kuvista (kehyksistä), jotka askel askeleelta muutettuina muodostavat lopputuloksen. Tänään yritämme harkita mahdollisimman yksityiskohtaisesti Tämä kysymys A:sta Z:hen:

• tuoda kuvia gif-tiedostoiksi;
• GIF-animaatioasetukset Adobe Photoshopissa;
• viedä/tallentaa GIF-muotoon tai videoon.

Alla olevat kuvakaappaukset ovat Photoshop CC:stä, mutta GIF-animaatioiden työskentely CS6:ssa ja muissa ohjelman versioissa on samanlaista, plus tai miinus. Ehkä visuaaliset työkalut ovat hieman erilaisia, mutta yleensä toimien periaate ja algoritmi ovat samanlaisia. Harkitse esimerkkinä triviaalia tehtävää, kuinka luoda GIF-animaatio Photoshopissa toisiaan korvaavista valokuvista.

Prosessi kesti kirjaimellisesti 5-10 minuuttia. Tärkeintä tässä on vain seurata kaikkia vaiheita huolellisesti. Viestin lopusta löydät englanninkielisen opetusvideon tästä aiheesta.

GIF-animaatiokuvien lisääminen Photoshopissa

Ensinnäkin sinun on ladattava sisään graafinen editori kaikki kuvat/valokuvat, jotka osallistuvat animaatioon. Lisää ne yhteen projektiin eri kerroksissa - tämä on tuloksena olevan kehyksen GIF-tiedosto. Tarkista kuvien koko ja niiden näyttö, jotta kaikki on mitä tarvitset. Tasot voidaan piilottaa (käyttämällä kerroksen vasemmalla puolella olevaa silmäkuvaketta), jotta kaikki objektit näkyvät.

Tämän paneelin keskellä on pudotusvalikko, jossa sinun on valittava "Luo kehysanimaatio" -vaihtoehto ja napsauta painiketta. Tämän toiminnon seurauksena aikajana muuttuu hieman, ja sinun pitäisi nähdä ylimmän kerroksen kuva ensimmäisenä kehyksenä.

Päällä seuraava askel valitse kaikki projektin tasot (napsauta niitä samalla, kun pidät Ctrl-näppäintä painettuna). Sen jälkeen avaat kontekstivalikko oikealla yläkulma Aikajana-ikkuna ja valitse "Tee kehyksiä tasoista".

Kaikista näkyvistä ja valituista Adoben kerrokset Photoshop luo animoituja GIF-kehyksiä. Tämän seurauksena näet ne Aikajana-paneelissa.

GIF-animaatioasetukset Photoshopissa

Täällä sinun on määritettävä 2 asiaa: eri kehysten näytön kesto + gif-toistojen määrä. Aloitetaan ensimmäisestä. Jokaisen aikajanan kuvaobjektin alla on näyttöaika ja alanuoli. Napsauta niitä ja valitse kortin kesto ponnahdusvalikosta.

Elementit voidaan määrittää eri aika tai aseta parametrit useille niistä samanaikaisesti (liitoksen valinta kuten tasoissa - Ctrl-näppäimellä).

Jos haluat "silmuttaa" GIF:n Photoshopissa animaatiota luodessasi, valitse Ikuisesti arvo sopivasta asetuksesta alla olevan kuvakaappauksen mukaisesti.

Siellä voit myös määrittää haluamasi määrän toistoja. Lähellä on Play-painike, jonka avulla voit toistaa animoidun GIF-kuvan ja nähdä, miltä lopputulos näyttää.

GIF-animaatioiden tallentaminen Photoshopissa

Oppaamme viimeisessä osassa tarkastelemme, kuinka GIF-animaatio tallennetaan oikein Photoshopissa. Tähän tarkoitukseen käytetään tuttua Tallenna-työkalua. Webille kuitenkin sisään uusimmat versiot Adobe Photoshop CC se sijaitsee uudessa valikon sijainnissa (Tiedosto - Vie). Onneksi pikanäppäin Alt + Shift + Ctrl + S toimii edelleen.

Valitse avautuvasta asetusikkunasta GIF-muoto ja varmista myös, että Looping Options -asetuksena on Ikuisesti. Ikkunan oikeassa alakulmassa on mahdollisuus suorittaa Photoshopissa luomasi animoitu GIF esikatselua varten.

Jos kaikki toimii odotetulla tavalla, napsauta Tallenna ja tallenna tiedosto kohteeseen paikallinen tietokone. GIF-tiedoston toimivuuden tarkistamiseksi sinun on avattava se selaimessa, koska... sisäänrakennettu katseluohjelma Windows-animaatio ei häviä.

Muuten, voit myös helposti viedä projektisi videomuotoon. Toiminto on sama kuin tallennettaessa GIF-animaatiota, mutta valitse Photoshop-valikosta Tiedosto - Vie - Renderöi video.

Avautuvassa ikkunassa tulee olemaan erilaisia ​​asetuksia videota, mutta sinun ei tarvitse muuttaa mitään muuta, napsauta vain Render-painiketta. Tämän seurauksena saat mp4-tiedoston, jossa on valokuvien/kuvien diaesitys.

Lopuksi suosittelemme katsomaan englanninkielisen opetusvideon luomisesta animoituja GIF-tiedostoja Photoshopissa. Siellä työskentelemisen algoritmi on sama kuin artikkelissa, mutta ehkä sinun on helpompi havaita videon tiedot.

Jos sinulla on vielä kysyttävää GIF-animaatioiden tekemisestä Photoshopissa tai sinulla on lisäyksiä, kirjoita kommentteihin.