Adobe animate cc хөдөлгөөнт дүрс үүсгэх. Данил Фимушкин. Wacom загваруудын нэрэн дэх тоо, үсэг ямар утгатай вэ?

Шинэ файл үүсгэж, 800x600 хэмжээтэй болгож, дотор нь хэдэн файл, тухайлбал эдгээр хэдэн зураг, "ойн шуугиан mp3", өөрөөр хэлбэл дууг шилжүүлье. Би энд зөөж байна. Үүний үр дүнд бидэнд байгаа зүйл бол энэ зураг юм - энэ бол ой бөгөөд үүнийг "bg", "тоглох", "түр зогсоох" гэж нэрлэдэг бөгөөд эдгээр нь товчлуурууд юм. Би тэднийг одоо доош нь нүүлгье, нүүлгэе, үүнтэй төстэй зүйл - хамгийн энгийн сонголт.

Би одоо хөдөлгөөнт дүрсийг эхлүүлнэ, cntr+enter товчийг дарна, тэнд зүгээр л ой, ердөө хоёр товчлуур байна, юу ч ажиллахгүй байна. Хэрэв би дууг автоматаар тоглуулахыг хүсвэл үүнийг "ойн шуугиан" гэж нэрлэвэл би энэ давхаргыг сонгоод "автоматаар тоглуулах" гэснийг сонгоод cntr+enter дарахад дуу гарах болно. Гайхалтай.

Adobe Edge Animate дээрх видеон дээр дарж болох холбоосыг хэрхэн нэмэх вэ.

Хэрэв бид зүгээр л нэг товчлуур зурсан бөгөөд ямар нэгэн дэвсгэр байгаа бол үүн дээр дарвал хаана ч шилжилт хийхгүй. Нэмэх интерактив холбоосБид энэ товчлуурыг сонгоод, нээх үйлдэл, бүдүүлэг товчлуур дээр хулганы баруун товчийг дарж, үүнийг би ингэж нэрлээд, товшилтыг дарах хэрэгтэй, өөрөөр хэлбэл товшсон үед юу хийх вэ. Энд бид Open you are raol-ийг сонгох хэрэгтэй.

Үүнийг хэрхэн хийхийг би энэ видеон дээр харуулах болно, энэ нь төвөгтэй зүйл биш, гэхдээ та зөв кодыг хаана хуулах, хаана буулгах хэрэгтэйг зөв ойлгох хэрэгтэй.

Танд байгаа гэж бодъё adobe edge animate дээр хийсэн видео, та үүн дээр дарахад хүссэн зүйл нээгдэнэ буух хуудас, энэ нь захын хөдөлгөөнт форматтай бөгөөд эх сурвалж болон Java скрипт бүхий хавтсанд хадгалагдсан. Үүнийг аль ч хэсэгт нээ текст засварлагч, та ямар ч туршилтын редактор ашиглаж болно, жишээлбэл: тэмдэглэлийн дэвтэр гэх мэт.

Adobe Edge Animate дээр хөдөлгөөнт дүрсийг хэрхэн давталт хийх вэ, өөрөөр хэлбэл дуустал нь тоглоход эхнээсээ дахин эхэлж, үүрд үргэлжлэх байдлаар хэрхэн яаж хийх вэ.

Энд та гол фреймүүдийг хуулж болно, өөрөөр хэлбэл би нэг фрейм сонгоод cntr+c дарж, хүссэн талбар дээр дарж, cntr+v дарахад хөдөлгөөнт дүрс давтагдах болно, өөрөөр хэлбэл давтагдахгүй, гэхдээ энэ тохиолдолд эхлэх цэг рүү буцах. Хэрэв би энэ видеог ажиллуулаад cntr+enter дарвал хөдөлгөөнт дүрс ердөө 1 секунд үргэлжилдэг, нэг талдаа очоод нөгөө тал руугаа буцдаг.

Танд Adobe edge animate дээр хийсэн баннер байна гэж бодъё, түүн дээр дарахад хүссэн буух хуудас нээгдэж, edge animate форматтай, эх код болон Java скрипт бүхий хавтсанд хадгалагдана. Үүнийг дурын текст засварлагч дээр нээвэл та ямар ч туршилтын редактор ашиглаж болно, жишээлбэл: тэмдэглэлийн дэвтэр гэх мэт.

Дараа нь би энэ баннерыг сайт дээр оруулахыг хүсч байна. Юу хийх ёстой вэ? Та индекс файлыг татаж аваад текст засварлагч дээр нээж, adobe edge кодыг хуулж, төгсгөлд нь "толгой"-ны өмнө кодыг, дараа нь бидний баннер нэмэх газрын гарчгийн өмнө оруулна уу. див. Илүү нарийвчлалтай гүйцэтгэхийн тулд танд туслах заавар байдаг: https://docs.google.com/document/d/1-kTj3QhCbzT47-dReqpgVCBN_YuPy3hqxAMp94KcnZ0/edit. Дараа нь бид хадгалж, FTP үйлчилгээ рүү очно, би filezilla-г ашиглаж, таны сайтын хадгалалтын байршлыг олж, одоогийн файлуудыг орлуулж сервер дээр байрлах индексийн хавтсыг файл руу хуулна. Дараа нь бид бүх Java скриптүүдийг татаж аваад сайтыг шинэчилнэ. Бүх зүйл бэлэн болсон - хөдөлгөөнт дүрс ажиллаж, буух хуудастай таб мөн нээгдэнэ.

Хэрэв та ийм хичээлүүдийг сонирхож байвал миний сувагт бүртгүүлээрэй, учир нь... ойрын ирээдүйд олон шинэ видео гарах болно - http://www.youtube.com/user/danilfimushkin?sub_confirmation=1

00:32 - танд Adobe edge animate дээр хийсэн баннер байна гэж бодъё

01:30 - сайтад баннер нэмнэ үү

02:09 - "толгой" шошгоны өмнө код нэмнэ үү

02:50 - сайтад баннер нэмэх заавар

03:31 - серверт файл байршуулах

05:29 - бид сайтыг шинэчилж, бүх зүйл бэлэн боллоо!

Нэгдэж асуулт асуу:

Гурав татаж авах үнэгүй загвар Muse: http://site/free-landing.html

http://vk.com/adobeedgeanimate

Би ВКонтакте дээр байна: http://vk.com/danilfimushkin

Вебинар дээр би вектор дүрслэлээс хэрхэн бүрэн хэмжээний хөдөлгөөнт баннер хийхийг хэлж, үзүүлсэн.

