Флаш хөдөлгөөнт дүрс үүсгэх. Хэрхэн флаш хөдөлгөөнт дүрс үүсгэх вэ. Advanced Effect Maker Free Edition флаш засварлагчийн үнэгүй хувилбарыг арилжааны хувилбартай харьцуулах.

Бараг бүх төрлийн нарийн төвөгтэй флаш видео үүсгэх үнэгүй програм! Энэ нь флэштэй өдөр тутмын ажилд шаардлагатай бараг бүх хэрэгслийг багтаасан бөгөөд эхлэгч болон мэргэжлийн аль алинд нь ашиглаж болно. Энэхүү програмын гол ялгаа, давуу тал нь ActionScript 2.0-ийн дэмжлэг бөгөөд үүнгүйгээр мэргэжлийн флаш контент бүтээхийг төсөөлөхийн аргагүй юм.

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

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

Өнөөдөр би та бүхэнд Adobe Flash-тэй бараг ижил түвшинд өрсөлдөх бүрэн орчин үеийн флаш засварлагчийг танилцуулах болно. Векторчин Жиотто.

Vectorian Giotto-г төлбөртэй аналогитай харьцуулах

Таны харж байгаагаар Vectorian Giotto-ийн хөгжүүлэгчид чадах бүхнээ хийж, Adobe Flash-тэй төстэй функцүүдийн хамгийн дээд багцыг програмдаа багтаахыг хичээсэн. Нэмж дурдахад ихэнх гарын товчлолууд нь адилхан тул Adobe засварлагчтай ажиллаж байсан хүмүүст үнэгүй Vectorian Giotto платформ руу шилжих нь тийм ч хэцүү биш байх болно!

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

Ажилд бэлтгэх

Vectorian Giotto-г эхлүүлэхийн тулд бид ердөө 8 мегабайт жинтэй суулгагчтай архивыг татаж авах хэрэгтэй! Архивыг татаж авсны дараа нээгээд файлыг ажиллуул VectorianGiotto.exe.

Суулгалт (мөн програм нь өөрөө харамсалтай нь :)) англи хэл дээр байгаа хэдий ч энэ нь ямар ч хүндрэл учруулах ёсгүй, учир нь энэ нь анхдагч тохиргоонд ямар нэгэн зүйлийг өөрчлөх шаардлагагүй юм. "Дараах" товчийг хэд хэдэн удаа товшоод суулгах процесс дуусахыг хүлээнэ үү;).

Интерфейстэй анхны танилцах

Суулгацын төгсгөлд бид стандарт тохиргоонд юу ч өөрчлөөгүй бол Vectorian Giotto ажлын цонх бидний өмнө бүтэн дэлгэцээр гарч ирнэ.

Би аль хэдийн хэлсэнчлэн програмын интерфейс нь англи хэл дээр байгаа тул нийтлэлд тайлбарласан цаашдын үйлдлүүдийг хийхдээ үл ойлголцол, үл ойлголцол гарахаас зайлсхийхийн тулд би ямар нэгэн ойлголтын аппаратыг танилцуулахыг хүсч байна :). Ердийнх шигээ дээрээс доош, зүүнээс баруун тийш эхэлцгээе.

Цэсний мөр. Энэ бол Vectorian Giotto програмын бүх цэсүүдийг байрлуулсан самбар юм. Хөдөлгөөнт дүрстэй ажиллахдаа танд "Файл" (анимацаа хадгалах, SWF-д экспортлох), "Харах" (ажлын талбарын дэлгэцийн тохиргоог тохируулах), "Өөрчлөх" (одоогийн параметрүүдийг хянах) зэрэг хэсгүүд хэрэгтэй болно. баримтжуулж, номын сангийн эффектүүдтэй ажиллах) болон "Цонх" (харуулсан модулиуд болон програмын самбарыг өөрчлөх).

Үндсэн хэрэгслийн мөр. Төслийн үйлдлийг хянах товчлуурууд болон хөдөлгөөнт дүрсийг тоглуулах самбар энд байна.

Зурах самбар (програмын цонхны зүүн хэсгийг бүхэлд нь эзэлдэг). Хөдөлгөөнт дүрсэндээ хүссэн объектыг бүтээхэд шаардлагатай бүх хэрэгслүүд, мөн хүссэн хэрэгслийн параметрүүдийг тохируулах товчлуурууд энд байна.

