CSS Misalan Animation

Duniyar raye-raye ta fi kasancewa a kowace rana, akwai shirye-shirye da yawa waɗanda ke taimaka mana ƙirƙirar bugu na bidiyo dalla-dalla. Idan ba ku san CSS ba tukuna, lokaci ya yi da za ku fara fahimtar kanku da shi kuma ku gano duk abin da za a iya yi.

Amma da yake ba ma son yin karin haske, mun kawo muku wani rubutu mai cike da raye-raye, da yawa daga cikinsu suna cika wani aiki, wasu kuma an yi su ne don nishadantarwa da nishadi. A cikin wannan sakon, za mu nuna muku wasu mafi kyawun raye-rayen CSS da ƙari, muna nuna muku wasu shirye-shirye masu ban sha'awa inda za ku iya ci gaba da tafiya a matsayin mai zane ko mai zanen motsi.

CSS

An bayyana CSS azaman a irin albarkatun da galibi ana amfani da su sosai a fannin tsara shafin yanar gizon. Wato jerin lambobi ne waɗanda aka tsara don cika wasu ayyuka. Idan kun san kalmar HTML, tabbas za ku san kalmar CSS, saboda suna tafiya hannu da hannu kuma duka biyun ginshiƙai ne na asali guda biyu a cikin ƙirƙira da haɓaka albarkatun intanet da yawa.

Domin ku fahimce shi da kyau, an riga an tsara samfura inda zaku iya fara gyara su don haka ƙirƙirar shafin yanar gizon ku. Amma idan abin da kuke so shi ne canza adireshin haɗin yanar gizon ko hanyar haɗin yanar gizonku, zai zama dole a yi amfani da wasu lambobin da kowane mai tsara shirye-shirye ya sani.

Gabaɗaya halaye

• Ko da yake a kallon farko ana ganin HTML da CSS iri ɗaya ne, ba haka suke ba. Tare da HTML zaku iya turawa da rarraba bayanan da kuke buƙata ko kuke so daga shafin yanar gizon ku. A gefe guda, tare da CSS, abin da kuke ba da izini shine tsari na kowane ɗayan shafukan da kuke tsarawa. Nko kuma iri daya ne amma kamar yadda aka ambata a sama, dukkansu ginshikai ne guda biyu na ci gaban shafukan yanar gizo.
• Siffar CSS ita ce ana iya amfani da ita a cikin masu bincike da yawa, ba ta da wani tsari da aka kafa, amma harshensa na duniya ne kuma ya dace da duk na'urorin da ake da su. Wannan yana sauƙaƙe aikin tunda ba a buƙatar nau'in haɓakawa, ƙasa da mai tsara shirye-shirye.
• Kamar yadda kuma aka ambata, Yana da kayan aiki mai kyau idan abin da kuke son tsarawa kuma ta wannan hanyar gyara ko canza kowane bangare na mahallin shafin yanar gizon ku. Wannan ya samo asali ne daga nau'i-nau'i da sautuna, wato, Kuna da dama mai yawa.
• Yana da sauƙi a rike kuma akwai lambobin da aka riga aka kafa don farawa tare da duniyar haɓaka irin wannan tsarin, yana ɗaukar shekaru na aiki amma CSS Yana da tushe na farko inda zaku iya ƙirƙirar rayarwa ta farko kuma ji kamar ƙwararren mai tsara shafin yanar gizo. Bugu da kari, shi ne tsarin da aka bude wa duk wanda ke son fara bunkasa ayyukansu na farko. A takaice, idan abin da kuke nema shine ya wuce samfuri ko mahaliccin shafin yanar gizo ta atomatik, tare da CSS zaku iya fara kasadar ku.

misalai na rayarwa

Dodecahedron

Dodecahedron wani raye-raye ne wanda mai rairayi Wontem ya kirkira. An gina raye-rayen akan ƙirƙirar gaba ɗaya ta hanyar CSS inda aka nuna zanen dodecahedron mai jujjuya akan bangon duhu wanda ke ƙarfafa haskensa. Wani daki-daki da za a yi la'akari da su shine tasirin da aka yi amfani da su a cikin adadi.

Abin da ya fi dacewa da wannan raye-rayen shi ne cewa yana da ƙayyadaddun dabi'a don zama zane mai girma uku, wanda ya fi ban sha'awa. Babu shakka kyakkyawan raye-raye ne idan abin da kuke so shine duniyar 3D kuma kuna wasa da ƙarar abubuwa.

goblin mai rai

Wannan wasan kwaikwayo mai suna goblin mai rai kuma mai tsarawa Avaz Bokiev ne ya ƙirƙira shi, ba tare da shakka ba ƙaramin jeri ne inda ɗaya daga cikin fitattun jaruman zamanin wasan bidiyo, Mario Bros.

Salon motsi ne wanda aka sani da tsayawa-motsi kamar yadda yake wasa tare da motsin jagora ta gajerun jeri. Ba tare da shakka ba, wasan kwaikwayo ne na tauraro wanda ke samun duk abin da aka sani idan kun kasance mai son Mario Bros. Yana daya daga cikin mafi kyawun raye-rayen da aka yi a CSS.

Kyamarar hoto

Wannan kyakkyawan rayayye yana fasalta kyamarar hoto mai rai. Wani motsi ne da Damiem Pereira ya kirkira kuma yana ba da damar kamara ta kwaikwayi ɗaukar hoto kawai ta danna maɓallin. Yana da raye-raye mai ban sha'awa idan kuna son duniyar daukar hoto kuma kuna buƙatar sashe akan shafin yanar gizon ku azaman mai rai kamar wannan.