00:17 - бид Edge Animate дээр вектор дүрслэлийг хөдөлгөж эхэлдэг
14:06 - дүрийн сарвууны хөдөлгөөнийг бий болгох
16:54 - үүрлэсэн тэмдгийн давуу тал
17:48 - үүрлэсэн тэмдэг гэж юу вэ
18:24 - гогцооны хөдөлгөөнт дүрс бичих
19:42 - гогцоотой хөдөлгөөнт дүрс бэлэн боллоо
23:40 - нүд анивчдаг
26:54 - хадгалахдаа файлын нэрийг тодорхойлно
27:57 - "унадаг" текстийн хөдөлгөөнт дүрс
28:39 – хөдөлгөөний муруй хавсаргах – хөдөлгөөнт тэнхлэгийг өөрчлөх
30:03 - хөдөлгөөнт дүрсний завсрын хураангуй, цаст ландшафтыг бий болгож, цасан ширхгийг хөдөлгөөнтэй болгох
33:39 – Edge Animate тойм
34:52 - гэрийн даалгавар
35:25 - идэвхтэй холбоосыг хэрхэн нэмэх
39:09 - хэд хэдэн товчлуур үүсгэж, холбоосыг хавсаргана

Нэгдэж асуулт асуу: http://vk.com/adobeedgeanimate

UPD 2015 оны 12-р сарын 6:
Flash Runtime болон Adobe AIR-ийн бүтээгдэхүүний менежер хэлэхдээ тэд төлөвлөгөө байхгүй Flash Runtime болон AIR дээр ажиллахаа болих ба контент бүтээх бүтээгдэхүүний нэрийг өөрчлөхарга ч үгүй хувь заяатай холбоогүй Flash тоглуулагч болон холбогдох экосистем.

Утгыг ихээхэн өөрчилдөг нэг нюансаас бусад бүх зүйл зүгээр байх болно - техникийн бичиг үсэггүй байдал, ерөнхий хуулбарлах. Хэвлэлүүд бие биенээ дахин хэвлэж, эх хувилбарт байхгүй "баримтуудыг" улам бүр нэмж байна. Нэг үгээр бол гэмтсэн утас.

http://blogs.adobe.com/conversations/2015/11/flash-html5-and-open-web-standards.html анхны нийтлэлд Adobe Flash Professional-ийн нэрийг Animate CC болгон өөрчилсөн гэж мэдээлсэн. Нэмж дурдахад тэд хэрэглэгчид илүү дэмжигдсэн платформ гэх мэтийг хүсч байгааг мэдээлдэг.

Олон хүмүүс Flash болон Flash Professional хоёрын ялгааг олж харахгүй байгаад би гайхсангүй. Мэдээллийн сайтууд дээр гинжин хэлхээний цааш холбодог бусад эх сурвалжаас иш татан янз бүрийн гажигууд гарч эхлэв. Мөн үргэлж эх биш.

Өнөөдөр Flash гэдэг үгийг хөтчүүдэд зориулсан залгаас гэж ойлгодог. Техникийн хувьд энэ нь Flash Player юм. Гэхдээ контент үүсгэх хэрэгсэл байдаг - Flash Professional. Хэрэв Майкрософт Word-ын нэрийг TextMachine болгон өөрчилсөн бол хүмүүс "Microsoft Word програмыг хөгжүүлэхээ больчихлоо" гэж хашгирах байсан болов уу? Хэдийгээр контент үүсгэхийг дэмжиж, өгөгдлийг засварлаж болно гэж хар дээр цагаанаар бичсэн ч гэсэн?

Өөрийнхөө жишээн дээр би тод дүр зургийг харуулж чадна. Орон нутгийн үйлчлүүлэгчид iOS-д зориулсан үзүүлэнгийн хөдөлгөөнт дүрс үүсгэхийн тулд юу ашиглахыг надаас асуудаг. Flash Professional дээр үүнийг хэлж байгаадаа бахархаж байна. Мөн үйлчлүүлэгч нь тэнэг байдалд байна. Хэсэг хугацааны дараа тэр хэлэв:

"Гэхдээ төв дээр тэд флаш унтарсан, таблет дээр ажиллахгүй байна гэж бичдэг"

Тэгээд би тэнэгтэнэ. Үйлчлүүлэгчид болон флашын тухай нийтлэл зохиогчдын техникийн мэдлэггүй байдал нь хүмүүсийг хүссэн үр дүнгээс холдуулдаг. Аз болоход үйлчлүүлэгч ятгаж, үр дүндээ сэтгэл хангалуун байв.

Анхны нийтлэл рүүгээ буцъя. Тэд html5 нь боловсорч гүйцсэн бөгөөд Flash-ийн ихэнх функцийг аль хэдийн дэмждэг болсон гэж мэдээлж байна. Доошоо шилжсэнээр бид Adobe өөрсдөө Flash-ийг дээд зэрэглэлийн контент буюу вэб тоглоом, дээд зэргийн видеог хүргэх гол хэрэгсэл гэж үздэгийг бид харж байна. Гэхдээ тэд Flash-ийн дэмжлэгийг зогсоож байна гэсэн үг алга.

Цаашлаад... Тэд Flash Player-ийн нийцтэй байдал, аюулгүй байдлыг сайжруулахын тулд Microsoft болон Google-тэй хамтран ажиллаж байгаагаа тодорхой мэдэгдэв. Мөн тэд Flash Player дээрх тоглоомуудын найдвартай байдал, аюулгүй байдлыг сайжруулахын тулд Facebook-тэй нягт хамтран ажиллаж байгаагаа нэмж хэлэхээ мартсангүй. Тэгвэл тэд Flash-ийг орхиж байна гэсэн үг хаана байна вэ?

Хэрэв бид ерөнхийдөө Flash-ийн хөгжлийн талаар ярих юм бол тиймээ, энэ нь нэлээд эрт зогссон. Зөвхөн бага зэрэг (гэхдээ чухал) сайжруулалт хийгдсэн бөгөөд аюулгүй байдлын алдааг зассан. Гэхдээ энэ үнэхээр тийм муу гэж үү? Миний бодлоор Flash-д хэрэгтэй бүх зүйл бий. Мэдээжийн хэрэг, би илүү ихийг хүсч байна. Гэхдээ яагаад?

Илүү ихийг мэдэхийн тулд та тоглоомын бие даасан форматыг сонгох хэрэгтэй. Мөн Adobe AIR байдаг (хэрэв бид Flash гэж үзвэл). Татгалзах Adobe-ийн дэмжлэг AIR тогтмол биш. 2016 оны төлөвлөгөөний талаар надад мэдээлэл байна. Гэхдээ хөтчийн флэш үхэх үү? Мэдээж. Гэхдээ маргааш биш нь лавтай.

Flash нь батарейг шавхаж байна гэж хэлэх дуртай хүмүүст Canvas үүнийг хэрхэн цэнэглэж байгааг харуулаарай.

Adobe Edge Animate төслийг цаашид идэвхтэй хөгжүүлэхгүй гэдгийг тэмдэглэх нь зүйтэй. Гэхдээ учир нь Би Flash Professional програмыг хөгжүүлэхэд ойрхон байна - Edge Animate нь огт хөгжөөгүй гэдгийг би танд баталж байна (үүнээс бусад нь). чухал алдаанууд). Энэ шийдвэрийн талд гарсан Adobe FlashМэргэжлийн (ирээдүйн Animate CC).

