Sa õpid:

• Animatsioonipaneeli avamine ja sulgemine ning kohandamine.
• Animatsiooni võtmekaadrite lisamine, eemaldamine ja redigeerimine.
• Mille jaoks on nupp Tween?
• Kuidas teha lihtsat tähe joonistusanimatsiooni.
• Kuidas seadistada iga animatsioonikaadri jaoks ajavahemikke.
• Kuidas animatsiooni kahandamiseks optimeerida GIF-i suurus faili.
• Kuidas importida programmi Gif-faile.
• Kuidas lülituda aeglustatud animatsioonilt ajaskaalale.

Õppetund on jagatud järgmisteks osadeks:

1. Õppevideo.
2. Mis on animatsioon.
3. Osa 1. Animatsioon kaadri kaupa.
4. Intervallide seadistamine.
5. Korduste sageduse määramine.

7. Animatsiooni optimeerimine.
8. Animatsiooni salvestamine.

10. GIF-failide avamine.
11. Animatsioonikihtide ühendamise nupud.
12. Animatsioonipaneeli sulgemine.
13. Küsimused.
14. Kodutöö.

Mis on animatsioon

Animatsioon on kujutiste järjestikune muutumine, mille tulemusena meile tundub, et objekt liigub, muudab kuju, ilmub ja kaob, samuti võivad sellega tekkida muud dünaamilised toimingud.

Animatsiooni kasutamine Photoshop saate luua fotodest või piltidest slaidiseansse, teha avatare, bännereid, veebilehtede ekraanisäästjaid, dünaamilisi postkaarte ja erinevaid esitlusi. Tuleb meeles pidada, et Photoshop on endiselt graafikaredaktor ja pole mõeldud keerukate animatsiooniprotsesside jaoks. Animatsiooni loomiseks programmis on kaks võimalust – animatsioon kaadri kaupa ja animatsioon ajaskaala režiimis. Me käsitleme mõlemat tüüpi animatsioone järjest. Kogu 36. tunni pühendame aeglustatud animatsiooni uurimisele. Ja 37. õppetunnis käsitleme ajaskaala. Mõned lihtsad ülesanded seda on mugavam sooritada kaaderhaaval animatsioonirežiimis. Isegi kui teate, kuidas teiste programmide ajaskaalaga töötada, soovitan teil proovida selle õppetunni ülesandeid täita. Saadud teadmiste põhjal saate otsustada, millist meetodit te igal konkreetsel juhul kasutate.

1. osa. Animatsioon kaadri kaupa

Paneel Raamid ilmus kaua aega tagasi. Vaatleme selle sätteid, kasutades tärni joonistamise animatsiooni näidet.

Loo uus dokument 800 x 800 pikslit, 72 eraldusvõime, RGB värvirežiim. Looge uus kiht, klõpsates kihtide paleti (Kihid) allosas ikooni. Või vajutage klahvikombinatsiooni Shift + Ctrl + N.

Valige tööriistakastist pintsli tööriist must, 35 piksli läbimõõduga koos udused servad... Joonistage esimene kaldjoon (asetage punkt, vajutage Shift ja asetage järgmine punkt - joon osutub sirgeks).

Looge teine ​​kiht. Joonistage järgmine rida. Siis kolmas kiht
ja veel üks rida jne. Teil peaks olema kuus kihti, sealhulgas taustakiht.

Animatsioonipaneeli avamiseks klõpsake menüüs Aken nuppu Animatsioon. Või määrake menüüs Aken valikuks Tööruum väärtuseks Video ja film/video. Veenduge, et paneel oleks stop-motion animatsiooni režiimis.
Vastasel juhul klõpsake ikooni animatsioonipaneeli paremas alanurgas.

Lülitage kihtide paletis (Kihid) välja kõigi kihtide, välja arvatud taustakihi, nähtavus, klõpsates kihi pisipildist vasakul asuvat ikooni. See on meie animatsiooni esimene kaader.

