ფლეშ ანიმაციის შექმნა. როგორ შევქმნათ ფლეშ ანიმაცია. ფლეშ რედაქტორის უფასო ვერსიის Advanced Effect Maker Free Edition-ის შედარება Commercial Edition-ის კომერციულ ვერსიასთან

უფასო პროგრამა თითქმის ნებისმიერი სირთულის ფლეშ ვიდეოების შესაქმნელად! იგი მოიცავს თითქმის ყველა საჭირო ხელსაწყოს ყოველდღიური მუშაობისთვის ფლეშით და შეიძლება გამოიყენონ როგორც დამწყებთათვის, ასევე პროფესიონალებისთვის. ამ პროგრამის მთავარი განსხვავება და უპირატესობა არის ActionScript 2.0-ის მხარდაჭერა, რომლის გარეშეც უბრალოდ შეუძლებელია პროფესიონალური ფლეშ კონტენტის შექმნა.

როგორც ჩანს, დიმა ბილანი მართალია, როცა ამბობს, რომ შეუძლებელი შესაძლებელია :). ბოლო დრომდე ვებ დეველოპერებს უწევდათ მეკობრეობა ან საკმაოდ დიდი თანხის გადახდა ფლეშ ანიმაციასთან მუშაობის შესაძლებლობისთვის. და ბოლოს, დადგა საათი, როდესაც გამოჩნდა მესამე სრულფასოვანი ვარიანტი - უფასო ფლეშ რედაქტორის გამოყენება.

ადრე ჩვენს საიტს უკვე ჰქონდა ერთი მსგავსი პროგრამა, მაგრამ მისი მინუსი იყო გარკვეული მოძველება, ინსტრუმენტების შეზღუდული ნაკრები და ActionScript პროგრამირების ენის მხარდაჭერის ნაკლებობა, რაც ასე აუცილებელია ნებისმიერი სახის ფუნქციური საიტების, თამაშების შესაქმნელად და ა.შ.

დღეს მე გაგაცნობთ სრულიად თანამედროვე ფლეშ რედაქტორს, რომელსაც შეუძლია თითქმის თანაბარი კონკურენცია გაუწიოს გამოჩენილ Adobe Flash-ს - ვექტორიანი ჯოტო.

ვექტორიან ჯოტოს შედარება ფასიან ანალოგთან

როგორც ხედავთ, Vectorian Giotto-ს დეველოპერებმა ყველაფერი გააკეთეს და ცდილობდნენ თავიანთ პროგრამაში მოერგოთ Adobe Flash-ის მსგავსი ფუნქციების მაქსიმალური შესაძლო ნაკრები. გარდა ამისა, კლავიატურის მალსახმობების უმეტესობაც იგივეა, ამიტომ მათთვის, ვინც მიჩვეულია Adobe რედაქტორთან მუშაობას, არ გაუჭირდება უფასო Vectorian Giotto პლატფორმაზე გადასვლა!

ისე, უფასო რედაქტორში "დესერტისთვის" ასევე არის ის, რაც ზოგჯერ ასე აკლია "დიდ ძმას" - ანიმაციური ეფექტების ჩაშენებული ბიბლიოთეკა, რომელიც განსაკუთრებით მოეწონება მათ, ვინც ქმნიან ფლეშ ბანერებს.

სამუშაოსთვის მომზადება

Vectorian Giotto-ს დასაწყებად, ჩვენ უნდა გადმოვწეროთ არქივი ინსტალერთან, რომელიც, სხვათა შორის, მხოლოდ 8 მეგაბაიტს იწონის! როდესაც არქივი ჩამოტვირთულია, გახსენით და გაუშვით ფაილი VectorianGiotto.exe.

იმისდა მიუხედავად, რომ ინსტალაცია (და თავად პროგრამა, სამწუხაროდ :)) არის ინგლისურ ენაზე, მან არ უნდა გამოიწვიოს რაიმე სირთულე, რადგან არ არის საჭირო რაიმეს შეცვლა ნაგულისხმევ პარამეტრებში. უბრალოდ დააჭირეთ ღილაკს "შემდეგი" რამდენჯერმე და დაელოდეთ ინსტალაციის პროცესის დასრულებას;).

პირველი გაცნობა ინტერფეისთან

ინსტალაციის ბოლოს, თუ სტანდარტულ პარამეტრებში არაფერი შევცვალეთ, სრულ ეკრანზე გამოჩნდება Vectorian Giotto სამუშაო ფანჯარა:

