Kehittyneen animaation luominen Photoshopissa: uusien tekniikoiden oppiminen. Kuinka luoda animaatiota Photoshopissa

23.02.16 2,8K

Tässä artikkelissa yhdistämme kaiken tähän mennessä oppimamme oppiaksemme useita uusia animaatiotekniikoita Photoshopissa. Katsotaan kuinka käyttää erilaisia ​​säätökerrosten ja suodattimien yhdistelmiä animaatioon, kuinka luoda monimutkaisia ​​animaatiotasojen liikettä ja luonnollisen näköisiä tehosteita.

Mallikerroksen käyttäminen älykkäällä objektianimaatiolla

Koska älykkäät objektit voivat sisältää useita kerroksia, voimme luoda väliaikaisia ​​tasoja, mikä auttaa meitä luomaan monimutkaisempia animaatioita. Esimerkiksi alla olevassa animaatiotehosteessa loin punaisen pisteen, joka liikkuu ympyrässä. Tämän tehosteen luominen ei yleensä ole helppoa, ja se vaatii paljon avainruutuja. Älykkäiden objektien avulla voimme käyttää mallikerroksia ja yksinkertaistaa koko prosessia.

Katsotaanpa, miten tämä tehdään:

Alla olevassa kohtauksessa olen luonut kaksi kerrosta: toisessa on punainen piste ( "Piste") ja toinen suurella harmaalla ympyrällä ( "Mallin muoto"). Olen lisännyt isoon harmaaseen ympyrään erotinmerkit osoittamaan paremmin liikkeen vaikutuksen:

Vaihe 1: Näkymä, joka koostuu kahdesta kerroksesta: punaisesta pisteestä ja suuresta harmaasta ympyrästä. ( Isompi versio)

Ensin valitsen molemmat tasot ja muunnan ne älykkääksi objektiksi napsauttamalla hiiren kakkospainikkeella yhtä valituista tasoista ja valitsemalla " Muunna älykkääksi objektiksi»:

Vaihe 2: Muunna tasot älykkääksi objektiksi. ( Isompi versio)

Nyt voimme animoida molemmat kerrokset yhtenä. Koska tämä on älykäs objekti, minulla on pääsy Aikajana-paneelin Transforms-ominaisuuteen, jonka avulla voin asettaa avainkehyksen kiertoa varten. Lisäsin kehyksen jokaiselle puolikierrokselle luodakseni yhden täyden kierroksen. Tuloksena sain ympyrän, joka pyörii akselinsa ympäri:

Vaihe 3: Molemmat kerrokset pyörivät yhtenä

Nyt kun animaatiomme toimii, meidän on poistettava mallin muoto. Voit tehdä tämän kaksoisnapsauttamalla älykkään objektin pikkukuvaa tasopaletissa. Kun älykäs objekti on auki, voimme piilottaa "Mallimuoto" -kerroksen:

Vaihe 4: Piilota "Mallin muoto" -taso. ( Isompi versio)

Ennen kuin teemme täysin animoidun bannerin Photoshopissa, meidän tarvitsee vain tallentaa älykäs objektidokumentti ja palata alkuperäiseen asiakirjaan. Näemme, että punainen piste liikkuu ympyrässä ilman harmaata muotoa:

Punainen piste liikkuu ympyrässä

Sisäkkäinen animaatio älykkäissä objekteissa

Älykkäät objektit voivat koostua minkä tahansa tyyppisistä kerroksista ( tai useita tyyppejä). Sisältää tasoja, jotka sisältävät jo animoituja avainkehyksiä. Katsotaanpa, kuinka tämä toteutetaan:

Pomppiva pisteanimaatio, joka on luotu käyttämällä useita avainkehyssarjoja

Alla olevassa kohtauksessa olen jo luonut yksinkertaisen animaation keltaisesta pisteestä, joka pyörii sinisellä pohjalla:

Vaihe 1: Keltaisen pisteen pyöriminen kankaalla

Vaihe 2: Muunna keltainen pistekerros älykkääksi objektiksi. ( Isompi versio)