Klõpsake ikooni animatsioonipaneeli allosas. Ilmub teine ​​kaader (esimese kaadri koopia). Selle muutmiseks lülitage kihtide paletis sisse esimese kihi nähtavus. Klõpsake ikooni uuesti ja lülitage sisse teise kihi nähtavus.

Jätkake uute kaadrite loomist ja lülitage sisse järgmiste kihtide nähtavus, kuni viimases kaadris kuvatakse kogu tärn.

Animatsioonipaneeli allservas on tööriistad animatsioonide lisamiseks, eemaldamiseks ja vaatamiseks.

- teisendamine animatsiooniks ajajoonel.

- Tween(Vahekaadrite loomine).

- Dubleeri praegune kaader (loo valitud kaadrite koopia).

- Esitusnupud (nagu igal magnetofonil).

Valib esimese kaadri (Valigeesiteksraami); Valib eelvaate raami (Valigeeelmineraami);

Mängi(Alusta animatsiooni);

ValibEdasiRaam(Valige järgmine kaader).

- Valitud kaadrite kustutamine. Pange tähele, et võtiDelklaviatuuril ei kustuta valitud raami, vaid kustutab valitud kihi kihtide paletist (Layers).

Intervallide määramine.

Nüüd reguleerime ajavahemikke, mille jooksul animatsioonikaadrid on nähtavad.

Iga kaadri alla on kirjutatud 0 s. ja seal on nool. Klõpsake noolt ja valige kaadrisagedus. Valige kõikide kaadrite jaoks väärtus 0,5 (see tähendab, et kaadrid muutuvad poole sekundiga).

Korduste sageduse määramine.

Järgmine samm on animatsiooni kordussageduse seadistamine. Klõpsake animatsioonipaneeli allosas oleval noolel. Ilmub sageduse valiku menüü.

Kui valite Igavesti, kordub animatsioon ikka ja jälle. Seda protsessi nimetatakse loopimiseks.

Kui valite Üks kord, esitatakse animatsiooni üks kord ja see peatub viimase kaadri juures.

Kui valite Muu, saate määrata erineva korduste arvu vahemikus (1 kuni 999).

Nüüd mängime äsja loodud animatsiooni. Selleks klõpsake nuppu Esita. Kui teile kõik meeldib, minge järgmisse etappi, kui ei, siis kohandage animatsiooni oma äranägemise järgi.

Minge animatsioonipaneelile. Klõpsake ikooni Dubleeri praegune raam. Valige kõik kihid peale taustakihi.
Lülitage taustakihi nähtavus välja. Vajutage Ctrl + Shift + Alt + E. Ilmub uus kiht, millele trükitakse kõik valitud kihid.
Kihi pisipildil kuvatakse tärn läbipaistev taust... Nimetage see kiht täht.

Stiiliseadete avamiseks topeltklõpsake kihil. Määrake varju ja värvi ülekate. Valige soovitud värv.

Minge tagasi animatsiooni esimese kaadri juurde
ja eemaldage tähekihi nähtavus
kihtide paletis.

Valige viimane kaader. Kihtide paletis jätke nähtavaks ainult kiht Star ja taustakiht.

Kopeerige see kiht ja muutke stiili sätteid: muutke värvi, määrake reljeef või kriips. Minge animatsioonipaneelile. Klõpsake ikooni Dubleeri praegune raam. Minge tagasi animatsioonipaneeli esimese kaadri juurde ja lülitage paletis selle kihi nähtavus välja.

Kopeerige kiht uuesti ja muutke stiili. Vaba teisendamise tööriistale lülitumiseks valige tööriist Teisalda või vajutage klahvikombinatsiooni Ctrl + T. Muutke skaalat. Minge animatsioonipaneelile. Klõpsake ikooni. Minge tagasi esimese kaadri juurde ja lülitage selle kihi nähtavus välja.

Dubleerige kiht uuesti ja suurendage skaalat veidi ja muutke stiili. Ja lisage animatsiooniraam. Teil peaks olema selline storyboard:

Klõpsake nuppu Esita ja vaadake tehtud töö tulemust.

Animatsiooni optimeerimine.

