Izveidosim jaunu failu, padarīsim to 800x600 izmērā un pārliksim tajā dažus failus, proti, šīs dažas bildes un “meža troksnis mp3”, tas ir, skaņu. Es to pārvietošu uz šejieni. Rezultātā mums ir šis attēls - tas ir mežs, to sauc par “bg”, “play” un “pause”, tās ir pogas. Es tos tagad pārvietošu uz leju, pārvietosim, apmēram šādi - vienkāršākais variants.

Tagad es sākšu animāciju, nospiediet cntr+enter, ir tikai mežs un tikai divas pogas, nekas nedarbojas. Ja es vēlos, lai skaņa tiktu atskaņota automātiski, to sauc par “meža troksni”, tad man ir jāatlasa šis slānis un pēc tam jāizvēlas “automātiskā atskaņošana”, tagad, nospiežot cntr+enter, tiks atskaņota skaņa. Apbrīnojami.

Kā pievienot noklikšķināmu saiti videoklipam programmā Adobe Edge Animate.

Ja mēs vienkārši uzzīmējām kādu pogu un ir kaut kāds fons, tad, ja mēs uz tās noklikšķināsim, pārejas nekur nebūs. Pievienot interaktīva saite Mums ir jāatlasa šī poga, ar peles labo pogu noklikšķiniet uz atvērtas darbības, es to saucu par pārkāpumu, un noklikšķiniet uz klikšķi, tas ir, kas tiks darīts, noklikšķinot. Un šeit mums ir jāizvēlas Open you are raol.

Šajā video es jums parādīšu, kā to izdarīt, tas nav sarežģīti, bet jums ir pareizi jāsaprot, kur jums ir jākopē pareizais kods un kur tas jāielīmē.

Pieņemsim, ka jums ir video, kas izveidots Adobe Edge Animate, noklikšķinot uz tā, tiek atvērts vēlamais galvenā lapa, tas ir malas animācijas formātā un saglabāts mapē ar avotu un Java skriptiem. Atveriet to jebkurā teksta redaktors, varat izmantot jebkuru testa redaktoru, piemēram: notepad utt.

Kā izveidot cilpu animāciju programmā Adobe Edge Animate, tas ir, kā izveidot to tā, lai, atskaņojot līdz beigām, tā sāktu no jauna no sākuma un turpinātos mūžīgi.

Šeit jūs varat kopēt atslēgu kadrus, tas ir, es atlasu vienu kadru, nospiediet cntr+c, noklikšķiniet uz vajadzīgā lauka, nospiediet cntr+v, animācija veiks cilpu, tas ir, nevis cilpu, bet šajā gadījumā pāreju no sākuma punkts atpakaļ uz sākuma punktu. Ja palaistu šo video un nospiežu cntr+enter, redzam, ka animācija ilgst tikai 1 sekundi, tā iet uz vienu pusi un atgriežas otrā.

Šajā video es jums parādīšu, kā to izdarīt, tas nav sarežģīti, bet jums ir pareizi jāsaprot, kur jums ir jākopē pareizais kods un kur tas jāielīmē.

Pieņemsim, ka jums ir Adobe edge animate izveidots baneris, uz kura noklikšķinot, tiek atvērta vēlamā galvenā lapa, tas ir edge animācijas formātā un saglabāts mapē ar avota kodu un Java skriptiem. Atveriet to jebkurā teksta redaktorā, varat izmantot jebkuru testa redaktoru, piemēram: notepad utt.

Tālāk es vēlos ievietot šo reklāmkarogu vietnē. Kas būtu jādara? Jālejupielādē indeksa fails, pēc tam jāatver teksta redaktorā, jāiekopē Adobe edge kods un beigās jāpievieno kods šeit pirms “galvas”, tad pirms tās vietas nosaukuma, kur pievienosim savu baneri, pirms div. Lai iegūtu precīzāku izpildi, ir pieejami norādījumi, kas jums palīdzēs: https://docs.google.com/document/d/1-kTj3QhCbzT47-dReqpgVCBN_YuPy3hqxAMp94KcnZ0/edit. Pēc tam saglabājam un ejam uz FTP servisu, es izmantoju filezilla, atrodu tavas vietnes glabāšanas vietu un iekopēju indeksa mapi savā failā, kas atrodas serverī, aizstājot pašreizējos failus. Pēc tam mēs lejupielādējam visus Java skriptus un atjauninām vietni. Viss ir gatavs - animācija darbojas, un tiek atvērta arī cilne ar galveno lapu.

Ja Tevi interesē šādas nodarbības, abonē manu kanālu, jo... tuvākajā laikā būs daudz jaunu video - http://www.youtube.com/user/danilfimushkin?sub_confirmation=1

00:32 — pieņemsim, ka jums ir reklāmkarogs, kas izveidots programmā Adobe Edge Animate

01:30 – pievienojiet vietnei baneri

02:09 - pievienojiet kodu pirms taga "head".

02:50 – instrukcija banera pievienošanai vietnei

03:31 – augšupielādējiet failus serverī

05:29 – atjaunojam vietni un viss ir gatavs!

Pievienojieties un uzdodiet jautājumus:

Lejupielādēt trīs bezmaksas veidne Muse: http://site/free-landing.html

http://vk.com/adobeedgeanimate

Es esmu VKontakte: http://vk.com/danilfimushkin

Vebinārā stāstīju un rādīju, kā no vektora ilustrācijas var izveidot pilnvērtīgu animētu baneri.