Өгүүллийн самбар (эсвэл он цагийн хэлхээс). Хүрээ болон үүсгэсэн давхаргын нүднүүдийг удирдах боломжийг танд олгоно.

Өнгөний хяналтын самбар. Үүний тусламжтайгаар та өмнө нь үүсгэсэн дүрсийн өнгийг хурдан өөрчлөх боломжтой. Энэ нь таны хөдөлгөөнт объектуудын дүүргэлтийн төрлийг сонгоход үйлчилдэг (хатуу, градиент гэх мэт).

Ажлын талбар. Энэ бол таны хөдөлгөөнт дүрсийг зурахад зориулагдсан виртуал "цаас" хуудас юм :).

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

Клипийн бүтцийн самбар. "Хүрээнд" байгаа бүх дүрсийг харуулах ба тэдгээрийн хооронд хурдан шилжих, дарааллыг нь удирдах боломжийг олгоно.

Properties самбар. Флэш дэх объект бүр тодорхой шинж чанартай байдаг. Энэ самбар нь тэдгээрийг удирдахад ашиглагддаг.

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

Элементүүдийн номын сан. Хөдөлгөөнд оруулах боломжтой (мөн дахин дахин!) үүсгэсэн эсвэл импортолсон объектуудын жагсаалтыг төлөөлдөг.

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

Алхам

1-р хэсэг

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

• Анхдагч байдлаар, Flash нь секундэд 24 фрэймээр (FPS) дүрсэлдэг. Энэ нь нэг секундын дотор 24 кадр харагдах боловч бүгд өөр байх албагүй гэсэн үг. Та энэ тохиргоог (хэрэв хүсвэл) секундэд 12 кадр болгон өөрчилж болно, гэхдээ секундэд 24 кадрт хөдөлгөөнт дүрс илүү "зөөлөн" тоглох болно.

1. Flash Pro суулгана уу.Флаш хөдөлгөөнт дүрс үүсгэх олон програм байдаг ч хамгийн хүчирхэг нь Adobe Flash Professional CC юм. Та энэ програмын үнэгүй туршилтын хувилбарыг суулгаж эсвэл өөр бүтээгдэхүүн ашиглаж болно (хэрэв та Adobe Creative Cloud-д бүртгүүлэхийг хүсэхгүй байгаа бол). Энэ нийтлэлийн үлдсэн хэсэг нь Flash Professional програмтай хэрхэн ажиллах талаар тайлбарласан болно.

   Хүрээ тус бүрээр анимейшн хийхэд хэд хэдэн зураг (бие биенээсээ бага зэрэг ялгаатай) шаардлагатай байдаг тул та эдгээр зургийг гараар үүсгэх хэрэгтэй. Үүнийг хийхийн тулд Adobe Flash Professional програмыг ашиглах эсвэл дурын график засварлагч дээр зураг зурах.

   • Хэрэв та зургийнхаа хэмжээг чанараа алдалгүйгээр хялбархан өөрчлөхийг хүсвэл растер графикаас илүү вектороор зураг үүсгээрэй. Вектор зургуудын хэмжээг өөрчлөх үед тэдгээрийг дахин зурах болно (жишээ нь, та пикселийг багасгах эсвэл эсрэг заалтаас зайлсхийх болно). Растер зураг нь гэрэл зураг, зураг гэх мэт уламжлалт зургууд юм. Хэрэв та ийм зургийг томруулж үзэх юм бол маш их гажуудсан зураг гарах болно.

