Animācijas izveide programmā Adobe Photoshop. Kā izveidot animāciju programmā Photoshop

Tu iemācīsies:

  • Kā atvērt un aizvērt un pielāgot animācijas paneli.
  • Kā pievienot, noņemt un rediģēt animācijas atslēgkadrus.
  • Kam paredzēta Tween poga?
  • Kā izveidot vienkāršu zvaigžņu zīmēšanas animāciju.
  • Kā iestatīt laika intervālus katram animācijas kadram.
  • Kā optimizēt animāciju, lai tā samazinātos GIF izmērs failu.
  • Kā importēt Gif failus programmā.
  • Kā pārslēgties no laika intervāla animācijas uz laika skalu.

Nodarbība ir sadalīta šādās sadaļās:

1. Mācību video.
2. Kas ir animācija.
3. 1. daļa. Animācija pa kadram.
4. Intervālu iestatīšana.
5. Atkārtojumu biežuma iestatīšana.

7. Animācijas optimizācija.
8. Animācijas saglabāšana.

10. GIF failu atvēršana.
11. Pogas animācijas slāņu apvienošanai.
12. Animācijas paneļa aizvēršana.
13. Jautājumi.
14. Mājas darbs.

Kas ir animācija

Animācija ir secīga attēlu maiņa, kuras rezultātā mums šķiet, ka objekts kustas, maina formu, parādās un pazūd, kā arī ar to var notikt citas dinamiskas darbības.

Izmantojot animāciju Photoshop Jūs varat izveidot slaidrādes no fotoattēliem vai attēliem, izveidot iemiesojumus, banerus, tīmekļa lapu ekrānsaudzētājus, dinamiskas pastkartes un dažādas prezentācijas. Jāpatur prātā, ka Photoshop joprojām ir grafiskais redaktors un nav paredzēts sarežģītiem animācijas procesiem. Programmā ir divi veidi, kā izveidot animāciju - animāciju kadru pēc kadra un animāciju laika skalas režīmā. Mēs secīgi apskatīsim abus animācijas veidus. Visu 36. nodarbību veltīsim time-lapse animācijas izpētei. Un 37. nodarbībā mēs nodarbosimies ar laika grafiku. Dažas vienkāršus uzdevumusērtāk to izpildīt kadru pa kadram animācijas režīmā. Pat ja jūs zināt, kā strādāt ar laika skalu no citām programmām, es iesaku jums mēģināt izpildīt šīs nodarbības uzdevumus. Pamatojoties uz iegūtajām zināšanām, varēsiet izlemt, kādu metodi izmantosiet katrā gadījumā.

1. daļa. Animācija pa kadram

Panelis Rāmji parādījās jau sen. Apskatīsim tā iestatījumus, izmantojot zvaigznītes zīmēšanas animācijas piemēru.

Izveidot jauns dokuments 800x800 pikseļi, 72 izšķirtspēja, RGB krāsu režīms. Izveidojiet jaunu slāni, noklikšķinot uz ikonas slāņu paletes apakšā (Slāņi). Vai arī nospiediet taustiņu kombināciju Shift+Ctrl+N.

Rīklodziņā atlasiet otas rīku melns, 35 pikseļu diametrā ar izplūdušas malas... Uzzīmējiet pirmo slīpo līniju (novietojiet punktu, nospiediet taustiņu Shift un novietojiet nākamo punktu - līnija izrādīsies taisna līnija).

Izveidojiet otru slāni. Uzzīmējiet nākamo līniju. Tad trešais slānis
un vēl viena līnija utt. Jums ir jābūt sešiem slāņiem, ieskaitot fona slāni.

Lai atvērtu paneli Animācija, izvēlnē Logs noklikšķiniet uz Animācija. Vai arī izvēlnē Logs iestatiet Workspace uz Video un Film/Video. Pārliecinieties, vai panelis ir apturētas kustības animācijas režīmā.
Pretējā gadījumā noklikšķiniet uz ikonas animācijas paneļa apakšējā labajā stūrī.

Slāņu paletē (Slāņi) izslēdziet visu slāņu redzamību, izņemot fona slāni, noklikšķinot uz ikonas pa kreisi no slāņa sīktēla. Šis būs pirmais mūsu animācijas kadrs.

Noklikšķiniet uz ikonas animācijas paneļa apakšā. Parādās otrais kadrs (pirmā kadra kopija). Lai to mainītu, slāņu paletē ieslēdziet pirmā slāņa redzamību. Vēlreiz noklikšķiniet uz ikonas un ieslēdziet otrā slāņa redzamību.