HTML бүтээлүүдийг ADFOX-д байрлуулахад бэлтгэхийн тулд баннер дээр товших, баннер дахь үйл явдлыг тоолох код оруулах шаардлагыг дагаж мөрдөх нь чухал юм.
HTML кодыг боловсруулахдаа та эдгээр зааврыг бичсэн редакторуудыг ашиглаж болно.
- Adobe Animate CC;
- Google вэб дизайнер;
- Adobe Edge Animate CC.

HTML кодын шаардлага (код хөгжүүлэгчдэд)

Дараах шаардлагыг хангасан төслөө бэлтгэ.

1. HTML кодын зөвшөөрөгдөх дээд тэмдэгтийн тоо 65,000;
2. Баннерын HTML код дотор JavaScript болон CSS-ийг байрлуулах нь илүү дээр юм;
Хэрэв үүссэн HTML код нь зөвшөөрөгдөх дээд хэмжээнээс хэтэрсэн бол JavaScript болон CSS-г оруулах замаар кодыг багасгах шаардлагатай. тусдаа файлууд:
- js болон хадгалах css код.js эсвэл .css өргөтгөлтэй тусдаа файлууд руу;
3. Төсөл нь зөвхөн .html өргөтгөлтэй нэг файл агуулж болно;
4. Төсөл дэх файлуудын зөвшөөрөгдөх дээд хэмжээ нь 50;
5. Төсөлд зөвшөөрөгдсөн файлын төрлүүд: 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. Хамгийн их хэмжээфайл бүр (архив доторх файлуудад мөн хамаарна):
- 300 Кб;
- Видео файлын хувьд 1MB.
7. Файлын нэр нь зөвхөн англи цагаан толгойн тоо эсвэл үсэг, доогуур зураасыг агуулсан байх ёстой. Файлын нэрэнд орос үсэг, зай, ишлэл, тусгай тэмдэгт ашиглахыг хориглоно;
8. Хувьсагч болон объектын нэрэнд орос үсгийг ашиглах боломжгүй.
Цорын ганц үл хамаарах зүйл бол баннер дээрх текст юм.
9. Дууссан төслийн формат - зипархив.

Adobe Animate CC

1. Редактор бэлтгэх.

AdobeAnimate CC дээр шинэ төсөл үүсгэхийн тулд "HTML5 Canvas" төслийг сонгоно уу.

Энэ загварын кодыг засварлагч дээр бүтээл үүсгэхэд үндэс болгон ашиглаж болно.

Загварыг төсөлд хэрэглэхийн тулд нийтлэх тохиргооноос сонгоно уу "Нийтлэх дэвшилтэт тохиргоо -> Шинэ импортлох...".

Загвар нь скрипт агуулсан adfox_HTML5.js

3. Боловсруулалтыг товшино уу

Хэрэв таны бүтээлд мөчлөгийн хөдөлгөөнт дүрс орсон бол зөвхөн хэсгийн товчлуурын кодыг ашиглана уу.

3.1 Баннерын хэсгийг бүхэлд нь товших боломжтой болгож, нэг холбоос руу орох боломжтой болгохын тулд хөдөлгөөнт дүрсний эхний кадрт дараах кодыг нэмнэ үү.

Canvas.style.cursor = "заагч"; canvas.addEventListener("товшилт", функц() ( window.callClick(); ));

3.2 Өөр өөр холбоосоор шилжих хэд хэдэн товчлуур нэмэхийн тулд дээд хөдөлгөөнт давхаргад баннер дээр дарах үндсэн товчлуурыг нэмж, товчлуур дээр Instance Name-ийг оноож, товчлуур дээр код бичнэ үү.

This.btnMain.addEventListener("click", функц (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ; )) ;

Товшсон үед хэрэглэгчийг сурталчилсан сайтын өөр өөр хуудас руу шилжүүлэх бусад товчлууруудыг нэмнэ үү.
Хөдөлгөөнт дүрсний зарим хэсгийн дээд давхаргад зарим товчлууруудыг байрлуулж, товчлууруудад Instance нэр өгч, товчлуур бүрт код бичнэ үү.

This.btnLeft.addEventListener("click", функц (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(n); ); ) );

Хаана n

3.3

This.btnText.addEventListener("хулганаар дарах", функц() ( window.callEvent(n); ));

Хаана хулганаар дарах - javascript үйл явдал, n- өдөөх ёстой 1-ээс 30 хүртэлх үйл явдлын дугаар.

Давталтын хөдөлгөөнт дүрс үүсгэх онцлог

Animate CC засварлагч дахь бүтээлд давталттай хөдөлгөөнт дүрсийг хэрэгжүүлэхийн тулд:
- Нийтлэлийн тохиргоонд "Loop Timeline" сонголтыг тохируулах;
- энэ хэсгийн товчлууруудын кодыг ашиглах ба 3.1 ба 3.2-т заасан энгийн товчлууруудын кодыг хасах шаардлагатай.

Нэг товчлуур болон давталттай хөдөлгөөнт дүрс бүхий бүтээлч код:

Хэрэв хэд хэдэн товчлуур байгаа бол ADFOX үйл явдлуудыг дуудах кодонд дараах кодыг нэмнэ үү.

Хэрэв (typeof(this.stopCycle) == "тодорхойгүй") ( this.btnMain.addEventListener("click", функц (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button) == 0) ( window.callClick(); ; )); this.btnLeft.addEventListener("товшилт", функц (e) ( var t = e.nativeEvent; if (t.which == 1 || t. товчлуур) == 0) ( window.callClick(n); )); this.stopCycle = үнэн; )

Хаана n- өдөөх ёстой 1-ээс 30 хүртэлх үйл явдлын дугаар.

Ил тод товчлууруудыг ашиглах

Жишээлбэл, та баннерын хэсгийг бүхэлд нь эсвэл зөвхөн нэг хэсгийг нь товших боломжтой болгох шаардлагатай бол ил тод товчлууруудыг ашиглаж болно. Тэдний хувьд, түүнчлэн ердийн товчлууруудын хувьд шилжилт эсвэл үйл явдлыг дуудах кодыг нэмэх шаардлагатай.

Animate дахь товчлуурууд нь дөрвөн хүрээ агуулсан тэмдэг юм. Та эхний гурвыг хоосон орхиж, Insert > Timeline > Keyframe-ээр контент (график элемент) нэмснээр зөвхөн сүүлчийн "Цохилт"-ыг бөглөж болно.

Hit хүрээний агуулга нь үл үзэгдэх боловч товшилтоор хариу үйлдэл үзүүлэх товчлуурын хэсгийг тодорхойлдог. Та Insert > Timeline > Keyframe-ээр дамжуулан энэ фреймд контент (график элемент) нэмж болно. Хэрэв үлдсэн фрэймүүд хоосон эсвэл үл үзэгдэх хэвээр байвал товчлуурыг дарна уу ажлын талбайтунгалаг цэнхэр харагдах ба дараагийн Hit фреймд агуулагдах контент шиг хэлбэртэй байна. Төслөө нийтлэх үед ил тод цэнхэр хэсэг харагдахгүй.

Сунгах (резин) баннерыг хэрэгжүүлэх онцлог