2. Эхний хүрээг үүсгэ. Adobe Flash Professional програмыг анх эхлүүлэхэд та хоосон зураг (давхарга) болон хоосон он цагийн хэлхээсийг харах болно. Хүрээ нэмэгдэх тусам цагийн хуваарь автоматаар бөглөнө. Та Photoshop дээр ажилладаг шиг давхаргууд дээр ажиллах боломжтой.

   • Зураг нэмэхээсээ өмнө хөдөлгөөнт дүрсийнхээ суурь дэвсгэрийг үүсгэ. "Давхарга 1"-ийн нэрийг "Арын дэвсгэр" болгож өөрчлөөд хайчилж ав. Хоёрдахь давхаргыг үүсгээд өөрийн хүссэнээр нэрлэнэ үү. Энэ нь таны хөдөлгөөнт дүрс үүсгэх давхарга байх болно.
   • Эхний хүрээний зураг дээр зураг нэмнэ. Та компьютерээсээ зураг оруулж болно, эсвэл зургийн хэрэгслийг ашиглан программ дээр шууд зураг үүсгэж болно.
   • Эхний хүрээ нь "түлхүүр" хүрээ юм. Түлхүүр фрейм нь дүрсийг багтаасан, хөдөлгөөнт дүрсний суурь ("нугас") болдог хүрээ юм. Та зургийг өөрчлөх бүртээ шинэ түлхүүр фрэйм ​​үүсгэх болно.
   • Он цагийн хэлхээс дээрх гол фрэймүүдийг хар цэгээр тэмдэглэнэ.
   • Дараагийн фрейм бүрт түлхүүр фрэйм ​​хэрэггүй. Сайн хөдөлгөөнт дүрс хийхийн тулд дөрөв, таван кадр тутамд түлхүүр фрэйм ​​үүсгээрэй.

3. Зургийг тэмдэг болгон хувирга.Энэ тохиолдолд та зургийг хэд хэдэн удаа хүрээ рүү нэмэх боломжтой болно. Хэрэв та ижил төрлийн хэд хэдэн зургийг нэг жаазанд хурдан нэмэх шаардлагатай бол энэ нь ялангуяа ашигтай байдаг (жишээлбэл, аквариум дахь загас).

   • Зураг сонгох. Зураг дээр хулганы баруун товчийг дараад Convert to Symbol командыг сонгоно. Зургийг номын санд нэмж оруулснаар цаашид ашиглахад хялбар болгоно.
   • Зургийг устгана уу. Санаа зоволтгүй - та үүнийг номын сангаас энгийн чирж буулгах замаар хүрээ рүү нэмж болно. Ингэснээр та ижил зургийг жаазанд хэд хэдэн удаа нэмж болно.

4. Хоосон хүрээ нэмнэ үү.Эхний түлхүүр фрэйм ​​дууссаны дараа хоосон хүрээ оруулаад хоёр дахь түлхүүр фрэймээ үүсгэж эхлээрэй. Эхний түлхүүр фрэймийн дараа хоосон хүрээ нэмэхийн тулд F5 товчийг (дөрвөөс таван удаа) дарна уу.

   Хоёрдахь түлхүүр фрэйм ​​үүсгэнэ үү (та хоосон хүрээ нэмсний дараа).Үүнийг хийх хоёр өөр арга бий: та одоо байгаа түлхүүр фрэймийг хуулж, түүнд бага зэрэг өөрчлөлт оруулах эсвэл хоосон түлхүүр фрэйм ​​үүсгэж түүнд шинэ зураг нэмэх боломжтой. Хэрэв та өөр програм дээр бүтээсэн зургийг ашиглаж байгаа бол хоёр дахь аргыг ашиглана уу. Хэрэв та Adobe Flash Professional зургийн хэрэгслээр бүтээсэн зургийг оруулж байгаа бол эхний аргыг ашиглана уу.

   • Өмнөх түлхүүр фрэймийн агуулгыг ашиглан түлхүүр фрэйм ​​үүсгэхийн тулд F6 товчийг дарна уу. Хоосон түлхүүр фрэйм ​​үүсгэхийн тулд цагийн хуваарийн сүүлийн хүрээн дээр хулганы баруун товчийг дараад Insert Blank Keyframe командыг сонгоно.
   • Хоёрдахь түлхүүр фрэймийг үүсгэсний дараа та хөдөлгөөнт дүрсийг бодит болгохын тулд түүний дүрсэнд өөрчлөлт оруулах хэрэгтэй. Хэрэв та Adobe Flash Professional-ийн зургийн хэрэгслийг ашигласан бол Transform хэрэглүүрийг сонгоод зургийнхаа элементийг (жишээ нь дүрийн гар) сонгож, өөрчилнө үү.
   • Хэрэв та түлхүүр фрэйм ​​бүрт шинэ зураг оруулбал зөв байрлалд байгаа эсэхийг шалгаарай (логик хүрээний дарааллын дагуу).