Abu mai ban sha'awa game da wannan motsin rai shine zaku iya sanya hoton da kuke so kuma kyamarar zata nuna lokacin da kuka danna maɓallin. Ba tare da shakka yana ɗaya daga cikin mafi kyawun raye-rayen da aka tsara a cikin CSS ba.

waterfall hasken rana tsarin

Tady Walsh ne ya ƙirƙiri wannan raye-raye game da tsarin hasken rana, inda yake nuna ƙaramin tsari ko kwaikwayi tsarin hasken rana. Yana da kyakkyawan raye-raye tun da kuna iya ganin yadda kowane ɗayan taurari ke motsawa cikin sauri daban-daban. 

Yana ɗaya daga cikin mafi haƙiƙanin raye-raye da ban mamaki. Kuna iya samun abin sha'awa idan kuna aiki a duniyar falaki ko kuma masu sha'awar sararin samaniya da taurarinta. Yana da tabbatacce, raye-raye ne wanda ke ɗaukar kyautar a matsayin ɗayan mafi kyau da ban mamaki.

star Wars animation

Idan kuna son Star Wars ba za ku iya rasa wannan raye-rayen da Donovan Hutchinson ya kirkira ba. Ba tare da shakka ba wani raye-raye ne tare da tasirin musamman na kanun labarai na shahararren Star Wars saga. Abin mamaki game da wannan motsin rai shine yadda yayi wasa tare da motsi na fonts daban-daban.

Babu shakka yana ɗaya daga cikin raye-rayen tauraro tunda ya yi la'akari da kowane ɗayan abubuwan almara da saga ke bayarwa: galaxies, fitilun LED, bangon duhu da manyan haruffa.

Bugu da ƙari, tasirin motsi kuma yana da nasara sosai kuma yana jawo hankali sosai daga mai kallo.

Aikace-aikace don ƙirƙirar rayarwa

Adobe Spark

Adobe Spark kayan aiki ne wanda ke cikin Adobe kuma yana da alhakin ƙirƙirar raye-raye masu ban mamaki kuma don haka yin bidiyo mai raye-raye da nishaɗi marasa iyaka. Abin da ke jawo hankalin wannan kayan aiki kuma babu shakka wani batu a cikin ni'imarsa shi ne cewa yana samuwa ga na'urorin hannu, Allunan da kwamfutoci. Hakanan, idan kuna neman ƙirƙirar abun ciki mai inganci don gidan yanar gizon ku, shine ingantaccen kayan aiki, tunda yana da dubban samfuran kayan ado don juya sararin ku zuwa wuri mai ban sha'awa don ziyarta.

Shirin Ziyara

Yana daya daga cikin aikace-aikacen tauraro idan kun kasance mai zane kuma har yanzu ba ku san yadda za ku ba da rai ga zanenku ba, godiya ga wannan kayan aiki, za ku iya ba da juzu'i ga ayyukan fasaha na ku kuma, za ku kasance. iya yin kowane ɗayan zanenku a can. Da kyau, yana da cikakkiyar fakitin goge baki, fensir na tukwici daban-daban, launuka masu faɗi da yawa kuma kuna da zaɓi na yin zane-zane na farko na farko, ba tare da shakkar abin da kuke buƙatar farawa tare da duniyar raye-raye ta hanyar ba. naku ayyukan. Gwada shi kuma kada ku tsaya tare da sha'awar.

Studio na Synfig

Synfig shine ɗayan mafi kyawun shirye-shirye don ƙirƙirar rayarwa na 2D. Yana ɗaya daga cikin mahimman kayan aikin idan kuna son duniyar rayarwa a cikin mafi kyawun salon Disney. Tare da Synfig, kuna da nau'ikan goge baki, masu tacewa har ma da tasirin da zaku iya amfani da su akan zanenku.

Har ila yau, idan kun kasance mai sha'awar 2D, ba za ku iya rasa damar da za ku gwada irin wannan shirin ba, saboda yana ba da damar yin motsi da rayuwa ga misalan ku. Idan kun yi aiki tare da vector a baya, to wannan shirin ba zai bambanta ba ko rikitarwa a gare ku.

farko Pro

Premiere Pro wani babban kayan aiki ne a cikin kunshin Adobe. Yana ɗaya daga cikin shirye-shiryen da ƙwararrun editocin bidiyo ke amfani da su da kuma ta manyan gidajen wasan kwaikwayo da yawa. Tare da Premiere zaku iya ƙirƙirar raye-rayenku na farko kuma a ɗauke ku a cikin yawancin tasirin da ya kunsa.

Bugu da ƙari, idan kai mafari ne a fannin audiovisual, yana da wasu ƙananan koyawa don gabatar da ku game da tsarin sa kuma zai bar ku ta hanyar tunanin ku da mafi kyawun ɓangaren ku.

Akwai shi duka biyu Android da iOS. Babban koma baya shine ba aikace-aikacen kyauta bane, yana buƙatar ƙaramin farashi.

ƙarshe

Ƙirƙirar rayarwa a cikin CSS abu ne mai sauƙi, duk abin da za ku yi shi ne koyo kuma ku sami wahayi daga waɗanda suka yi shekaru a wannan fannin. Kamar yadda kuka gani, akwai raye-raye da yawa da ke wanzuwa, bugu da ƙari akwai wasu masu ƙira waɗanda ke amfani da kayan aiki da yawa, kamar ƙirar dattin dattin Windows da ya shahara a cikin hanyar jirgin sama inda yake motsawa ko'ina cikin tebur kuma yana kawar da abin da ke faruwa. ba ka so.

A takaice, akwai ra'ayoyi da hazaka da yawa da aka tsara, amma yanzu lokaci ya yi da za ku fara shirye-shirye da haɓaka raye-rayen ku na farko tare da CSS.