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

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

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

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

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

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

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

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

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. Эх сурвалжийн нээлттэй идэвхтэй холбоосыг зааж, Руслан Тертышныйгийн зохиогчийн эрхийг хадгалсан тохиолдолд энэ өгүүллийг чөлөөтэй хуулж, иш татахыг зөвшөөрнө.

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

Flash технологи

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

Орчин үеийн талбай Adobe програмуудфлэш:

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

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

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

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

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

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

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

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

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

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

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

Flash програмын файлын хэмжээ нь ямар ч хамаагүй бүх хэрэглэгчдэд ижил байна техникийн үзүүлэлтүүдДэлгэцийн нягтрал).

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

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

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

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

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

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

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

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

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

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

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

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

Бид интернет болон зурагтаар байнга флаш анимэйшн үздэг. 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 товчийг дарна уу. Жишээлбэл, хэрэв та хөдөлгөөнт дүрсийг бүхэлд нь тоглуулах аудио файл оруулахыг хүсвэл аудио файлын давхаргын эхний хүрээг сонгоно уу. Хэрэв та дүрийн дуу хоолойг нэмж байгаа бол дүрийн ярьж эхлэх хүрээг сонгоно уу.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Flash засварлагчнь флаш хөдөлгөөнт дүрс үүсгэх, бэлэн флаш видеог засварлах програм юм.

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

SWF формат- энэ нь гүйцэтгэх боломжтой флаш файл, та хулганаа "товших" үед та Macromedia Flash Player програмыг ашиглан клипийг үзэх боломжтой болно.

Adobe Flash Professional програмтай хөдөлгөөнт дүрс

Adobe Flash Professional CS3- Энэ програмын давуу тал, үйл ажиллагааг маш удаан хугацаанд тайлбарлаж болно. Энэ програмнь флаш технологийн орчинд маргаангүй тэргүүлэгч юм. Adobe Flash Professional програмыг мэргэжлийн вэб сайт хөгжүүлэгчид болон флаш дизайнерууд ашигладаг.

Энэ програмын тусламжтайгаар хамгийн аймшигтай уран зөгнөлийг ч гэсэн гялс хэрэгжүүлэх боломжтой. Ерөнхийдөө, хэрэв та мэргэжлийн хөдөлгөөнт флаш файлуудыг үүсгэхээр шийдсэн бол Adobe Flash Professional бол таны хийх боломжгүй програм юм.

Эзлэхүүн нь 500 Mb хүртэлх хувилбараас хамаарна.

Асаалттай Энэ мөч Adobe Flash Professional CS5 шинэ хувилбархөдөлгөөнт дүрс, мультимедиа програм хангамж.

Үйлдлийн систем: Windows XP/Vista/7

Програмын дэлгэцийн агшин:

Adobe Flash Professional CS3 татаж авах

Шинэхэн вэб мастерын хувьд Adobe Flash Professional ашиглан флаш хөдөлгөөнт дүрс үүсгэх нь нэлээд төвөгтэй бөгөөд боломжгүй мэт санагдаж магадгүй юм.

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

Swishmax - флаш засварлагч

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

Хэмжээ: 9.27 MB.

Интерфейсийн хэл нь орос хэл юм.

үйлдлийн систем: Windows 98/Me/NT/2000/XP

Програмын дэлгэцийн агшин:

swishmax татаж авах

Alligator Flash Designer

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

130 гаруй эффектүүд байдаг: бүдгэрүүлэх, томруулах, эргүүлэх. Хөдөлгөөнт зураг, дүрс, текст, тэр ч байтугай дууг ч гэсэн таны Flash хөдөлгөөнт дүрсэнд саадгүй нэмдэг.

Энд та OnClick эсвэл OnOver-ийг зааж өгч болно.

Хэмжээ: 5.3 MB.

Интерфейсийн хэл нь орос хэл юм.

Үйлдлийн систем: Windows XP/Vista/7

Програмын дэлгэцийн агшин:

Alligator_Flash_Designer_7.0 татаж авах

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

Flash Decompiler Trillix

Flash Decompiler Trillix - энэ програмын гол зорилго нь SWF файлуудыг хулганаар нэг товшилтоор FLA формат руу буцаан экспортлох явдал юм. SWF файлаас бүх Flash объектыг задалж, Flash дээр цаашид засварлах боломжтой FLA файлд хадгална.

Flash Decompiler-ийн давуу тал нь FLA руу хөрвүүлэхгүйгээр дуу, зураг, өнгө, градиент, шугам, динамик текст, холбоосыг засварлах явдал юм.

Хэмжээ: 7.27 MB.

Интерфейсийн хэл нь орос хэл юм.

Үйлдлийн систем: Windows XP/Vista/7

Програмын дэлгэцийн агшин:

Flash Decompiler Trillix татаж авах

2014 оны аравдугаар сарын 13