5. Процессыг давт.Хоёр үндсэн фрэйм ​​үүсгэсний дараа процессыг давтана уу - түлхүүр фрэйм ​​бүрийн хооронд цөөн хэдэн хоосон хүрээ нэмж, хөдөлгөөнт дүрс "зөөлөн" тоглож байгаа эсэхийг шалгаарай.

   • Жижиг өөрчлөлтүүдийг хий. Жижиг (жижиг) өөрчлөгдөх тусам хөдөлгөөнт дүрс илүү зөөлөн тоглогдоно. Жишээлбэл, хэрэв та дүрийг гараа өргөхийг хүсч байгаа бол хоёр дахь түлхүүр фрэйм ​​нь дүрийг аль хэдийн өргөсөн гараа харуулсан зургийг оруулах ёсгүй. Харин доошилсон гараас дээш өргөгдсөн гар руу шилжихийн тулд цөөн хэдэн түлхүүр фрэйм ​​ашиглана уу. Энэ тохиолдолд хөдөлгөөнт дүрс илүү зөөлөн болно.

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

   • Зургийг хувиргах хүрээг сонгоно уу.
   • Зургийн шинж чанаруудын самбарыг нээнэ үү. Үүнийг хийхийн тулд F3 товчийг дарна уу.
   • Зургийн шинж чанаруудын цонхонд параметрийн утгыг өөрчлөх. Жишээлбэл, та өнгө, өнгийг өөрчлөх, шүүлтүүр нэмэх, хэмжээг өөрчлөх боломжтой.
   • Мөн та Free Transform хэрэгслийг ашиглан зургийг хүссэнээрээ өөрчилж болно.

7. Төгсгөлийн өнгөлгөөг нэмнэ үү.Үүсгэсэн хөдөлгөөнт дүрсийг Ctrl + Enter дарж шалгана уу. Зураг (тэмдэгт) зөв өөрчлөгдөж, хөдөлгөөнт дүрс зөв хурдтай тоглож байгаа эсэхийг шалгаарай. Хэрэв хөдөлгөөнт дүрс хэт хурдан тоглогдвол FPS-ийн утгыг бууруулж эсвэл үргэлжлэх хугацааг нэмэгдүүлнэ үү.

   • Өгөгдмөл FPS нь 24 тул үүнийг 12 болгож бууруулж үзнэ үү. Properties самбар дээрх FPS утгыг өөрчил. Гэсэн хэдий ч FPS = 12 үед хөдөлгөөнт дүрс хангалттай жигд тоглохгүй байж магадгүй юм.
   • Tween-ийн үргэлжлэх хугацааг өөрчлөхийн тулд завсрын үеийг агуулсан давхаргыг сонгоод, гулсагчийг ашиглан завсрын үргэлжлэх хугацааг өөрчил. Хэрэв та завсрын уртыг хоёр дахин нэмэгдүүлэхийг хүсвэл гулсагчийг 48 хүрээ рүү шилжүүлээрэй. Хөдөлгөөнт дүрсний дунд арын дэвсгэр алга болохгүйн тулд хоосон хүрээнүүдийн дэвсгэр дээр буулгахаа бүү мартаарай. Үүнийг хийхийн тулд дэвсгэр давхаргыг сонгоод, хөдөлгөөнт дүрсний сүүлчийн хүрээн дээр (цаг хугацааны шугам дээр) товшоод F5 товчийг дарна уу.

3-р хэсэг

1. Дууны эффект, хөгжим бичих эсвэл татаж авах.Та хөдөлгөөнт дүрсээ илүү үр дүнтэй болгохын тулд дууны эффект нэмж болно. Хөгжим нь хөдөлгөөнт дүрсийг илүү сэтгэл хөдөлгөм болгож, сайн хөдөлгөөнт дүрсийг гайхалтай болгож чадна. Flash нь AAC, MP3, WAV, AU зэрэг янз бүрийн аудио файлын форматыг дэмждэг. Хамгийн бага хэмжээтэй файлын өндөр дууны чанарыг баталгаажуулах форматыг сонго.

   • MP3 формат нь хамгийн бага файлын хэмжээтэй өндөр чанартай дууг баталгаажуулдаг. WAV файлууд том хэмжээтэй.