როგორც უკვე ვთქვი, პროგრამის ინტერფეისი ინგლისურ ენაზეა, ამიტომ სტატიაში აღწერილი შემდგომი მოქმედებების შესრულებისას გაუგებრობისა და გაუგებრობის თავიდან ასაცილებლად, მსურს შემოგთავაზოთ რაიმე სახის კონცეპტუალური აპარატი :). დავიწყოთ, როგორც ყოველთვის, ზემოდან ქვემოდან და მარცხნიდან მარჯვნივ.

მენიუს ზოლი. ეს არის პანელი, რომელზეც განთავსებულია Vectorian Giotto პროგრამის ყველა მენიუ. ანიმაციასთან მუშაობისას შეიძლება დაგჭირდეთ სექციები, როგორიცაა "ფაილი" (თქვენი ანიმაციის SWF-ში შესანახად და ექსპორტისთვის), "View" (სამუშაო სივრცის ჩვენების პარამეტრების დასაყენებლად), "მოდიფიკაცია" (მიმდინარე პარამეტრების გასაკონტროლებლად). დოკუმენტი და მუშაობა ბიბლიოთეკის ეფექტებთან) და "ფანჯარა" (პროგრამის ნაჩვენები მოდულების და პანელების მორგება).

მთავარი ხელსაწყოთა პანელი. აქ არის პროექტის მოქმედების კონტროლის ღილაკები და ანიმაციის დაკვრის პანელი.

ნახაზის პანელი (იკავებს პროგრამის ფანჯრის მთელ მარცხენა ნაწილს). აქ არის ყველა საჭირო ინსტრუმენტი თქვენი ანიმაციისთვის სასურველი ობიექტების შესაქმნელად, ასევე ღილაკები, რომლებიც საშუალებას გაძლევთ დააკონფიგურიროთ სასურველი ხელსაწყოების პარამეტრები.

Storyboard (ან ვადები). საშუალებას გაძლევთ მართოთ უჯრედები ჩარჩოებისა და შექმნილი ფენებისთვის.

ფერის მართვის პანელი. მასთან ერთად შეგიძლიათ სწრაფად შეცვალოთ ადრე შექმნილი ფორმების ფერი. ის ასევე ემსახურება თქვენი ანიმაციური ობიექტების შევსების ტიპის შერჩევას (მყარი, გრადიენტი და ა.შ.).

სამუშაო სივრცე. ეს არის ვირტუალური "ქაღალდის" ფურცელი, რომელიც შექმნილია თქვენი ანიმაციების დასახატავად :).

ActionScript რედაქტორი. თუ თქვენ გჭირდებათ შექმნათ არა მარტივი ბანერები, არამედ რაღაც უფრო რთული, მათ შორის ღილაკები და ყველა სახის ინტერაქტიული ობიექტი, მაშინ არ შეგიძლიათ სკრიპტის რედაქტორის გარეშე.

კლიპის სტრუქტურის პანელი. აჩვენებს ყველა ფიგურას, რომელიც არის „ჩარჩოში“ და საშუალებას გაძლევთ სწრაფად გადახვიდეთ მათ შორის და მართოთ მათი თანმიმდევრობა.

თვისებების პანელი. ფლეშის თითოეულ ობიექტს აქვს გარკვეული თვისებები. ეს პანელი გამოიყენება მათი მართვისთვის.

პანელის ტრანსფორმაცია. საშუალებას გაძლევთ სწრაფად შეცვალოთ არჩეული ანიმაციის ელემენტის ზომა და პოზიცია.

ელემენტების ბიბლიოთეკა. წარმოადგენს შექმნილი ან იმპორტირებული ობიექტების ჩამონათვალს, რომლებიც შეიძლება (და არაერთხელ!) იყოს ჩასმული ანიმაციაში.

ჩვენ მუდმივად ვხედავთ ფლეშ ანიმაციას ინტერნეტში და ტელევიზორში. Flash ტექნოლოგიის გამოყენებით მარტივი ფლეშ ანიმაციის შექმნა საკმაოდ მარტივი ამოცანაა, რადგან Flash გთავაზობთ ბევრ სასარგებლო ინსტრუმენტს, რომელიც ამარტივებს მთელ პროცესს. თუ გსურთ შექმნათ ფლეშ ანიმაცია ან მულტფილმი, შეგიძლიათ დახატოთ იგი რამდენიმე საათში.

ნაბიჯები

Ნაწილი 1

კადრ-კადრის ანიმაციის საფუძვლები.ეს მეთოდი ითვლება "ტრადიციული" ანიმაციის შექმნის მთავარ მეთოდად, რომელშიც ყოველი მომდევნო კადრი მოიცავს ერთ, მაგრამ ოდნავ შეცვლილ სურათს. ყველა კადრის დაკვრისას გამოსახულება „ცოცხლდება“. ამ მეთოდს იყენებენ თავისუფალი მულტფილმის ანიმატორები და უფრო შრომატევადია, ვიდრე დაძმობილება (იხილეთ შემდეგი ნაწილი).