Turpiniet veidot jaunus kadrus un ieslēdziet nākamo slāņu redzamību, līdz pēdējā kadrā parādās visa zvaigznīte.

Animācijas paneļa apakšā ir rīki animāciju pievienošanai, noņemšanai un skatīšanai.

- konvertēšana uz animāciju laika skalā.

- Tween(Starpkadru izveide).

- Dublēt pašreizējo kadru (izveidojiet atlasīto kadru kopiju).

- Atskaņošanas pogas (tāpat kā jebkuram magnetofonam).

Atlasa pirmo kadru (Izvēlietiesvispirmsrāmis); Atlasa priekšskatījumu rāmi (Izvēlietiesiepriekšējārāmis);

Spēlēt(Sākt animāciju);

AtlasaNākamaisRāmis(Izvēlieties nākamo kadru).

- atlasīto kadru dzēšana. Ņemiet vērā, ka atslēgaDeluz tastatūras neizdzēš atlasīto rāmi, bet izdzēš atlasīto slāni no slāņu paletes (Slāņi).

Intervālu iestatīšana.

Tagad noregulēsim laika intervālus, kuros būs redzami animācijas kadri.

Zem katra kadra apakšā ir rakstīts 0 s. un tur ir bultiņa. Noklikšķiniet uz bultiņas un atlasiet kadru nomaiņas ātrumu. Izvēlieties vērtību 0,5 visiem kadriem (tas nozīmē, ka kadri mainīsies pussekundes laikā).

Atkārtojumu biežuma iestatīšana.

Nākamais solis ir iestatīt animācijas atkārtošanās biežumu. Noklikšķiniet uz bultiņas animācijas paneļa apakšā. Parādās frekvences izvēles izvēlne.

Ja atlasīsit Forever, animācija atkārtosies atkal un atkal. Šo procesu sauc par cilpu veidošanu.

Ja atlasīsit vienreiz, animācija tiks atskaņota vienreiz un apstāsies pie pēdējā kadra.

Ja izvēlaties Cits, varat iestatīt atšķirīgu atkārtojumu skaitu diapazonā (no 1 līdz 999).

Tagad atskaņosim tikko izveidoto animāciju. Lai to izdarītu, noklikšķiniet uz pogas Atskaņot. Ja jums viss patīk, pārejiet uz nākamo posmu, ja nē, tad pielāgojiet animāciju pēc saviem ieskatiem.

Dodieties uz animācijas paneli. Noklikšķiniet uz ikonas Dublēt pašreizējo kadru. Atlasiet visus slāņus, izņemot fona slāni.
Izslēdziet fona slāņa redzamību. Nospiediet Ctrl + Shift + Alt + E. Parādīsies jauns slānis, uz kura tiks uzdrukāti visi atlasītie slāņi.
Slāņa sīktēlā būs redzama zvaigzne caurspīdīgs fons... Nosauciet šo slāni Zvaigzne.

Veiciet dubultklikšķi uz slāņa, lai pārietu uz stila iestatījumiem. Iestatiet ēnu un krāsu pārklājumu. Izvēlieties vēlamo krāsu.

Atgriezieties pie animācijas pirmā kadra
un noņemiet zvaigžņu slāņa redzamību
slāņu paletē.

Izvēlieties pēdējo kadru. Slāņu paletē atstājiet redzamu tikai slāni Zvaigzne un fona slāni.

Dublējiet šo slāni un mainiet stila iestatījumus: mainiet krāsu, iestatiet reljefu vai insultu. Dodieties uz animācijas paneli. Noklikšķiniet uz ikonas Dublēt pašreizējo kadru. Atgriezieties pie pirmā kadra animācijas panelī un izslēdziet šī slāņa redzamību paletē.

Dublējiet slāni vēlreiz un mainiet stilu. Atlasiet rīku Pārvietot vai nospiediet Ctrl + T, lai pārslēgtos uz brīvās pārveidošanas rīku. Mainiet mērogu. Dodieties uz animācijas paneli. Noklikšķiniet uz ikonas. Atgriezieties pie pirmā kadra un izslēdziet šī slāņa redzamību.

Dublējiet slāni vēlreiz un nedaudz palieliniet mērogu un mainiet stilu. Un pievienojiet animācijas rāmi. Jums vajadzētu būt šādam scenārijam:

Noklikšķiniet uz pogas Atskaņot un skatiet paveiktā darba rezultātu.

Animācijas optimizācija.

Noklikšķiniet uz ikonas animācijas paneļa augšējā labajā stūrī. Parādīsies papildu izvēlne.