2. Хөдөлгөөнт дүрслэлд дуу, хөгжим хурдан нэмэхийн тулд аудио файлуудыг номын санд импортлоорой."Файл" - "Импорт" - "Номын сан руу импортлох" дээр дарна уу. Компьютер дээрээ аудио файлыг олоорой. Аудио файлыг хурдан олохын тулд санахад хялбар нэртэй эсэхийг шалгаарай.

   Аудио файл бүрт шинэ давхарга үүсгэ.Энэ шаардлагагүй бөгөөд та одоо байгаа давхаргад дуу нэмж болно, гэхдээ аудио файлыг тусдаа давхарга дээр буулгаснаар хөдөлгөөнт дүрсийг илүү хянах боломжтой болно.

   Аудио тоглуулж эхлэх түлхүүр фрэйм ​​үүсгэ.Дууны давхарга дээр дуу тоглож эхлэх хөдөлгөөнт хүрээг сонгоно уу. Хоосон түлхүүр фрэйм ​​оруулахын тулд F7 товчийг дарна уу. Жишээлбэл, хэрэв та хөдөлгөөнт дүрсийг бүхэлд нь тоглуулах аудио файл оруулахыг хүсвэл аудио файлын давхаргын эхний хүрээг сонгоно уу. Хэрэв та дүрийн дуу хоолойг нэмж байгаа бол дүрийн ярьж эхлэх хүрээг сонгоно уу.

Интернет дэх баннеруудын гайхалтай хөдөлгөөнт дүрсний ард юу нуугдаж байгааг та бодож байсан уу? Эсвэл компьютерийн технологийн тусламжтайгаар бүтээсэн шинэ хүүхэлдэйн киноны хувьд уу? Ихэнхдээ эдгээр нь "махан бие" дээр суурилдаг, бүр тодруулбал Flash технологийн нэрийг англи хэлнээс ингэж орчуулдаг. Өнөөдөр бид сайтын флаш хөдөлгөөнт дүрсний талаар ярих болно.

Flash технологи

Мультимедиа хүрээг Macromedia боловсруулсан. Гэвч түүнийг авсны дараа (нэгдсэн) технологийн бүх эрх шинэ эзэмшигч болох Adobe Systems-д шилжсэн.

Adobe Flash-ийн орчин үеийн хэрэглээний хамрах хүрээ:

• Вэб програм бүтээх нь нэлээд шинэ чиглэл юм. Энэ нь вэб сайт үүсгэхийн тулд Flash програмыг бүрэн эсвэл хэсэгчлэн ашиглахыг хэлнэ. Хэсэгчилсэн хэрэглээтэй бол энэ технологи нь тусдаа дизайны элементүүдийг бий болгодог: янз бүрийн интерактив цэс, хөдөлгөөнт товчлуур гэх мэт.

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

• Мультимедиа чадварыг хэрэгжүүлэх - сайтууд дээр аудио сонсох, видео тоглуулахын тулд Flash дээр суурилсан медиа тоглуулагчийг ихэвчлэн ашигладаг. Тэдний хөгжилд скрипт хэлний аль нэгийг ашиглах (ихэнхдээ JavaScript) орно.

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

Flash хөгжүүлэлтийн үндэс ба хэрэгслүүд

Флэш хөдөлгөөнт дүрс үүсгэхийн тулд Adobe-ийн уламжлалт хэрэгслийг ихэвчлэн ашигладаг.

• Adobe Flash Professional - интерактив хөдөлгөөнт дүрс үүсгэх програм (аниматор);
• Adobe Flash Builder - вэб програмуудад зориулсан интерфейс үүсгэх орчин;
• Adobe Flash Player нь Flash тоглоход зориулагдсан хөтөчтэй нэгдсэн тоглуулагч юм.

Үүнээс гадна хэд хэдэн гуравдагч талын програмууд энэ төрлийн мультимедиа контентыг тоглуулах боломжтой. Тэдгээрийн хамгийн алдартай нь Gnash, QuickTime болон бусад:

Энэ технологи нь танд ямар ч төрлийн график ( растер, вектор, 3D). Мөн аудио болон видео өгөгдлийн урсгал дамжуулалтыг дэмждэг. Flash Lite-ийн хөнгөн хувилбарыг ялангуяа хөдөлгөөнт төхөөрөмжид зориулж боловсруулсан.

Флаш файлуудын гол стандарт нь SWF өргөтгөл юм. Товчлол нь жижиг вэб формат гэсэн үг юм. Flash дээр бичигдсэн видео нь FLV, F4V файлын өргөтгөлтэй.

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