• ნაგულისხმევად, Flash ასახავს 24 კადრი წამში (FPS). ეს ნიშნავს, რომ 24 კადრი გამოჩნდება ერთ წამში, მაგრამ ყველა მათგანი არ უნდა იყოს განსხვავებული. თქვენ შეგიძლიათ შეცვალოთ ეს პარამეტრი (თუ გსურთ) 12 fps-ზე, მაგრამ 24fps-ზე ანიმაცია უფრო „გამართულად“ ითამაშებს.

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. ცარიელი საკვანძო კადრის შესაქმნელად, დააწკაპუნეთ მაუსის მარჯვენა ღილაკით ბოლო კადრზე ვადებში და აირჩიეთ ჩასმა ცარიელი საკვანძო ჩარჩო.
   • მას შემდეგ რაც შექმნით მეორე საკვანძო კადრს, თქვენ უნდა შეიტანოთ ცვლილებები მის სურათში, რათა ანიმაცია გაცოცხლდეს. თუ თქვენ იყენებდით Adobe Flash Professional-ის ხატვის ხელსაწყოებს, აირჩიეთ Transform ინსტრუმენტი თქვენი ნახატის ელემენტის ასარჩევად (როგორიცაა პერსონაჟის ხელი) და შეცვალეთ იგი.
   • თუ ახალ სურათს ჩასვამთ თითოეულ საკვანძო კადრზე, დარწმუნდით, რომ ის სწორ ადგილასაა (ლოგიკური კადრების თანმიმდევრობის მიხედვით).

5. გაიმეორეთ პროცესი.ორი საკვანძო კადრის შექმნის შემდეგ, გაიმეორეთ პროცესი - დაამატეთ რამდენიმე ცარიელი კადრი თითოეულ საკვანძო კადრს შორის და დარწმუნდით, რომ ანიმაცია უკრავს „გამართულად“.

   • შეიტანეთ მცირე ცვლილებები. რაც უფრო მცირეა (პატარა) ცვლილებები, მით უფრო რბილად უკრავს ანიმაცია. მაგალითად, თუ გსურთ პერსონაჟმა აწიოს ხელი, მეორე საკვანძო ჩარჩო არ უნდა შეიცავდეს ნახატს, რომელიც აჩვენებს პერსონაჟს უკვე აწეული ხელით. ამის ნაცვლად, გამოიყენეთ რამდენიმე საკვანძო ჩარჩო დაწეული ხელიდან აწეულ ხელზე გადასასვლელად. ამ შემთხვევაში ანიმაცია უფრო გლუვი იქნება.

6. ნახატის კონვერტაცია.მას შემდეგ რაც შექმნით საკვანძო კადრებს და ბილიკს, შეგიძლიათ სურათის გარდაქმნა ისე, რომ ის შეუფერხებლად შეიცვალოს ტყუპის გზაზე გადაადგილებისას. თქვენ შეგიძლიათ შეცვალოთ გამოსახულების ფორმა, ფერი, დახრილობა, ზომა და ნებისმიერი სხვა ასპექტი.

   • აირჩიეთ ჩარჩო, რომელშიც ნახატი გარდაიქმნება.
   • გახსენით ნახაზის თვისებების პანელი. ამისათვის დააჭირეთ F3.
   • შეცვალეთ პარამეტრის მნიშვნელობები ნახაზის თვისებების ფანჯარაში. მაგალითად, შეგიძლიათ შეცვალოთ ელფერი ან ფერი, დაამატოთ ფილტრები, შეცვალოთ ზომა.
   • თქვენ ასევე შეგიძლიათ გამოიყენოთ უფასო ტრანსფორმაციის ინსტრუმენტი ნახატის შესაცვლელად, როგორც გსურთ.