Klõpsake animatsioonipaneeli paremas ülanurgas ikooni. Ilmub täiendav menüü.

Kui olete lõpetanud, tuleks animatsioon optimeerida, et vähendada Gif-faili suurust ja parem saabas veebibrauseris. Vähendamine toimub nende alade väljajätmise tõttu, mis kaadrist kaadrisse liikudes ei muutu.

Palun vali Animatsiooni optimeerimine ...... Märkige mõlemad ruudud.
PiiramineKast(Ümbritsev kast)- kärbib kaadreid eelmise kaadriga võrreldes muudetud ala võrra.

Üleliigsete pikslite eemaldamine Kui piksel ei muutu eelmisest kaadrist, muutub see läbipaistvaks.

Läbipaistvust sisaldavate raamide salvestamiseks PhotoShopis valige suvand "Automaatselt". Selleks valige üks või mitu raami. Paremklõpsake raami pisipildil. Valige kolme valiku hulgast.

Automaatne(Automaatselt)- praegune kaader jäetakse kõrvale, kui järgmine kaader sisaldab kihi läbipaistvust.,

Teemittekäsutada(Ära visake ära)-Praegune kaader on nähtav läbi järgmise kaadri läbipaistvate alade.

Visake ära(Viska ära)- praegune kaader ei ole nähtav läbi järgmise kaadri läbipaistvate alade.

Animatsiooni salvestamine.

Nüüd on aeg animatsioon salvestada. Loomulikult oli protsessi käigus vaja fail sisse salvestada PSD-vormingus et mitte sattuda olukorda äkilise elektrikatkestuse või arvuti ootamatu taaskäivitusega. Aga nüüd pean silmas teistsugust säilitamist. Animatsiooni saab salvestada animeeritud GIF-ina, kasutades käsku Säästa selleks Veeb (Salvesta veebi ja seadmete jaoks).

Valige menüüst Fail Salvesta veebi jaoks. Määrake seadetes Gif-vorming. Pöörake tähelepanu tulevase faili suurusele. Võimalusel vähendage selle suurust. Kuidas seda teha, arutasime üksikasjalikult õppetükis Pildi suurus (pildi suurus). Optimeerimisel kasutage adaptiivset, tajutavat või selektiivset värvivähendusmudelit, et tagada kõikides kaadrites ühtsed värvid. Klõpsake nuppu Salvesta, sisestage nimi, tee ja klõpsake uuesti nuppu Salvesta.

Eelnevalt läksime animatsiooni salvestamiseks ImageReady rakendusse.

Photoshop CS2 tutvustab animatsioonide paneeli. Kuid animeeritud faili salvestamiseks tuli siiski minna ImageReadysse. Üleminekuks serveeritakse nuppu tööriistariba allosas või menüüs Fail (Fail) - Redigeeri ImageReady's (Minge ImageReady'sse).

Photoshop CS3 ja uuemate versioonide puhul pole animatsioonide salvestamiseks vaja animatsioone lisaprogrammid... Animatsioonide paneeli kasutatakse nüüd redigeerimiseks ja salvestamiseks kohandati üksust menüüs Fail. Salvestajaoksvõrk(Säästa selleksvõrk) .

Vaatleme veel üht väikest näidet kaadrihaaval animatsiooni loomisest, milles analüüsime, milleks nupp on mõeldud. Tween(Loo vahepealsed kaadrid).

Looge uus dokument, 500 x 250 px. Valige tööriist Tüüp, Impact font, suurus 150 pt. ja kirjuta suvaline sõna. Määrake läbipaistmatus 100%. Lisage kihistiile: vari, gradient ja reljeef. Saate valida erineva stiili, seda pole vaja teha nagu minu oma. Teksti deformatsiooni saab ka animeerida. Animatsioonipaneelil määrake intervalliks 0,2 sek. Esimese kaadri kopeerimiseks klõpsake nuppu. Minge kihtide paletile (Kihid) ja vähendage läbipaistmatust 0-ni. Muutke kihi stiili (näiteks lisage gradientkatte asemel värviline ülekate). Kaadrite vahel vahetades saate jälgida, kuidas pilt muutub.