Флаш програмын файлын хэмжээ нь дэлгэцийн үзүүлэлтээс үл хамааран бүх хэрэглэгчдэд ижил байна.

Flash дээрх интерактив хөдөлгөөнт дүрс нь үндсэн фрэймийн хооронд аажмаар холилдох morphing (вектор төрөл) дээр суурилдаг. Өгөгдлийг тоглуулахын тулд флаш тоглуулагчийг ашигладаг бөгөөд түүний ажиллагаа нь JavaScript виртуал машины ажиллагаатай олон талаараа төстэй юм. Технологийн програм хангамжийн бүрэлдэхүүн хэсэг нь ActionScript хэлийг ашиглан хэрэгждэг.

Технологийн сул талууд нь дараахь зүйлийг агуулна.

• Үйлчлүүлэгч машины төв процессор дээр их ачаалал. Энэ нь хэрэглэгчийн хөтөч дээр тоглуулагчтай хамт суулгагдсан флаш виртуал машины үр ашиг багатай холбоотой юм;
• Алдааны өндөр магадлал - Flash хөдөлгөөнт дүрсийг тоглуулах нь маш их алдаа гаргах магадлалтай. Түүнчлэн, Flash тоглуулах явцад гарсан алдаа нь бүх клиент програмын (хөтөч) ажиллахад сөргөөр нөлөөлдөг. Энэ нь флаш програм үүсгэх үед програмын кодын алдааг тэсвэрлэх чадвар хангалтгүй байгаатай холбоотой юм;
• Индексжүүлэх боломжгүй - Flash контент дээр харуулсан бүх текстийн агуулгыг индексжүүлэхгүй. Энэ хязгаарлалт нь энэ технологид суурилсан нөөцийн хувьд ялангуяа асуудалтай байдаг.

Гуравдагч этгээдийн Flash үүсгэх програм хангамжийн тойм

Sothink SWF Quicker програмыг прототип програм болгон авсан бөгөөд бид Flash үүсгэх үндсийг харуулах болно. Олон мэргэжилтнүүдийн үзэж байгаагаар хөтөлбөр нь хамгийн ойлгомжтой, сурахад хялбар юм.

Флэш засварлагч нь үүсгэх, засварлахаас гадна бусад бүх төрлийн вэб хөдөлгөөнт дүрстэй (GIF, HTML болон бусад стандартууд) хэрхэн ажиллахаа мэддэг:

Суулгасны дараа бид програмын хэрэглэгчдэд ээлтэй интерфэйс рүү очно. Харамсалтай нь, интерфэйс хэл шилжүүлэгчийн бүх булангуудыг тэнүүчилж, бид үүнийг олсонгүй.

Энэ програмд ​​​​хэрхэн флаш хөдөлгөөнт дүрс хийхийг ойлгохын тулд бид суурилуулсан загваруудыг ашиглах болно. Шинэ загвараас харилцах цонх програмыг эхлүүлсний дараа шууд гарч ирнэ. Нэмж дурдахад үүнийг "Файл" цэсийн үндсэн зүйлээр дамжуулан дуудаж болно. Санал болгож буй сонголтуудын дотроос бид баннер үүсгэхийг сонгосон.

Шидтэний дараагийн цонхонд та унадаг жагсаалтаас загвар сонгох хэрэгтэй бөгөөд үүний дагуу хөдөлгөөнт дүрс үүсгэх болно. Үүний доор сонгосон загвар тоглогдох жижиг хүрээ байна:

Дараагийн алхамд та баннерын хэмжээг тохируулж, хөдөлгөөнт дүрс дээр тоглуулах текстийн 5 хэллэгийг оруулах хэрэгтэй. Нэмж дурдахад та баннер дээр дарж хэрэглэгчийг хөтлөх нөөцийн хаягийг зааж өгөх ёстой.

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

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

Бэлэн апплет ашиглан флаш хөдөлгөөнт дүрс үүсгэх үнэгүй програм.

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

Нэг ёсондоо хүн бүр вэб хуудсаа үр дүнтэй дизайн хийх асуудалтай тулгардаг. Статик HTML код аажмаар өнгөрсөн зүйл болж байгаа тул өнөөдөр олон хүмүүс JavaScript, Flash зэрэг алдартай технологид анхаарлаа хандуулж байна. Эдгээр нь танд дэвшилтэт функц бүхий үзэсгэлэнтэй хөдөлгөөнт динамик хуудас үүсгэх боломжийг олгодог.

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

