GIF-ის დამზადება გამჭვირვალე ფონით Illustrator-ში. გზამკვლევი: როგორ შევქმნათ SVG ანიმაცია After Effects CC-ით როგორ შევქმნათ ანიმაცია ილუსტრატორში

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

ექსპორტის ბრძანება (SWF)

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

უზრუნველყოფს მეტ კონტროლს SWF და bitmap ფორმატების ნარევზე ფრაგმენტულ განლაგებაში. ეს ბრძანება გთავაზობთ სურათის ნაკლებ ვარიანტს, ვიდრე Export (SWF) ბრძანება, მაგრამ იყენებს ბოლო დროს გამოყენებულ Export ბრძანების ვარიანტებს (იხ.).

გაითვალისწინეთ შემდეგი სახელმძღვანელო მითითებები SWF სახით შესანახად ობიექტის მომზადებისას.

გამოიყენეთ Device Central აპი, რათა ნახოთ როგორი იქნება Illustrator-ის გრაფიკა აპში Flash Playerსხვადასხვა ხელის მოწყობილობებზე.

ილუსტრატორის გრაფიკის ჩასმა

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

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

    კონტურები და ფორმები

  • დარტყმის სისქე

    გრადიენტების განმარტებები

    ტექსტი (მათ შორის OpenType შრიფტები)

    დაკავშირებული სურათები

  • შერევის რეჟიმები

გარდა ამისა, Illustrator და Flash მხარს უჭერენ შემდეგ ფუნქციებს გრაფიკის ჩასმისას.

    Illustrator-ის ნამუშევრებში ფენების შერჩევისას უმაღლესი დონედა მათი ჩასმა Flash აპლიკაციაში ინარჩუნებს ფენებს და მათ თვისებებს (ხილვადობას და დაბლოკვას).

    ილუსტრატორის ფერის ფორმატები, გარდა RGB (CMYK, ნაცრისფერი და მორგებული ფორმატები) გარდაიქმნება Flash-ის მიერ RGB-ად. RGB ფერები ჩასმულია ჩვეულებრივი გზით.

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

    Flash ინახავს Illustrator-ის ნიღბებს.

SWF ფაილების ექსპორტი Illustrator-დან

Illustrator-დან ექსპორტირებული SWF ფაილები ისეთივე ხარისხის და შეკუმშულია, როგორც Flash-დან ექსპორტირებული SWF ფაილები.

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

Illustrator ფაილების იმპორტი Flash აპლიკაციაში

იმისათვის, რომ შექმნათ სრული განლაგება Illustrator-ში და შემდეგ შემოიტანოთ იგი Flash-ში ერთი ნაბიჯით, შეგიძლიათ შეინახოთ თქვენი ნამუშევარი მშობლიური Illustrator (AI) ფორმატში და მაღალი სიზუსტით შემოიტანოთ იგი Flash-ში ფაილის > იმპორტის გამოყენებით. სამუშაო გარემოან ფაილი > ბიბლიოთეკაში იმპორტი.

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

Illustrator-ის ნამუშევრების იმპორტისას, როგორც AI, EPS ან PDF აპლიკაცია Flash ინარჩუნებს იგივე ატრიბუტებს, როგორც ჩასმისას გრაფიკული ობიექტებიილუსტრატორი. ასევე, თუ თქვენ მიერ იმპორტირებულ Illustrator ფაილი შეიცავს ფენებს, შეგიძლიათ მათი იმპორტი ერთ-ერთი შემდეგი მეთოდით.

    გადაიყვანეთ ილუსტრატორის ფენები Flash ფენებად.

    გადაიყვანეთ ილუსტრატორის ფენები Flash ჩარჩოებად.

    გადაიყვანეთ Illustrator-ის ყველა ფენა Flash-ის ერთ ფენად.

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

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

შექმენით ბანერი მხოლოდ ტექსტით.

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

ბრინჯი. 8.11. ფენების პალიტრის მენიუ

ჩვენ გვაინტერესებს ბრძანება ამ მენიუში ფენაში გაშვება (მიმდევრობა)(Convert to Layers (sequentially)), რომელიც თარგმნის თითოეულ ცალკეულ ობიექტს ახალ შრეზე. გთხოვთ გაითვალისწინოთ, რომ ბრძანების გამოყენებისას ჯგუფი უნდა იყოს არჩეული ჯგუფი, არა ფენა ფენა 1.

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


ბრინჯი. 8.12. ფენების პალიტრა ფენაში გაშვების შემდეგ (მიმდევრობა)

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

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

რა თქმა უნდა, Flash-ის შესაძლებლობების მეათედიც კი არ არის დანერგილი Adobe Illustrator-ში, რადგან პროგრამა ამისთვის არ არის შექმნილი. თუმცა, მასში შეგიძლიათ გააკეთოთ სტატიკური სურათი ან მარტივი ანიმაცია.