Баннерыг сайт дээр байрлах савны өргөнөөр сунгахын тулд дараах тохиргоог хийнэ үү. Файл > Нийтлэх тохиргоо.
Таб дотор Үндсэн, сонгоно уу Хариуцлагатай болгох > Өргөн, Өндөр эсвэл хоёуланг нь сонгоно уу.
Сонго Үзэгдэх хэсгийг дүүргэхийн тулд масштабланагаралтыг бүтэн дэлгэцийн горимд үзэх.
"Харагдахад тохирох"-ыг сонгосноор дэлгэцийн бүх боломжит орон зайг дүүргэхийн тулд ижил харьцааг хадгалахын тулд контентыг томруулна. Хэрэв хамгийн их өргөн аль хэдийн хүрсэн бол дэлгэцийн өндрийн дагуух хэсэг нь бөглөөгүй хэвээр үлдэж болно.

Хэрэв та програмын тохиргоог ашиглан хүссэн үр дүндээ хүрч чадахгүй бол скрипт ашиглана уу.
Кодын жишээ энд байна:
Хэмжээний харьцааг тохируулах кодыг татаж авах.
Харьцаагүйгээр томруулах кодыг татаж аваарай.
Байршлын элементүүдийн кодыг татаж авах, хаана an0..an4нь элементүүдийн жишээний нэр юм.

Автомат анивчдаг баннер үүсгэх онцлог

Хэрэв та өргөтгөсөн төлөвөөс баннер харуулахыг хүсвэл интерфэйс дээр баннер нэмэхдээ "Үргэлж автоматаар өргөтгөх" эсвэл "Эхлэх үед өргөтгөх" параметрт "тийм" гэсэн утгыг зааж, кодыг оруулах ёстой. HTML бүтээлч:

Window.global_exp_banner = this.exp_banner; window.global_main_banner = this.main_banner; window.global_exp_banner.visible = худал; хэрэв (window.isBannerExpanded) ( window.global_exp_banner.visible = үнэн; window.global_exp_banner.btnCollapse.visible = үнэн; window.global_main_banner.visible = худал; window.global_main_banner.btnExpand.;exp_banner.btnExpand.;exp_banner. харагдах = худал; window.global_exp_banner.btnCollapse.visible = худал; window.global_main_banner.visible = үнэн; window.global_main_banner.btnExpand.visible = үнэн; ) window.global_main_banner.btnExpand. ))) window.global_exp_banner.btnCollapse.addEventListener("дарна уу", collapseBanner.bind(энэ)); window.onBannerExpand = function() ( window.callEvent(2); window.global_exp_banner.visible = үнэн; window.global_exp_banner.btnCollapse.visible = үнэн; window.global_main_banner.visible = худал; window.global_main_expand.visible =v.b. ; ) window.onBannerCollapse = функц () ( window.callEvent(3); window.global_exp_banner.visible = худал; window.global_exp_banner.btnCollapse.visible = худал; window.global_main_banner.visible = үнэн; window.global_exp_banner.mainbt = үнэн;)

5. Төслийн хэвлэлт.

Чухал! Төслийг хөтчөөр дамжуулан урьдчилан харах үед (Ctrl-Enter | Cmd-Enter)Маягтын санамсаргүй утгыг HTML хэл дээрх файлын нэрийн холбоосуудад хавсаргасан болно ?1468231208369 . ADFOX руу ачаалахдаа төслөөс ийм утгыг хасах ёстой.
Үүнийг хийхийн тулд редактор дахь эцсийн төслийг дамжуулан нийтлэх ёстой Файл > Нийтлэх тохиргоо > Нийтлэх (Shift-Ctrl-F12 | Shift-Cmd-F12).

Төслийг нийтлэхдээ загвараа сонгоно уу AdobeAnimate_Adfox_.html.

.zip

Google вэб дизайнер

Энэхүү баннерын кодыг засварлагч дээр бүтээл үүсгэхэд үндэс болгон ашиглаж болно.

Загвар нь скрипт агуулсан adfox_HTML5.jsшилжилтийг зөв ажиллуулах, үйл явдлыг тоолох параметрүүдийн багц:
%лавлагаа%, %хэрэглэгч1%, %eventN%, энд N нь 1-ээс 30 хүртэлх үйл явдлын дугаар юм.

2. Боловсруулалтыг товшино уу.

Бүх үйл явдлуудыг Үйл явдал табаар дамжуулан тодорхой хөдөлгөөнт элементүүдэд хуваарилдаг.

Интерактив бүсийн бүрэлдэхүүн хэсэг нь үйлдлийг дуудахдаа ашиглагддаг.
Үүнийг нэмээд үйл явдлыг сонгоно уу "Интерактив талбай" - "Хүрч/товш"(эсвэл англи хувилбараар "Tap Area > Touch/Click").

"Гаалийн код" таб дээр товших функц руу залгахыг зааж өгнө үү.

2.1

CallClick();

2.2

CallClick(n);

Хаана n

2.3 Хэрэв та шилжилтгүйгээр хөдөлгөөнт дүрсээс үйл явдлыг өдөөх шаардлагатай бол дараах кодыг ашиглана уу.

CallEvent(n);

Хаана n- дуудах ёстой үйл явдлын дугаар.

Ингэснээр баннер нь тухайн газар, самбар дээр байрлах савны өргөний дагуу сунадаг. Үл хөдлөх хөрөнгөБайршил, хэмжээсийн хувьд пикселийн оронд хувь хэмжээг зааж өгнө үү.

Мөн сонголтуудыг ашиглана уу "Савыг зэрэгцүүлэх"Тэгээд "Резин зохион байгуулалт"дээр дээд самбархэрэгсэл.
Хэрэв та ямар нэгэн зэрэгцүүлэх хэрэгслийг ашиглахаасаа өмнө "Fluid Layout"-г идэвхжүүлбэл, эх савны хэмжээг өөрчлөхөд бүх элементүүд бие биетэйгээ болон савны хэмжээстэй зэрэгцэх болно.
Энэ тохиолдолд та элементүүдийн харьцангуй хэмжээ болон пикселийн үнэмлэхүй хэмжээг нэгэн зэрэг ашиглаж болно.

4. Төслийн хэвлэлт.

ADFOX-д баннер нэмэх үед менежер товчлуурууд болон үйл явдлын дугааруудын захидал харилцааг мэдэх шаардлагатай болно. Үйл явдал бүрийн хувьд менежер өөрийн шилжих холбоосыг бичих бөгөөд дараа нь хувьсагч ашиглан баннер код руу шилжих болно.

Төслийг нийтлэсний дараа форматаар архивлана .zip. Таны бүтээлийг ADFOX баннерт байршуулахад бэлэн боллоо.

Adobe Edge Animate CC

Эхлэхийн тулд өргөтгөлтэй файлыг ажиллуулна уу .анархиваас.

2. Боловсруулалтыг товшино уу.

Бүх үйл явдлыг "Код" табаар дамжуулан тодорхой хөдөлгөөнт элементүүдэд хуваарилдаг.