Kad esat pabeidzis, animācija ir jāoptimizē, lai samazinātu Gif faila lielumu un labāks zābaks interneta pārlūks. Samazinājums notiek, jo tiek izslēgti apgabali, kas nemainās, pārvietojoties no viena kadra uz kadru.

Lūdzu izvēlieties Optimizēt animāciju...... Atzīmējiet abas izvēles rūtiņas.
Ierobežojoša
Kaste(Ierobežojošais lodziņš)- apgriež kadrus pēc mainītā laukuma, salīdzinot ar iepriekšējo kadru.

Lieku pikseļu noņemšana Ja pikselis ir nemainīgs salīdzinājumā ar iepriekšējo kadru, tas kļūst caurspīdīgs.

Lai PhotoShop saglabātu rāmjus ar caurspīdīgumu, atlasiet opciju "Automātiski". Lai to izdarītu, atlasiet vienu vai vairākus kadrus. Ar peles labo pogu noklikšķiniet uz rāmja sīktēla. Izvēlieties kādu no trim iespējām:

Automātiski(Automātiski)- pašreizējais rāmis tiek atmests, ja nākamajā kadrā ir slāņa caurspīdīgums.,

Darītatbrīvoties(Neizmetiet)-Pašreizējais rāmis ir redzams caur nākamā kadra caurspīdīgajiem laukumiem.

Izmetiet(Izmetiet)- pašreizējais rāmis nav redzams caur nākamā kadra caurspīdīgajiem laukumiem.

Animācijas saglabāšana.

Tagad ir pienācis laiks saglabāt animāciju. Protams, šajā procesā bija nepieciešams saglabāt failu PSD formāts lai nenonāktu situācijā ar pēkšņu strāvas padeves pārtraukumu vai negaidītu datora restartēšanu. Bet tagad es domāju citu saglabāšanu. Animāciju var saglabāt kā animētu GIF, izmantojot komandu Saglabāt priekš Tīmeklis (Saglabāt tīmeklim un ierīcēm).

Izvēlnē Fails atlasiet Saglabāt tīmeklim. Iestatījumos iestatiet Gif formātu. Pievērsiet uzmanību nākamā faila lielumam. Ja iespējams, samaziniet tā izmēru. Kā to izdarīt, mēs detalizēti apspriedām nodarbībā Attēla izmērs (Attēla izmērs). Veicot optimizāciju, izmantojiet adaptīvo, uztveres vai selektīvo krāsu samazināšanas modeli, lai nodrošinātu konsekventas krāsas visos kadros. Noklikšķiniet uz Saglabāt, ievadiet nosaukumu, ceļu un vēlreiz noklikšķiniet uz Saglabāt.

Iepriekš, lai ierakstītu animāciju, mēs devāmies uz programmu ImageReady.

Photoshop CS2 iepazīstina ar animāciju paneli. Bet, lai saglabātu animēto failu, jums joprojām bija jāiet uz ImageReady. Pārejai tiek pasniegta poga rīkjoslas apakšā vai izvēlne Fails (Fails) - Rediģēt programmā ImageReady (Dodieties uz ImageReady).

Sākot ar Photoshop CS3 un jaunākām versijām, animāciju ierakstīšanai nav nepieciešamas nekādas animācijas papildu programmas... Animācijas panelis tagad tiek izmantots rediģēšanai, un ierakstīšanai vienums tika pielāgots izvēlnē Fails. SaglabātpriekšWeb(SaglabātWeb) .

Apskatīsim vēl vienu nelielu kadru pa kadram animācijas izveides piemēru, kurā analizēsim, kam poga ir paredzēta. Tween(Izveidot starpkadrus).

Izveidojiet jaunu dokumentu, 500 x 250 pikseļi. Izvēlieties rīku Veids, Impact font, izmērs 150 pt. un uzrakstiet jebkuru vārdu. Iestatiet necaurredzamību uz 100%. Pievienojiet slāņu stilus: ēnu, gradientu un reljefu. Var izvēlēties citu stilu, nav obligāti jādara kā man. Teksta deformāciju var arī animēt. Animācijas panelī iestatiet intervālu uz 0,2 sek. Noklikšķiniet uz pogas, lai kopētu pirmo kadru. Dodieties uz slāņu paleti (Slāņi) un samaziniet necaurredzamību līdz 0. Mainiet slāņa stilu (piemēram, pievienojiet krāsu pārklājumu, nevis gradienta pārklājumu). Pārslēdzoties starp kadriem, varat vērot, kā mainās attēls.