ბრინჯი. 8.13. SWF ფორმატის ოპტიმიზაციის პარამეტრები

არის შემდეგი პარამეტრები.

  • Წაიკითხეთ მხოლოდ(მხოლოდ კითხვა). თუ მონიშნეთ ველი, ფაილი ისე ჩაიწერება, რომ აღარ გაიხსნება რედაქტირებისთვის რომელიმე პროგრამაში. ეს, ერთის მხრივ, ამცირებს ფაილების ზომას და, მეორე მხრივ, იცავს თქვენს საავტორო უფლებებს.
  • პარამეტრი იარლიყით 1. პარამეტრი, რომელიც განსაზღვრავს შენახვის ტიპს - სურათი ან ანიმაცია.
  • თუ აირჩევთ ვარიანტს AI ფაილი SWF ფაილში(ილუსტრატორის ფაილი SWF ფაილი), სურათი შეინახება სტატიკური გამოსახულების სახით, ზუსტად იგივე, რასაც ხედავთ ეკრანზე Illustrator-ში მუშაობისას.
  • ფენები SWF ჩარჩოებში(Layers to SWF Frames) საშუალებას გაძლევთ განახორციელოთ არსებული ფენების ანიმაცია, რომლებიც გადაიცემა ჩარჩოებად. ჩვენ უნდა ავირჩიოთ ეს ვარიანტი.
  • მრუდის ხარისხი(მრუდების ხარისხი). მრუდების სიზუსტე, რომელიც იმეორებს ორიგინალური გამოსახულების მრუდის ფაილს. ამ პარამეტრის შემცირება მნიშვნელოვნად ამცირებს ხარისხს, განსაკუთრებით დახვეწილი დეტალების არეალში, მაგრამ ამცირებს ფაილის ზომას. ჩვენს შემთხვევაში, ოპტიმალური მნიშვნელობა არის "7".
  • კადრების სიხშირე(კადრის დაყოვნება). კადრების სიხშირე და, შედეგად, ანიმაციის სიჩქარე. იმისათვის, რომ ეფექტი იყოს სწორი, დააყენეთ არაუმეტეს 4 კადრი წამში.
  • მარყუჟი(გაიმეორეთ). ითამაშეთ ანიმაცია რამდენჯერმე. ვარგისია ანიმაციებისთვის, სადაც განმეორებითი ციკლი მნიშვნელოვანია. ბანერი სწორედ ამ ტიპს მიეკუთვნება.

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

გამარჯობა. დღეს ჩვენ განვიხილავთ მარტივ ანიმაციას After Effects-ში.

რესურსები: Adobe Illustrator CC
Adobe After Effects CC

დავიწყოთ ხატვით Illustrator-ში.

ჩვენ ვხატავთ
1) ფონის სახით დახაზეთ ყვითელი მართკუთხედი

სურათი 1 - მართკუთხედი

2) დახაზეთ წრე და შეავსეთ იგი გრადიენტით
ცოტა წრეზე ვიმუშაოთ:
- ამოიღეთ ქვედა წერტილი კონტურზე, ვიღებთ რკალს;
- დახაზეთ სწორი ხაზი, რკალის ქვედა ნაწილის დახურვით, ვიღებთ ნახევარწრეს


სურათი 2 - 1) წრის დახატვა; 2) გრადიენტი; 3) წერტილის წაშლა

3) დახაზეთ მართკუთხედი და გააკეთეთ მისი ასლი
- ერთი ნაცრისფერი მართკუთხედი;
- კიდევ ერთი მუქი ნაცრისფერი მართკუთხედი
4) დახაზეთ სამკუთხედი ვარსკვლავიდან სხივების რაოდენობის დაყენებით - 3


სურათი 3 - 1) სწორი შუქი; 2) სწორი ბნელი; 3)სამკუთხედი

5) დახატე კატა კალმით და მარტივი ფორმებით

სურათი 4 - 1) თავი; 2) კისერი; 3) სხეული; 4) ფეხი; 5) კუდი

ახლა კი ყველაზე მეტად მთავარიმომენტი
მოდით გავანაწილოთ სურათები ფენებად (რა იქნება ანიმაციური - ცალკე ფენაზე) ასე:

სურათი 5 - ყველა სურათი (წითელი აღნიშნავს მნიშვნელოვან ფენებს)

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


სურათი 6 - შენახვა

ახლა კი შემდეგი ეტაპი. დახურვაAdobe Illustrator და გახსენით After Effects.

იმპორტი After Effects-ში
ფაილი - იმპორტი - ფაილი - აირჩიეთ ჩვენი შენახული ფაილიილუსტრატორი.
ავირჩიოთ ილუსტრატორიდან ფენების იმპორტი, თუ დავდებთ კადრებს, მივიღებთ სურათს გაერთიანებული ფენებით, მაგრამ ეს არ გვჭირდება.

