Izithombe ze-CSS

Kunezinhlelo eziningi lapho ungahlela khona, udale ama-montage noma udale izithombe, njalo uma kunama-software amaningi angeza lolu hlobo lwamaphrojekthi asebenzisanayo. Kulokhu okuthunyelwe ngeke sikwethule umhlaba wokugqwayiza kuphela, kodwa sizokwethula nomngane omusha.

Njengoba wazi kahle, umhlaba we-computing ugcwele imiyalo namathuluzi awusizo okuthuthukisa amakhasi ewebhu noma imidiya ye-inthanethi, ekhona njengamanje. Hlala nathi futhi uthole kulesi sifundo esisha enye indlela yokwandisa izinga lakho ngekhompyutha nokusebenzisana.

Ayini ama-animation?

Sifuna ukuthi ufake ngokugcwele okokufundisa, kodwa ngenxa yalokhu, kuyadingeka ukuthi ungene emhlabeni wezithombe ezinyakazayo noma lokho okuphathelene nomklamo wezithombe, umhlaba we design interactive. 

Ama-animation nawo ayingxenye yomhlaba we-audiovisual, empeleni angeke abe lutho uma noma cha ngoba kuzo, umsindo nesithombe esinyakazayo kwethulwa. Ngenxa yalesi sizathu, uma sikhuluma «izithombe ezinyakazayo», sibhekisela kulokho okudume ngokuthi «amakhathuni».

Njengoba kufingqiwe ngenhla, ukugqwayiza kuvela ekhonweni lokunikeza umnyakazo kokuthile, kulokhu opopayi. Kodwa konke lokhu kunyakaza kufinyelelwa kanjani, ngaphandle kokungabaza, kuvela kulokho esikubiza ngokuthi, ukulandelana kwemidwebo noma izithombe ukuthi ngokuyalwa ngokulandelana, ngokulandelana, bayakwazi ukukhiqiza ukunyakaza okuthembekile phambi kwamehlo ethu, okuboleka futhi bangene emdlalweni wokukhohlisa okubukwayo.

Phambilini, izithombe zokuqala ezipopayi zaklanywa emakhasini ephepha, kuzo zonke zazo, umlingisi opopayi wadwetshwa ethatha izinyathelo, futhi lapho ukuphela kweshidi sekufinyelelwe, kwadluliswa ngamunye ngamunye ngokushesha ukuze kuzuzwe umphumela wokunyakaza endaweni. umdwebo.

Izinhlobo zokugqwayiza

Kunezinhlobo ezahlukene zokugqwayiza:

Opopayi noma Opopayi Bendabuko

Lesi sitayela siqukethe ukunikeza umnyakazo kumlingiswa oyinhloko uhlaka ngohlaka. Ekuqaleni, lapho zazingekho izindlela ezanele zokulalelwayo nokubonwayo, zaziqhutshwa ngokudweba nokudweba kohlaka ngalunye (okuhlanganisa ingemuva, isiteji noma isizinda sopopayi), ukuze kamuva zithwetshulwe kulokho esikwazi njengeteyipu yefilimu.

Misa ukunyakaza

I-Stop Motion iwuhlelo lokugqwayiza olungahlanganise lutho nopopayi. Ngaphezu kwalokho, inhloso yayo enkulu ukulingisa ukunyakaza kwezinto empeleni ezimile ngokuphelele futhi ihlukaniswe izigaba ezimbili: ukugqwayiza kobumba noma ukunyakaza kobumba kanye nokugqwayiza kwezinto eziqinile.

I-Pixelation

I-Pixelation isu elivela ku-Stop Motion futhi lihlanganisa ukusebenza nezinto ezingebona onodoli noma amamodeli, kodwa izinto ezivamile noma abantu. Izinto zithwetshulwa izikhathi eziningi futhi zinyakaze kancane ngohlaka ngalunye.

I-Rotoscopy

Iqukethe umdwebo oqondile womunye umdwebo, njengokulandelelwa komdwebo komunye umdwebo noma womuntu wangempela. Kuthathwa njengesandulela se-mocap, okungukuthi, ukuthwebula ukunyakaza okusetshenziselwa ukuphinda kudalwe abalingisi bedijithali emhlabeni wesinema.