Сонгосон элементийн дундуур шилжихийн тулд та үйл явдлыг сонгох ёстой дарна ууболон товчлуурын функц руу дуудлага бичих.

Товчлууруудад жишээ нэр өгөх ёстой, жишээлбэл: btnMain, btnRight.

2.1 Хэрэв нэг үсрэх товчлуурыг ашиглаж байгаа бол:

CallClick();

2.2 Хэрэв хэд хэдэн шилжилтийн товчлуур байгаа бол:

CallClick(n);

Хаана n- дуудах ёстой үйл явдлын дугаар.

2.3 Хэрэв та шилжилтгүйгээр хөдөлгөөнт дүрсээс үйл явдлыг өдөөх шаардлагатай бол дараах кодыг ашиглана уу.

CallEvent(n);

Хаана n- дуудах ёстой үйл явдлын дугаар.

Сунгах (резин) баннерыг хэрэгжүүлэх онцлог.

Баннер нь сайт дээр байрлах савны өргөний дагуу сунахын тулд Properties самбар дээрх баннерыг засварлагчаар бэлтгэхдээ байрлал, хэмжээг пикселийн оронд хувь хэмжээг зааж өгөх ёстой.

Мөн Байрлал ба Хэмжээ самбарт элементүүдийн хувьд Scale Size болон Scale Position товчлуурууд байдаг

4. Төслийн хэвлэлт.

Төслийг дараах тохиргоотой нийтлэх ёстой.

Төслийг нийтлэсний дараа форматаар архивлана .zip. Таны бүтээлийг ADFOX баннерт байршуулахад бэлэн боллоо.

Байнга сайжирч, ямар нэгэн зүйл сурч, байнга шинэ зүйл сурахыг хүсдэг хүмүүст зориулж бид энэ ангиллыг тусгайлан гаргасан. Энэ нь танд таалагдах нь дамжиггүй, зөвхөн боловсролын, хэрэгтэй контентыг агуулдаг. Олон тооны видеонууд нь бидний сургууль, коллеж, их дээд сургуульд өгдөг боловсролтой ч өрсөлдөж магадгүй юм. Сургалтын видео бичлэгийн хамгийн том зүйл бол хамгийн сүүлийн үеийн, хамгийн хэрэгтэй мэдээллийг өгөхийг хичээдэг. Технологийн эрин үед бидний эргэн тойрон дахь ертөнц байнга өөрчлөгдөж байдаг бөгөөд хэвлэмэл боловсролын хэвлэлд хамгийн сүүлийн үеийн мэдээллээр хангах цаг зав байдаггүй.

Видео бичлэгүүдээс та сургуулийн өмнөх насны хүүхдүүдэд зориулсан боловсролын видео бичлэгүүдийг үзэх боломжтой. Тэнд таны хүүхдэд үсэг, тоо, тоолох, унших гэх мэтийг зааж өгнө. Зөвшөөрч байна, энэ бол хүүхэлдэйн киноны маш сайн хувилбар юм. Та мөн бага ангийн сурагчдад зориулсан сургалтыг олж болно Англи хэл, сургуулийн хичээлийг судлахад туслах. Ахимаг насны оюутнуудын хувьд шалгалт, шалгалтанд бэлтгэх эсвэл тодорхой сэдвээр мэдлэгээ гүнзгийрүүлэхэд туслах боловсролын видео бичлэгүүдийг бүтээсэн. Олж авсан мэдлэг нь тэдний оюун санааны чадавхид чанарын нөлөө үзүүлэхээс гадна таныг маш сайн үнэлгээгээр баярлуулах болно.

Сургуулиа төгссөн, их сургуульд сурч байгаа эсвэл сурдаггүй залууст зориулсан олон сонирхолтой боловсролын видео бичлэгүүд байдаг. Тэд суралцаж буй мэргэжлийнхээ талаарх мэдлэгээ гүнзгийрүүлэхэд нь тусалж чадна. Эсвэл программист, вэб дизайнер, SEO оновчтой болгох гэх мэт мэргэжилтэй болоорой. Энэ мэргэжлийг их дээд сургуулиудад хараахан заагаагүй байгаа тул та зөвхөн бие даан боловсрол эзэмшсэнээр энэ дэвшилтэт, хамааралтай чиглэлээр мэргэжилтэн болох боломжтой бөгөөд бид хамгийн хэрэгтэй видеог цуглуулж туслахыг хичээж байна.

Насанд хүрэгчдийн хувьд энэ сэдэв нь бас хамааралтай тул олон жил мэргэжлээрээ ажилласны дараа энэ нь таны зүйл биш бөгөөд өөртөө илүү тохиромжтой, нэгэн зэрэг ашигтай зүйлийг сурахыг хүсдэг гэсэн ойлголттой болдог. Мөн энэ ангиллын хүмүүсийн дунд өөрийгөө сайжруулах, цаг хугацаа, мөнгөө хэмнэх, амьдралаа оновчтой болгох, илүү сайн, аз жаргалтай амьдрах арга замыг хайж олох видео бичлэгүүд ихэвчлэн байдаг. Насанд хүрэгчдэд ч гэсэн өөрийн бизнесийг бий болгох, хөгжүүлэх сэдэв маш тохиромжтой.

Мөн боловсролын видеонуудын дунд бараг ямар ч насныханд тохирсон ерөнхий сэдэвтэй видео бичлэгүүд байдаг бөгөөд тэдгээрээс та амьдрал хэрхэн эхэлсэн, хувьслын ямар онолууд байдаг, түүхийн баримтууд гэх мэтийг мэдэж болно. Тэд хүний алсын харааг төгс тэлж, түүнийг илүү мэдлэгтэй, тааламжтай оюуны ярилцагч болгодог. Мэдлэг бол хүч чадал учраас ийм боловсролын видео бичлэгийг хүн бүр үзэхэд үнэхээр хэрэгтэй байдаг. Бид танд тааламжтай, ашигтай үзэхийг хүсч байна!

Өнөө үед "долгион дээр" гэж нэрлэгддэг зүйл байх ёстой. Энэ нь зөвхөн мэдээ төдийгүй өөрийн оюун ухааны хөгжилд хамаатай. Хэрэв та хөгжих, дэлхий ертөнцийг судлах, нийгэмд эрэлт хэрэгцээтэй, сонирхолтой байхыг хүсч байвал энэ булан зөвхөн танд зориулагдсан болно.

Долоон жил гаруй хугацаанд би АНУ, Канад, Австрали, Герман болон бусад орны гадаадын үйлчлүүлэгчидтэй алсаас ажиллаж байна. Би тоглоомын график эх сурвалж, хөдөлгөөнт дүрс зурдаг Adobe Animate CC. Өмнө нь редакторыг дуудсан Adobe Flash Professional CC.

Хуучин блог дээрээ би үүнтэй төстэй цуврал хичээлүүдийг эхлүүлж байсан ч үргэлжлүүлэхийн оронд шинэ туршлагаа хуваалцахын тулд бүх зүйлийг дахин бичихээр шийдсэн.