Pievienosim pārvietojumu. Atlasiet rīku Pārvietot un pārvietojiet tekstu uz leju no lapas. Dodieties uz animācijas paneli un noklikšķiniet uz pogas

Parādītajā logā varat konfigurēt pievienoto kadru skaitu. Jo vairāk to būs, jo vienmērīgāka būs pāreja. Grafikā TweenAr(Starpposma kadri) jūs varat izvēlēties no saraksta, kur tiks ievietoti rāmji:

Pēdējais (Pēdējais kadrs); Atlase Iepriekšējais rāmis Pirmais kadrs; Nākamais rāmis. Saraksts mainās atkarībā no atlasītā kadra.

Atstājiet visus noklusējuma iestatījumus. Noklikšķiniet uz Labi.

Noklikšķiniet uz Atskaņot. Ja viss jums ir piemērots, pārejiet pie animācijas saglabāšanas.

GIF failu atvēršana.

Programmā Photoshop CS3 un CS44 video un GIF animācijas faili netiek atvērti no izvēlnes Fails — Atvērt. Mēģinot atvērt logu, tiek parādīts:

Noteikti instalējiet QuickTime Pro 7.1 vai jaunāku versiju.

Programmā Photoshop CS5 šīs problēmas nav. Failus var viegli atvērt parastajā veidā.

Izvēlnē atlasiet Fails - Importēt - Video kadri uz slāņiem.
slāņos...). Faila tipa laukā nevarēsit atlasīt GIF failus. Tomēr šo defektu var viegli apiet, vispirms nokopējot .gif faila nosaukumu un ielīmējot to faila nosaukuma laukā vai manuāli ierakstot nosaukumu šajā laukā. Vai arī laukā Faila nosaukums ievadiet * un noklikšķiniet uz Ielādēt, pēc tam noklikšķiniet uz
kļūs redzams gif faila nosaukums un varēsi to atvērt (Kļūs redzami arī citi faili, pat tie, kurus nevar atvērt programmā).

Parādītajā logā atstājiet noklusējuma iestatījumus. Ir jāatzīmē vienumi No sākuma līdz beigām un Izveidot kadra animāciju. Diemžēl šādā veidā atvērtiem failiem nebūs caurspīdīga fona – tie būs balti. Atverot šādu failu CS5, caurspīdīgais fons tiks saglabāts.

Pogas, lai apvienotu animācijas slāņus.

Paskatieties uzmanīgi, kā palete ir mainījusies Slāņi(Slāņi) strādājot ar laika intervāla animāciju. Tagad ir pogas, kas ļauj piemērot izmaiņas pašreizējā rāmī visiem pārējiem kadriem. Atzīmējiet izvēles rūtiņu blakus 1. kadram.

Apskatīsim, kā viņi strādā... Atveriet animācijas failu zvaigznes zīmēšanai. Atlasiet jebkuru rāmi un izslēdziet fona slāņa redzamību. Noklikšķiniet uz Atskaņot. Tikai atlasītais rāmis ir kļuvis caurspīdīgs. Noklikšķiniet uz pogas Apvienot slāņa redzamību. Parādīsies logs:.

Klikšķiniet uz Match(Sinhronizēt) un palaidiet animāciju vēlreiz. Visas animācijas laikā zvaigzne tiks zīmēta uz caurspīdīga fona. Pirmā kadra caurspīdīgums tagad ir piešķirts visiem animācijas kadriem. Tāpat jūs varat kontrolēt slāņa pozīciju un stilu.

Paletes slāņi (Slāņi) atlasiet vienumu Animācijas opcijas (Animācijas opcijas). Pēc noklusējuma slāņu apvienošanas pogas tiek rādītas automātiski, kad ir iespējota animācijas kadru josla. Šo noteikumu var mainīt, atlasot Vienmēr rādīt vai Vienmēr slēpt.

Animācijas paneļa aizvēršana.

Ir vairāki veidi, kā aizvērt animācijas paneli:

Varat sakļaut vai aizvērt animācijas paneli un doties uz Preferences, noklikšķinot uz Lietotāja interfeisa preferences.

Jautājumi:

  1. Kas notiek, ja apturēšanas animācijā atlasāt kadru un nospiežat tastatūras taustiņu Del?

Atlasītais rāmis tiks dzēsts.

Slāņu paletē (Slāņi) atlasītais slānis tiks noņemts no visiem animācijas kadriem.

Slāņu paletē (Slāņi) atlasītais slānis tiks dzēsts tikai atlasītajam animācijas kadram.