Lisame nihke. Valige tööriist Teisalda ja liigutage tekst lehelt allapoole. Minge animatsioonipaneelile ja klõpsake nuppu

Ilmuvas aknas saate konfigureerida lisatud kaadrite arvu. Mida rohkem neid on, seda sujuvam on üleminek. Graafikus TweenKoos(Vahekaadrid) saate valida loendist, kuhu raamid sisestatakse:

Viimane (Viimane kaader); Valik Eelmine raam Esimene kaader; Järgmine raam. Loend muutub sõltuvalt valitud kaadrist.

Jätke kõik vaikeseaded. Klõpsake nuppu OK.

Klõpsake nuppu Esita. Kui kõik teile sobib, jätkake animatsiooni salvestamisega.

GIF-failide avamine.

Photoshop CS3 ja CS44 puhul ei avane video- ja GIF-animatsioonifailid menüüst Fail – Ava. Kui proovite avada akent, kuvatakse:

Installige kindlasti QuickTime Pro 7.1 või uuem.

Photoshop CS5-l seda probleemi pole. Faile saab hõlpsasti tavapärasel viisil avada.

Valige menüüst Fail - Import - Videokaadrid kihtidesse.
kihtideks...). Te ei saa failitüübi väljalt GIF-faile valida. Sellest defektist saab aga hõlpsasti mööda hiilida, kopeerides esmalt .gif-faili nime ja kleepides selle failinime väljale või sisestades sellele väljale nime käsitsi. Või sisestage * väljale Faili nimi ja klõpsake seejärel nuppu Laadi
gif faili nimi tuleb nähtavale ja saad selle avada (nähtavaks muutuvad ka muud failid, ka need, mida programmis avada ei saa).

Jätke kuvatavas aknas vaikesätted. Märkida tuleks üksused Algusest lõpuni ja Tee kaadrianimatsioon. Kahjuks ei ole nii avatud failidel läbipaistvat tausta – need on hoopis valged. Kui avate sellise faili CS5-s, säilib läbipaistev taust.

Nupud animatsioonikihtide ühendamiseks.

Vaadake hoolikalt, kuidas palett on muutunud Kihid(Kihid) aeglustatud animatsiooniga töötamisel. Nüüd on olemas nupud, mis võimaldavad rakendada praeguses kaadris muudatusi kõikidele teistele kaadritele. Märkige ruut valiku Propagate Frame 1 kõrval.

Vaatame, kuidas need töötavad... Avage tähe joonistamiseks animatsioonifail. Valige mis tahes raam ja lülitage taustakihi nähtavus välja. Klõpsake nuppu Esita. Ainult valitud raam on muutunud läbipaistvaks. Klõpsake nuppu Ühenda kihi nähtavus. Ilmub aken:.

Kliki Matš(Sünkrooni) ja käivitage animatsioon uuesti. Täht joonistatakse kogu animatsiooni vältel läbipaistvale taustale. Esimese kaadri läbipaistvus on nüüd määratud kõigile animatsioonikaadritele. Samuti saate juhtida kihi asukohta ja stiili.

Paleti kihid (Kihid) valige üksus Animatsioonisuvandid (Animatsioonisuvandid). Vaikimisi kuvatakse kihtide ühendamise nupud automaatselt, kui animatsiooni raamiriba on lubatud. Saate seda reeglit muuta, valides Alati Kuva või Peida alati.

Animatsioonipaneeli sulgemine.

Animatsioonipaneeli sulgemiseks on mitu võimalust.

Saate animatsioonipaneeli ahendada või sulgeda ja avada eelistused, klõpsates nuppu Kasutajaliidese eelistused.

Küsimused:

1. Mis juhtub, kui valite stopp-animatsioonis kaadri ja vajutate klaviatuuril Del?

Valitud kaader kustutatakse.

Kihtide paletis (Kihid) valitud kiht eemaldatakse animatsiooni kõikidelt kaadritelt.

Kihtide paletis (Kihid) valitud kiht kustutatakse ainult valitud animatsioonikaadri puhul.