00:17 — mēs sākam animēt vektora ilustrāciju programmā Edge Animate
14:06 – izveido tēla ķepu kustību
16:54 – ligzdotā simbola priekšrocības
17:48 – kas ir ligzdots simbols
18:24 – cilpas animācijas rakstīšana
19:42 – cilpa animācija ir gatava
23:40 – izveido acu mirkšķināšanu
26:54 – saglabājot nosaka failu nosaukumus
27:57 – “nolaižamā” teksta animācija
28:39 – kustības līknes pievienošana – animācijas ass maiņa
30:03 – animācijas starpposma kopsavilkums, veidojot sniegotu ainavu un animējot sniegpārsliņu
33:39 – Edge Animate apskats
34:52 – mājasdarbs
35:25 – kā pievienot aktīvo saiti
39:09 – vairāku pogu izveidošana un saišu pievienošana

Pievienojieties un uzdodiet jautājumus: http://vk.com/adobeedgeanimate

UPD 2015. gada 6. decembris:
Flash Runtime un Adobe AIR produktu menedžeris teica, ka viņi nav plānu lai pārtrauktu darbu Flash Runtime un AIR un satura izveides produkta pārdēvēšana nevar būt nav saistīts ar likteni Flash atskaņotājs un ar to saistīto ekosistēmu.

Viss būtu kārtībā, ja neskaita vienu niansi, kas stipri maina jēgu - tehniskais analfabētisms un vispārēja copy-paste. Publikācijas pārpublicē viena otru, pievienojot arvien vairāk “faktu”, kas nav oriģinālā. Vārdu sakot - sabojāts telefons.

Sākotnējais raksts http://blogs.adobe.com/conversations/2015/11/flash-html5-and-open-web-standards.html ziņo, ka Adobe pārdēvē Flash Professional par Animate CC. Turklāt viņi ziņo, ka klienti vēlas vairāk atbalstītas platformas utt.

Un es nebiju pārsteigts, ka daudzi cilvēki neredz atšķirību starp Flash un Flash Professional. Ziņu vietnēs sāka parādīties dažādi mēmi, atsaucoties uz citiem avotiem, kas ir saistīti tālāk ķēdē. Un ne vienmēr oriģināls.

Mūsdienās vārds Flash tiek uztverts kā pārlūkprogrammu spraudnis. Tehniski tas ir Flash Player. Bet ir satura veidošanas rīks - Flash Professional. Ja Microsoft pārdēvētu Word par TextMachine, vai cilvēki kliegtu, ka "Microsoft pārtrauca Word izstrādi?" Lai gan melns uz balta rakstīts, ka satura veidošana tiks atbalstīta un datus varēs rediģēt?

No saviem piemēriem es varu parādīt spilgtu attēlu. Vietējie klienti man jautā, ko mēs izmantosim, lai izveidotu animāciju prezentācijai iOS. Es ar lepnumu to saku programmā Flash Professional. Un klients ir stuporā. Pēc brīža viņš saka:

"Bet centrmezglā viņi raksta, ka zibspuldze ir beigusies un planšetdatorā tā nedarbojas."

Un tad es krītu stuporā. Klientu un rakstu autoru tehniskais analfabētisms par zibspuldzi liek cilvēkiem attālināties no vēlamā rezultāta. Par laimi, klients tika pārliecināts un bija apmierināts ar rezultātu.

Atgriezīsimies pie sākotnējā raksta. Viņi ziņo, ka HTML5 ir nobriedis un jau atbalsta lielāko daļu Flash funkciju. Virzoties uz leju, mēs redzam, ka paši Adobe uzskata Flash par galveno līdzekli augstākās kvalitātes satura - tīmekļa spēļu un augstākās kvalitātes video - piegādei. Bet ne vārda par to, ka viņi pārtrauc Flash atbalstu.

Turklāt... Viņi skaidri norāda, ka sadarbojas ar Microsoft un Google, lai uzlabotu Flash Player savietojamību un drošību. Un viņi neaizmirsa piebilst, ka viņi cieši sadarbojas ar Facebook, lai uzlabotu spēļu uzticamību un drošību Flash Player. Tātad, kur ir kāds vārds, ka viņi atsakās no Flash?

Ja runājam par Flash attīstību kopumā, jā, tā jau sen apstājās. Tiek veikti tikai nelieli (bet būtiski) uzlabojumi un novērstas drošības kļūdas. Bet vai tas tiešām ir tik slikti? No mana viedokļa, Flash ir viss nepieciešamais. Protams, gribētos vairāk. Bet kāpēc?

Lai iegūtu vairāk, jums vajadzētu izvēlēties atsevišķu spēļu formātu. Un ir Adobe AIR (ja ņemam vērā Flash). Atteikums Adobe atbalsts AIR nav fiksēts. Man ir informācija par plāniem 2016. gadam. Bet vai pārlūkprogrammas zibatmiņa nomirs? Noteikti. Bet noteikti ne rīt.

Un tiem, kam patīk klišejās teikt, ka Flash izlādē akumulatoru, parādiet, kā Canvas to uzlādē.

Ir arī vērts atzīmēt, ka Adobe Edge Animate projekts vairs netiks aktīvi attīstīts. Bet tāpēc Esmu tuvu Flash Professional izstrādei – apliecinu, ka Edge Animate netiks izstrādāts vispār (izņemot kritiskas kļūdas). Šis lēmums tika pieņemts par labu Adobe Flash Profesionāls (nākotnes Animate CC).

Lai sagatavotu HTML reklāmas izvietošanai ADFOX, ir svarīgi ievērot prasības par koda ievietošanu, kas apstrādā klikšķi uz reklāmkaroga un uzskaita notikumus reklāmkarogā.
Izstrādājot HTML kodu, varat izmantot redaktorus, kuriem tika rakstīti šie norādījumi:
- Adobe Animate CC;
- Google Web Designer;
- Adobe Edge Animate CC.

Prasības HTML kodam (koda izstrādātājiem)

Sagatavojiet savu projektu, ievērojot šādas prasības:

1. Maksimālais atļautais rakstzīmju skaits HTML kodā ir 65 000;
2. Reklāmkaroga HTML kodā ir vēlams ievietot JavaScript un CSS;
Ja iegūtais HTML kods pārsniedz maksimālo atļauto rakstzīmju skaitu, kods ir jāsamazina, ievietojot JavaScript un CSS atsevišķi faili:
- saglabāt js un css kods atsevišķos failos ar paplašinājumu .js vai .css;
3. Projektā var būt tikai viens fails ar paplašinājumu .html;
4. Maksimālais pieļaujamais failu skaits projektā ir 50;
5. Projektā atļautie failu tipi: css, js, html, gif, png, jpg, jpeg, svg, json, flv, mp4, ogv, ogg, webm, avi, swf, otf, ttf, abf, acfm, gdr, etx , eot, fnt, fon, mf, ttc, woff;
6. Maksimālais izmērs katrs fails (attiecas arī uz failiem arhīvā):
- 300Kb;
- 1 MB video failiem.
7. Failu nosaukumos drīkst būt tikai angļu alfabēta cipari vai burti un pasvītra rakstzīme. Faila nosaukumā nav atļauts izmantot krievu burtus, atstarpes, pēdiņas un speciālās rakstzīmes;
8. Mainīgo un objektu nosaukumos nevar izmantot krievu burtus.
Vienīgais izņēmums ir teksts uz reklāmkaroga.
9. Gatavā projekta formāts - rāvējslēdzējs arhīvs.

Adobe Animate CC

1. Redaktora sagatavošana.

Lai izveidotu jaunu projektu programmā AdobeAnimate CC, atlasiet projektu "HTML5 Canvas".

Šīs veidnes kodu var izmantot par pamatu, veidojot reklāmas redaktorā.

Lai projektam lietotu veidni, publicēšanas iestatījumos atlasiet "Papildu publicēšanas iestatījumi -> Importēt jaunu...".

Veidnē ir skripts adfox_HTML5.js

3. Noklikšķiniet uz apstrādes

Ja jūsu reklāmā ir iekļauta cikliska animācija, izmantojiet kodus tikai pogām no sadaļas.

3.1 Lai padarītu visu reklāmkaroga apgabalu klikšķināmu un vienu saiti, uz kuru doties, animācijas pirmajā kadrā pievienojiet šādu kodu:

Canvas.style.cursor = "rādītājs"; canvas.addEventListener("klikšķis", funkcija() ( window.callClick(); ));

3.2 Lai pievienotu vairākas pogas pārvietošanai ar dažādām saitēm, augšējā animācijas slānī pievienojiet galveno pogu, lai noklikšķinātu uz reklāmkaroga, piešķiriet pogai Instances nosaukumu un uzrakstiet uz pogas kodu:

This.btnMain.addEventListener("klikšķis", funkcija (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ; )) ;

Pievienojiet citas pogas, uz kurām noklikšķinot, lietotājs tiks pārsūtīts uz dažādām reklamētās vietnes lapām.
Novietojiet dažas pogas augšējā slānī virs noteiktām animācijas daļām, piešķiriet pogām Instances nosaukumu un ierakstiet katras pogas kodu:

This.btnLeft.addEventListener("klikšķis", funkcija (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(n); ); ) );

Kur n

3.3

This.btnText.addEventListener("mouseover", function() ( window.callEvent(n); ));

Kur kursoru - javascript pasākums, n- notikuma numurs no 1 līdz 30, kas jāaktivizē.

Cilpas animācijas izveides iespējas

Lai ievietotu cilpas animāciju reklāmā Animate CC redaktorā, veiciet tālāk norādītās darbības.
- publikācijas iestatījumos iestatiet opciju "Cilpas laika skala";
- izmantojiet šīs sadaļas pogu kodus, un parasto pogu kodi no 3.1. un 3.2. punkta ir jānoņem.

Kods reklāmai ar vienu pogu un cilpas animāciju:

If (typeof(this.stopCycle) == "nenodefinēts") ( this.btnMain.addEventListener("klikšķis", funkcija (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ); )); this.stopCycle = true; )

Ja ir vairākas pogas, tad ADFOX notikumu izsaukšanas kodā pievienojiet šādu kodu:

If (typeof(this.stopCycle) == "nenodefinēts") ( this.btnMain.addEventListener("klikšķis", funkcija (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ; )); this.btnLeft.addEventListener("klikšķis", funkcija (e) ( var t = e.nativeEvent; if (t.which == 1 || t. poga == 0) ( window.callClick(n); )); this.stopCycle = true; )

Kur n- notikuma numurs no 1 līdz 30, kas jāaktivizē.

Izmantojot caurspīdīgas pogas

Caurspīdīgas pogas var izmantot, piemēram, ja nepieciešams padarīt visu reklāmkaroga apgabalu klikšķināmu vai tikai daļu. Tām, tāpat kā parastajām pogām, jāpievieno kods pārejas vai notikuma izsaukšanai.

Animate pogas ir simboli, kas satur četrus kadrus. Varat atstāt pirmos trīs tukšus un aizpildīt tikai pēdējo “Trāpījumu”, pievienojot tam saturu (grafisko elementu), izmantojot Ievietot > Laika skala > Atslēgkadrs.

Hit rāmja saturs ir neredzams, taču tas nosaka pogas apgabalu, kas reaģē uz klikšķi. Šim rāmim varat pievienot saturu (grafisko elementu), izmantojot Ievietot > Laika skala > Atslēgkadrs. Ja atlikušie kadri paliek tukši vai neredzami, nospiediet pogu darba zona parādās caurspīdīgi zilā krāsā un ir veidota kā saturs, kas ietverts nākamajā trāpījuma kadrā. Publicējot projektu, caurspīdīgais zilais laukums nebūs redzams.

Izstiepšanas (gumijas) reklāmkaroga ieviešanas iezīme

Lai reklāmkarogs izstieptos visā konteinera platumā, kurā tas atradīsies vietnē, veiciet iestatījumus: Atlasiet Fails > Publicēšanas iestatījumi.
Cilnē Pamata, atlasiet Padarīt atsaucīgu > Platums, augstums vai abi.
Izvēlieties Mērogs, lai aizpildītu redzamo laukumu lai skatītu izvadi pilnekrāna režīmā.
Atlasot “Ietilpināt skatā”, saturs tiks mērogots, lai aizpildītu visu pieejamo ekrāna vietu, vienlaikus saglabājot to pašu malu attiecību. Tātad, ja maksimālais platums jau ir sasniegts, laukums gar ekrāna augstumu var palikt neaizpildīts un otrādi.

Ja nevarat sasniegt vēlamo rezultātu, izmantojot programmas iestatījumus, izmantojiet skriptus.
Šeit ir kodu piemēri:
Lejupielādēt malu attiecības mērogošanas kodu.
Lejupielādējiet mērogošanas kodu bez malu attiecības.
Lejupielādēt kodu pozicionēšanas elementiem, kur an0..an4 ir elementu instances nosaukums.

Reklāmkaroga izveides iespējas ar automātisku mirgošanu

Ja vēlaties parādīt reklāmkarogu no izvērsta stāvokļa, tad, pievienojot interfeisā reklāmkarogu, parametrā "Auto-expand always" vai "Expand on inicialization" ir jānorāda vērtība "yes" un jāpievieno kods HTML reklāma:

Window.global_exp_banner = this.exp_banner; window.global_main_banner = this.main_banner; window.global_exp_banner.visible = false; if (window.isBannerExpanded) ( window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible = false; ) else_expanner.global. redzams = nepatiess; window.global_exp_banner.btnCollapse.visible = nepatiess; window.global_main_banner.visible = patiess; window.global_main_banner.btnExpand.visible = patiess; ) window.global_main_banner.btnExpand.addEventListener("bind,Bthisner. )); window.global_exp_banner.btnCollapse.addEventListener("klikšķis", collapseBanner.bind(this)); window.onBannerExpand = funkcija() ( window.callEvent(2); window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible = false ; ) window.onBannerCollapse = funkcija() ( window.callEvent(3); window.global_exp_banner.visible = false; window.global_exp_banner.btnCollapse.visible = false; window.global_main_banner.visible = patiess; window.global_main_banner.btnExpand = patiesība;)

5. Projekta publicēšana.

Svarīgs! Priekšskatot projektu pārlūkprogrammā, izmantojot (Ctrl-Enter | Cmd-Enter) veidlapas nejaušās vērtības tiek pievienotas saitēm failu nosaukumos HTML ?1468231208369 . Šādas vērtības ir jāizslēdz no projekta, ielādējot to ADFOX.
Lai to izdarītu, galīgais projekts redaktorā ir jāpublicē caur Fails > Publicēšanas iestatījumi > Publicēt (Shift-Ctrl-F12 | Shift-Cmd-F12).

Publicējot projektu, atlasiet veidni AdobeAnimate_Adfox_.html.

.zip

Google tīmekļa noformētājs

Šī banera kodu var izmantot par pamatu, veidojot reklāmas redaktorā.

Veidnē ir skripts adfox_HTML5.js un parametru kopums pareizai pāreju darbībai un notikumu skaitīšanai:
%reference%, %user1%, %eventN%, kur N ir notikuma numurs no 1 līdz 30.

2. Noklikšķiniet uz apstrāde.

Visi notikumi tiek piešķirti noteiktiem animācijas elementiem, izmantojot cilni Notikumi.

Interaktīvās zonas komponents tiek izmantots darbību izsaukšanai.
Pievienojiet to un atlasiet notikumu "Interaktīvā zona" — "Pieskarties/noklikšķināt"(vai "Pieskāriena apgabals > Pieskarieties/noklikšķiniet" angļu valodas versijā).

Cilnē "Pielāgots kods" norādiet klikšķa funkcijas izsaukumu.

2.1

CallClick();

2.2

CallClick(n);

Kur n

2.3 Ja jums ir jāaktivizē notikums no animācijas bez pārejas, izmantojiet šādu kodu:

CallEvent(n);

Kur n- izsaucamā pasākuma numurs.

Lai reklāmkarogs izstieptos visā konteinera platumā, kurā tas atradīsies vietnē, uz paneļa Īpašības Pozīcijām un izmēriem pikseļu vietā norādiet procentus.

Izmantojiet arī opcijas "Izlīdzināt konteineram" Un "Gumijas izkārtojums" ieslēgts augšējais panelis instrumenti.
Ja pirms izlīdzināšanas rīku izmantošanas iespējojat Fluid Layout, mainot vecākkonteinera izmērus, visi elementi tiks līdzināti viens otram un konteinera izmēriem.
Šajā gadījumā varat vienlaikus izmantot gan elementu relatīvos izmērus procentos, gan absolūtos izmērus pikseļos.

4. Projekta publicēšana.

Pievienojot ADFOX baneri, pārvaldniekam būs jāzina pogu un notikumu numuru atbilstība. Katram pasākumam pārvaldnieks uzrakstīs savu saiti, uz kuru doties, un pēc tam tā tiks nodota reklāmkaroga kodam, izmantojot mainīgo.

Pēc projekta publicēšanas arhivējiet to formātā .zip. Jūsu reklāma ir gatava augšupielādei ADFOX reklāmkarogā.

Adobe Edge Animate CC

Lai sāktu, palaidiet failu ar paplašinājumu .an no arhīva.

2. Noklikšķiniet uz apstrāde.

Visi notikumi tiek piešķirti konkrētiem animācijas elementiem, izmantojot cilni "Kods".

Lai pārvietotos pa atlasīto elementu, ir jāatlasa notikums klikšķis un uzrakstiet zvanu uz klikšķa funkciju.

Pogām ir jāpiešķir Instances nosaukums, piemēram: btnMain, btnRight.

2.1 Ja izmantojat vienu lēciena pogu:

CallClick();

2.2 Ja ir vairākas pārejas pogas:

CallClick(n);

Kur n- izsaucamā pasākuma numurs.

2.3 Ja jums ir jāaktivizē notikums no animācijas bez pārejas, izmantojiet šādu kodu:

CallEvent(n);

Kur n- izsaucamā pasākuma numurs.

Izstiepšanas (gumijas) reklāmkaroga ieviešanas iezīme.

Lai reklāmkarogs izstieptos visā konteinera platumā, kurā tas vietnē atradīsies, sagatavojot reklāmkarogu redaktorā panelī Rekvizīti, novietojumam un izmēram pikseļu vietā ir jānorāda procenti.

Pozīcijas un izmēra paneļa elementiem ir arī pogas Mēroga izmērs un Mēroga pozīcija

4. Projekta publicēšana.

Projekts jāpublicē ar šādiem iestatījumiem:

Pēc projekta publicēšanas arhivējiet to formātā .zip. Jūsu reklāma ir gatava augšupielādei ADFOX reklāmkarogā.

Cilvēkiem, kuri vēlas pastāvīgi pilnveidoties, kaut ko mācīties un pastāvīgi apgūt ko jaunu, mēs īpaši izveidojām šo kategoriju. Tajā ir tikai izglītojošs, noderīgs saturs, kas jums noteikti patiks. Liels skaits videoklipu, iespējams, var konkurēt pat ar izglītību, ko mēs iegūstam skolā, koledžā vai universitātē. Pats galvenais mācību video ir tas, ka tie cenšas sniegt jaunāko, visatbilstošāko informāciju. Pasaule ap mums tehnoloģiju laikmetā nepārtraukti mainās, un drukātajiem izglītojošajiem izdevumiem vienkārši nav laika sniegt jaunāko informāciju.

Starp videoklipiem varat atrast arī izglītojošus videoklipus pirmsskolas vecuma bērniem. Tur jūsu bērnam tiks mācīti burti, skaitļi, skaitīšana, lasīšana utt. Piekrītu, tā ir ļoti laba alternatīva multfilmām. Jūs varat arī atrast apmācību sākumskolas skolēniem angļu valoda, palīdzība skolas priekšmetu apguvē. Vecāko klašu skolēniem ir izveidoti izglītojoši video, kas palīdzēs sagatavoties ieskaitēm, eksāmeniem vai vienkārši padziļināt zināšanas kādā konkrētā priekšmetā. Iegūtās zināšanas var kvalitatīvi ietekmēt viņu garīgo potenciālu, kā arī iepriecināt ar teicamām atzīmēm.

Jauniešiem, kuri jau ir beiguši skolu, studē vai nestudē augstskolā, ir pieejami daudzi aizraujoši izglītojoši video. Viņi var palīdzēt viņiem padziļināt zināšanas par profesiju, kurā viņi mācās. Vai arī iegūstiet profesiju, piemēram, programmētājs, tīmekļa dizainers, SEO optimizētājs utt. Šo profesiju augstskolās vēl nemāca, tāpēc par šīs progresīvās un aktuālās jomas speciālistu var kļūt tikai pašizglītošanās ceļā, kurā cenšamies palīdzēt, apkopojot noderīgākos video.

Arī pieaugušajiem šī tēma ir aktuāla, jo nereti gadās, ka, gadiem ilgi strādājot profesijā, tu saproti, ka tā nav tava lieta un gribas apgūt ko sev piemērotāku un tajā pašā laikā izdevīgāku. Arī šīs kategorijas cilvēku vidū nereti atrodami video par sevis pilnveidošanas veidu, laika un naudas taupīšanu, dzīves optimizēšanu, kuros viņi atrod veidus, kā dzīvot daudz labāk un laimīgāk. Pat pieaugušajiem tēma par sava biznesa veidošanu un attīstību ir ļoti piemērota.

Arī starp izglītojošajiem video ir video ar vispārēju fokusu, kas piemēroti gandrīz jebkuram vecumam, tajos var uzzināt par to, kā sākās dzīve, kādas pastāv evolūcijas teorijas, vēstures faktus utt. Tie lieliski paplašina cilvēka redzesloku, padarot viņu par daudz erudītāku un patīkamāku intelektuālo sarunu biedru. Šādi izglītojoši videoklipi patiešām ir noderīgi ikvienam bez izņēmuma, jo zināšanas ir spēks. Novēlam patīkamu un noderīgu skatīšanos!

Mūsdienās vienkārši ir jābūt tam, ko sauc par “uz viļņa”. Tas attiecas ne tikai uz ziņām, bet arī uz sava prāta attīstību. Ja vēlies attīstīties, izzināt pasauli, būt pieprasīts sabiedrībā un interesants, tad šī sadaļa ir tieši tev.

Jau vairāk kā septiņus gadus attālināti strādāju ar ārvalstu klientiem no ASV, Kanādas, Austrālijas, Vācijas un citām valstīm. Es zīmēju grafiskos resursus un animācijas spēlēm Adobe Animate CC. Iepriekš redaktoru sauca Adobe Flash Professional CC.

Vecajā emuārā sāku līdzīgu nodarbību sēriju, taču tā vietā, lai tur turpinātu, nolēmu visu vēlreiz pārrakstīt, lai dalītos ar jaunu pieredzi.

Kāpēc mums ir nepieciešama vēl viena nodarbību sērija par zīmēšanu programmā Adobe Flash? Ar to nodarbojos jau daudzus gadus un uzskatu, ka mana pieredze var noderēt iesācējiem. Īpaši tiem, kuri vēl nekad nav zīmējuši ar grafisko planšetdatoru. Ja tev labi padodas zīmēt uz papīra, bet nekad neesi zīmējis datorā, tad man noteikti ir ko pastāstīt.

Un tiem, kas nezina, kā zīmēt uz papīra, es mēģināšu izskaidrot, kā jūs varat attīstīt šo prasmi kopumā, bez atsauces uz grafiskais redaktors: ēkas perspektīva un kompozīcija, krāsu izvēle, ēnojums un citas tēmas.

Grafiskās planšetdatora izvēle

Nav svarīgi, vai jūs varat zīmēt, jums būs nepieciešami rīki: ierīces un programmas. Sāksim ar aparatūru. Jums jau ir dators, bet tam joprojām ir jāpievieno grafikas planšetdators, kas dos mums iespēju zīmēt uz virtuālā audekla, kas pastāv brīvpiekļuves atmiņa. Citiem vārdiem sakot, tā ir cita informācijas ievades ierīce, piemēram, pele vai kursorbumba. Bet planšetdatoram ir priekšrocības, kas ļauj zīmēt it kā uz papīra. Tā ir spiediena jutība un rādītājierīces pildspalvai līdzīga forma.

Ir daudz grafisko planšetdatoru ražotāju: Wacom, Genius, Huion. Esmu saskāries tikai ar pirmajām divām. Kopumā, kad sāku, jau esmu izmēģinājis četras planšetes no Wacom un vienu no Genius. Es ļoti iesaku Wacom - tā ir augstas kvalitātes par saprātīgu cenu.

Ja jums nav naudas, nepērciet Genius, iegādājieties vispieejamāko mazu lietotu Wacom Bamboo Pen. Es izmantoju gandrīz to pašu, Wacom Bamboo Pen&Touch S CTH-460. Septiņu gadu lietošanas laikā nav bijušas kritiskas problēmas, laba ierīce, ar ko sākt. Ja varat ietaupīt vairāk naudas, izvēlieties lielāku modeli. Es izmantoju Wacom Bamboo Fun Pen&Touch M CTH-670.

Ko nozīmē cipari un burti Wacom modeļu nosaukumos?

Es paskaidrošu, ko nozīmē daži cipari un burti nosaukumā, lai jums būtu vieglāk orientēties uzņēmuma modeļu parkā.

Wacom Bamboo Fun Pen&Touch M CTH -6 70

• M— darba zonas lielums. Ir S - mazs (mazs), M - vidējs (vidējs), L - liels (liels);
• CTH- nozīmē sastāvs. Ir CTL un CTH - amatieru modeļi sākuma līmenis ar papildu pogām un skārienpaliktni, PTH - profesionāli modeļi, DTH un DTK - profesionāli modeļi ar iebūvētu displeju;
• 6 — darba zonas lielums collās. Ir 4 — mazi (mazi), 6 — vidēji (vidēji), 8 — lieli (lieli), kā arī 13 un vairāk, taču tas attiecas tikai uz planšetdatoriem ar iebūvētu displeju. Dažkārt interneta veikalos un sludinājumos burtu indekss nav norādīts, tad var izmantot digitālo, lai saprastu ierīces izmērus;
• 70 - paaudze un modelis. Ir svarīgi saprast, ka jo lielāks šis skaitlis, jo jaunāka ierīce. Salīdzinājumam, mans vecs planšetdators ir indekss CTH-460, mūsdienu analogs ir CTH-490. Paaudzes atšķiras ar 10: 460, 470 un tā tālāk.

Grafikas planšetdatora izmērs

Zīmējot, darbvietas aktīvā zona ir ļoti maza. Citiem vārdiem sakot, irbulis pastāvīgi slīd neliela apļa rādiusā. Šis aplis var nedaudz pārvietoties. Laika gaitā veidojas traips, kas ir redzams kā blīvs mikroskrāpējumu uzkrājums. Tas parāda, ka jūs praktiski neizmantojat ierīces perifēriju, viss notiek centrā.

Var pieņemt, ka liela grafiskā planšetdators nav vajadzīgs, jo jūs nekad neizmantosit visu tās darba zonu un darbības vieta būs tāda paša izmēra kā mazākam modelim. Bet tā nav taisnība.

Strādājot ar planšetdatoru, tā darba zona tiek projicēta visā monitora platumā. Tāpēc, jo lielāka ir planšetdators, jo precīzāk varat veikt sitienus. Un otrādi, jo lielāks monitors un mazāks planšetdators, jo grūtāk un neērtāk jums būs zīmēt. Pēc pieredzes varu teikt, ka pēc pārejas no S izmēra uz M, strādājot pie 29 collu īpaši platā monitora, mans darbs kļuva par 25-30% ērtāks. Es uzskatu, ka sarežģītas kontūras uzzīmēšanai ir nepieciešams mazāk pūļu, un kopējā pieredze šķiet vienmērīgāka un patīkamāka.

Lielākiem grafiskajiem planšetdatoriem vajadzētu nodrošināt vēl ērtāku darba vidi, taču pie L veida modeļiem neesmu strādājis, tāpēc varu tikai pieņemt.

Atšķirības starp amatieru un profesionālajām Wacom planšetdatoriem

Iegādājoties profesionālu modeli, jūs iegūsit bezvadu ierīci, kas izgatavota no augstākas kvalitātes plastmasas ar 2048 spiediena jutības līmeņiem, salīdzinot ar 1024 lētākiem modeļiem, skaistu dizainu, papildu vadības ierīces pogu un skārienzvana veidā. Esmu pilnībā apmierināts ar jaunākajiem, novecojušajiem Bamboo sērijas modeļiem, kuru ražošana ir pārtraukta. Izmaksu atšķirība starp amatieru un pro versijām būs vairāk nekā divas reizes. Tabula visu sakārtos:

Wacom Bamboo Pen & Touch M CTH-670 iestatīšana

Pirms ierīces pievienošanas lejupielādējiet draiverus no oficiālās Wacom vietnes.

Modeļu saraksts	Vadītāja saite
Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 Viens CTL-471/671/472/672 Intuos CTL-480/490/680/690 Intuos CTH-480/490/680/690 Intuos 5 PTK-450/650 PTH-450/650/850 Intuos 4 PTK-440/640/840/1240/540WL	Windows macOS
Bamboo Pen&Touch CTH-460/470/471/660/661/670 Bambusa pildspalva CTL-460/471	Windows macOS

Pēc planšetdatora pievienošanas un draiveru instalēšanas palaidiet lietojumprogrammu Wacom preferences, ko var atrast, izmantojot Windows meklēšana(Win + S) vai vadības panelī.

Uzņēmuma planšetdatoru pamata iestatījumi neatšķiras, līdzīgi ir konfigurēti gan amatieru, gan profesionālie modeļi.

Uz cilnes Planšetdators Varat konfigurēt planšetdatoru labajai un kreisajai rokai, kā arī piešķirt taustiņiem darbības. Pirmkārt, instalējiet tos Atspējots, laika gaitā būs iespējams piešķirt karstos taustiņus.

Nākamajā cilnē Pildspalva Ir atrasti svarīgi parametri:

• Padoms Sajūta- spiediena jutība. Atstājiet to centrā. Šajā procesā jūs sapratīsiet, kāda cietība jums patīk, un pielāgosiet to savai gaumei;
• Izsekošana— irbuļa pozīcijas izsekošanas režīms. Uzstādīt Pildspalvas režīms- planšetdatora darba zona stiepjas, lai aizpildītu visu ekrānu. Režīms Pele izmanto kā peles aizstājēju;
• Atlikušie iestatījumi nav tik svarīgi. Pildspalvu pogasļauj piešķirt irbuļa pogām darbību. Dzēšgumijas sajūta— irbuļa aizmugurē esošās gumijas joslas jutīgums. Es neizmantoju šo funkciju, jo man ir ātrāk pārslēgties, izmantojot karstos taustiņus.

Tajā pašā cilnē sadaļā Izsekošana nospiediet pogu Kartēšana... lai konfigurētu planšetdatora darba zonas projekciju uz monitora ekrānu. Atvērsies logs Pildspalvas režīma informācija.

Nodaļā Ekrāna apgabals izvēlēties Monitors, ja jums ir vairāki monitori un norādiet galveno. Ja ir tikai viens monitors, atstājiet to Visi ekrāni

.

Nodaļā Mērogošana noteikti atzīmējiet tai blakus esošo izvēles rūtiņu Spēka proporcijas lai darba zona neizstieptos, projicējot uz ekrāna. Šajā gadījumā netiks izmantota daļa planšetdatora darba zonas, bet mums būs normālas proporcijas no 1 līdz 1. Un, ja jūs uzzīmējat apli, tas ekrānā parādīsies kā aplis, nevis kā iegarena elipse.

Noteikti atzīmējiet tai blakus esošo izvēles rūtiņu Izmantojiet Windows Ink spiediena jutīgumam darbam.

Nākamajā cilnē Pieskarieties vienumam Opcijas noņemiet atzīmi no pretējās izvēles rūtiņas Iespējot skārienvadu lai planšetdatoru pārslēgtu parastajā režīmā.

Pārējās cilnēs man viss ir atspējots, jo neizmantoju ne skārienjūtīgus žestus, ne patentēto nolaižamo izvēlni. Tas pabeidz grafikas planšetdatora iestatīšanu.

Animēt CC vai Flash Professional CC?

Adobe Animate CC ir Adobe Flash Professional CC zīmola maiņa; programmai ir pievienoti vairāki jauninājumi. Pat ar veco nosaukumu tas ieguva milzīgu popularitāti mākslinieku, animatoru un neatkarīgo spēļu izstrādātāju vidū. Vektoru dizaina principi ļauj izveidot spraitus jebkurai izšķirtspējai. Zīmēšanai darbosies jebkura versija, kuru varat iegūt. Zīmēšanas rīki daudzus gadus ir palikuši nemainīgi, tikai ar nelieliem uzlabojumiem. Izmantošu Adobe Animate CC, bet viss rakstītais attieksies arī uz vecākām Adobe Flash Professional versijām. Starp citu, iekšā Nesen Adobe ir pārgājis uz ikmēneša abonēšanas modeli, lai piekļūtu saviem produktiem, nevis dārga vienreizēja licencēšana. Tagad cena ir par izmantojot Adobe Animate CC ir 20 USD mēnesī.

Pirmā Adobe Animate CC palaišana

Pēc lejupielādes izveidojiet jaunu failu un atlasiet veidu Darbības skripts 3.0. Tajā pašā logā varat norādīt ainas parametrus:

• Platums Un Augstums— ainas platums un augstums pikseļos. Iestatīsim to uz 1920 x 1024, piemēram, izšķirtspēju modernā monitorā vai viedtālrunī;
• Lineālu vienības— mērvienības, iestatītie pikseļi;
• Kadru ātrums— kadru skaits sekundē, atstāj 24;
• Fona krāsa— fona krāsa, iestatīta uz pelēku.

Šos iestatījumus var mainīt pēc dokumenta izveides. Lai to izdarītu, jums jāizvēlas rīks Atlases rīks (karstais taustiņš V), atveriet logu Īpašības un izvērsiet sadaļu Īpašības. Ja nevarat atrast šo logu, izmantojiet izvēlni Logs → Īpašības vai kombinācija Ctrl taustiņi+ F3.

Karsto taustiņu iestatīšana

Lai palielinātu darba efektivitāti, maksimāli jāizmanto karstie taustiņi. Agrīnā stadijā tas prasa pierast un iegaumēt jaunas taustiņu kombinācijas, bet nākotnē tas nodrošina stabilu lēcienu jūsu efektivitātei. Esmu no jauna definējis lielāko daļu karsto taustiņu, lai tie būtu tastatūras labajā pusē. Kāpēc pa labi? Lieta tāda, ka esmu kreilis un attiecīgi man tā ir ērtāk. Ja esat labrocis, tad jums būs jāizdomā sava shēma. Papildus izmantoju Rapoo E9050 un Apple Wireless Keyboard, kas ir izgatavotas klēpjdatoru tastatūru formātā, tāpēc, ja lietojat pilna izmēra tastatūru, tad atkal cītīgi strādājiet un izdomājiet savu shēmu - tas maksās izslēgts daudz laika ietaupītā laikā - un apsveriet manu shēmu kā piemēru.

Iegūstiet ideju: sagrupējiet pamata komandas ērtajā tastatūras pusē, lai nodrošinātu ātra piekļuve nepārtraukti nemainot rokas stāvokli. Lielāko daļu laika tam vajadzētu gulēt vienā vietā, tikai pirksti "staigā" nelielā rādiusā, spiežot pogas. Protams, joprojām būs komandas, kas prasīs pozīcijas maiņu, taču tās ir nospiedošs mazākums. Šeit ir mana diagramma:

Komanda	Apraksts	Vecā kombinācija	Jauna kombinācija
Izvēlēties visus	Izvēlieties visu	Ctrl+A	Ctrl+A, O
Atsijāt visu	Noņemt atlasi	Ctrl+Shift+A	Ctrl+Shift+A, P
Atsaukt	Atcelt darbību	Ctrl+Z	Ctrl + Z, [, Z
Atkārtoti	Atkārtojiet darbību	Ctrl+Y	Ctrl+Y, ]
Tālummaiņa	Mērogošana	Shift + Z, Z	Shift+Z,\
Pietuvināt	Palielināt attēlu	Ctrl + =, Ctrl + Skaitlis =	Ctrl + =, Ctrl + Skaitlis =, =
Attālināt	Attālināt	Ctrl + =, Ctrl + Skaitlis =	Ctrl + -, Ctrl + Skaitlis -, -
Iztaisnojiet	Iztaisnojiet atlasītās līknes		9
Gluds	Izlīdziniet atlasītās līknes		0
Apgriezt horizontāli	Apgrieziet horizontāli		F
Apvērst vertikāli	Apvērst vertikāli		Shift+F
Griezt	Izgriezt starpliktuvē	Ctrl+X	Ctrl + X, X
Simbola dublikāts...	Klona simbols		Ctrl+D
Apmainīt simbolu...	Mainīt simbolu		Ctrl+]