Энэхүү хэрэгсэл нь танд "эхнээс нь" болон бэлэн загвар дээр суурилсан бүх төрлийн флаш болон JavaScript эффектүүдийг үүсгэх боломжийг олгодог! Advanced Effect Maker нь бэлэн эффектүүдийн тоо, хэрэглэгчийн эрх чөлөөний хэмжээгээр ялгаатай хэд хэдэн хувилбарт байдаг. Хамгийн их болон үнэгүй тохиргоог харьцуулж үзье:

Advanced Effect Maker Free Edition флаш засварлагчийн үнэгүй хувилбарыг арилжааны хувилбартай харьцуулах.

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

Програм суулгах

Advanced Effect Maker-ийг суулгах нь стандарт аргаар явагддаг тул шууд програмтай ажиллахад орцгооё.

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

Интерфейс ба редактортой ажиллах

Англи хэлтэй хэдий ч бүх зүйл энгийн бөгөөд ойлгомжтой байдаг. Advanced Effect Maker цонх нь хоёр хэсэгт хуваагдана. Зүүн талд зөвхөн хоёр том товчлуур байна: эхнийх нь боломжтой эффектүүдийн галерей руу орох, хоёр дахь нь нэмэлт апплет нэмэх (хэрэв та тэдгээрийг худалдаж авахыг хүсвэл үүнийг хийх боломжтой;)). Баруун талд бид дэд хэсгүүд, урьдчилан харах цонх, эффект засварлах талбар бүхий бэлэн загваруудын каталогийг харж байна.

Хүссэн загвараа засварлаж эхлэхийн тулд түүний зураг дээр дарж, хэрвээ энэ нь хэрхэн ажилладагийг харахыг хүсвэл зургийн доор байрлах "Урьдчилан харах" бичээсийг дарна уу.

Хүссэн эффектийг нээх үед та файл аль хэдийн байгаа гэсэн мессежийг харж болно. Хэрэв ийм зүйл тохиолдсон бол "Ok" товчийг дарж үүнийг үл тоомсорло.

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

Програмын тохиргоо болон хөдөлгөөнт дүрс үүсгэх

Эхний таб нь Ерөнхий юм. Энэ нь төслийн ерөнхий тохиргоог агуулдаг. Ихэвчлэн эдгээр нь хэмжээс (өргөн - өргөн ба өндөр - өндөр), нэр (файлын нэр), ирээдүйн файлын чанар (чанар), мөн флаш киноны цонхны горим (цонхны горим) юм.

Хоёрдахь таб - "Өнгө" нь нэрнээс нь харахад төсөлд ашигласан өнгийг хариуцдаг. Энд бүх зүйл маш тодорхой байгаа тул дараагийнх руу шилжье - "Мессеж":