Kihtide paletis valitud kiht eemaldatakse kõikidest animatsioonikaadritest, välja arvatud taustakiht.

1. Sul on kolm kaadrit. Animatsioon on pidev. Mida peate lisamiseks tegema
   5 vahekaadrit viimase ja esimese kaadri vahel?

Valige esimene kaader. vajuta nuppu
Valige veerus Tween With seadetes Järgmine kaader.

Valige viimane kaader. vajuta nuppu
Valige veerus Tween With seadetes Eelmine raam.

Valige viimane kaader. Klõpsake nuppu Tween.
Valige veerus Tween With seadetes Esimene kaader.

1. Milleks on animatsiooni optimeerimine?

Ajaskaala animatsiooniks teisendamiseks.

Gif-faili suuruse vähendamiseks, välistades alad, mis kaadrist kaadrisse liikudes ei muutu.

Animatsiooni korduste sageduse määramiseks.

Kodutöö:

1) Tehke tähe joonistamise animatsioon kaadri kaupa (vastavalt tunnile).

2) Tehke teksti animatsioon kaadri kaupa.

Tere õhtust, kallid minu ajaveebi tellijad ja lugejad! Kas olete valmis õppima, kuidas oma pilti ellu äratada? Ja mitte maagia abil, vaid kõige selle abil, mis on meie lemmik Photoshopis! Kui kaua ma olen seda õppetundi edasi lükanud, teadmata, miks. Lõppude lõpuks on need Photoshopi põhitõed! Aga nüüd otsustasin end parandada.

Ja täiustage nii palju, et video lõpus on teie omadel ka videotund, kuidas teha animatsioone Photoshopis.

Ma ei kirjutanud Photoshopi õpetusi pikka aega ja mul olid selleks põhjused. Lõppkokkuvõttes olin lõpetamas oma lugu "". Olete oodatud seda lugema ja avaldama oma arvamust otse kommentaarides!

Ja nüüd läheme otse õppetundi. Allolevas videos räägin teile, kuidas teha järk-järgult lisatavat teksti, kuid tekstitunnis on ülesanne veidi keerulisem.

Meil on Cipollino ja me peame panema ta meile pastakaga lehvitama.

Samm 1. Kõigepealt peate Photoshopis animatsiooni lubama. Selleks me läheme "Aken" -> "Animatsioon"... Võib ikka kirjutada "Ajaskaala".

2. samm. Selleks, et käsi liiguks, peame selle välja lõikama ja erinevatesse asenditesse panema. Käsitsi lõikamiseks kasutan isiklikult "Magnetiline lasso"... Teeme koopia peamisest ( Ctrl + J) ja töötage koopiaga. Originaali me ei puuduta.

Valige käsi hoolikalt ja lõigake see välja!

3. samm. Ja nüüd me sisestame oma käe, ükskõik kui kohutavalt see ka ei kõlaks, ja paneme selle erinevatesse asenditesse. Käsi sisestatakse uutesse kihtidesse, meile isegi sobib.

4. samm. See samm on valikuline, kuid parem on kasutada tööriista Eraser, et käsi pisut puudutada, muutes selle loomulikumaks. Seda on muidugi raske sõnadega seletada. Kui saate aru, milleks me kustutuskummi kasutame, järgige seda sammu. Kui te ikka aru ei saa, võite selle vahele jätta. See pole oluline, sest meie jaoks on kõige olulisem õppida lihtsat animatsiooni looma!

5. samm. Nüüd töötame personaliga. Lisage igasse kaadrisse ainult need kihid, mida vajame. Näiteks 1 kaadris vajame oma originaali ja meie puhul "Kiht 0".

Nüüd loome uue raami:

Ja uues kaadris lülitage sisse muud kihid. See tähendab, meie "Kihi 0 koopia" ja "kiht 1", see tähendab teistsugune käte asend. Loodan, et algoritm on teile arusaadav, kallid lugejad.

6. samm. Seadsime kaadri viivituse. See tähendab, millise ajavahemiku järel näidatakse järgmist kaadrit.