Vairumā gadījumu jaunas kombinācijas neaizstāj vecās, bet papildina tās, tiek ieviestas vairākas jaunas komandas. Jums tas jākonfigurē, izmantojot izvēlni Rediģēt → Tastatūras īsinājumtaustiņi.... Meklēšanas laukā ailē ievadiet komandas nosaukumu Īsceļš Noklikšķiniet uz tukšās vietas pretī vajadzīgajai komandai un nospiediet jauno taustiņu kombināciju.

Nemēģiniet saprast tabulā dotās komandas, tās visas tiks izskaidrotas turpmākajās nodarbībās. Nākotnē, kad sāksiet tos aktīvi lietot, visticamāk, tos vairākas reizes pārdefinēsiet, līdz atradīsiet ērtāko variantu.

Birstes iestatījumi

Brush Tool(karstais taustiņš B) - otu rīks, ko visbiežāk izmanto zīmēšanā. Iestatījumi ir koncentrēti divos logos:

Otas iestatījumi ir pabeigti, krāsosim kaut ko.

Zīmējums ar otu

Izvēlieties piemērotu krāsu, izmantojot krāsu logu (Ctrl + Shift + F9), atlasiet Brush Tool (B) un sāciet ar vienu garu vēzienu ar nelielu spēku, lai iezīmētu nākotnes formu. Pēc tam izsekojiet iegūto kontūru, lai izlīdzinātu visus nelīdzenumus - birste ir gatava.