Яагаад бидэнд Adobe Flash дээр зурах өөр цуврал хичээл хэрэгтэй байна вэ? Би үүнийг олон жилийн турш хийж байгаа бөгөөд миний туршлага эхлэгчдэд хэрэгтэй болно гэдэгт итгэдэг. Ялангуяа график таблетаар зурж үзээгүй хүмүүст зориулсан. Хэрэв та цаасан дээр сайн зурдаг ч компьютер дээр зурж үзээгүй бол надад хэлэх зүйл байгаа нь гарцаагүй.

Цаасан дээр хэрхэн зурахаа мэдэхгүй хүмүүст би энэ ур чадварыг ерөнхийд нь хэрхэн хөгжүүлэх талаар тайлбарлахыг хичээх болно. график засварлагч: хэтийн төлөв, найрлагыг бий болгох, өнгө сонгох, сүүдэрлэх болон бусад сэдвүүд.

График таблет сонгох

Та зурж чадах эсэх нь хамаагүй, танд багаж хэрэгсэл хэрэгтэй болно: төхөөрөмжүүд болон програмууд. Техник хангамжаас эхэлье. Танд аль хэдийн компьютер байгаа боловч түүнд график таблет холбох шаардлагатай хэвээр байгаа бөгөөд энэ нь бидэнд одоо байгаа виртуал зураг дээр зурах боломжийг олгоно. санамсаргүй хандалт санах ой. Өөрөөр хэлбэл, энэ нь хулгана, трекбол гэх мэт мэдээлэл оруулах өөр төхөөрөмж юм. Гэхдээ таблет нь цаасан дээр байгаа юм шиг зурах боломжийг олгодог давуу талтай. Энэ нь даралтын мэдрэмж ба заагч төхөөрөмжийн үзэг шиг хэлбэр юм.

График таблет үйлдвэрлэгч олон байдаг: Wacom, Genius, Huion. Би эхний хоёртой л таарч байсан. Нийтдээ би Wacom-аас дөрвөн таблет, Genius-аас нэг таблетыг аль хэдийн туршиж үзсэн. Би Wacom-ийг маш их санал болгож байна - энэ бол өндөр чанартайболомжийн үнээр.

Хэрэв танд мөнгө байхгүй бол Genius бүү худалдаж ав, хамгийн боломжийн үнэтэй жижиг ашигласан Wacom Bamboo Pen аваарай. Би бараг адилхан Wacom Bamboo Pen&Touch S CTH-460-г ашигласан. Ашиглалтын долоон жилийн хугацаанд ямар ч ноцтой асуудал гараагүй, эхлүүлэхэд тохиромжтой төхөөрөмж. Хэрэв та илүү их мөнгө хэмнэх боломжтой бол илүү том загварыг сонгоорой. Би Wacom Bamboo Fun Pen&Touch M CTH-670 хэрэглэдэг.

Wacom загваруудын нэрэн дэх тоо, үсэг ямар утгатай вэ?

Компанийн загвар цэцэрлэгт хүрээлэнгээр аялахад хялбар болгох үүднээс нэрний зарим тоо, үсэг ямар утгатай болохыг би тайлбарлах болно.

Wacom Bamboo Fun Pen&Touch M CTH -6 70

М- ажлын талбайн хэмжээ. S - Жижиг (жижиг), M - Дунд (дунд), L - Том (том);
CTH- гэсэн үг бүрэлдэхүүн. CTL ба CTH - сонирхогчийн загварууд байдаг Анхан шатнынэмэлт товчлуур болон мэдрэгчтэй самбартай, PTH - мэргэжлийн загварууд, DTH ба DTK - суурилуулсан дэлгэцтэй мэргэжлийн загварууд;
6 - ажлын талбайн хэмжээ инч. 4 - Жижиг (жижиг), 6 - Дунд (дунд), 8 - Том (том), түүнчлэн 13 ба түүнээс дээш байдаг боловч энэ нь зөвхөн суурилуулсан дэлгэцтэй таблетуудад хамаарна. Заримдаа онлайн дэлгүүр, зар сурталчилгаа нь үсгийн индексийг заагаагүй бол та төхөөрөмжийн хэмжээсийг ойлгохын тулд дижиталыг ашиглаж болно;
70 - үе ба загвар. Энэ тоо хэдий чинээ их байна, төдий чинээ их байна гэдгийг ойлгох нь чухал шинэ төхөөрөмж. Харьцуулбал минийх хуучин таблет CTH-460 индекстэй, орчин үеийн аналог нь CTH-490 юм. Үе үе 10: 460, 470 гэх мэтээр ялгаатай.

График таблетын хэмжээ

Зурах үед ажлын талбайн идэвхтэй талбай маш бага байдаг. Өөрөөр хэлбэл зүү нь жижиг тойргийн радиус дотор байнга гулсдаг. Энэ тойрог бага зэрэг хөдөлж магадгүй. Цаг хугацаа өнгөрөхөд толбо үүсдэг бөгөөд энэ нь бичил зураасны өтгөн хуримтлал хэлбэрээр харагдана. Энэ нь та төхөөрөмжийн дагалдах хэсгийг бараг ашигладаггүй, бүх зүйл төвд болдог гэдгийг харуулж байна.

Ажлын талбайг бүхэлд нь хэзээ ч ашиглахгүй бөгөөд жижиг загвартай ижил хэмжээтэй байх тул том график таблет хэрэггүй гэж үзэж болно. Гэхдээ энэ нь үнэн биш юм.

Таныг таблет дээр ажиллах үед түүний ажлын хэсэг нь дэлгэцийн бүхэл бүтэн өргөнийг хамарна. Тиймээс таблет нь том байх тусам цус харвалтыг илүү нарийвчлалтай хэрэглэж болно. Мөн эсрэгээр, дэлгэц том, таблет нь жижиг байх тусам зурах нь танд илүү хэцүү, эвгүй байх болно. Туршлагаас харахад 29 инчийн хэт өргөн дэлгэц дээр ажиллахдаа S хэмжээнээс M руу шилжсэний дараа миний ажил 25-30% илүү тухтай болсон гэж хэлж болно. Нарийн төвөгтэй тоймыг зурахад бага хүчин чармайлт шаардагддаг бөгөөд ерөнхий туршлага нь илүү зөөлөн, тааламжтай санагддаг.

Том график таблетууд нь ажлын таатай орчинг бүрдүүлэх ёстой, гэхдээ би L-загварууд дээр ажиллаж байгаагүй тул зөвхөн таамаглаж байна.

Сонирхогчдын болон мэргэжлийн Wacom шахмалуудын ялгаа

Мэргэжлийн загвар худалдаж авснаар хямд загварт 1024-ийн даралт мэдрэгчтэй харьцуулахад 2048 түвшний даралтын мэдрэмжтэй, илүү сайн чанарын хуванцараар хийгдсэн утасгүй төхөөрөмж, гоёмсог дизайн, товчлуур, мэдрэгчтэй бөгж хэлбэрийн нэмэлт удирдлагатай болно. Үйлдвэрлэлээ зогсоосон Bamboo цувралын залуу, хуучирсан загваруудад би бүрэн сэтгэл хангалуун байна. Сонирхогчдын болон мэргэжлийн хувилбаруудын үнийн зөрүү хоёр дахин их байх болно. Хүснэгт нь бүх зүйлийг эмх цэгцтэй болгоно.