7. დაამატეთ დასრულების შტრიხები.შეამოწმეთ შექმნილი ანიმაცია Ctrl + Enter დაჭერით. დარწმუნდით, რომ ნახატი (პერსონაჟი) სწორად იცვლება და რომ ანიმაცია თამაშობს სწორი სიჩქარით. თუ ანიმაცია ძალიან სწრაფად უკრავს, შეამცირეთ FPS მნიშვნელობა ან გაზარდეთ Tween-ის ხანგრძლივობა.

   • ნაგულისხმევი FPS არის 24, ამიტომ სცადეთ მისი დაწევა 12-მდე. შეცვალეთ FPS მნიშვნელობა თვისებების პანელში. თუმცა, FPS = 12-ზე, ანიმაცია შეიძლება საკმარისად შეუფერხებლად არ ითამაშოს.
   • Tween-ის ხანგრძლივობის შესაცვლელად აირჩიეთ ფენა, რომელიც შეიცავს tween-ს და გამოიყენეთ სლაიდერი tween-ის ხანგრძლივობის შესაცვლელად. თუ გსურთ თვინის სიგრძის გაორმაგება, გადაიტანეთ სლაიდერი 48 ჩარჩოზე. არ დაგავიწყდეთ ფონის ჩასმა ცარიელ ჩარჩოებზე, რათა ფონი არ გაქრეს ანიმაციის შუაში. ამისათვის აირჩიეთ ფონის ფენა, დააწკაპუნეთ ანიმაციის ბოლო კადრზე (დროის ხაზზე) და შემდეგ დააჭირეთ F5-ს.

ნაწილი 3

1. ჩაწერეთ ან ჩამოტვირთეთ ხმოვანი ეფექტები და მუსიკა.თქვენ შეგიძლიათ დაამატოთ ხმოვანი ეფექტები თქვენს ანიმაციას, რათა ის უფრო გავლენიანი იყოს. მუსიკა ანიმაციას უფრო ამაღელვებელს გახდის და შეუძლია კარგი ანიმაცია შესანიშნავად აქციოს. Flash მხარს უჭერს სხვადასხვა აუდიო ფაილის ფორმატებს, მათ შორის AAC, MP3, WAV და AU. აირჩიეთ ფორმატი, რომელიც უზრუნველყოფს ხმის მაღალ ხარისხს ფაილის ყველაზე მცირე ზომით.

   • MP3 ფორმატი უზრუნველყოფს მაღალი ხარისხის ხმის გარანტიას ფაილის მინიმალური ზომით. WAV ფაილები დიდია.

2. შეიყვანეთ აუდიო ფაილები ბიბლიოთეკაში, რათა შეძლოთ სწრაფად დაამატოთ ხმები და მუსიკა ანიმაციებში.დააჭირეთ "ფაილი" - "იმპორტი" - "ბიბლიოთეკაში იმპორტი". იპოვნეთ აუდიო ფაილი თქვენს კომპიუტერში. დარწმუნდით, რომ აუდიო ფაილს აქვს ადვილად დასამახსოვრებელი სახელი, რათა სწრაფად იპოვოთ იგი.

   შექმენით ახალი ფენა თითოეული აუდიო ფაილისთვის.ეს არ არის საჭირო და თქვენ შეგიძლიათ დაამატოთ ხმა არსებულ ფენებს, მაგრამ აუდიო ფაილის ცალკე შრეზე ჩასმა მოგცემთ მეტ კონტროლს ანიმაციის საუნდტრეკზე.

   შექმენით საკვანძო ჩარჩო, საიდანაც აუდიო დაიწყებს დაკვრას.ხმის შრეზე აირჩიეთ ანიმაციის ჩარჩო, საიდანაც დაიწყება ხმის დაკვრა. დააჭირეთ F7 ცარიელი საკვანძო კადრის ჩასასმელად. მაგალითად, თუ გსურთ ჩასვათ აუდიო ფაილი, რომელიც უკრავს მთელ ანიმაციაში, აირჩიეთ პირველი კადრი აუდიო ფაილის ფენაზე. თუ თქვენ დაამატებთ პერსონაჟის ხმას, აირჩიეთ ჩარჩო, სადაც პერსონაჟი იწყებს საუბარს.

ოდესმე დაფიქრებულხართ რა იმალება ინტერნეტში ბანერების მშვენიერი ანიმაციის უკან? თუ კომპიუტერული ტექნოლოგიების დახმარებით შექმნილ ახალ მულტფილმებს? ყველაზე ხშირად ისინი ეფუძნება "ხორცს", უფრო ზუსტად, ასე ითარგმნება Flash ტექნოლოგიის სახელი ინგლისურიდან. დღეს ჩვენ ვისაუბრებთ საიტის ფლეშ ანიმაციაზე:

ფლეშ ტექნოლოგია

მულტიმედიური ჩარჩო შემუშავებულია მაკრომედიის მიერ. მაგრამ მისი აღების (შერწყმის) შემდეგ ტექნოლოგიაზე ყველა უფლება გადაეცა ახალ მფლობელს - 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 გაფართოება. აკრონიმი ნიშნავს Small Web Format. Flash-ში ჩაწერილ ვიდეოს აქვს ფაილის გაფართოებები FLV, F4V.