სურათი 7 - იმპორტი როგორც კომპოზიცია

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


სურათი 8 - ღია კომპოზიცია

ახლა კი რისთვის ვართ აქ - ანიმაცია.

ანიმაცია in ეფექტების შემდეგ
დააყენეთ საყრდენი წერტილი ისრის ზედა ნაწილში Pan Behind Tool-ის გამოყენებით ( მალსახმობის ღილაკი- Y). უბრალოდ აიღეთ წერტილი და გადაიტანეთ იქ, სადაც გსურთ. შედეგად, ასე გამოიყურება..

სურათი 9 - პან ინსტრუმენტი და ფენები

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

მეორე 0 1 2
+66 - 70 +66
ასე გამოიყურება:


სურათი 10 - ბრუნვის ისარი

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

მეორე 0.1 0.17 1.12 2.0
პოზიცია 689.3 729.3 729.3 689.3
მოდით შევხედოთ სურათს.


სურათი 11 - პოზიციის თავი

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

დასკვნითი ეტაპი

წარმოება
თქვენ უნდა შექმნათ მზა პროდუქტი თქვენი სამუშაოდან.
მენიუში გადასვლა - დამატება რენდერის რიგში
იხსნება Render პანელი და გამომავალი მოდულში (ორი დაწკაპუნებით) აირჩიეთ გამომავალი ფორმატი. ავიღე *.მოვ


სურათი 12 - რენდერი

დააჭირეთ ღილაკს RENDER და მიიღეთ შედეგი (არ დაგავიწყდეთ მიუთითოთ ბილიკი).
Სულ ეს არის.

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

ასე რომ, ის, რაც მომეწონა ილუსტრატორში და რაც აღმოვაჩინე ჩემთვის, ეს არ არის ფლეშში.
1. დავიწყებ ყველაზე მარტივი, მაგრამ ამავდროულად აუცილებელი. შეეცადეთ დაალაგოთ ობიექტები წრეში ფლეშში. ადრე იყო დეკო ხელსაწყო, მაგრამ ის ამოიღეს, როგორც ჩანს, არასაჭიროდ ჩათვალეს. ჩვენ გადავწყვიტეთ, რომ უფრო სახალისო იქნებოდა ამის ხელით გაკეთება. ილუსტრატორს აქვს ეს ფუნქცია: ეფექტი - Distort&Transform - Transform.


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

2. ზიგზაგი

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

3. ობიექტების დეფორმაცია (Warp)

ფლეშში მსგავსი არაფერია. ქვემოთ მოცემულ მაგალითში მე ვაჩვენე მარტივი ფორმების დეფორმაციის მხოლოდ 2 გზა (Effect - Warp - Arc / Fish). რეალურად არის 15 მათგანი. უახლესი ვერსიაპროგრამები.

4. კუთხეების ავტომატური დამრგვალება (მრგვალი კუთხეები)

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

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

5. გაუხეშება

ეფექტი გამოიყენება მარტივი ფორმები (Effect-Distort&Transform-Roughen). შედეგად, ჩვენ ვიღებთ რაღაცას დაბალი პოლისის 3D მოდელებს. მგონი მაგარია :) და რაც მთავარია - ძალიან მარტივი.


6 Pucker&Bloat(შეიყვანეთ და გაბერეთ)
მაგალითი ქვემოთ მოცემულ სურათზე:


7. ფორმის გაფართოება (Offset Path)

ფლეშში არის ფუნქცია Expand Fill (fill extension), ის საერთოდ არ მუშაობს ფანქრის ხაზებით, ილუსტრატორისგან განსხვავებით.


8. ფუნჯები (Art Brush, Pattern Brush, Scatter Brush)
მაგალითებისთვის იხილეთ სურათი ქვემოთ:

9.ტექსტური ფუნჯი (ტექსტურის ფუნჯები)

ილუსტრატორში ასევე არის ბევრი ტექსტურის ფუნჯი, რომელზეც დავწერე და როგორ გამოჩნდნენ ისინი ახალი ვერსიაფლეშ -. შენიშნა, რომ Adobe Animate-ში ფუნჯების გამოყენება საშინლად ნელია. Ის არის:(

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

10.Split to Grid

კიდევ ერთი სასარგებლო ფუნქციაა Split to Grid (Object-Path-Split to Grid) ფუნქცია, რომელიც საშუალებას გაძლევთ გაჭრათ ფორმა თანაბარ სეგმენტებად. რას გვახსენებს ეს? ასეა - ფანჯრები მაღალსართულიან კორპუსში. მე რაც შემეხება მაგარი რამეა მაგ ქალაქური პეიზაჟების დახატვაში;)