Wacom Bamboo Pen & Touch M CTH-670-г тохируулж байна

Төхөөрөмжийг холбохын өмнө Wacom-ийн албан ёсны вэбсайтаас драйверуудыг татаж аваарай.

Загваруудын жагсаалт	Жолоочийн холбоос
Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 Нэг 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
Хулсан үзэг&Touch CTH-460/470/471/660/661/670 Хулсан үзэг CTL-460/471	Windows macOS

Таблетыг холбож, драйверуудыг суулгасны дараа програмыг ажиллуулна уу Wacom тохиргоо-ээр дамжуулан олж болно Windows хайлт(Win + S) эсвэл хяналтын самбараас.

Компанийн таблетуудын үндсэн тохиргоо нь ялгаатай биш бөгөөд сонирхогчийн болон мэргэжлийн загваруудын аль аль нь ижил төстэй байдлаар тохируулагдсан байдаг.

Таб дээр ТаблетТа таблетаа баруун болон зүүн гарт тохируулж, товчлууруудад үйлдлүүдийг оноож болно. Эхлээд тэдгээрийг суулгана уу Идэвхгүй, цаг хугацаа өнгөрөхөд халуун товчлууруудыг хуваарилах боломжтой болно.

Дараагийн таб дээр Үзэгчухал параметрүүдийг олж болно:

Tip Feel- даралт мэдрэмж. Төв хэсэгт нь үлдээгээрэй. Энэ явцад та ямар төрлийн хатуулагт дуртайг ойлгож, өөрийн амтанд тохируулах болно;
Хяналт— зүүгийн байрлалыг хянах горим. Суулгах Үзэгний горим- таблетын ажлын хэсэг нь дэлгэцийг бүхэлд нь дүүргэхийн тулд сунадаг. Горим Хулганахулганыг орлуулах болгон ашигладаг;
Үлдсэн тохиргоо нь тийм ч чухал биш юм. Үзэгний товчлууруудзүүг товчлууруудад үйлдэл оноох боломжийг танд олгоно. Баллуур мэдрэмж- зүүгний арын хэсэгт резинэн туузны мэдрэмж. Би энэ функцийг ашигладаггүй, учир нь энэ нь надад халуун товчлуурыг ашиглан шилжихэд илүү хурдан байдаг.

Хэсэг дэх ижил таб дээр Хяналттовчийг дар Зураглал...таблетын ажлын хэсгийн проекцийг дэлгэцийн дэлгэцэн дээр тохируулах. Цонх нээгдэнэ Үзэгний горимын дэлгэрэнгүй мэдээлэл.

Бүлэгт Дэлгэцийн талбайсонгох Хяналт, хэрэв танд хэд хэдэн монитор байгаа бол голыг нь зааж өгнө үү. Хэрэв ганц монитор байгаа бол түүнийг орхи Бүх дэлгэц

Бүлэгт Томруулаххажууд байгаа хайрцгийг шалгахаа мартуузай Хүчний харьцааингэснээр ажлын талбайг дэлгэцэн дээр гаргахад сунадаггүй. Энэ тохиолдолд таблетын ажлын хэсгийн нэг хэсгийг ашиглахгүй, гэхдээ бид 1-ээс 1 хүртэлх хэвийн харьцаатай байх болно. Хэрэв та тойрог зурвал дэлгэцэн дээр сунасан эллипс биш тойрог хэлбэрээр гарч ирнэ.

Түүний хажууд байгаа хайрцгийг шалгахаа мартуузай Windows Ink ашиглана ууажлын даралт мэдрэмтгий байдлын хувьд.

Дараагийн таб дээр Сонголтууд дээр хүрнэ үүэсрэг талын хайрцгийн сонголтыг арилгана уу Мэдрэгчтэй оролтыг идэвхжүүлнэ үүтаблетыг хэвийн горимд шилжүүлэх.

Үлдсэн таб дээр би мэдрэгчтэй горимын дохио эсвэл өмчийн унждаг цэсийг ашигладаггүй тул бүх зүйлийг идэвхгүй болгосон. Энэ нь график таблетын тохиргоог дуусгана.

Animate CC эсвэл Flash Professional CC?

Adobe Animate CC нь Adobe Flash Professional CC-ийн шинэчилсэн брэнд бөгөөд программд хэд хэдэн шинэлэг зүйл нэмэгдсэн. Хуучин нэртэй байсан ч уран бүтээлчид, аниматорууд, инди тоглоом хөгжүүлэгчдийн дунд асар их нэр хүндтэй болсон. Вектор дизайны зарчмууд нь ямар ч нарийвчлалд зориулж спрайт үүсгэх боломжийг олгодог. Таны авах боломжтой ямар ч хувилбар зурахад тохиромжтой. Зурах хэрэгсэл нь олон жилийн туршид хэвээр үлдсэн бөгөөд зөвхөн бага зэргийн сайжруулалт хийсэн. Би Adobe Animate CC-г ашиглах болно, гэхдээ бичсэн бүх зүйл Adobe Flash Professional-ийн хуучин хувилбаруудад хамаарна. Дашрамд хэлэхэд, онд Сүүлийн үед Adobe нь нэг удаагийн үнэтэй лицензийн оронд бүтээгдэхүүндээ хандахын тулд сарын захиалгын загварт шилжсэн. Одоо үнэ нь Adobe ашиглан Animate CC нь сард 20 доллар.

Adobe Animate CC-ийн анхны нээлт

Татаж авсны дараа шинэ файл үүсгээд төрлийг сонгоно уу Үйлдлийн скрипт 3.0. Нэг цонхонд та үзэгдлийн параметрүүдийг зааж өгч болно:

ӨргөнТэгээд Өндөр- үзэгдлийн өргөн ба өндөрийг пикселээр илэрхийлнэ. Үүнийг орчин үеийн дэлгэц эсвэл ухаалаг гар утасны нарийвчлалтай адил 1920 x 1024 болгож тохируулцгаая;
Захирагч нэгж— хэмжилтийн нэгж, тогтоосон пиксел;
Хүрээний хурд- секундэд фрэймийн тоо, 24 үлдээх;
Дэвсгэр өнгө— дэвсгэр өнгө, саарал болгож тохируулна.

Баримт бичгийг үүсгэсний дараа эдгээр тохиргоог өөрчилж болно. Үүнийг хийхийн тулд та хэрэгсэл сонгох хэрэгтэй Сонгох хэрэгсэл (халуун товчлуур V), цонхыг нээ Үл хөдлөх хөрөнгөмөн хэсгийг өргөжүүлнэ үү Үл хөдлөх хөрөнгө. Хэрэв та энэ цонхыг олж чадахгүй бол цэсийг ашиглана уу Цонх → Үл хөдлөх хөрөнгөэсвэл хослол Ctrl товчлуурууд+ F3.