Lūdzu, ņemiet vērā, ka iepriekš minētajā piemērā tika izmantoti tikai trīs sitieni. Jums jācenšas izdarīt vidēja garuma vēzienus, lai jūsu roka neatstātu planšetdatoru. Mēģiniet izdarīt daudzus mazus sitienus nepareizi, jo iegūtā kontūra nebūs gluda un liela summa papildus punkti.

Adobe Animate CC darbojas uz vektoru principiem. Visi objekti ir aprakstīti matemātiski un var tikt mērogoti, nezaudējot kvalitāti, atšķirībā no rastra pieejas. Tas ļauj mums manipulēt ar vektoru objektiem tādā veidā, ko mēs nekad nevarētu izdarīt tik vienkārši, izmantojot rastra redaktoru. Mēs varam izlīdzināt un vienkāršot kontūras, iztaisnot izliektas līnijas, mainīt proporcijas un deformēt grafiskos objektus, nezaudējot kvalitāti. Katrs gājiens tiek automātiski pārveidots matemātiskās līknēs, kuras mēs varam precīzi noregulēt un modificēt.

Lai pārbaudītu visu iepriekš minēto, aktivizējiet rīku Apakšatlases rīks(karstais taustiņš A) un atlasiet tikko uzzīmēto otu. Tagad jūs varat redzēt vektora ceļa punktus un pat tos mainīt.

Secinājums

Šodien esam iestatījuši Adobe Animate CC un esam gatavi sākt zīmēt. Mazliet praktizējieties, pirms turpinām. Iemācieties zīmēt vienkāršas ģeometriskas formas bez kropļojumiem, izmēģiniet dažādas krāsas un otas iestatījumus (eksperimentējiet ar parametru Izlīdzināšana).

Līdzīgi materiāli