Ukugqwayiza Ngokusikwa noma Sika Izithombe Ezinyakazayo

Kuyindlela equkethe izibalo zokusika, lezi zibalo zingamelwa ephepheni noma ezithombeni. Umzimba wezinhlamvu wakhiwe ngokusekelwe ekusikeni nasekunyakazeni nasekugqwayizeni kuvela esikhundleni salokho okusikiwe.

3d izithombe

Ukugqwayiza kwe-3D kuvela kuhlelo lomhleli, oluvumela ukulingisa nokugqwayiza ukuthi kwenziwe. Ngaphakathi kwalokhu okubili okuhlukile, ukukhanya okuhle, ukunyakaza kwamakhamera kanye nemiphumela ekhethekile kuhlangana.

Okwamanje akhona amanye amasu anjengalawa: umdwebo engilazini, ukugqwayiza kwesihlabathi, isikrini se-gujas kanye nomdwebo we-celluloid. 

Yini i-CSS?

Manje njengoba usuwazi okwengeziwe mayelana nomhlaba wokugqwayiza, sekuyisikhathi sokuthi sikwethule emhlabeni wama-CSS acronyms.

Isigcino CSS, bheka "amashidi esitayela se-cascade". Yakhiwa ngolimi olusetshenziswa emkhakheni wokuklama futhi ekwethulweni kwamakhasi ewebhu, okungcono nakakhulu, awuchungechunge lwamathuluzi nemiyalo ephethe ukwethulwa kwekhasi lewebhu njengoba siyibona okokuqala kanye. sekudaliwe kakade. Isebenza kanye nethuluzi i-HTML (ihlelwe kusukela kokuqukethwe okuyisisekelo kwamakhasi).

Igama layo linqunywa inani lamashidi eliwaqukethe futhi elinye lawo lizuza njengefa izakhiwo noma izici kwabanye. Okusho ukuthi, ungasebenzisa isifanekiso sebhulogi esilula, kodwa uma ufuna ukwenza ngendlela oyifisayo ukubukeka kwesayithi uzodinga ukusebenzisa i-CSS leyo kanye ne-CMS enhle izokusiza uthuthukise ukufinyelela kokuqukethwe kwakho.

Iyini i-CSS?

Nge-CSS, ungakwazi ukuhlela ikhasi lakho, okungukuthi, ungatshela ikhasi lakho lewebhu ukuthi ufuna ukulithola kanjani lonke ulwazi ukuze umbukeli aphatheke kalula futhi asebenziseke ngesikhathi esisodwa. Lapha faka yonke imiyalo yezinye izici eziyingxenye yesitayela noma ukwakheka kwekhasi lewebhu, isibonelo, i amafonti, imibala, osayizi njll. 

Imvamisa, ukuze uqonde kangcono ukuthi leli thuluzi limayelana nani, ochwepheshe bezokuthengisa ngedijithali bangabokuqala ukuqonda ngalokhu njengoba yibona ababaphethe.

Gqwayiza ku-CSS

Nokho, manje njengoba wazi kancane mayelana nomhlaba wokugqwayiza ne-CSS. Isikhathi sokuqala okokufundisa.

Opopayi be-CSS bakuvumela ukuthi uphilise inguquko phakathi kwesitayela esisodwa se-CSS nesinye. Lezi zithombe ezinyakazayo zinezingxenye ezimbili: a isitayela echaza ukugqwayiza kwe-CSS kanye nesethi ye ozimele ezikhombisa isimo saso sokuqala nesokugcina, kanye namaphuzu aphakathi nendawo angenzeka kuwo.

Ngayinye yalezi zipopayi inochungechunge lwezinzuzo:

• Ukusetshenziswa kwayo kulula kakhulu ezithombeni ezilula, ungakwenza ngisho ngaphandle kokuba nolwazi lweJavascript.
• Ukugqwayiza kuboniswa ngendlela efanele, ngisho nakumakhompyutha anamandla amancane.
• Njengoba ilawulwa isiphequluli, ivumela ukuthuthukisa ukusebenza kwayo nokusebenza kahle, ngaleyo ndlela inciphise imvamisa futhi ikhiphe amathebhu ngendlela yokuthi angabonakali.