Халуун товчлууруудыг тохируулж байна

Ажлын үр ашгийг нэмэгдүүлэхийн тулд та халуун товчлууруудыг дээд зэргээр ашиглах хэрэгтэй. Эхний үе шатанд энэ нь шинэ товчлуурын хослолуудад дасаж, цээжлэхийг шаарддаг боловч ирээдүйд энэ нь таны үр ашигт хүчтэй үсрэлт өгдөг. Би ихэнх товчлууруудыг гарны баруун талд байхаар дахин тодорхойлсон. Яагаад баруун талд? Үнэн хэрэгтээ би зүүн гартай тул энэ нь надад илүү тохиромжтой. Хэрэв та баруун гартай бол өөрийн схемийг гаргах хэрэгтэй болно. Нэмж дурдахад би Rapoo E9050 болон Apple Wireless Keyboard-г ашигладаг бөгөөд эдгээр нь зөөврийн компьютерын гарны хэлбэрт тохирсон байдаг тул хэрэв та бүрэн хэмжээний гар ашиглаж байгаа бол дахин шаргуу ажиллаж, өөрийн схемийг гаргана. хэмнэгдсэн маш их хугацаанд үр дүнгээ өгөх - миний схемийг жишээ болгон авч үзье.

Санааг аваарай: үндсэн командуудыг гарныхаа тохиромжтой талд бүлэглээрэй хурдан нэвтрэхгарны байрлалыг байнга өөрчлөхгүйгээр. Ихэнхдээ энэ нь нэг газар хэвтэж байх ёстой, зөвхөн хуруугаараа товчлуур дээр дарж жижиг радиуст "алхдаг". Мэдээжийн хэрэг, байр сууриа өөрчлөхийг шаарддаг багууд байх болно, гэхдээ тэд дийлэнх цөөнх. Энд миний диаграмм байна:

Баг	Тодорхойлолт	Хуучин хослол	Шинэ хослол
Бүгдийг сонгох	Бүгдийг нь сонго	Ctrl+A	Ctrl + A, O
Бүгдийг сонгоно уу	Сонголтыг арилгах	Ctrl + Shift + A	Ctrl + Shift + A, P
Буцаах	Үйлдлийг цуцлах	Ctrl+Z	Ctrl + Z, [, Z
Дахин хий	Үйлдлийг давтах	Ctrl+Y	Ctrl + Y, ]
Томруулах	Томруулах	Shift + Z, Z	Shift + Z, \
Томруулах	Зургийг томруулах	Ctrl + =, Ctrl + Num =	Ctrl + =, Ctrl + Num =, =
Жижигрүүлэх	Жижигрүүлэх	Ctrl + =, Ctrl + Num =	Ctrl + -, Ctrl + Num -, -
Шулуутгах	Сонгосон муруйг тэгшлээрэй		9
Гөлгөр	Гөлгөр сонгосон муруй		0
Хэвтээ эргүүлэх	Хэвтээ эргүүлэх		Ф
Босоо эргүүлэх	Босоо эргүүлэх		Shift + F
Таслах	Түр санах ой руу хайчил	Ctrl+X	Ctrl + X, X
Давхардсан тэмдэг...	Клоны тэмдэг		Ctrl+D
Тэмдгийг солих...	Тэмдгийг өөрчлөх		Ctrl +]

Ихэнх тохиолдолд шинэ хослолууд нь хуучин хослолыг орлохгүй, харин тэдгээрийг нөхдөг тул хэд хэдэн шинэ командыг нэвтрүүлдэг. Та үүнийг цэсээр дамжуулан тохируулах хэрэгтэй Засварлах → Гарын товчлол.... Хайлтын талбарт багийн нэрийг баганад оруулна уу ТовчлолХүссэн командын эсрэг талын хоосон зайг товшоод шинэ товчлуурын хослолыг дарна уу.

Хүснэгтэнд өгөгдсөн тушаалуудыг ойлгох гэж бүү оролдоорой, тэдгээрийг бүгдийг нь дараах хичээлүүдэд тайлбарлах болно. Ирээдүйд та тэдгээрийг идэвхтэй ашиглаж эхлэхэд хамгийн тохиромжтой сонголтыг олох хүртлээ тэдгээрийг хэд хэдэн удаа дахин тодорхойлох болно.

Сойзны тохиргоо

Сойз хэрэгсэл(hotkey B) - зурахдаа хамгийн их ашигладаг сойз хэрэгсэл. Тохиргоонууд нь хоёр цонхонд төвлөрдөг:

Сойзны тохиргоо дууслаа, ямар нэг юм будъя.

Бийрээр зурах

Өнгөний цонхыг (Ctrl + Shift + F9) ашиглан тохирох өнгийг сонгоод, Brush хэрэгслийг (B) сонгоод ирээдүйн хэлбэрийг тоймлохын тулд бага зэрэг хүчээр нэг урт зураасаар эхэлнэ. Дараа нь бүх тэгш бус байдлыг арилгахын тулд үүссэн тоймыг зурна уу - сойз бэлэн боллоо.

Дээрх жишээнд зөвхөн гурван цохилтыг ашигласан гэдгийг анхаарна уу. Гараа таблетаа орхихгүйн тулд дунд зэргийн урттай зураас хийхийг зорь. Үүссэн контур нь гөлгөр биш байх тул олон жижиг цохилтыг буруу хийхийг хичээ. их хэмжээнийнэмэлт оноо.

Adobe Animate CC нь вектор зарчим дээр ажилладаг. Бүх объектыг математикийн аргаар дүрсэлсэн бөгөөд растер аргаас ялгаатай нь чанарыг алдагдуулахгүйгээр масштаблах боломжтой. Энэ нь вектор объектуудыг растер засварлагч дээр хэзээ ч хийх боломжгүй байдлаар удирдах боломжийг олгодог. Бид контурыг тэгшитгэж, хялбарчилж, муруй шугамыг шулуун болгож, пропорцийг өөрчилж, график объектуудыг чанарын хувьд алдагдуулахгүйгээр хэв гажилт хийх боломжтой. Цус харвалт бүр автоматаар математикийн муруй болж хувирдаг бөгөөд бид үүнийг нарийн тааруулж, өөрчлөх боломжтой.

Дээрх бүгдийг шалгахын тулд уг хэрэгслийг идэвхжүүлнэ үү Дэд сонголт хийх хэрэгсэл(A hotkey) болон саяхан зурсан сойзоо сонго. Одоо та векторын замын цэгүүдийг харж, бүр өөрчлөх боломжтой.

Дүгнэлт

Өнөөдөр бид Adobe Animate CC-г суулгаж, зурж эхлэхэд бэлэн боллоо. Үргэлжлүүлэхээсээ өмнө бага зэрэг дасгал хий. Энгийн геометрийн дүрсийг гажуудалгүйгээр зурж сур, өөр өнгө, сойзны тохиргоог туршиж үзээрэй (Smoothing параметрээр турших).

Үүнтэй төстэй материалууд