ინტერაქტიული ანიმაციის განვითარება Flash-ში ეფუძნება ვექტორულ გრაფიკას. ამის წყალობით შესაძლებელი გახდა მულტიმედიური პლატფორმის მხარდაჭერა და ანიმაციის ხარისხის დამოუკიდებლობა ეკრანის გარჩევადობისგან.

ფლეშ აპლიკაციის ფაილის ზომა იგივეა ყველა მომხმარებლისთვის, მიუხედავად ეკრანის სპეციფიკაციებისა (რეზოლუცია).

ინტერაქტიული ანიმაცია Flash-ში ეფუძნება მორფირებას (ვექტორის ტიპი), რომელიც ნელ-ნელა ერწყმის საკვანძო კადრებს შორის. მონაცემების დასაკრავად გამოიყენება ფლეშ ფლეერი, რომლის ფუნქციონირება მრავალი თვალსაზრისით ჰგავს JavaScript ვირტუალური მანქანის მუშაობას. ტექნოლოგიის პროგრამული კომპონენტი დანერგილია ActionScript ენის გამოყენებით.

ტექნოლოგიის უარყოფითი მხარე მოიცავს შემდეგ პუნქტებს:

• მძიმე დატვირთვა კლიენტის აპარატის ცენტრალურ პროცესორზე. ეს გამოწვეულია ფლეშ ვირტუალური მანქანის დაბალი ეფექტურობით, რომელიც ჩართულია მოთამაშესთან მომხმარებლის ბრაუზერში;
• შეცდომის მაღალი ალბათობა – Flash ანიმაციის დაკვრა შეიძლება იყოს ძალიან მიდრეკილი შეცდომისკენ. უფრო მეტიც, ჩავარდნები Flash დაკვრაში უარყოფითად მოქმედებს მთელი კლიენტის აპლიკაციის (ბრაუზერის) მუშაობაზე. ეს გამოწვეულია პროგრამის კოდის შეცდომის ტოლერანტობაზე არასაკმარისი კონტროლით ფლეშ აპლიკაციების შექმნისას;
• არ შეიძლება ინდექსირება - Flash-ის კონტენტში ნაჩვენები ყველა ტექსტური შინაარსი არ არის ინდექსირებული. ეს შეზღუდვა განსაკუთრებით პრობლემურია იმ რესურსებისთვის, რომლებიც დაფუძნებულია ამ ტექნოლოგიაზე.

მესამე მხარის Flash Creation პროგრამული უზრუნველყოფის მიმოხილვა

Sothink SWF Quicker იქნა მიღებული, როგორც პროტოტიპის აპლიკაცია, რომელზეც ჩვენ ვაჩვენებთ Flash-ის შექმნის საფუძვლებს. ბევრი პროფესიონალის აზრით, პროგრამა ყველაზე გასაგები და ადვილად შესასწავლია.

გარდა შექმნისა და რედაქტირებისა, ფლეშ რედაქტორმა „იცის როგორ“ იმუშაოს ყველა სხვა ტიპის ვებ ანიმაციასთან (GIF, HTML და სხვა სტანდარტები):

ინსტალაციის შემდეგ გადავდივართ პროგრამის მოსახერხებელი ინტერფეისზე. სამწუხაროდ, ინტერფეისის ენის გადამრთველის ყველა კუთხეში დახრის შემდეგ, ჩვენ ვერ ვიპოვეთ.

იმისათვის, რომ გავიგოთ, როგორ გავაკეთოთ ფლეშ ანიმაცია ამ აპლიკაციაში, ჩვენ გამოვიყენებთ ჩაშენებულ შაბლონებს. ახალი შაბლონის დიალოგური ფანჯარა გამოჩნდება პროგრამის დაწყებისთანავე. გარდა ამისა, მისი გამოძახება შესაძლებელია მენიუს მთავარი ელემენტის "ფაილი" საშუალებით. შემოთავაზებულ ვარიანტებს შორის ჩვენ ავირჩიეთ ბანერის შექმნა:

ოსტატის შემდეგ ფანჯარაში ჩამოსაშლელი სიიდან უნდა აირჩიოთ შაბლონი, რომლის მიხედვითაც შეიქმნება ანიმაცია. მის ქვემოთ არის პატარა ჩარჩო, რომელშიც შერჩეული შაბლონი თამაშობს:

შემდეგ ნაბიჯებში, თქვენ უნდა დააყენოთ ბანერის ზომა და შეიყვანოთ ტექსტის 5 ფრაზა, რომელიც გათამაშდება ანიმაციაში. გარდა ამისა, ბანერზე დაწკაპუნებით უნდა მიუთითოთ იმ რესურსის მისამართი, რომლისკენაც მომხმარებელი მიიყვანს:

პროექტის შედგენისა და ოსტატის ფანჯრის დახურვის შემდეგ, თქვენ შეგიძლიათ ნახოთ მიღებული ვიდეო ჩაშენებულ პლეერში. ამისათვის დააჭირეთ მწვანე ისარს ზედა:

პლეერის დახურვის შემდეგ, მოდით უფრო ახლოს მივხედოთ აპლიკაციის ინტერფეისს. გთხოვთ გაითვალისწინოთ, რომ იგი შედგება ორი ძირითადი ფანჯრისგან: ზედა არის ვიდეოს დროის ინტერვალის რედაქტირებისთვის, ხოლო ქვედა არის ჩვეულებრივი გრაფიკული რედაქტორი. თითოეული ელემენტი განლაგებულია ცალკეულ ფენაზე, რომლის რედაქტირება შესაძლებელია გვერდითა ზოლზე მდებარე სტანდარტული ხელსაწყოების გამოყენებით.

უფასო პროგრამა ფლეშ ანიმაციის შესაქმნელად მზა აპლეტების გამოყენებით.

ბევრ თქვენგანს, ვფიქრობ, ოდესმე უცდია საკუთარი საიტების შექმნა (ან შესაძლოა ძალიან პოპულარული პორტალიც კი გქონდეთ).

ასეა თუ ისე, ყველას შეექმნა საკუთარი ვებ გვერდების ეფექტური დიზაინის პრობლემა. და რადგან სტატიკური HTML კოდი ნელ-ნელა წარსულის საგანი ხდება, დღეს ბევრი ადამიანი ყურადღებას აქცევს პოპულარულ ტექნოლოგიებს, როგორიცაა JavaScript და Flash. ისინი საშუალებას გაძლევთ შექმნათ ლამაზი ანიმაციური დინამიური გვერდები გაფართოებული ფუნქციონირებით.

სპეციალისტს არ გაუჭირდება პატარა ანიმაციური ფლეშ ბანერის დამზადება, თუმცა დანარჩენ გაუთვითცნობიერებელებზე რას იტყვით? თუ პროგრამირების ენების სკრუპულოზური შესწავლა არ შედის თქვენს უშუალო გეგმებში, მაშინ შეგიძლიათ, როგორც ყოველთვის, მიმართოთ სპეციალიზებული პროგრამული უზრუნველყოფის დახმარებას. დღეს ჩვენ გავეცნობით პროგრამაში მუშაობის საფუძვლებს. გაფართოებული ეფექტის შემქმნელი.

ეს პროგრამა საშუალებას გაძლევთ შექმნათ ყველა სახის ფლეშ და JavaScript ეფექტები, როგორც თქვენი საკუთარი "ნულიდან" და დაფუძნებული მზა შაბლონებზე! Advanced Effect Maker არსებობს რამდენიმე გამოცემაში, რომლებიც განსხვავდება მზა ეფექტების რაოდენობით და მომხმარებლის თავისუფლების ხარისხით. მოდით შევადაროთ მაქსიმალური და უფასო კონფიგურაციები:

ფლეშ რედაქტორის უფასო ვერსიის Advanced Effect Maker Free Edition-ის შედარება Commercial Edition-ის კომერციულ ვერსიასთან

პროგრამის უფასო ვერსიის ყველაზე დიდი მინუსი არის ერთგვარი წინასწარი ტაშის არსებობა, რომელიც საშუალებას გაძლევთ გადახვიდეთ მზა ეფექტების სანახავად მხოლოდ შექმნილ ბანერზე დაწკაპუნების შემდეგ. ეს არის სადაც ყველა განსხვავება ძირითადად მთავრდება :).

პროგრამის ინსტალაცია

Advanced Effect Maker-ის ინსტალაცია ხდება სტანდარტული გზით, ასე რომ, მოდით პირდაპირ გადავიდეთ პროგრამასთან მუშაობაზე:

პირველივე დაწყებისას მოგეთხოვებათ სალიცენზიო ხელშეკრულების წაკითხვა. მის მისაღებად დააჭირეთ ღილაკს "ვეთანხმები". ამის შემდეგ, შეგიძლიათ დაიწყოთ კომუნალური ინტერფეისის შესწავლა:

ინტერფეისი და მუშაობა რედაქტორთან

ინგლისური ენის მიუხედავად, ყველაფერი მარტივი და გასაგებია. Advanced Effect Maker ფანჯარა დაყოფილია ორ ნაწილად. მარცხნივ არის მხოლოდ ორი დიდი ღილაკი: პირველი არის ხელმისაწვდომი ეფექტების გალერეაში შესასვლელად, ხოლო მეორე დამატებითი აპლეტების დასამატებლად (ეს არის თუ მათი ყიდვა გსურთ;)). მარჯვენა მხარეს, ჩვენ ვხედავთ ხელმისაწვდომი შაბლონების კატალოგს ქვესექციებით და გადახედვის ფანჯრით, ასევე ეფექტის რედაქტირების ზონით.