Meillä on uusi älykäs objektikerros ja voimme lisätä siihen uusia kehyksiä. Alla olevaan kohtaukseen olen lisännyt sarjan, joka animoi ylös ja alas liikkuvan älykkään kohteen. Tässä voimme nähdä molemmat avainkehyssarjat toiminnassa, mikä luo pomppivan tehosteen:

Vaihe 3: Uudet avainkehykset luovat pomppivan tehosteen

Muunna tämä älykäs objektikerros toiseksi älykkääksi objektiksi, jota voimme muokata. Seuraavaksi lisäämme Transformation-ominaisuuden tähän älykkääseen objektiin. Mene Muokkaus > Vapaa muunnos, ja käytä ankkuripisteitä älykkään objektin muokkaamiseen siten, että se näkyy perspektiivissä.

Vaihe 4: Muunna animaatio. ( Isompi versio)

Älykäs objektin muunnos näytetään nyt, kun animaatio toistetaan. Tämä on yksi tärkeimmistä tavoista tehdä animoitu kuva Photoshopissa:

Animaation pelaaminen muunnoksen kanssa

Suodatinanimaatio

Jos lisäämme suodattimen älykkääseen objektiin, joka sisältää animoidun kerroksen, saamme animaation, joka toistetaan suodattimen läpi. Katsotaanpa, miten tämä toimii.

Alla olevassa kohtauksessa olen jo luonut yksinkertaisen pisteanimaation ( älykkään esineen sisällä), liikkuu punaisella taustalla:

Vaihe 1: Animoi älykäs objekti, keltainen piste, joka liikkuu punaisella taustalla

Koska animaatiomme on jo älykkään objektin sisällä, voin lisätä suodattimen suoraan siihen. Olen muuttamassa Suodatin > Vääristä > Kierrä:

Vaihe 2: Käytä Twist-suodatinta älykkään objektin animaatioon. ( Isompi versio)

Kun katsot tätä animaatiota, näet mielenkiintoisia asioita tapahtumassa. Suodatin käytettiin itse älykkääseen objektiin, ei sen sisällön pikseleihin. Tämä antaa suodattimen läpi liikkuville animoiduille pikseleille ainutlaatuisen tehosteen:

Twist-suodattimen animointi

Tasotyylien lisääminen älykkään objektianimaatioon

Alla olevassa kohtauksessa minulla on jo älykäs objekti, joka sisältää yksinkertaisen animaation valkoisella taustalla liikkuvasta pisteestä:

Vaihe 1: Yksinkertainen älykäs objektianimaatio

Haluan soveltaa tähän kohtaan Emboss-tasotyyliä. Mutta jos yritän nyt soveltaa tasotyyliä älykkääseen objektiin, se vaikuttaa kaikkeen sen sisältöön:

Vaihe 2: Tasotyylit sovellettu kuvaan kokonaisuutena

Tämän korjaamiseksi minun on poistettava valkoinen tausta. Kerroin aiemmin, että voimme muokata älykästä objektia piilottamaan lisätasoja. Tässä esimerkissä haluan havainnollistaa erilaista menetelmää.

Niin kauan kuin kerrosten välillä on voimakas sävykontrasti, voimme käyttää Blend If -vaihtoehtoa taustan poistamiseen. Kaksoisnapsauta älykästä objektitasoa avataksesi Tasotyylit-paneelin ja siirrä Overlay If -liukusäädintä, kunnes tausta katoaa:

Vaihe 3: Aseta Overlay If -liukusäädin. ( Isompi versio)

Napsauta sen jälkeen tasoa hiiren kakkospainikkeella Tasot-paletissa ja valitse "Muunna älykkääksi objektiksi". Saamme uuden älykkään objektin, joka tallentaa tekemämme muutokset:

Vaihe 4: Muunna älykkääksi objektiksi. ( Isompi versio)

Kun lisäämme animaatioon tasotyylijoukon, tehoste koskee vain tätä objektia:

Tasotyylit lisätty älykkäiden objektien animaatioihin

Animaation muuttaminen säätötasoilla

Säätötasot vaikuttavat animoituihin tasoihin samalla tavalla kuin tavalliset tasot. Jos säätökerros sijoitetaan avainkehyksiä sisältävän kerroksen päälle, animaatio perii säädöt. Tätä silmällä pitäen voimme käyttää säätötasoja ainutlaatuisten tehosteiden luomiseen.

