Geros piešimo knygos Photoshop brolis ImageReady

Geros piešimo knygos Photoshop brolis ImageReady

 

Jei jūsų kompiuteryje įdiegta „Photoshop 5.5“ arba naujesnė versija, neabejotinai kompiuteryje kartu su „Photoshop“ rasite įdiegtą kitą programą pavadinimu „ImageReady“. Taigi, ar žinote, kam jis naudojamas?

 

„ImageReady“ yra speciali programinė įranga animacijai redaguoti, kompensuojanti „Photoshop“ trūkumus redaguojant animacijas ir žiniatinklio medžiagą. „ImageReady“ turi daugybę įrankių, skirtų žiniatinklio vaizdams ir animacijai kurti, ir netgi gali sukurti dalį HTML kodo, kuris, galima sakyti, yra galingas. Pažvelkime į dvi pagrindines animacijos funkcijas.

 

1. Kurkite animuotus GIF

Animacija iš tikrųjų yra nuolatinių statinių vaizdų serija, kiekvienas statinis vaizdas vadinamas kadru, kai šie kadrai yra nuolat ir greitai rodomi, susidaro animacijos efektas. Animacijos redagavimas naudojant „ImageReady“ reiškia manipuliavimą kadrais.

 

1. Sukurkite naują rėmelį

Atidarykite „ImageReady“, sukurkite naują 244 × 277 pikselių failą pavadinimu „Pirštų magija“, meniu „Langas“ spustelėkite „Rodyti sluoksnį“ ir komandą „Rodyti animaciją“, kad sluoksnio skydelis ir animacijos skydelis būtų rodomi programinės įrangos sąsajoje. Atidarykite t1.jpg, paspauskite Ctrl+A, kad pasirinktumėte visą vaizdo turinį, nukopijuokite ir įklijuokite jį į naują vaizdą. Tai pirmasis animacijos kadras ir tai yra numatytoji normali vaizdo būsena programoje.

 

Norėdami sukurti antrą kadrą, po animacijos skydeliu spustelėkite mygtuką „Kopijuoti dabartinį kadrą“. Taip pat nukopijuokite visą t2.jpg turinį į naują failą „Greita pirštų magija“.

 

Tada naudokite aukščiau pateiktą metodą, kad įklijuotumėte t3.jpg, t4.jpg, t5.jpg, t6.jpg į savo naujus kadrus, iš viso sukurdami 6 kadrus.

 

2. Suderinkite sluoksnius ir rėmelius

Sluoksnių skydelyje pasirinkite sluoksnį „Fonas“ ir apatiniame dešiniajame sluoksnių skydelio kampe paspauskite mygtuką „Ištrinti sluoksnį“ (mažas šiukšliadėžės simbolis), kad pašalintumėte fono sluoksnį.

 

Spustelėkite, kad pasirinktumėte 1 kadrą Animacijos skydelyje ir paslėptumėte 2, 3, 4, 5 ir 6 sluoksnius sluoksnių skydelyje (pašalinus „mažas akis“ kairėje šių sluoksnių pusėje).

 

Tada Animacijos skydelyje spustelėkite 2 kadrą ir sluoksnių skydelyje paslėpkite 1, 3, 4, 5, 6 sluoksnius, kad būtų rodomas tik 2 sluoksnio turinys.

 

Lygiai taip pat kiti sluoksniai nuo 3 iki 6 kadrų yra paslėpti atskirai, kad kiekviename kadre būtų rodomas tik su juo susijęs sluoksnio turinys. Rezultatas parodytas 2 paveiksle.

 

3. Peržiūra ir saugojimas

Kiekvieno animacijos skydelio kadro apačioje spustelėkite mažą apverstą trikampį, esantį dešinėje nuo žodžio „sekundės“, ir pasirinkite, kiek laiko norite rodyti kiekviename kadre (0240 sekundžių, galite koreguoti pats). Galiausiai galite išbandyti animaciją tiesiogiai spustelėdami mygtuką Leisti animacijos skydelyje. Jei vis dar esate patenkinti, meniu „Failas“ galite pasirinkti „Išsaugoti optimizavimo rezultatus“, išsaugoti mūsų rezultatus kaip „finger magic.gif“ ir baigti gamybą.

 

Beje, su ImageReady taip pat galite atidaryti bet kurį animuotą GIF ir redaguoti kiekvieną kadrą. Radau, kad „ImageReady“ sąsaja yra patogesnė ir lengviau naudojama nei „FireWork“, kita gerai žinoma animacijos redagavimo programa.

 

Antra, padarykite vartomas nuotraukas

Tinklalapiuose dažnai susiduriama su skirtingais dinaminiais efektais, kuriuos sukelia pelės įvykiai, pavyzdžiui, dažniausiai užvedus pelės žymeklį ant vaizdo, spustelėjus ir tolstant, keičiasi vaizdo turinys. Nors šio efekto redagavimas naudojant žiniatinklio HTML kodą yra sudėtingas, „ImageReady“ yra daug lengviau.

 

Šio vaizdo apvertimo efekto kūrimo būdas iš esmės yra toks pat kaip aukščiau aprašytas animacijos kūrimo būdas, vienintelis skirtumas yra tas, kad užuot atidarę animacijos skydelį, kad redaguotume kiekvieną kadrą, atidarome apverčiamą skydelį, kad redaguotume kiekvieną skirtingą pelės būseną.

 

Norėdami atidaryti apverčiamą skydelį, naudokite komandą „Langas → Rodyti apvertimą“ ir spustelėkite skydelio apačioje esantį mygtuką „Sukurti naują apvertimo būseną“, kad sukurtumėte skirtingas apvertimo būsenas. Čia iš viso yra 6 būsenos, būtent: normali, viršija, žemyn, spustelėkite, išeina ir aukštyn. Kiti veiksmai nėra daug ką pasakyti, tas pats yra nustatyti atitinkamą ryšį tarp kiekvienos būsenos ir kiekvieno sluoksnio ir galiausiai pasirinkti "Išsaugoti optimizavimo rezultatą kaip..." , išsaugoti kaip HTML formatą.