Энд бид хоёр талбайтай. Эхний талбарт (зүүн талд) бид тусгай эффектээр харуулах шаардлагатай текстийг оруулна, хоёрдугаарт - хэрэглэгч манай баннер дээр дарж дагаж мөрдөх холбоосыг оруулна. Advanced Effect Maker-ийн давуу тал нь бид хязгааргүй тооны текст оруулах боломжтой (мөн холбоосууд) боловч гол сул тал нь орос хэлийг дэмждэггүй явдал юм :(.

Дараагийн хоёр таб нь фонт (фонт) болон хөдөлгөөнт шинж чанарыг (Бусад) удирдахад ашиглагддаг. Нэг анхааруулга: Хэрэв та өөр TTF фонт ашиглахыг хүсвэл Advanced Effect Maker-тэй нийцүүлэхийн тулд эхлээд хөрвүүлэх хэрэгтэй болно. Үүнийг хийхийн тулд "Хэрэгслүүд" цэснээс "фонт хөрвүүлэх" хэрэгслийг дуудаж, хүссэн фонтыг сонгоод "Хөрвүүлэх" товчийг дарна уу.

Бүх өөрчлөлтүүд хийгдсэний дараа бид "Applet үүсгэх" товчийг дарж болно. Үүний дараа төслийн очих хавтсанд хоёр файл үүсгэгдэх болно: SWF (шууд хөдөлгөөнт дүрс) болон HTML (үр дүнд бий болсон хөдөлгөөнт дүрсийг таны хуудасны код руу оруулах зааврыг агуулсан:

Ажлаа хадгалж байна

Гэсэн хэдий ч энэ нь бүгд биш юм. Advanced Effect Maker-ийн тусламжтайгаар та одоо байгаа эффект дээр тулгуурлан, эсвэл бүр эхнээс нь өөрийн эффектийг үүсгэж болно! Үүнийг хийхийн тулд "Хэрэгслүүд" цэс рүү очоод "Plugin Maker" зүйлийг идэвхжүүлнэ үү.

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

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

дүгнэлт

Advanced Effect Maker нь шинэхэн вэб дизайнеруудын таашаалд нийцэж магадгүй, учир нь энэ нь танд маш гайхалтай баннер, хөдөлгөөнт цэс, слайд шоу, тэр ч байтугай жижиг тоглоомуудыг (шошго гэх мэт) хялбархан бүтээх боломжийг олгодог. Preaplouder хэлбэрийн дутагдлыг (хэрэв энэ нь сонгосон эффектэд байгаа бол) SWF файлуудад (үнэгүй файлуудыг оруулаад) тусгай задлах програмуудыг ашиглан арилгаж болно;).

Та бүхний ажил үйлсэд амжилт, бүтээлч амжилт хүсье!

P.S. Эх сурвалжийн нээлттэй идэвхтэй холбоосыг зааж, Руслан Тертышныйгийн зохиогчийн эрхийг хадгалсан тохиолдолд энэ өгүүллийг чөлөөтэй хуулж, иш татахыг зөвшөөрнө.

Энэ нийтлэл нь Adobe Flash CS5-ийг хэрхэн энгийн алхмуудаар эхлүүлэхийг харуулах болно. Хичээлийн сэдэв нь энгийн хөдөлгөөнт дүрс бөгөөд бид үүнийг интерфэйс болон програмын нарийн төвөгтэй байдлыг судлахгүйгээр бүтээх болно.

Шинэ флаш документ үүсгэж байна

Програмыг нээж, "ActionScript 3.0" шинэ баримт бичгийг үүсгэ.

Дараагийн хөдөлгөөнт дүрслэлд зориулж объект зурцгаая

Одоо тойрог зурцгаая. Баруун талын самбар дээрх "зууван" хэрэгслийг сонгоод хулганы зүүн товч болон гар дээрх "шилжүүлэх" товчийг дараад цагаан дэвсгэр дээр тойрог зурна уу.

Сонгох хэрэгслийг ашиглан шинээр үүсгэсэн объектыг хулганаар дарж эсвэл дөрвөлжин сонголт руу чирж сонгоно.

Энгийн хөдөлгөөнт дүрст объектыг тэмдэгт болгон хувиргах

Цаашид ажиллахын тулд та объектыг тэмдэг болгон хувиргах хэрэгтэй. Тойрог аль хэдийн сонгогдсон тул хулганы баруун товчийг дараад контекст цэснээс "Тэмдэгт рүү хөрвүүлэх" -ийг сонгоно уу.

"Төрөл" жагсаалтаас "График" -ийг сонгоно уу.

Одоо бидний объектын эргэн тойронд цэнхэр дөрвөлжин гарч ирэх ёстой.

Сонгодог хөдөлгөөнт дүрс үүсгэх (Classic Tween)

Хөдөлгөөнт дүрс үүсгэхийн тулд та "түлхүүр хүрээ"-ийг тодорхойлох хэрэгтэй.

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

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

Хөдөлгөөнт дүрсний эхний хүрээг сонгоод дээд хэсэгт байрлах үндсэн цэсний "Insert" хэсгээс "Classic Tween" -ийг сонгоно уу.

Үүсгэсэн хөдөлгөөнт дүрсийг харах

Одоо бид хөдөлгөөнт дүрсийг үзэж болно. Үндсэн цэсний "Хяналтын" зүйлээс "Тоглуулах" гэснийг сонгоно уу.

Тойрог дээр "алга болох" эффект нэмье. Үүнийг хийхийн тулд объектыг дахин сонгоод "өнгөний эффект" цэсний баруун самбараас "альфа" -г сонгоод утгыг "0" болгож тохируулна уу.

Юу болсныг харцгаая. "Хяналт" хэсэгт очоод "Тоглох" гэснийг сонгоно уу.