Alla olevassa kohtauksessa loin yksinkertaisen animaation kahdella pisteellä, joista toinen liikkui toisen ohi:

Vaihe 1: Kahden pisteen animaatiot

Koska koko kohtaus on harmaasävyinen, käytän Gradient Map -säätötasoa värien esittelyyn. Voit sitten käyttää Ominaisuudet-paneelia tehdäksesi seuraavat säädöt.

Tehdään animaatiota Photoshopissa

Määritellään se heti alusta alkaen...

Mikä on GIF-animaatio?

Tämä on animoitu kuva, ts. kuva, joka voi liikkua. GIF-animaatio voidaan tehdä useista kuvista tai videosta. Nykyään on mahdollista tehdä animaatioita verkossa. Lataa kuvat, klikkaa Luo ja saat valmiin GIF-animoinnin. Voit myös tehdä videosta GIF-animoinnin.

Tänään luomme GIF-animaatioita Photoshopissa.

Tarvitsemme valokuvia, kuvia, kuvia. En kerro sinulle, kuinka kuvia muokataan! Käsittelemme yhden animaation luomisprosessin!

Minulla oli tarve tehdä GIF-animaatio. Ajattelin, että miksi et kirjoittaisi tämän animaation perusteella sivua, joka käsittelee animaation luomista Photoshopissa!?

Kuvaamme täysin animaation luomisprosessin!

Avaa Photoshop ja luo erillinen taso jokaiselle kuvalle.

Kuinka luoda erillinen taso animaatiolle?

Teen näin: lataa kaikki kuvat Photoshopiin, leikkaa haluttu osa kuvasta ja liitä nämä osat erilliseen tiedostoon. Erillinen tiedosto tarvitaan, jotta tietokoneesi valokuva ei vahingossa pilaa!

Kun lisäät leikatun palan animaatioon, kerros luodaan automaattisesti!

Jos sinulla ei ole Animaatio-valikkokohtaa, napsauta avattavaa valikkoa ja näytä kaikki valikon kohdat.

Animaatiosi hallintavalikko tulee näkyviin Photoshop-ohjelman alareunaan. Luomme valituista kehyksistä niin monta kopiota kuin animaatiosi muuttuu.

Gif-animaationi muuttaa kuvan 9 kertaa. Jos yhtäkkiä kehysten määrä osoittautuu enemmän kuin tarvitset, niin juuri lisäyspainikkeen oikealla puolella on poistopainike.

Kuinka asettaa animaation kunkin kehyksen näyttöaika?

Meidän on näytettävä jokainen kehys eri ajan. Jos haluat muokata näyttöaikaa, napsauta pientä viivaa - kolmiota.

Valitse pudotusvalikosta haluamasi näyttöaika kullekin ruudulle. Jos tarvitset toisen ajan kehyksen näyttämiseen, valitse toinen ja aseta tarvittava aika.

Kuinka tallentaa GIF-animaatio?

02.08.2016 27.01.2018

Tällä oppitunnilla opimme luomaan animaatioita. Animaatio on kuva, jolle annetaan liikettä, toisin kuin staattiset kuvat (esimerkiksi valokuvat), se voi muuttaa kehyksiä tai kehyksen osia.

Anima on käännetty latinasta "sieluksi". Voidaan sanoa, että luomalla animaatiota "animoimme" kuvan ja annamme sille elämän.

Animaatiopaneeli ilmestyi Adobe Photoshop CS3:ssa ennen sitä, CS-versiossa animaatioiden luominen suoritettiin erillisen ohjelman Image Ready CS2 kautta, joka toimitettiin Adobe Photoshopin mukana. Nyt Adobe Photoshopin uusissa versioissa ohjelmaan sisältyy työkalu animaation luomiseen, ja sillä on nimi Aikaskaala. Oppitunti suoritettu V Adobe Photoshop 2015.5, jos sinulla on ohjelman aikaisempi versio, jotkin asetukset voivat poiketa toisistaan, mutta peruskäsitteet ovat samat.

Aloitetaan animaation luomisen oppiminen. Avaa kuva, jonka haluat "elvyttää" Tiedosto-Avaa (Tiedosto-Avaa). Minulla on tämä suloinen kuva, jossa tyttö ja kissa ihailevat tähtitaivasta.