Izilungiselelo zokugqwayiza

Ukuqala ukugqwayiza, okokuqala kuzomele sikulungiselele. Ukuze senze lokhu, sizoya endaweni izithombe kanye nezakhiwo zayo ezingaphansi. Leli thuluzi lizosivumela ukuthi silungiselele kokubili isigqi kanye nobude besikhathi sokugqwayiza futhi hhayi ngisho nokulandelana kwakho.

Izakhiwo ezingaphansi yilezi:

izithombe - ukubambezeleka

Ukubambezeleka kwesikhathi phakathi kwesikhathi lapho i-elementi ilayishwa khona kanye nokuqala kokulandelana kopopayi.

izithombe - isiqondiso

Ibonisa ukuthi ingabe ukugqwayiza kufanele kubuyele emuva kuhlaka lokuqala ekugcineni kokulandelana noma ukuthi kufanele kuqale kusukela ekuqaleni uma ufika ekugcineni.

upopayi - ubude besikhathi

Ibonisa inani lesikhathi opopayi abasithathayo ukuqedela umjikelezo wabo (ubude besikhathi)

upopayi - iteration - count

Inani lezikhathi eliphindwe ngalo. Singabonisa engapheli ukuphinda ukugqwayiza ngokungapheli.

izithombe - igama

Isetshenziselwa ukucacisa igama elichaza uzimele ngamunye wopopayi.

animation - play - state

Ikuvumela ukuthi ukwazi ukumisa isikhashana futhi uqalise kabusha ukulandelana kopopayi.

upopayi - isikhathi- umsebenzi

Ibonisa isigqi sokugqwayiza, okungukuthi, ukuthi amafreyimu opopayi aboniswa kanjani, kulokhu, amajika okusheshisa ayasungulwa.

izithombe - gcwalisa - imodi

Icacisa ukuthi yimaphi amanani izakhiwo ezizoba nawo ngemva kokuphela kopopayi.

Setha ukulandelana ngozimele

Uma sesilungise isikhathi, i-nomenclature njll. Isikhathi sokunikeza ukubukeka noma umuzwa kupopayi wethu.

Ukwenza lokhu, sizosungula amafreyimu amasha amabili futhi sisebenzise umthetho @syabongampungos. Ngalokhu, uhlaka ngalunye luchaza ukuthi i-elementi ngayinye itholakala kanjani phakathi nokulandelana kokugqwayiza.

Ukukhombisa i isikhathi nesigqi, uhlaka lusebenzisa iphesenti futhi nge kusuka futhi kuyaNgenxa yalokhu, singabonisa ukuthi isiqalo senzeka nini ngo-0% nesiphetho ngo-100%.

Uhlaka kanye nopopayi wombhalo

Ukwengeza ozimele abengeziwe futhi ubenze baphile ngombhalo, udinga ukusebenzisa usayizi omkhulu wefonti kanhlokweni ukuze unhlokweni ukhule njengoba uhamba isikhathi esimisiwe, bese wehlela kusayizi wawo wangempela kamuva. Kulokhu sizosungula ikhodi elandelayo:

75% ifonti - usayizi: 300%; imagn - kwesokunxele: 25%; ububanzi: 150%;

Ngale khodi, siphakamisa kusiphequluli ukuthi ku-75% yokulandelana, unhlokweni unomkhawulo wesokunxele we-25% kanye nosayizi we-200% nobubanzi obungu-150%.

Ukuphinda opopayi

Ukuze wenze ukugqwayiza kuphindeke, kuyadingeka ukusebenzisa isici esilandelayo upopayi - iteration - count futhi kufanele sikhombise ukuthi sifuna kuphindwa kangaki. Singasebenzisa futhi engapheli ukuze kuphindwe njalo.

Isiphetho

Njengoba ubonile, ku-CSS ungakha amaphrojekthi agqwayizayo futhi ungawafaka ngokulandela izinyathelo esikunike zona. Uma uqhubeka nokubuza futhi uzazise, ​​uzothola ukuthi ziningi izinketho ezitholakalayo kithi.

Uke walokotha?