სასურველი შაბლონის რედაქტირების დასაწყებად, უბრალოდ დააწკაპუნეთ მის სურათზე, ხოლო თუ გსურთ ნახოთ როგორ მუშაობს იგი, დააწკაპუნეთ სურათზე "Preview" წარწერაზე:

როდესაც გახსნით სასურველ ეფექტს, შეიძლება ნახოთ შეტყობინება, რომ ფაილი უკვე არსებობს. თუ ეს მოხდა, მაშინ უბრალოდ უგულებელყოთ იგი ღილაკზე "Ok" დაჭერით:

თუ შაბლონი წარმატებით გაიხსნა, ჩვენ შევძლებთ დავინახოთ რამდენიმე ჩანართი, რომელიც შეიცავს ყველა სახის პარამეტრს:

პროგრამის პარამეტრები და ანიმაციის შექმნა

პირველი ჩანართი არის ზოგადი. ეს შეიცავს პროექტის ზოგად პარამეტრებს. ჩვეულებრივ, ეს არის ზომები (სიგანე - სიგანე და სიმაღლე - სიმაღლე), სახელი (ფაილის სახელი), მომავალი ფაილის ხარისხი (ხარისხი), ასევე ფლეშ ფილმის ფანჯრის რეჟიმი (ფანჯრის რეჟიმი).

მეორე ჩანართი - „ფერი“, როგორც სახელიდან ჩანს, პასუხისმგებელია პროექტში გამოყენებულ ფერებზე. აქ ყველაფერი ძალიან ნათელია, ამიტომ გადავიდეთ შემდეგზე - "შეტყობინებებზე":