Luo kolme uutta tyhjää kerrosta, Tasot-Uusi-taso (taso-Uusi-Kerros) tai napsauta pikkukuvaa luodaksesi uuden kerroksen kerrosten paneeli.

Nimeä ne vastaavasti "1", "2", "3". Tämä auttaa sinua välttämään sekaannuksia tulevaisuudessa.

Valita Harjatyökalu (Harjata):

Napsauta ensin siveltimen koon vieressä olevaa kolmiota ja sitten vasemmalla olevaa hammaspyörää:

Siveltimen latausvalikko avautuu:

Lataa tähtiharjat (https://cloud.mail.ru/public/G2co/RTne1N3f9):

Valitse yksittäiset siveltimet ja kokoa muuttamalla maalaa kolmelle aiemmin luomillemme kerroksille. Harjan väri on valkoinen tai lähes valkoista. Tärkeintä ei ole sijoittaa niitä samalle alueelle kaikille kerroksille.

No, nyt tärkein asia: siirrytään kuvan herättämisen taikuuteen. Mennään valikkoon Ikkuna-aikajana), seuraava ikkuna tulee näkyviin:

Animaatiopaneeli on kaksi tyyppiä: aikajanalla Ja stop motion -animaatio. Ensimmäistä tyyppiä käytetään harvoin, koska se on tarkoitettu pääasiassa videon kanssa työskentelemiseen, siirrytäänpä siihen kuva kuvalta, tehdä tämä napsauttamalla painiketta " Luo aikajana videolle", ja sitten tähän kuvakkeeseen:

Seuraava ikkuna avautuu:

Luo uusi kehys napsauttamalla tätä kuvaketta:

Animaatiomme on yksinkertainen, kolme kuvaa riittää. Lisäämme oletuksena kaksi kehystä lisää olemassa olevaan kehykseen, siirrymme sitten tasolle, jossa on tyttö ja kissa ja teemme sen ja ensimmäisen kerroksen, jossa on tähtiä, näkyväksi (tämä tehdään napsauttamalla kerroksen silmää kerrosten paneeli):

Teemme samoin toiselle ja kolmannelle kehykselle, sisältäen vain toisen ja kolmannen kerroksen näkyvyyden tähtien kanssa. Kerros tytön ja kissan kanssa on aina näkyvissä. Selvyyden vuoksi kuvakaappaukset toisesta ja kolmannesta ruudusta:

Kiristimellä avainSiirtää valitse kaikki tasot animaatiopaneelista, napsauta hiiren kakkospainikkeella ja muuta kehyksen kestoa 5 sekuntia, asetettu oletuksena, enintään esimerkiksi 0,2 sekuntia. Napsauta painiketta "Jakson parametrien valinta" ja muuta arvoksi "Jatkuvasti":

Jos parametri on asetettu "Kerran", animaatio toistetaan kerran ja pysähtyy parametrilla "Jatkuvasti" se "vilkkuu" jatkuvasti.

Nähdäksesi miltä animaatio näyttää, napsauta tätä painiketta:

Sujuvampaa siirtymistä kehysten välillä voit lisätä välikehyksiin - laita aktiivinen kehys sisään animaatiopaneelit ja napsauta tätä kuvaketta:

Näyttöön tulee ikkuna, jossa voit valita välikehysten määrän, sijainnin ja tyylin. Lisäsin 3 välikehystä kahteen ensimmäiseen kehykseen seuraavilla asetuksilla:

Ja viimeinen, kolmas, kehys on myös 3, mutta eri asetuksilla animaation kiertämiseksi ja siten, että tähdet ilmestyvät ja katoavat tasaisesti, ilman nykimistä ja teräviä siirtymiä:

No, teimme animaation Photoshopissa, jäljellä on vain tallentaa se. Mennään Tiedosto-Vie-Tallenna verkkoon (vanha versio) (TiedostoViedäTallentaa varten Web (vanha versio)):


Formaatin valinta Gif, voit myös valita värien määrän (mitä enemmän värejä, sitä enemmän tiedosto painaa, mutta mitä vähemmän värejä, sitä huonompi laatu), koon. Loput parametrit voidaan jättää oletusarvoiksi.