Slāņu paletē atlasītais slānis tiks noņemts no visiem animācijas kadriem, izņemot fona slāni.

  1. Jums ir trīs kadri. Animācija būs nepārtraukta. Kas jums jādara, lai pievienotu
    5 starpkadri starp pēdējo un pirmo kadru?

Izvēlieties pirmo kadru. Nospiediet pogu
Iestatījumos kolonnā Tween With atlasiet Next Frame.

Izvēlieties pēdējo kadru. Nospiediet pogu
Iestatījumos kolonnā Tween With atlasiet Previous Frame.

Izvēlieties pēdējo kadru. Noklikšķiniet uz pogas Tween.
Iestatījumos kolonnā Tween With atlasiet First Frame.

  1. Kam paredzēta animācijas optimizācija?

Lai pārveidotu par laika skalas animāciju.

Lai samazinātu Gif faila lielumu, izslēdzot apgabalus, kas nemainās, pārejot no kadra uz kadru.

Lai iestatītu animācijas atkārtojumu biežumu.

Mājasdarbs:

1) Veikt zvaigznītes zīmēšanas animāciju kadrs pēc kadra (atbilstoši nodarbībai).

2) Veiciet teksta animāciju pa kadram.

Labvakar, dārgie mana emuāra abonenti un lasītāji! Vai esat gatavs iemācīties atdzīvināt savu attēlu? Un nevis ar maģijas palīdzību, bet ar visu mūsu iecienītajā Photoshop! Cik ilgi es atliku šo nodarbību, nezinot, kāpēc. Galu galā šie ir Photoshop pamati! Bet tagad es nolēmu uzlabot.

Un uzlabojiet tik daudz, ka video beigās arī jūsu būs video nodarbība par to, kā izveidot animāciju Photoshop.

Es ilgu laiku nerakstīju Photoshop apmācības, un man tam bija iemesli. Galu galā es pabeidzu savu stāstu “”. Esiet laipni aicināti to izlasīt un izteikt savu viedokli tieši komentāros!

Un tagad pāriesim tieši uz nodarbību. Zemāk esošajā video pastāstīšu, kā izveidot pamazām pievienotu tekstu, bet teksta nodarbībā uzdevums būs nedaudz grūtāks.

Mums ir Čipolīno, un mums jāpanāk, lai viņš pamāj mums ar pildspalvu.

1. darbība. Vispirms jums ir "jāiespējo" animācija programmā Photoshop. Šim nolūkam mēs ejam "Logs" -> "Animācija"... Var vēl uzrakstīt "Laika skala".

2. darbība. Lai roka kustētos, mums tā jāizgriež un jānovieto dažādās pozīcijās. Rokas griešanai es personīgi izmantoju "Magnētiskais laso"... Mēs izveidojam kopiju no galvenā ( Ctrl+J) un strādājiet ar kopiju. Oriģinālam nepieskaramies.

Rūpīgi izvēlieties roku un izgrieziet to!

3. darbība. Un tagad mēs ievietojam roku, lai cik šausmīgi tas izklausītos, un noliekam to dažādās pozīcijās. Roku ieliks jaunos slāņos, mums pat der.

4. darbība.Šī darbība nav obligāta, taču labāk ir izmantot rīku Eraser, lai nedaudz pieskartos rokai, padarot to dabiskāku. Grūti to izskaidrot, protams, vārdos. Ja saprotat, kam mēs izmantojam dzēšgumiju, veiciet šo darbību, ja joprojām nesaprotat, varat to izlaist. Tas nav svarīgi, jo vissvarīgākais mums ir iemācīties izveidot vienkāršu animāciju!

5. darbība. Tagad strādājam ar personālu. Katrā rāmī iekļaujiet tikai tos slāņus, kas mums nepieciešami. Piemēram, 1 kadrā mums ir nepieciešams mūsu oriģināls, un mūsu gadījumā "Slānis 0".

Tagad mēs izveidojam jaunu rāmi:

Un jaunajā kadrā ieslēdziet citus slāņus. Tas ir, mūsu "Slāņa 0 kopija" un "Slānis 1", tas ir, cita roku pozīcija. Es ceru, ka jūs saprotat algoritmu, dārgie lasītāji.

6. darbība. Mēs iestatījām kadra aizkavi. Tas ir, pēc kāda laika intervāla tiks parādīts nākamais kadrs.

7. darbība. Mēs glābjam savējos. Ne velti es iekļāvu šo soli savā apmācībā, jo GIF animācijas saglabāšana notiek nedaudz savādāk nekā tikai attēls.

Izvēlieties formātu (noklusējums ir GIF) un saglabājiet.

02.08.2016 27.01.2018