Სხვა სასარგებლო ინსტრუმენტი, წარმოდგენილია ილუსტრატორში, ალბათ მისი პირველი გამოშვებიდან. მასთან ერთად შეგიძლიათ შექმნათ, მაგალითად, ხის ტექსტურები:

12. გადაადგილება (მარჯვნივ - ტრანსფორმაცია - გადაადგილება)

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

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

(შენიშვნა - ნიმუში შეიძლება შეიქმნას ვექტორული რედაქტირებადი ობიექტის ანალიზის ფუნქციის გამოყენებით ( Object-Expand Appearance).

14. ობიექტის მოზაიკა (მოზაიკა)

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

და გამოსავალზე ვიღებთ:

15. ბლენდი (შერევა)

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

ინსტრუმენტი ასევე შეიძლება გამოყენებულ იქნას ობიექტების კლონირებისთვის. ვათავსებთ ორ ობიექტს ერთმანეთისგან დაშორებით და ვიყენებთ Blend Options-ს, ვირჩევთ ნაბიჯების რაოდენობას (კლონირებული ობიექტების რაოდენობას).

16. Build Shape Tool.ძალიან მოსახერხებელი რამ პრიმიტივებთან მუშაობისთვის. ერთბაშად, როგორც მომეჩვენა, ნაკლებად მოსახერხებელია.

დაჭერით Alt და დააწკაპუნეთ არჩეულ სეგმენტებზე - წაშალეთ სეგმენტები. თუ ჩვენ უბრალოდ გადავათრევთ მაუსს რამდენიმე არჩეულ ზონაზე - კავშირები.


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

(ხელოვნების დაფები)

18.Custom Tool Panel

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

ფლეშში, არტბორდები, კერძოდ სცენები ( სცენა 1,2,3..) განლაგებულია ცალკე და საჭიროა მათ შორის გადართვა (Shift + F2). ილუსტრატორში, ისინი ყველა შეიძლება განთავსდეს თქვენს თვალწინ. მოსახერხებელია ერთი და იმავე ნახატის რამდენიმე ვერსიას ამზადებთ, რათა შედარებისთვის ყველა ვარიანტი თქვენს თვალწინ იყოს.

19.იზომეტრია გრაფიკულისტილები

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

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

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

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

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

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


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


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


ანალოგიურად, ჩვენ უნდა დავაგროვოთ 12 ფენა ფირის ჩარჩოებით, რომლებიც განსაზღვრავენ მის მოძრაობას.


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


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


თუ არჩევანს წრიდან ამოიღებთ, მაშინ ის ერთიან მთლიანობას ჰგავს. ეს არის ზუსტად ის, რაც ჩვენ გვჭირდება.


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


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


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


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


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


ახლა, როდესაც ფილმის ანიმაციის მთავარი ციკლი მზად არის, რჩება რიცხვების დამატება. ვინაიდან ჩვენ ვითვლით 3-დან 1-მდე, პლუს სიტყვა Go!!!, ჩვენ გვჭირდება კიდევ უფრო მეტი ფენა. არა 12, არამედ 48. ამისათვის თქვენ უნდა გააკეთოთ მზა ფენების კიდევ სამი ასლი ფილმის ანიმაციით.


და მაშინ ყველაფერი მარტივია. ჩართეთ პირველივე ფენა და დააყენეთ ნომერი სამი.


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


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


ექსპორტის პარამეტრების ფანჯარაში, დარწმუნდით, რომ დააყენეთ Export As: AI Layers SWF Frames-ზე. სწორედ ეს ვარიანტი აქცევს Illustrator-ის ფენებს ანიმაციურ ჩარჩოებად. შემდეგი, დააჭირეთ ღილაკს Advanced.


Გაიხსნება დამატებითი პარამეტრები. აქ თქვენ უნდა დააყენოთ კადრების სიხშირე. წამში 12 კადრი მაქვს. Looping ჩამრთველი პასუხისმგებელია ანიმაციის ველოსიპედზე. მისი წყალობით, ვიდეო ითამაშებს წრეში. და ვარიანტი Layer Order: Bottom Up ასახავს ილუსტრატორის ფენებს პანელში ქვემოდან ზევით. ზუსტად ასე ავაშენეთ ჩვენი ანიმაცია.


შედეგად, ვიღებთ ფლეშ ფილმს ჩვენი ანიმაციით.

ახლა ხედავთ, რომ Adobe Illustrator-ში მარტივი ანიმაციის გაკეთება არც ისე რთულია, როგორც ერთი შეხედვით ჩანს.

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

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

რომაული აკა დაკასკებიგანსაკუთრებით ბლოგისთვის


გამოიწერეთ ჩვენი ბიულეტენი, რათა არ გამოტოვოთ არაფერი ახალი: