Program "Photoshop" je univerzalno orodje, ki vam omogoča delo z različnimi formati grafičnih datotek. Med njimi - GIF, s katerim lahko ustvarite tako imenovane gifs. Kaj je teh datotek posebnega? Kako narediti gifs v Photoshopu?
Na to vprašanje lahko odgovorimo:
- raziskovanje posebnosti gifov;
- Po pregledu osnovnih orodij za ustvarjanje te vrste datotek, ki so v programu Photoshop.
Začnimo od prve točke.
Vsebina članka
- Kaj so GIF??
- Algoritem za ustvarjanje animiranih gifov v Photoshopu
Kaj so GIF??
Pod GIF razumejo najpogosteje animirane slike v grafični obliki GIF. V večini primerov so nameščene na spletnih straneh in jih je mogoče uporabiti na primer kot oglasni pas, oblikovalski element na spletnem mestu ali medij za večpredstavnostno vsebino. GIF je eden najpogostejših formatov slikovnih datotek, skupaj z jpeg, png, BMP. Njegove glavne prednosti, ki zlasti določajo priljubljenost GIF-ov med spletnimi oblikovalci, so:
- mogoče je ustvariti majhne slikovne datoteke (to lahko znatno prihrani vire internetnih strežnikov z zmanjšanjem prometa);
- izdelava animiranih slik v obliki gifov pri uporabi priljubljenih programov, zlasti Photoshopa, je zelo preprosta - tudi neizkušen uporabnik lahko to začne;
- obravnavani grafični format je univerzalen (datoteke GIF podpirajo skoraj vse sodobne računalniške platforme, brskalniki in večina programov za obdelavo grafike).
Gifovi lahko prikažejo ne preveč barv - le 256 (za primerjavo, v jpeg-u je ta številka približno 16,7 milijona), vendar je to v mnogih primerih dovolj za ustvarjanje tematskih "posnetkov", značk, animiranih pasic ali videov. Mimogrede, sprva polnobarvne slike preoblikovane kot GIF izgledajo spektakularno po svoje..
Oglaševanje
Zato omenjene značilnosti GIF-jev - ki prikazujejo omejeno število barv - ne bi smeli vedno obravnavati kot napako v formatu.
Vendar pa najpogosteje GIF postanejo priljubljeni zaradi sposobnosti ustvarjanja animacij, ko se uporabljajo. Njihovo strukturo lahko predstavljamo z več okviri v določenem zaporedju, pa tudi z algoritmi, v skladu s katerimi je določeno trajanje prikaza posameznih slik na zaslonu. Animacija s pomočjo gifov je pogosto nastavljena tako, da kroži skozi okvirje (ko se prva slika začne, ko se serija konča z igranjem). Opozorimo lahko, da posnetki v standardnih večpredstavnostnih oblikah, kot so na primer AVI, Quick Time, MPEG-4, ne vsebujejo notranjih algoritmov, ki omogočajo predvajanje v zanki - ustrezno funkcijo izvaja program predvajalnika.
Format GIF ima analogne primerke - na primer Apng. Vendar je standard Apng manj pogost in ne tako univerzalen. Photoshop še posebej ne podpira. Za razliko od GIF-jev - ki jih ta program lahko obdela na različne načine. Preučili bomo najpreprostejši algoritem za ustvarjanje ustrezne vrste animacije v Photoshopu.
do vsebine ↑Algoritem za ustvarjanje animiranih gifov v Photoshopu
Ključno načelo za premik GIF-jev v gibanje je enako tistemu, ki se uporablja v običajnem filmu. Njegova struktura je predstavljena, kot je znano, zaporedje okvirjev, nameščenih na plastični nosilec. Film pa se na zaslonu predvaja z določeno hitrostjo.
Tako bomo za ustvarjanje animiranega gifa najprej potrebovali "okvirje", iz katerih bomo nato zgradili potrebno zaporedje, "film", na katerega bodo nameščeni, in mehanizem za "reproduciranje" okvirjev.
Prva komponenta od zgoraj omenjene številke so lahko navadne slike. Dovoljeno jih je ustvariti v kateri koli datotečni obliki - v resnici so lahko zelo vpleteni GIF, jpg ali na primer png in sam Photoshop..
Za razmislek o algoritmu za ustvarjanje gifov uporabljamo Photoshop v različici CS6, ki je ena najpogostejših v Rusiji in na svetu. Naj bo v angleški različici - veliko ljubiteljev računalniške grafike ga raje uporablja, saj je ogromna dokumentacija za Photoshop sestavljena v Shakespearovem jeziku.
Tako odpremo Photoshop, izberemo element File in nato - New. Naj bo velikost ustvarjene slike 800 do 200 pik.
Po tem lahko z orodjem Gradient, ki se nahaja na levi plošči, ozadju slike damo nekaj učinka. Njegova aktivacija se izvede preprosto - morate s klikom na ustrezno ikono in držanjem levega gumba miške narisati črto neposredno na sliki. Gradient se bo glede na njegovo dolžino v enem ali drugem razmerju razširil po sliki.
Nato lahko na ozadje, ki je napolnjeno z označeno metodo, napišete nekaj besedila z ustreznim orodjem - Besedilo, ki se nahaja tudi na plošči, ki se nahaja na levi strani okna Photoshop. Naj bo beseda na prvem kadru našega gifa. Če ga napišete, lahko uredite barvo, velikost pisave (ustrezne možnosti po izbiri orodja Text se bodo odprle na vrhu programskega okna) in dodate potezo (tako, da z desno miškino tipko kliknete na besedilno plast, ki bo poklicana, tako kot besedilo, tako da izberete Možnosti mešanja in nato Stroke).
Prvi okvir je pripravljen. Treba ga je pravilno shraniti. Izberite Datoteka in nato Shrani kot. Optimalna oblika shranjene datoteke v tem primeru je png (ko je aktivirana, so črke relativno gladko prikazane). Toda preden ga izberete s seznama predlaganih razširitev, zagotovo potrdite polje poleg možnosti Shrani kopijo. To bo pomenilo, da bo v oknu Photoshopa ostal "vir" te datoteke, ki ga je mogoče urejati. Ko smo shranili prvi okvir, bomo še naprej sodelovali s tem zelo "virom".
Ekipa se je odločila, da se bo odlikovala po kakovosti. Zato še enkrat izberemo orodje Besedilo, namesto besede napišemo "Razlikovati". To bo drugi okvir - shranite ga na ustrezen način v obliki png.
Po tem se vrnemo k »izvoru« in vnesemo besedo »Kakovost« namesto »Razlikovati«. Shrani datoteko.
Zdaj imamo na razpolago 3 okvirje, iz katerih je povsem mogoče ustvariti animacijo obrazca "- razlikujemo se po kakovosti".
Zaprite vsa okna v programu Photoshop (program lahko celo popolnoma zapustite zaradi zanesljivosti in ga znova naložite). Ko kliknete Datoteka, nato Odpri in izberite vse 3 shranjene datoteke. Na zaslonu se bodo prikazali 3 okvirji -, "Razlikovanje", "Kakovost".
Zdaj moramo izvesti eno nenavadno operacijo - razporediti te okvirje drug na drugega. Najnižje bo očitno. Ostalo mu bomo naložili. To je zelo enostavno narediti..
Potrebno je, če izberemo orodje Premakni - tudi na levi plošči kliknemo na okvir "Razlikovati". Nato s tipkovnima bližnjicama Ctrl in A izberite celotno območje slike in ga s pomočjo Ctrl in C prekopirajte in nato - Ctrl in V v okvir. Ker sta po velikosti enaki, bo kopirana slika prva popolnoma zaprla. Enak postopek je treba izvesti z okvirom "Kakovost" - kopirajte ga in zaprite s sliko "Razlikovati". Zdaj bodo vsi prejšnji okviri zaprti z besedo "Kakovost".
Po tem pojdite na ploščo slojev, ki se nahaja na desni strani okna Photoshopa, in okvirje, ki se nahajajo zgoraj, naredite nevidne. Če želite to narediti, kliknite levi klik na slike majhnih "oči", ki se nahajajo levo od imena plasti (Layer 1 in Layer 2).
Posledično bo viden samo okvir. V tem primeru bo označeno kot Ozadje, torej ozadje. Nasproti njega naj bi bilo prikazano "oko". Windows z dvema drugim datotekama - "Razlikovana" in "Kakovost", prvotno naloženih v program skupaj z okvirjem - je mogoče zapreti.
Naslednji korak je aktiviranje najpomembnejšega orodja Photoshop, in sicer časovnice ali časovnice. Lahko ga štejemo za analogno "filmu" - drugi sestavni del animacije. Objaviti bo potrebno okvirje, ki smo jih ustvarili mi. Če želite aktivirati orodje Časovna premica, izberite postavko v meniju Okno in nato - Časovnica.
Po tem se bo odprla nova plošča v spodnjem delu okna Photoshopa (pod delovnim prostorom, na katerem je okvir, ter dve skriti - "Razlikovati" in "Kakovost"). To je časovnica. Imela bo gumb Ustvari časovno premico videa. Kliknili bi ga, po katerem se bo naložila animacijska lestvica, v njej pa so trije okvirji, s katerimi smo delali zgoraj. Za udobje ga lahko preklopite v način okvirja - s klikom na ikono v obliki treh pravokotnikov, ki se nahaja na levi.
Vsak okvir bo vseboval določen okvir. Prva na vrsti bo tista, ki se ujema s tisto na zaslonu - v kateri je slika vidna, in "Razlikovati" in "Kakovost" - nevidne slike.
Naša naloga je ustvariti naslednje okvirje, tako da jih umestimo v ustrezne okvirje. To naredite tako, da kliknete ikono v obliki štirih vodoravnih trakov in izberete Nov okvir.
Tako bo nov okvir - po prvem - drugi okvir. V njej je treba po drugi strani aktivirati sliko "Razlikovati" - tako, da se pojavi v ospredju, ki zajema sebe. Če želite to narediti, z miško izberite drugi okvir in nato kliknite na majhen kvadrat nasproti imenu ustreznega sloja - Layer 1. Moral bi se spremeniti v "oko", zaradi česar bo beseda "Razlikovati" vidna slika na drugem kadru..
Naslednji korak je ustvariti tretji okvir. Podobno je z uporabo možnosti New Frame. Tretji okvir bo postavil okvir "Kakovost". V njej morate po drugi strani deaktivirati "oko" nasproti slike "Razlikovati" in aktivirati ustrezen element, ki je nameščen nasproti želene plasti, to je 2. nivo.
Tako bodo vsi trije okvirji po vrsti postavljeni na "film", ki je orodje Časovnica.
Zdaj lahko konfigurirate nekaj možnosti za predvajanje prihodnjih animacij. Na primer, trajanje vsakega okvira. Izbrati je potrebno vse okvirje po vrsti - to je enostavno storiti z miško, držite Ctrl, nato - kliknite puščico, ki se nahaja na skrajnem desnem okvirju, nato - izberite želeno vrednost za ustrezen parameter. Na primer - 2 sekundi.
Naslednji korak je uporaba mehanizma "predvajanja" animacije. Pravzaprav bo sama datoteka GIF delovala kot taka. Če ga želite ustvariti, morate našo animacijo shraniti v to obliko. Kliknite Datoteka, nato - izberite element menija Shrani za splet. Odpre se okno z nastavitvami GIF.
Ima ogromno možnosti. Po želji lahko eksperimentirate z njimi. A do zdaj ničesar ne spreminjamo, naj bo vse nastavljeno privzeto. Kliknite Shrani, določite ime datoteke GIF in kraj, kamor naj se shrani.
Odpiranje že pripravljenih animiranih gif je najboljše v katerem koli brskalniku. Dejstvo je, da če v urejevalniku zaženete datoteko GIF, se okvirji najverjetneje ne bodo predvajali..
Če v brskalniku odprete gif - na primer Opera, Mozilla, Chrome, Internet Explorer, se začne animacija, v kateri se bodo po vrsti zamenjale besede "Razlikovati", "Kakovost".
Tako smo se naučili, kako narediti gifs v Photoshopu. Namesto okvirjev, ki jih uporabljamo, lahko uporabimo poljubne slike, njihovo število pa je lahko zelo veliko - omejeno bo le z računalniškim delovanjem. Če želite, je v Photoshopu enostavno ustvariti s pomočjo razpoložljivih orodij za delo z GIF-animacijo, celotno risanko ali na primer predstavitvijo.