Šajā apmācībā mēs uzzināsim, kā izveidot animāciju. Animācija ir attēls, kuram ir dota kustība, atšķirībā no statiskiem attēliem (piemēram, fotogrāfijām), tā var mainīt kadrus vai kadra daļas.

Anima latīņu valodā nozīmē "dvēsele". Var teikt, ka, veidojot animāciju, mēs bildi "animējam", piešķiram tai dzīvību.

Animācijas panelis parādījās iekšā Adobe Photoshop CS3, pirms tam CS versijā spēja izveidot animācijas tika veikta, izmantojot atsevišķa programma, Image Ready CS2, kas tika piegādāts kopā ar Adobe Photoshop. Tagad jaunā Adobe versijas Photoshop animācijas rīks ir iekļauts programmā un ir nosaukts Laika skala... Nodarbība pabeigta v Adobe Photoshop 2015.5, ja jums ir vairāk agrīnā versija programmām, daži iestatījumi var atšķirties, taču pamatjēdzieni ir vienādi.

Sāksim mācīties par animācijas izveidi. Atveriet attēlu, kuru vēlaties "animēt", Fails - Atvērt (Atvērt failu). Man ir šī jaukā bilde ar meiteni un kaķi, kas apbrīno zvaigžņotās debesis.

Izveidojiet trīs jaunus tukšus slāņus, Slānis-Jauns-Slānis (Slānis-Jauns-Slānis) vai noklikšķiniet uz sīktēla, lai izveidotu jaunu slāni slāņu paneļi.

Nosauciet tos attiecīgi ar "1", "2", "3". Tas palīdzēs turpmāk neapjukt.

Mēs izvēlamies Birstes rīks (ota):

Vispirms noklikšķiniet uz trīsstūra otas izmērā, pēc tam noklikšķiniet uz zobrata kreisajā pusē:

Tiks atvērta otu ielādes izvēlne:

Lejupielādējiet zvaigznītes otas (https://cloud.mail.ru/public/G2co/RTne1N3f9):

Atlasiet atsevišķas otas un, mainot izmēru, krāsojiet uz trim iepriekš izveidotajiem slāņiem. Otas krāsa ir balta vai tuvu baltai. Galvenais ir nenovietot tos vienā un tajā pašā vietā uz visiem slāņiem, mēģiniet nejauši izkaisīt zvaigznes pa debesīm.

Nu, tagad vissvarīgākā lieta: pāriesim pie attēla animācijas burvības. Dodieties uz izvēlni Logu laika skala), parādīsies šāds logs:

Animācijas panelis ir divi veidi: laika skala un kadru pa kadram animācija... Pirmo veidu izmanto reti, jo galvenokārt paredzēts darbam ar video, pāriesim uz kadrs pa kadram, šim nolūkam mēs nospiežam pogu " Izveidojiet video laika skalu ", un pēc tam uz šīs ikonas:

Tiks atvērts šāds logs:

Lai izveidotu jaunu rāmi, noklikšķiniet uz šīs ikonas:

Mūsu animācija ir vienkārša, pietiek ar trim kadriem. Esošajam pēc noklusējuma pievienojam vēl divus kadrus, tad stāvam uz slāņa ar meiteni un kaķi un padarām to redzamu un pirmo slāni ar zvaigznītēm (lai to izdarītu, vienkārši noklikšķiniet uz slāņa acs slāņu paneļi):

To pašu darām otrajam un trešajam kadram, tikai ieslēdzot redzamību attiecīgi otrajam un trešajam slānim ar zvaigznītēm. Slānis ar meiteni un kaķi vienmēr ir redzams. Skaidrības labad otrā un trešā kadra ekrānuzņēmumi:

Ar skavām taustiņuShift animācijas panelī atlasiet visus slāņus, ar peles labo pogu noklikšķiniet un mainiet kadra ilgumu, ar 5 sekundes instalēta pēc noklusējuma, pirms, piemēram, 0,2 sekundes... Noklikšķiniet uz pogas "Cikla parametru izvēle" un mainiet vērtību uz "Pastāvīgi":

Ja parametrs ir iestatīts "vienreiz", tad animācija tiks atskaņota vienu reizi un apstāsies, ja parametrs "Pastāvīgi" tas "mirgos" nepārtraukti.

Lai redzētu, kā izskatās animācija, noklikšķiniet uz šīs pogas:

Vairāk vienmērīga pāreja jūs varat pievienot starpkadrus starp kadriem - izveidojiet aktīvo kadru animācijas paneļi un noklikšķiniet uz šīs ikonas:

Tiks parādīts logs, kurā varēsiet izvēlēties tvīnīšu skaitu, pozīciju un stilu. Pirmajiem diviem kadriem pievienoju 3 starpkadrus ar šādiem iestatījumiem:

Un līdz pēdējam, trešajam, kadram, arī 3, bet ar dažādiem iestatījumiem, lai animācija būtu cilpa un zvaigznes parādītos un pazustu vienmērīgi, bez raustīšanās un pēkšņām pārejām:

Nu, šeit mēs esam izveidojuši animāciju Photoshop, atliek tikai saglabāt. Iet uz Fails-eksportēt-saglabāt tīmeklim ( vecā versija) (FailsEksportētSaglabāt priekš Web (vecs versija)):


Formāta izvēle Gif, var izvēlēties arī krāsu skaitu (jo vairāk krāsu, jo vairāk svērs fails, bet jo mazāk krāsu, jo sliktāka kvalitāte), izmēru. Pārējos parametrus var atstāt kā noklusējuma iestatījumus.

Tas ir viss! Esam iemācījušies veidot animāciju programmā Photoshop!

Izveidojiet jaunu failu ar izmēriem 700 x 300 px.

Atver logu Laika skala((Logs — laika skala)).

Noklikšķiniet uz pogas " Izveidojiet rāmja animāciju»(Izveidot kadra animāciju).


Izmantojot rīku () izveidojiet 3 slānis ar tekstu ("Animācija", "šis", "vienkāršs").

Izmantojiet rīku (Pārvietošanas rīks / V taustiņu), lai ievietotu tekstu, kā parādīts attēlā zemāk.


Logā Laika skala(Laika skala) atlasiet pirmo kadru un nospiediet pogu " Dublē atlasītos kadrus»(Izveidojiet atlasīto kadru kopiju).


Mēs veidojam 4 atlasīto kadru kopijas.



Izvēloties logā Laika skala(Laika skala) otrais kadrs un atstāt redzamus tikai slāņus " Animācija" un " Fons».

Mēs izvēlamies ceturtais kadrs un atstājiet tajā redzamu visi slāņi.


Iestatīsim mūsu animācijas atkārtošanas parametru. Loga izvēlnē Laika skala(Laika skala), mainiet atkārtošanas parametru no " Vienreiz"uz" Pastāvīgi"(Attēls zemāk).


Tagad mēs varam izmantot trigeri, lai atskaņotu animāciju.



Animācijas iestatījumi programmā Photoshop CC sadaļā "Fails — Saglabāt tīmeklim". Gala rezultāts

Vai esat kādreiz domājis, kā tiek veidoti animēti GIF attēli? Apmācības autore aicina apgūt dažus animācijas noslēpumus vienā vakarā, izmantojot šo pamācību. Jūs arī uzzināsit, kā izmantot laika skalu, kas ir pieejama programmā Photoshop CS6. Tagad sāksim!

Nodarbības rezultāts.

1. darbība

Izveidojiet jaunu dokumentu ( Ctrl+N) ar faila izmēru 800 x 500 pikseļi. Aizpildiet fonu ar jebkuru vēlamo krāsu. Tagad dodieties uz izvēlni Slāņi- Stilsslānis- Pārklājumsgradients(Slānis> Slāņu stili> Gradienta pārklājums). Lietojiet šādus iestatījumus: Stils Radiāls(Radiāls), krāsas no melnas (# 000000) līdz zilai (# 54799b), kas tiks izmantotas centrā.

2. darbība

Izveidojiet jaunu slāni un nosauciet to Trokšņa slānis... Izvēlieties rīku Aizpildiet(Paint Bucket Tool) un aizpildiet izveidoto slāni ar tumšu krāsu (# 231f20). Atstājiet slāni aktīvu Trokšņa slānis un dodieties uz izvēlni Filtrs — Troksnis — Pievieno troksni(Filtrs> Troksnis> Pievienot troksni). Filtra iestatījumu dialoglodziņā iestatiet šādas vērtības: efekts(Summa) 3%, sadalījums Uniforma(Vienots) un noklikšķiniet uz Labi.

3. darbība

Nospiediet taustiņu kombināciju (Ctrl +U) un parādītajā korekcijas iestatījumu dialoglodziņā ievadiet vērtības Piesātinājums(Piesātinājums) 100%: mainiet šī slāņa sapludināšanas režīmu uz Maiga gaisma(Maiga gaisma).

Tulkotāja piezīme: lai, labojot nokrāsu/piesātinājuma vērtību, iegūtu tādu pašu krāsu kā autoram ekrānuzņēmumā Krāsu tonis(Tonis) uzvilkt - 140.

4. darbība

Pievienojiet jebkuru tekstu, kuru vēlaties. Šeit mēs izmantosim 123RF vietnes logotipa tekstu. Slāņu stilos izmantojiet Kontūra(Insults). Izvēlieties gājiena lieluma vērtības atbilstoši savām vēlmēm.

Tulkotāja piezīme: Autora ekrānā jau ir rastrēts teksts kopā ar Stroke stilu. Lai sasniegtu tādu pašu rezultātu, pēc sitiena uzlikšanas noņemiet pildījumu (Aizpildiet) no teksta slāņa uz 0%, pārveidojiet šo slāni par viedo objektu un pēc tam rasterējiet to.

5. darbība

Šajā darbībā mēs izveidosim tekstam mirdzošu efektu, izmantojot slāņu stilus. Veiciet dubultklikšķi uz slāņa, lai atvērtu stila iestatījumu logu. Izmantojiet tālāk redzamos ekrānuzņēmumus, lai pielāgotu slāņu stilus.

Reljefs(Slīpums un reljefs)

Iekšējā ēna(Iekšējā ēna)

Iekšējais spīdums(Iekšējais mirdzums)

Krāsu pārklājums(Krāsu pārklājums)

Ārējais spīdums(Ārējais mirdzums)

Ēna(Ēna)

6. darbība

Kad esat pabeidzis izveidot apgaismojuma efektus, izmantojot slāņu stilus, dodieties uz slāņu paleti un samaziniet šī slāņa vērtību. Pildījumi(Aizpildīt) par 0%.

7. darbība

Dublējiet slāni, ko izveidojāt 5. darbībā, un izslēdziet visus slāņu stilus šajā kopijā. Tagad iestatiet šādus stilus:

Iekšējā ēna(Iekšējā ēna)

Iekšējais spīdums(Iekšējais mirdzums)

8. darbība

Tālāk ir parādīts rezultāts pēc slāņu stilu pielietošanas.

9. darbība

Tagad mēs izveidosim kustīgus gaismas punktus. Izveidojiet 5 slāņus virs esošajiem un pārdēvējiet tos par 1, 2, 3, R un F. Ja jums ir savs teksts, izveidojiet slāņus atbilstoši saviem burtiem. Grupējiet šos slāņus mapē un piešķiriet tai nosaukumu. Gaismas plankumi un mainiet sajaukšanas režīmu uz Pamatnes atvieglošana(Krāsu Dodge).

Aktivizējiet rīku Ota(Otas rīks), izvēlieties mīkstu suku, uzstādiet Necaurredzamība(Necaurredzamība) 95% un ar baltu krāsojumu virs teksta ir daži plankumi. Katram burtam atsevišķs gaismas punkts uz sava slāņa. Zemāk ekrānuzņēmumā varat redzēt, kā slāņi skatās uz autoru slāņu paletē.

10. darbība

Tagad dodieties uz izvēlni Logs — laika skala(Logs> Laika skala). Jūs ievērosiet, ka jūsu slāņi jau ir iebūvēti šajā paletē tās kreisajā pusē. Atlasiet katru no pieciem uzmanības centrā esošajiem slāņiem grupā. Gaismas plankumi un pārliecinieties, vai pašreizējā laika indikators (zilais slīdnis) ir kadra nulles punktā. Tagad katrā grupas slānī, kad tas ir aktīvs, noklikšķiniet uz opcijas Pozīcija(Pozīcija), lai izveidotu atslēgas kadru.

Tulkotāja piezīme: Lai aktivizētu laika skalu, nospiediet pogu Izveidojiet video laika skalu(Izveidojiet video laika skalu), un visi jūsu slāņi tiks ielādēti laika skalā. Atlasītais slānis būs tāds pats slānis vai grupa kā slāņu paletē.

11. darbība

Iestatiet pašreizējā laika indikatoru (zilo slīdni) uz 01:00 F un pārvietojiet slāņus ar gaišiem plankumiem pa to kustības ceļu attiecībā pret burta kontūru.

12. darbība

Šādi uz burtiem izskatīsies gaismas plankuma sākotnējā pozīcija. Pārvietojiet pašreizējā laika indikatoru pa laika skalu un pārvietojiet slāņus ar gaišiem plankumiem, izveidojot atslēgas kadrus. Turpiniet tos pārvietot, līdz esat pabeidzis pārvietot plankumu pa visu katra teksta slāņa burtu. Lai iegūtu norādījumus, skatiet dažus ekrānuzņēmumus tālāk.