აქ ჩვენ გვაქვს ორი ველი. პირველ ველში (მარცხნივ) შევიყვანთ ტექსტს, რომელიც უნდა გამოვხატოთ სპეციალური ეფექტით, ხოლო მეორეში - ლინკს, რომელსაც მომხმარებელი მიჰყვება ჩვენს ბანერზე დაწკაპუნებით. Advanced Effect Maker-ის უპირატესობა ის არის, რომ შეგვიძლია შევიყვანოთ ტექსტის შეუზღუდავი რაოდენობის სტრიქონები (ასევე ბმულები), მაგრამ მთავარი მინუსი არის რუსული ენის მხარდაჭერის არარსებობა :(.

შემდეგი ორი ჩანართი გამოიყენება შესაბამისად შრიფტების (Fonts) და ანიმაციური თვისებების (სხვა) სამართავად. ერთი გაფრთხილება: თუ გსურთ გამოიყენოთ ალტერნატიული TTF შრიფტები, ჯერ მოგიწევთ მათი კონვერტაცია Advanced Effect Maker-თან თავსებადობისთვის. ამისათვის, მენიუდან "ინსტრუმენტები" დარეკეთ "Convert Fonts" ხელსაწყოზე და სასურველი შრიფტის არჩევის შემდეგ დააჭირეთ ღილაკს "Convert":

როდესაც ყველა ცვლილება განხორციელდება, ჩვენ შეგვიძლია დავაჭიროთ ღილაკს "აპლეტის შექმნა". ამის შემდეგ, პროექტის დანიშნულების საქაღალდეში შეიქმნება ორი ფაილი: SWF (პირდაპირი ანიმაცია) და HTML (შეიცავს ინსტრუქციას მიღებული ანიმაციის ჩასართავად თქვენი გვერდის კოდში:

თქვენი სამუშაოს შენახვა

თუმცა, ეს ყველაფერი არ არის. Advanced Effect Maker-ით შეგიძლიათ შექმნათ თქვენი საკუთარი ეფექტი არსებულის საფუძველზე, ან მთლიანად ნულიდან! ამისათვის გადადით "Tools" მენიუში და გაააქტიურეთ "Plugin Maker" პუნქტი:

აქ თქვენ ჯერ უნდა დააყენოთ სახელი ახალი პროექტისთვის, ასევე რამდენიმე სხვა პარამეტრი (სურვილისამებრ). ამის შემდეგ შესაძლებელი იქნება ღილაკზე "Create Applet" დაჭერა და ჩვენ პირდაპირ გადავალთ ეფექტის რედაქტორის ფანჯარაში:

აქ არის რამდენიმე ღილაკი, რომელიც საშუალებას გაძლევთ შეიყვანოთ რამდენიმე სტანდარტული ფუნქცია მომავალი ეფექტის სცენარში. ერთადერთი პრობლემა ის არის, რომ თქვენ მოგიწევთ ხელით შეიყვანოთ ყველა საჭირო ცვლადი და მნიშვნელობა, და აქ უკვე საჭიროა ActionScript-ში ან JavaScript-ში გარკვეული პროგრამირების უნარი :(.

დასკვნები

Advanced Effect Maker შეიძლება იყოს დამწყები ვებ დიზაინერების გემოვნება, რადგან ის საშუალებას გაძლევთ უპრობლემოდ შექმნათ საკმაოდ სანახაობრივი ბანერები, ანიმაციური მენიუები, სლაიდშოუები და თუნდაც მცირე თამაშები (როგორიცაა ტეგები). ნაკლოვანება პრეპლოუდერის სახით (თუ ის ხელმისაწვდომია შერჩეულ ეფექტში) შეიძლება აღმოიფხვრას სპეციალური დეკომპილერის პროგრამების გამოყენებით SWF ფაილებისთვის (მათ შორის უფასოა) ;).

წარმატებებს გისურვებთ ყველა თქვენს მცდელობაში და შემოქმედებით წარმატებებს!

P.S. ნებადართულია ამ სტატიის თავისუფლად კოპირება და ციტირება, იმ პირობით, რომ მითითებულია წყაროს ღია აქტიური ბმული და დაცულია რუსლან ტერტიშნის ავტორობა.

ეს სტატია გაჩვენებთ, თუ როგორ უნდა დაიწყოთ Adobe Flash CS5 მარტივი ნაბიჯებით. გაკვეთილის თემაა მარტივი ანიმაცია, ჩვენ შევქმნით მას ინტერფეისისა და პროგრამის სირთულეში ჩაუღრმავებლად.

ახალი ფლეშ დოკუმენტის შექმნა

გახსენით პროგრამა და შექმენით ახალი დოკუმენტი "ActionScript 3.0".

მოდით დავხატოთ ობიექტი შემდგომი ანიმაციისთვის

ახლა დავხატოთ წრე. აირჩიეთ "ოვალური" ხელსაწყო მარჯვენა პანელზე და დააჭირეთ მაუსის მარცხენა ღილაკს და კლავიატურაზე "shift" ღილაკს და დახაზეთ წრე თეთრ ფონზე.

Selection Tool-ის გამოყენებით აირჩიეთ ახლად შექმნილი ობიექტი მასზე მაუსის დაწკაპუნებით ან კვადრატულ არჩევანში გადატანით.

ობიექტის სიმბოლოდ გადაქცევა მარტივი ანიმაციისთვის

შემდგომი მუშაობისთვის, თქვენ უნდა გადაიყვანოთ ობიექტი სიმბოლოდ. ვინაიდან წრე უკვე არჩეულია, დააჭირეთ მაუსის მარჯვენა ღილაკს და აირჩიეთ "Conver to Symbol" კონტექსტურ მენიუში.

"ტიპი" სიიდან აირჩიეთ "გრაფიკა"

ახლა ჩვენი ობიექტის გარშემო ლურჯი კვადრატი უნდა გამოჩნდეს.

შექმენით კლასიკური ანიმაცია (Classic Tween)

ანიმაციის შესაქმნელად, თქვენ უნდა დანიშნოთ "საკვანძო ჩარჩო".

ქვედა პანელზე არის ანიმაციის მასშტაბი, აირჩიეთ ოცდამეხუთე კადრი და დააჭირეთ მაუსის მარჯვენა ღილაკს, კონტექსტურ მენიუში, რომელიც გამოჩნდება, აირჩიეთ "Insert Keyframe".

აირჩიეთ წრე და მაუსის მარცხენა ღილაკზე დაჭერით გადაიტანეთ იგი მარჯვნივ.

აირჩიეთ პირველი კადრი ანიმაციის სკალაზე და მთავარ მენიუში ზედა, "Insert" პუნქტში აირჩიეთ "Classic Tween".

ნახეთ შექმნილი ანიმაცია

ახლა ჩვენ შეგვიძლია ვუყუროთ ანიმაციას. მთავარ მენიუში, "Control" პუნქტში აირჩიეთ "Play".

წრეს დავამატოთ „გაქრობის“ ეფექტი. ამისათვის კვლავ აირჩიეთ ობიექტი და მარჯვენა პანელში "ფერების ეფექტის" მენიუში აირჩიეთ "ალფა", დააყენეთ მნიშვნელობა "0".

ვნახოთ რა მოხდა. გადადით პუნქტში "კონტროლი" აირჩიეთ "თამაში".