Siinä kaikki! Opimme tekemään animaatioita Photoshopissa!

Tietotekniikka on kehittynyt siinä määrin, että kuka tahansa nykyaikainen henkilökohtaisen tietokoneen tai kannettavan tietokoneen käyttäjä pystyy nyt luomaan videoanimaatiota tai animoitua kuvaa. Sosiaalisissa verkostoissa tällaisia ​​mielenkiintoisia kehityssuuntia pidetään erittäin suosittuina, ja ne voivat tuoda taiteilijalle melko hyviä tuloja, jos hän käyttää niitä mainontaan. Tästä syystä monet ihmiset haluavat ymmärtää, kuinka animaatiot luodaan Photoshopissa.

Vaihe 1: Aseta animaation pikanäkymän asetukset

Ennen kuin opit tekemään animaatioita Photoshopissa, sinun on määritettävä grafiikkaohjelma oikein. Näin pääset nopeasti toimintoihin. Avaa asetusikkuna painamalla näppäinyhdistelmää Alt+Shift+Ctrl+K. Sitten näet 2 välilehteä. Siirry "Pikanäppäimet"-välilehteen. Valitse avattavasta luettelosta "Ohjelmavalikko" ja seuraa polkua "Layers" -> "Video Layers" ja mukauta kaikki parametrit itsellesi asentamalla käteviä painikkeita tyhjän kehyksen lisäämiseen, poistamiseen, palauttamiseen, korvaamiseen ja muihin. toimintoja.

Vaihe 2: Animaatiotilan avaaminen grafiikkaohjelmassa

Siirrytään nyt vaiheittaiseen analyysiin animaation luomisesta Photoshopissa. Valitse valikkoriviltä Ikkuna. Etsi avattavasta luettelosta "Animaatio". Et löydä tätä vaihtoehtoa Photoshopin uudemmissa versioissa. Napsauta siksi "Ikkuna" -> "Työtila" -> "Liike". Kun olet valinnut ruudun, grafiikkaohjelman työalueelle tulee aikaviiva, jota tarvitsemme kuvan liikkeen luomiseksi.

Vaihe 3: Luo uusi animaatio

Avaa uusi PSD-tiedosto. Avattavasta luettelosta on valittava "Elokuva ja video" sekä laajennus, johon tuleva animaatiosi tallennetaan. Jos haluat muuttaa videon pituutta ja kuvanopeutta, napsauta valikkokuvaketta aikajana-ikkunassa. Se on oikeassa yläkulmassa. Napsauta sitten asiakirjan asetuksia ja aseta haluamasi parametrit.

Vaihe 4: Luo yksinkertainen tikkukuvio testianimaatiota varten

Animaatioiden luominen Photoshopissa edellyttää, että sinulla on esine, joka liikkuu. Siksi on tarpeen piirtää jokin esine. Aluksi sinun on ymmärrettävä animaation perusteet Photoshopissa. Helpoin tapa tehdä tämä on yksinkertaisella hahmolla, joka koostuu ohuista viivoista. Siksi piirrämme pienen miehen grafiikkaohjelmassa kynä- tai kynätyökaluilla.

Vaihe 5: Työskentely hahmon liikkeen kanssa

Kun esine on piirretty, voit alkaa antaa sille kykyä liikkua. Voit tehdä tämän luomalla uuden videokerroksen käyttämällä pikamuokkauspainiketta, jonka määritit ohjelman asetuksissa. Sitten asetamme uuden tyhjän kehyksen ja asetamme ne päällekkäin. Animaatiokaavio on seuraava: piirrämme hahmon, luomme uuden kehyksen, piirrämme saman hahmon uudelleen hieman eri asentoon, luomme jälleen uuden kehyksen ja niin edelleen.

Vaihe 6: Mikä määrittää valmiin animaation käännösajan?

Jotta animaatio toimisi, ohjelman kääntämiseen on annettava vähän aikaa. Odotusajan pituus riippuu pitkälti käytetyn kohteen monimutkaisuudesta. Meidän tapauksessamme kokoamisaika on hyvin lyhyt, koska kuva koostuu vain suorista viivoista. Jotta animaatio olisi olemassa reaaliajassa, sinun on annettava sen rullata kaksi tai kolme kertaa peräkkäin, vasta sitten näet, mikä on todellinen toistonopeus.