7. samm. Päästame oma. Pole asjata, et lisasin selle sammu oma õpetusse, kuna GIF-animatsiooni salvestamine toimub veidi teisiti kui lihtsalt pilt.

Valige vorming (vaikimisi on GIF) ja salvestage.

02.08.2016 27.01.2018

Selles õpetuses õpime animatsioone looma. Animatsioon on pilt, millele on antud liikumine, erinevalt staatilistest piltidest (näiteks fotodest) võib see muuta kaadreid või kaadri osi.

Anima on ladina keeles "hing". Võib öelda, et animatsiooni luues "animeerime" pildi, anname sellele elu.

Animatsioonipaneel ilmus sisse Adobe photoshop CS3, enne seda kasutati CS-i versioonis animatsioonide loomise võimalust eraldi programm, Image Ready CS2, mis oli kaasas Adobe Photoshopiga. Nüüd uues Adobe versioonid Photoshopi animatsioonitööriist sisaldub programmis ja kannab nime Ajaskaala... Õppetund lõpetatud v Adobe Photoshop 2015.5, kui teil on rohkem varajane versioon programmide puhul võivad mõned sätted erineda, kuid põhikontseptsioonid on samad.

Alustame animatsiooni loomise õppimisega. Avage pilt, mida soovite "animeerida", Fail - Ava (Fail-ava). Mul on see armas pilt tüdruku ja kassiga tähistaevast imetlemas.

Looge kolm uut tühja kihti, Kiht-uus-kiht (kiht-Uus-kiht) või klõpsake uue kihi loomise pisipildil kihtpaneelid.

Nimetage need vastavalt "1", "2", "3". See aitab teil tulevikus mitte segadusse sattuda.

Me valime Pintsli tööriist (pintsel):

Klõpsake kõigepealt pintsli suuruse kolmnurgal ja seejärel vasakul asuval hammasrattal:

Avaneb pintslite laadimise menüü:

Laadige alla tärnipintslid (https://cloud.mail.ru/public/G2co/RTne1N3f9):

Valige üksikud pintslid ja värvige suurust muutes kolmele varem loodud kihile. Pintsli värvus on valge või valgele lähedane. Peaasi, et mitte asetada neid kõikidele kihtidele samale alale, proovige tähti juhuslikult üle taeva laiali ajada.

Noh, nüüd kõige tähtsam: liigume edasi pildi animeerimise võlu juurde. Minge menüüsse Aken-ajaskaala), ilmub see aken:

Animatsioonipaneel on kahte tüüpi: ajaskaala ja kaader kaadri haaval animatsioon... Esimest tüüpi kasutatakse harva, kuna see on mõeldud peamiselt videoga töötamiseks, läheme üle kaader-kaadri haaval, selleks vajutame nuppu " Loo video jaoks ajaskaala ", ja siis sellel ikoonil:

Avaneb järgmine aken:

Uue raami loomiseks klõpsake sellel ikoonil:

Meie animatsioon on lihtne, piisab kolmest kaadrist. Lisa olemasolevale vaikimisi veel kaks kaadrit, siis seisame tüdruku ja kassiga kihi peal ja teeme selle nähtavaks ning esimese kihi tähtedega (selleks klõpsa lihtsalt kihi silmal kihtpaneelid):

Sama teeme ka teise ja kolmanda kaadri puhul, ainult teise ja kolmanda kihi jaoks lülitame nähtavuse sisse vastavalt tärnidega. Tüdruku ja kassiga kiht on alati näha. Selguse huvides teise ja kolmanda kaadri ekraanipildid:

Klambriga võtiShift valige animatsioonipaneelil kõik kihid, paremklõpsake ja muutke kaadri kestust 5 sekundit vaikimisi installitud, näiteks enne 0,2 sekundit... Klõpsake nuppu "Tsükli parameetrite valimine" ja muutke väärtuseks "Pidevalt":

Kui parameeter on määratud "Ükskord", siis esitatakse animatsioon üks kord ja peatub, kui parameeter "Pidevalt" see "vilgub" pidevalt.