Vaihe 7: Katso animaatio valmiista "luurankosta"

Kun olet suorittanut edelliset vaiheet, voit palata alkuun ja toistaa animaation nähdäksesi työsi tulokset. Kuten näet, animaatio Photoshopissa on erittäin helppoa, mutta objektin luominen ja sen myöhempi uudelleenpiirtäminen vie aikaa.

Vaihe 8: Piirrä monimutkaisempi esine

Käytämme animoitua objektiamme luurankoina uudelle, monimutkaisemmalle hahmolle. Piirretään vartalo, kädet, jalat ja pää suoriksi viivoiksi. Näin saat monimutkaisempaa animaatiota Photoshopissa. Kun kaikki on tehty, voit hyödyntää mahdollisuutta tuoda valmiin kuvan muihin ohjelmiin, kuten After Effectsiin. Tämä on ammattimainen ohjelma flash-animaatioiden luomiseen erilaisilla tehosteilla. Tämä voi parantaa merkittävästi työtäsi. Mutta ensin sinun on opittava tallentamaan animaatiota Photoshopissa. Kun olet varmistanut, että se toimii, sinun tarvitsee vain painaa näppäinyhdistelmää Ctrl+Shift+S, antaa tiedostolle nimi ja valita haluamasi muoto, esimerkiksi gif.

Vaihe 9: Tasojen käyttö objektin animoimiseen

Animaatioiden luominen Photoshopissa grafiikkaohjelman kokeneemmilla käyttäjillä edellyttää useiden kerrosten käyttöä. Eli kaikki hahmon kehon osat ovat eri kerroksilla. Silloin animaatio on uskottavampi.

Mahdollisia vikoja luotaessa monimutkaisia ​​animaatioita

Kun animaatiota luodaan objektin liikkuessa, voi tapahtua virheitä, kuten yhden kerroksen virheellinen peitto toisen päälle, varsinkin jos ylin on läpinäkyvä. Jotta animaatio Photoshopissa näyttäisi mahdollisimman luonnolliselta, sinun on tarkasteltava kaikki nämä puutteet aikajanalla ja korjattava ne välittömästi.

Modernin tekniikan ansiosta voit luoda ammattimaisia ​​animaatioita. Tehtävän yksinkertaistamiseksi on suositeltavaa käyttää useita ohjelmia kerralla. Tämä voi olla minkä tahansa version Photoshop, ja luodaksesi erilaisia ​​tehosteita voit käyttää sellaisia ​​tunnettuja ohjelmia kuten Adobe Flash tai After Effects, joiden ansiosta et vain paranna animaatiotasi, vaan myös helpottaa tehtävääsi, koska tällaiset ohjelmistot on erityisesti luotu liikkuvien kuvien luomiseen. Seuraa vaiheittaisia ​​ohjeita, kokeile, lisää hieman luovuutta ja mielikuvitusta, niin onnistut!

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

Työskentelen Adobe Photoshop CS6:lla. Käyttöliittymäni on venäjä, koska kirjoitan työstäni.

Minulla on englanninkielinen versio kotona, ja suosittelen sinua opiskelemaan englanninkielisellä versiolla, tästä syystä:

  • Voit helposti navigoida ohjelmassa millä tahansa kielellä (venäjän englannin jälkeen löydät helposti työkalut, koska tämä on äidinkielesi, ja venäjän jälkeen sinulla voi olla sopeutumisongelmia).
  • Useimmat hyvät oppitunnit kirjoitetaan 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.

Luo 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

Luo uusi taso (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 päällekkäinen taso (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 kukin tähti vuorotellen, paina “V” (Move Tool) ja siirrä se mihin tahansa muuhun paikkaan, jolloin meillä on eri paikoissa eri kehyksissä olevia tähtiä, jotka luovat välkkyvän efektin.

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, joissa kussakin tähdet ovat eri paikoissa.

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 näkyviin tulevassa ikkunassa, kuinka monta välikehystä haluamme luoda. Asetan sen arvoon 2. Aseta kaikille kehyksille viimeistä lukuun ottamatta "Seuraava kehys".

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ä.