Et näha, kuidas animatsioon välja näeb, klõpsake sellel nupul:

Lisateabe saamiseks sujuv üleminek kaadrite vahele saab lisada vahekaadreid – muuta aktiivne kaader sisse animatsioonipaneelid ja klõpsake seda ikooni:

Ilmub aken, kus saate valida tweenside arvu, positsiooni ja stiili. Lisasin kahele esimesele kaadrile 3 vahekaadrit järgmiste seadistustega:

Ja viimane, kolmas, kaader, samuti 3, kuid erinevate seadistustega, et animatsioon oleks silmusel ja et tähed ilmuksid ja kaoksid sujuvalt, ilma tõmblemise ja järskude üleminekuteta:

Noh, siin oleme Photoshopis animatsiooni teinud, jääb ainult salvestada. Minema Fail-Ekspordi-Salvesta veebi ( vana versioon) (Fail— Ekspordi— Salvesta jaoks võrk (vana versioon)):

Formaadi valimine Gif, saate valida ka värvide arvu (mida rohkem värve, seda rohkem fail kaalub, kuid mida vähem värve, seda halvem on kvaliteet), suurust. Ülejäänud parameetrid saab jätta vaikeväärtusteks.

See on kõik! Oleme õppinud Photoshopis animatsiooni tegema!

Looge uus fail mõõtmetega 700 x 300 px.

Ava aken Ajaskaala((Aken – ajaskaala)).

Klõpsake nuppu " Loo raamianimatsioon»(Loo kaadrianimatsioon).

Looge tööriista () abil 3 kiht tekstiga ("Animatsioon", "see", "lihtne").

Kasutage tööriista (Teisalda tööriist / V-klahv), et paigutada tekst nagu alloleval pildil.

Aknas Ajaskaala(Ajaskaala) valige esimene kaader ja vajutage nuppu " Kopeerib valitud kaadreid»(Loo valitud kaadrite koopia).

Meie loome 4 valitud kaadrite koopiad.

Aknas valimine Ajaskaala(Ajaskaala) teine ​​kaader ja jäta nähtavaks ainult kihid" Animatsioon" ja " Taust».

Me valime neljas kaader ja jäta see nähtavaks kõik kihid.

Määrame oma animatsiooni kordusparameetri. Akna menüüs Ajaskaala(Ajaskaala), muutke kordusparameetrit väärtusest " Üks kord" peal " Pidevalt"(Pilt allpool).

Nüüd saame animatsiooni esitamiseks kasutada päästikut.

Animatsiooniseaded Photoshop CC jaotises "Fail – salvesta veebi jaoks". Lõpptulemus

Kas olete kunagi mõelnud, kuidas animeeritud GIF-e luuakse? Õpetuse autor kutsub teid selle õpetuse abil ühe õhtu jooksul selgeks tegema mõned animatsiooni saladused. Samuti saate teada, kuidas kasutada ajaskaalat, mis on saadaval rakenduses Photoshop CS6. Nüüd alustame!

Tunni tulemus.

Samm 1

Loo uus dokument ( Ctrl + N) faili suurusega 800 x 500 pikslit. Täitke taust mis tahes soovitud värviga. Nüüd minge menüüsse Kihid- Stiilkiht- Ülekategradient(Kiht> Kihi stiilid> Gradiendi ülekate). Rakendage järgmisi sätteid: Stiil Radiaalne(Radiaalne), värvid mustast (# 000000) siniseni (# 54799b), mida kasutatakse keskel.

2. samm

Looge uus kiht ja nimetage see Mürakiht... Valige tööriist Täida(Paint Bucket Tool) ja täitke loodud kiht tumeda värviga (# 231f20). Jätke kiht aktiivseks Mürakiht ja minge menüüsse Filter – müra – lisa müra(Filter> Müra> Lisa müra). Määrake filtri sätete dialoogiaknas järgmised väärtused. mõju(Summa) 3%, jaotus Vormiriietus(Ühtne) ja klõpsake nuppu OK.

3. samm

Vajutage klahvikombinatsiooni (Ctrl +U) ja kuvatavasse parandussätete dialoogiboksi sisestage väärtused Küllastus(Küllastus) 100%: muutke selle kihi segamisrežiimiks Pehme valgus(Pehme valgus).

Tõlkija märkus: et saavutada sama värvi, mis autoril ekraanipildil, korrigeerides tooni/küllastuse väärtust Värvi toon(Hue) pane selga - 140.

4. samm

Lisage soovitud tekst. Siin kasutame 123RF veebisaidi logo teksti. Kihtistiilides kasutage Kontuur(Insult). Valige löögi suuruse väärtused vastavalt oma eelistustele.

Tõlkija märkus: Autori ekraanil on juba rasterdatud tekst koos Stroke stiiliga. Sama tulemuse saavutamiseks eemaldage pärast löögi rakendamist Fill (Täida) tekstikihi väärtuseks 0%, teisendage see kiht nutikaks objektiks ja rastereerige see seejärel.

5. samm

Selles etapis loome kihistiilide abil tekstile helendava efekti. Topeltklõpsake kihil, et avada stiiliseadete aken. Kasutage kihtide stiilide kohandamiseks allolevaid ekraanipilte.

Reljeeftrükk(Fall ja reljeef)

Sisemine vari(Sisemine vari)

Sisemine sära(Sisemine sära)

Värviline ülekate(Värvikate)

Väline sära(Välimine sära)

Vari(Vari)

6. samm

Kui olete kihistiilide abil valgusefektide loomise lõpetanud, minge kihtide paletti ja vähendage selle kihi väärtust. Täidised(Täida) 0% võrra.

7. samm

Kopeerige 5. sammus loodud kiht ja lülitage sellel koopial välja kõik kihistiilid. Nüüd seadistage stiilid järgmiselt:

Sisemine vari(Sisemine vari)

Sisemine sära(Sisemine sära)

8. samm

Allpool on tulemus pärast kihistiilide rakendamist.

9. samm

Nüüd loome liikuvad valgustäpid. Looge olemasolevate peale 5 kihti ja nimetage need ümber 1,2,3, R ja F. Kui teil on oma tekst, looge kihid vastavalt oma tähtedele. Rühmitage need kihid kausta ja andke sellele nimi. Heledad laigud ja muutke segamisrežiimiks Aluse kergendamine(Värviline Dodge).

Aktiveerige tööriist Pintsel(Brush Tool), valige pehme pintsel, seadke Läbipaistmatus(Läbipaistmatus) 95% ja valge värviga teksti kohal mõned täpid. Iga tähe jaoks eraldi valgustäpp oma kihil. Alloleval ekraanipildil näete, kuidas kihid vaatavad kihtide paletis autorit.

10. samm

Nüüd minge menüüsse Aken – ajaskaala(Aken> Ajaskaala). Märkate, et teie kihid on selle vasakpoolsesse paletti juba ehitatud. Valige rühmas kõik viiest prožektorikihist. Heledad laigud ja veenduge, et praeguse aja indikaator (sinine liugur) on kaadri nullis. Nüüd klõpsake rühma igal kihil, kui see on aktiivne, valikul positsioon(Positsioon) võtmekaadri loomiseks.

Tõlkija märkus: Ajaskaala aktiveerimiseks vajutage nuppu Looge video jaoks ajaskaala(Loo video ajaskaala) ja kõik teie kihid laaditakse ajaskaalale. Valitud kiht on sama kiht või rühm, mis kihtide paletis.

11. samm

Seadke praeguse aja indikaator (sinine liugur) olekusse 01:00 F ja liigutage heledate laikudega kihte mööda nende liikumisteed tähe kontuuri suhtes.

12. samm

Selline näeb tähtedel välja valgustäpi algne asukoht. Liigutage praeguse aja indikaatorit mööda ajaskaalat ja liigutage kihte heledate laikudega, luues võtmekaadreid. Jätkake nende liigutamist, kuni olete lõpetanud täpi liigutamise üle iga tekstikihi kogu tähe. Juhiste saamiseks vaadake allpool mõnda ekraanipilti.