Предназначение и структура на програмата Flash
Напоследък програмата Flash стана модерна. Много хора смятат, че Flash е нов продукт, но не е така. Още през 1995 г. се появи малка програма Future Splash Animator за векторна анимация на уеб графики, а две години по-късно, през 1997 г., Macromedia я придоби и започна да разработва продукта под новото име Flash.
Днес Flash е универсално интегрирано приложение, което комбинира редактор за графики и звук, инструмент за анимация и ви позволява да създавате уникални интерактивни мултимедийни продукти. С Flash можете да създавате рентабилни, живи анимации за уеб, интерактивни форми, игри, интерактивни презентации и др. Познаването на Flash е полезно не само за уеб дизайнери, но и за учители, художници и много други, които искат да изразят идеите си на езика на анимацията. Днес това не изисква специално студио, а персонален компютър, достатъчни са Flash програми и малко търпение.
Основни елементи на работното пространство на Flash
Преди да преминем към описанието на инструментите за рисуване, трябва да говорим за елементите на интерфейса. Ще направим резервация, че няма да свалим на читателя цялата информация за интерфейса наведнъж и да ме принудим да запомня всички подробности. Ще говорим за интерфейса на програмата точно толкова, колкото да можем да завършим настоящия урок. Във всеки урок ще анализираме нови елементи на интерфейса, като ще обясняваме предназначението им с конкретни примери.
Когато за първи път стартирате програмата, ще видите нещо като тази картина, както е показано на фиг. 1.
Ориз. 1. Основни елементи на интерфейса на програмата Flash 5.0
Всеки новооткрит файл има собствен работен плот. На работния плот има рамка или сцена (Stage) - правоъгълна област на екрана, в която се възпроизвежда Flash филм.
Инструментите за рисуване са предназначени за рисуване на работния плот (вижте лентата с инструменти на фиг. 1). Именно за тях ще говорим преди всичко.
Създаването на всяка анимация започва с изобразяване на статични изображения. Бърза промяна от едно изображение към друго, в резултат на което се създава впечатление за движение на изображението и има анимация. За да контролирате продължителността на показване на изображения (контрол на анимацията) е времевата линия или времевата линия (Timeline).
На фиг. Фигура 1 също така представя плаващи панели (плаващи, докинг панели) панели, предназначени да персонализират работната среда на Flash. И така, нека разгледаме основните инструменти за рисуване във Flash.
рисуване
Контур, щрих, запълване
Преди да започнете да работите с инструментите за рисуване, трябва да въведете понятията контур, щрих и запълване. Нека да разгледаме един прост пример.
Изберете инструмента за редактиране Овал (Овал) от лентата с инструменти (фиг. 2) и нарисувайте овал. Формата автоматично ще се запълни с цвят. (Ако задържите клавиша Shift, докато рисувате овал, тогава нарисуваната фигура ще има формата на кръг.)
Ориз. 2. Чертежът се състои от контур, контурен щрих и запълване
Чертежът се състои от контур, контурен щрих и запълване (фиг. 2). За да изберете контура на фигурата, щракнете върху бутона, показан на фиг. 3 червена стрелка. В резултат линията на щриха и запълването ще изчезнат, ще остане само очертанието - (фиг. 4).
Ориз. 3. Бутон за изтриване на запълване и контур
Ориз. 4. Премахвайки запълването и удара, получаваме контурната линия
сервизна линия (не се показва при отпечатване). Натискайки бутона, показан на фиг. 3 връща премахнатите елементи. Цветът на щриха и запълването се променя лесно. Цветът на запълване се променя чрез бутона Цвят на запълване (фиг. 5). След като изберете в палитрата (фиг. 5) нов цвят, начертаната фигура няма да се промени, но когато рисувате нова елипса, контурът ще бъде запълнен с току-що избрания цвят.
Ориз. 5. Инструменти за избор на цвят за линия за запълване и контур
За да промените цвета на запълване в текущата фигура, трябва да изберете нов цвят и да използвате инструмента Paint Bucket - той е маркиран на фиг. 6.
Ориз. 6. Цветът на запълване в начертаната форма може да се промени с помощта на инструмента Paint Bucket
Цветът на щриха също може да се променя. За да направите това, изберете инструмента Цвят на щриха (Промяна на цвета на щриха) - на фиг. 7 е обозначено с червена стрелка. След това ще се отвори палитра, в която можете да изберете желания цвят, след което трябва да изберете инструмента за бутилка с мастило (той е маркиран на фиг. 7) и да щракнете върху него по линията на инсулт. В резултат на това тя ще бъде запълнена с избрания цвят.
Ориз. 7. Променете цвета на линията
На фиг. 6, овалът, който сме начертали, е показан в по-голям мащаб. Между другото, мащабирането се настройва по същия начин, както във Photoshop, с помощта на клавишната комбинация Ctrl и "+" или Ctrl и "-".
Можете също така да промените дебелината и стила на линиите. За да направите това, трябва да командвате Прозорец > Панели > Ходизвикайте панела Stroke. В него можете да регулирате стила на линията на щриха, нейната дебелина и цвят (фиг. 8).
Ориз. 8. От менюто на панела Stroke можете да промените параметрите на линията на контура
Ако изберем стила на линията Hardline (фиг. 8) и приложим инструмента Ink Bottle Tool, ще получим линия от един пиксел. Твърдата линия няма дебелина, така че в полето за дебелина на линията не се появява стойност. Дебелината на други линии, като например пунктирана линия, може да се променя (Фиг. 9).
Ориз. 9. Пример за промяна на вида и дебелината на линията на удара
Повече фина настройка на параметрите на линията се извършва в панела Line Style. Можете да го извикате, като щракнете върху бутона, посочен с червената стрелка на фиг. 10. В панела Line Style можете например да промените дължината на линията и разстоянието между линиите на пунктирана линия. Ако на фиг. 8 бяха взети стойностите по подразбиране - 6 точки за удара и разстоянието между ударите, след това, като изберете стойностите съответно от 10 и 12 точки и отново приложите инструмента за бутилка с мастило, можете да получите удар , както на фиг. 10.
Ориз. 10. Фина настройкапараметри на линията
И така, ние разгледахме основните понятия - контур, запълване и линия на инсулт - използвайки примера за рисуване на овал. Сега нека поговорим директно за инструментите за рисуване.
Инструмент за правоъгълник
Инструмент Правоъгълник (Правоъгълник) се намира до инструмента Овал (фиг. 11).
В допълнение към традиционния правоъгълник можете да рисувате правоъгълници със заоблени ръбове. За да зададете такъв режим, изберете иконата, на която на фиг. 11 е обозначен с червена стрелка. В резултат на това ще се появи панелът Rectangle Settings, където определяте радиуса на заобляне, след което при рисуване на правоъгълник ъглите ще бъдат заоблени. Редактирането на запълването и щриха на контура на правоъгълника се извършва по същия начин, както в случая с овал.
Ориз. 11. Работа с инструмента Rectangle Tool
Инструмент за линия
Инструментът Line (Line) ви позволява да рисувате прави линии (фиг. 12). Като задържите натиснат клавиша Shift, можете да рисувате вертикални, хоризонтални или 45° линии.
Ориз. 12. Работа с инструмента за линии
В някои случаи, ако например трябва да начертаете равнобедрен триъгълник, е полезно да използвате мрежа. Можете да направите линиите на мрежата видими чрез команда Изглед > Решетка > Показване на мрежата(фиг. 13).
Ориз. 13. Когато рисувате правилни геометрични фигури, можете да използвате мрежата
Инструмент за молив
Ориз. 14. Резултатът от работата с инструмента Молив с различни настройки (горен ред триъгълници - Режим на изправяне, долен ред - Мастило)
Инструментът Молив се намира под инструмента Овал. На фиг. 14 е показан резултатът от работа с молив с различни опции за настройките му, които са общо три. С опцията за настройка Straighten инструментът превръща треперещите линии на контур, начертан на ръка, в прави линии, с опцията Smooth настройка изглажда линиите, а в режим Ink практически не променя оригиналния контур.
Редактиране на линии, инструменти за стрелка и подизбор
За да говорим за това как функционира инструментът Стрелка, нека разгледаме по-подробно структурата на контурната линия.
Нека начертаем линия с инструмента Молив, както е показано на фиг. 15. Състои се от път и линия.
Ориз. 15. Използвайки инструмента Subselect, можете да изберете опорни точки и сегменти от контурна линия
Ориз. 16. Пример за преместване на ъглова точка
Ориз. 17. Пример за промяна на кривината на контура
Ориз. 18. Линията на щриха следва линията на контура
Досега, говорейки за контура, не споменахме неговата структура. За да обясним структурата на контурната линия, ще използваме инструмента Subselect (Частична селекция), активиран на фиг. 15 и щракнете върху него по контура на линията. В резултат на това ще видим, че контурната линия се състои от сегменти и опорни точки (фиг. 15). Когато използвате инструмента Молив, сегментите и опорните точки се създават автоматично. Когато редактираме линията на контура, линията на щриха автоматично се променя. Нека да покажем как можете да редактирате линията на контура с помощта на инструмента Стрелка (Стрелка) - тя е маркирана на фиг. 16.
Точките за закрепване са ъглови и гладки. Когато преместим инструмента със стрелка на линия, външният му вид се променя. При приближаване до ъглова точка до изображението на стрелката ще се появи ъгъл - в този режим можете да преместите ъгловите точки (фиг. 16), а при приближаване до сегмент или гладка точка - изображение на дъга - в този режим, можете да промените кривината на контура (фиг. 17). При промяна на контурната линия линията на хода следва контурната линия (фиг. 18).
Начертайте елипса и използвайте инструмента със стрелка, за да изберете нейното запълване с едно щракване (цветът на избраното запълване ще бъде изсветлен с бели точки) и го плъзнете и пуснете, както е показано на фиг. 19. Ако щракнете два пъти, щрихът, съседен на запълването, също ще бъде избран. Двойното щракване също ви позволява да изберете пресичащи се линии.
Ориз. 19. Пример за преместване на избран обект с инструмента Стрелка
Ориз. 20. Оригинално изображение
Нека разгледаме други видове модификация на избраното изображение. Начертайте контур с инструмента Pencil, например лист (фиг. 20). Изберете инструмента Стрелка и изберете нарисуваното листо в правоъгълна рамка. Сега можете да обработите избрания обект с наличните модификатори.
В панела с опции изберете бутона Smooth и щракнете върху него няколко пъти - контурът на листа ще стане по-гладък (фиг. 21a).
Ориз. 21. Използване на модификатори от панела Options: a) Smooth ви позволява да изгладите контурите на изображението; b) Изправяне прави възможно изправянето на контурите на изображението
Промените на контура след няколко кликвания върху бутона Изправяне са показани на фиг. 21б.
С помощта на инструмента Lasso можете да изберете област с произволна форма (фиг. 22).
Ориз. 22. Пример за избор с инструмента Lasso
Четка
Ориз. 23. Пример за работа с инструмента Brush
Инструментът Brush (Четка) създава векторен контур и го запълва с избрания цвят, но за разлика от инструментите, обсъдени по-рано, той не образува линия на удар (фиг. 23). За да разберете какъв път създава инструментът Brush, вижте фиг. 24, където се използва инструментът Subselect.
Ориз. 24. Пример за контурна линия, създадена с инструмента Brush
Ориз. 25. Опции на инструмента за четка
Панелът с опции предоставя три опции за настройка на инструмента Brush: режими (горен бутон), размери на четката (среден бутон) и форма на четката (долен бутон) (фиг. 25).
Режимите определят характера на взаимодействието на начертаната линия с вече начертания обект (фиг. 26). Както може да се види от фигурата, при рисуване на един и същи тип хоризонтални линии в различни режими, засенчването се извършва по различни начини:
Paint Normal пространството на рамката се запълва с линията на щриха и запълването на обекта, който се рисува;
Paint Fills запълва пространството на рамката и запълва обекта, който се рисува. Линията на щриха не е запълнена;
Paint Behind се боядисва само свободното пространство на рамката;
Paint Selection само избраната област се рисува;
Боя Вътре само запълването, от което е започнало рисуването, е боядисано.
Ориз. 26. Различни режими на взаимодействие на щрихи с четка с предварително нарисуван обект
Ефектът от параметъра Lock Fill трябва да бъде обяснен - бутонът, съответстващ на тази команда с иконата за заключване, е показан натиснат на фиг. 27.
Ориз. 27. Пример за действие на параметъра Lock Fill
Когато параметърът Lock Fill е активиран (бутонът е натиснат), градиентът се прилага за цялото работно поле (фиг. 27), а когато не е активиран, преходът от един цвят към друг се извършва на базата на щрих на четката (фиг. 28).
Ориз. 28. Опцията Lock Fill не е активирана
Гумичка
Гумичката ви позволява да изтривате линии и запълвания и има няколко различни настройки. В панела с опции можете да регулирате размера и формата на гумичката, както и да изберете режима на изтриване (фиг. 29):
Изтриване Нормално линията на контура и запълването на обекта се изтриват;
Изтриване Запълва запълването на обекта се изтрива (линията на щриха не се изтрива);
Изтриване на редове Изтриват се само редове;
Изтриване на избрани запълвания Само избраната област се изтрива.
Erase Inside се изтрива само запълването, а когато рисувате линия с гумичката, изтриването се извършва само вътре в контура, в който е започнала линията.
Модификатор Кран (Кран) ви позволява напълно да премахнете запълването или линията.
Ориз. 29. Различни режими на изтриване
Инструмент за писалка
Досега разгледахме инструменти, които автоматично създават пътеки. Инструмент Pen (Pen) ви позволява да работите директно с контурите. С него можете да създавате прави и извити сегменти, да регулирате дължината на правите линии и наклона на извитите сегменти.
Линейна опорна точка
Изберете инструмента Pen, щракнете (поставили сте първата опорна точка), преместете курсора, щракнете (това е втората опорна точка). Резултатът е прекъсната линия, както на фиг. 30. Референтни точки, показани на фиг. 30 се наричат линейни, тъй като сегментите, събиращи се в тях, са линейни. Точката на линията няма водачи.
Ориз. 30. Пример за изграждане на полилиния с помощта на инструмента Pen
Гладка точка на закрепване
Ориз. 31. Пример за рисуване на гладка крива с помощта на инструмента Pen
За да зададете гладка опорна точка, изберете инструмента Pen, натиснете ляв бутонмишката и, без да я пускате, преместете леко мишката, в резултат на което ще се появи гладка опорна точка и водеща линия, излизаща от нея (фиг. 31). Като завъртите и удължите водещата линия, можете да промените кривината на следващия сегмент.
За да създадете отворен контур, щракнете двукратно върху последната точка. Отпускайки бутона на мишката, преместете курсора и поставете следващата опорна точка; Повтаряйки тази процедура, можете да получите гладка линия, както на фиг. 31.
За да затворите пътя, преместете курсора до началната опорна точка или до линията на пътя. След като курсорът се промени на писалка с кръг, щракнете с мишката, за да затворите контура.
Ако две независими отсечки се съединят в една точка, това е ъгъл. Например, ако свържете прави и извити сегменти, тогава в пресечната им точка ще се появи ъглова точка (фиг. 32).
Ориз. 32. В пресечната точка на прави и извити сегменти се образува ъглова точка
Опорните точки могат да се трансформират, преместват и изтриват.
За да преобразувате ъглова точка в гладка, изберете инструмента за подселекция. Кликнете върху ъгловата точка и, като задържите клавиша Alt, плъзнете точката - тя ще стане гладка и ще се появи водеща линия, която ви позволява да промените кривината на сегментите, свързващи се в тази гладка точка (фиг. 33).
Ориз. 33. Пример за преобразуване на ъглова точка в гладка
По подразбиране избраните точки на гладка крива се показват като кухи точки, а избраните ъглови точки се показват като кухи квадрати.
Използване на инструментите за писалка и подселекция за работа с опорни точки
По същия начин можете да създавате точки върху линии, начертани от други инструменти за рисуване на Flash: Молив, Четка, Линия, Овал, Правоъгълник и да коригирате тези линии.
По-специално, на фиг. Фигура 34 показва път, създаден с инструмента Oval чрез превръщане на една гладка точка в ъглова точка (с помощта на инструмента Pen) и плъзгане на ъгловата точка с инструмента Subselection.
Ориз. 34. Път, получен с инструмента Oval, като завъртите една гладка точка в ъгъл и я плъзнете
Инструмент за капкомер
Инструмент Dropper (пипета) се използва за копиране на цвета и стила на линиите с молив, режима на четка и запълванията. Когато преместите капкомера до линията, курсорът се променя - под капкомера се появява миниатюрна икона на молив. Когато щракнете върху линия с капкомера, всички параметри на линията (цвят, дебелина, стил) се копират и капкомера се заменя с инструмента за бутилка с мастило, който ви позволява да приложите всички тези настройки към друга линия.
По същия начин, когато курсорът е над запълване, икона на кофа се появява под капкомера, а когато курсорът е над мазка с четка, икона на четка се появява под капкомера. Тези икони показват кои атрибути копирате с инструмента Dropper.
Инструмент за кофа за боядисване
Вече споменахме инструмент за боядисванеКофа (Кофа за изливане) - подчертана е на фиг. 35, сега разгледайте неговите възможности по-подробно. Този инструмент се използва за запълване на затворени (и не напълно затворени) области с цветни, градиентни и растерни запълвания.
Ако сте работили с растерни изображения, попълнете Фотошоп, тогава вероятно сте запознати със ситуацията, когато пълнежът се „излива“ над ръба на не много спретнато очертани контури в онези места, където има „дупки“. Във Flash има няколко начина за персонализиране на инструмента за запълване, за да се избегне горният дефект.
Има четири настройки за този инструмент:
Don't Close Gaps не затваряйте празнини;
Close Small Gaps затваря малки пропуски;
Close Medium Gaps затворете средни празнини;
Close Large Gaps затворете големи празнини.
Изберете инструмента Молив и начертайте отворена пътека (фиг. 35). Изберете режим Close Large Gaps и запълнете контура. Както се вижда от фиг. 35, запълването остава вътре в пътя, въпреки че първоначалният път е бил отворен.
Ориз. 35. Пример за затваряне на цикъл в режим Close Large Gaps
А сега нека разгледаме градиентното запълване и операциите с него. В панела за запълване в раздела за запълване изберете опцията за запълване - Линеен градиент (Линеен градиент). След това начертайте правоъгълник, запълнете го с линейно запълване с линеен градиент и начертайте по-малък правоъгълник вътре в големия правоъгълник (Фигура 36). Както можете да видите на тази фигура, в малък правоъгълник преходът от бяло към синьо е реализиран на по-малък градиент. Ако приложите функцията Lock Fill и запълните двата правоъгълника, ще получите картина, както на фиг. 37. Тоест градиентът във вътрешния и външния правоъгълник ще бъде еднакъв.
Ориз. 36. Градиентно запълване в режим, когато параметърът Lock Fill не е активиран
Ориз. 37. Градиентно запълване в режим, когато е активирана опцията Lock Fill
За да промените посоката на градиента на запълване, трябва да щракнете върху бутона Трансформиране на запълване в панела с опции (той е натиснат на фиг. 38), след което върху запълването, в резултат на което ще се появят маркери (фиг. 38).
Ориз. 38. Пример за промяна на градиентно запълване
Горният кръгъл маркер се използва за завъртане на градиентното запълване, правоъгълният е за увеличаване (намаляване) на градиента на прехода от един цвят към друг, а централният кръгъл е за преместване на центъра на градиентното запълване.
Инструментът Paint Bucket също ви позволява да запълните затворен път с растерно изображение. Ще демонстрираме как се изпълнява тази процедура с помощта на прост пример. Използвайте инструмента Rectangle, за да начертаете изображение на монитора, в който ще бъде вмъкната растерната графика (фиг. 39).
Ориз. 39. Векторно изображение на монитора, в което ще се постави растерното изображение на снимката
След това импортирайте растерно изображение, което ще запълни екрана. Можете да импортирате растерно изображение, като изпълните командата Файл > Импортиранеи изберете желания файл. След това отидете на панела Fill (Fill) и променете метода на запълване на bitmap - Bitmap (фиг. 40).
Ориз. 40. Панел за запълване, раздел Попълване
По този начин, ако запълните затворен контур вътре в изчертания екран на монитора, тогава ще се извърши растерно запълване, както е показано на фиг. 41.
Ориз. 41. Пример за растерно запълване
За да редактирате запълване на растерно изображение, трябва да щракнете върху бутона Трансформиране на запълване в панела с опции (той е натиснат на Фиг. 42), а след това върху запълването на растерно изображение, в резултат на което ще се появи рамка с маркери (Фиг. 42 ).
С помощта на централния маркер растерното изображение може да бъде плъзгано, така че желаната част от снимката да се покаже на изчертания монитор (фиг. 43).
Ориз. 42. Рамка за промяна на запълване на растерно изображение
Ориз. 43. Като преместите централния маркер, можете да изрежете растерното изображение
Други маркери ви позволяват да мащабирате растерното изображение, да го завъртате и деформирате (фиг. 44).
Ориз. 44. Пример за деформация на запълване на растерно изображение
След като импортирате няколко снимки, можете да настроите палитра, от която можете да изберете растер за запълване (фиг. 45), точно както цветовата палитра.
Ориз. 45. Пример за палитра с няколко растерни изображения
Събиране и изваждане на фигури
Когато две форми се припокриват, Flash ги слива или сегментира. Начертайте две едноцветни форми - кръг и правоъгълник (фиг. 46), изберете правоъгълника (като щракнете върху него с инструмента стрелка), след което поставете правоъгълника върху кръга и премахнете отметката от него (като щракнете отново върху него с инструмента със стрелка).
Ориз. 46. Първоначални фигури
В резултат на това двете фигури ще се слеят в една. Като щракнете върху контура на получената фигура с инструмента Subselect, можете да се уверите, че вътрешният контур е изчезнал (фиг. 47).
Ориз. 47. Пример за комбиниране на две едноцветни форми
Сега направете същата процедура с форми от различни цветове. В този случай вътрешната граница няма да изчезне (фиг. 48).
Ориз. 48. При наслагване на форми от различни цветове, вътрешният контур не изчезва
Сега, ако изберете правоъгълник и го преместите с инструмента стрелка, тогава част ще бъде изрязана от кръга, както е показано на фиг. 49.
Ориз. 49. Част от кръга се изрязва с правоъгълник
Понякога, за да се получи сложен път, е полезно да се използва обединяването и изваждането на контурите на фигурите.
Adobe FlashПрофесионален - голям многофункционална програматрудни за научаване и прилагане.
Adobe, в своя неизменен навик, не се интересува много от опростяването на своите програми. Ако други програмисти в името на простотата отхвърлят всички междинни опции, тогава нищо не се губи в Adobe. Всички междинни опции за работа по програмата ще бъдат включени във финалната версия под формата на някакъв бутон, панел или ред в менюто. В резултат на това теглото на програмите (в Mb) нараства и програмата става прекалено сложна. Освен това много инструменти напълно или частично се дублират един друг.
Не беше изключение от това правило и Adobe Flash Professional. Програмата има три различни режима на рисуване, три различни режима на анимация и много други объркващи функции, които могат да изплашат потенциалните потребители от програмата.
Забележка: Авторите на Adobe Flash Professional донякъде са опростили най-новите версии на програмата - такива функции катосъздаване на класически motion tween , няма Motion Editor , използва се само един език за програмиране ActionScript 3.0 и т.н.
Настройки на програмата
Adobe Flash Professional е конфигуриран по подразбиране, но можете да промените тези настройки, ако е необходимо.
От менюто Редактиране изберете Предпочитания (Windows) или Flash > Предпочитания (Mac OS).
От различни настройки ВИЕ можете да изключите началния екран - Без документ.
В най-новите версии на програмата можете да изберете цвета на прозореца на програмата (раздел "Общи" - Потребителски интерфейс - Тъмен, светъл).
Можете да промените броя на възможните операции за отмяна ("Undo" - Undo) - по подразбиране 100.
Flash поддържа до 9999 отмени, но не е необходимо да избирате максимума, защото това ще забави програмата.
Цветове за осветяване - Можете да промените цветовете по подразбиране, използвани за показваните ограничаващи полета около чертожни обекти, групи или символи.
И други.
Създайте нов документ
Можете да създавате и отваряте документи, като използвате началния екран или менюто Файл.
Екранът „Добре дошли“ е стартова площадка за създаване и отваряне на файлове, включително вградени шаблони за Flash анимации, банери, анимации за мобилни телефони.
В колоната Създаване на нов на прозореца за добре дошли изберете ActionScript 3.0.
Или: От менюто Файл изберете Нов.
Ще се отвори прозорецът Нов документ.
В раздела Общи изберете типа Flash файл, който искате да създадете (ActionScript 2.0 или 3.0).
Езикът по подразбиране е ActionScript 2.0, но можете да изберете и ActionScript 3.0. Използването на ActionScript 3.0 ви позволява да използвате всички функции на програмата най-новите версии(CS5 и CS6). Например, ако искате да приложите 3D ротация към обекти, когато създавате анимация, тогава трябва да изберете ActionScript 3.0 (ActionScript 2.0 не поддържа тази функция).
ActionScript 3.0 също изисква посетителите да имат най-новата версия на Flash player.
Бележки:
В най-новите версии на програмата
1. ActionScript 2.0 не се поддържа.
2. Има възможност за създаване на анимация във формат HTML5.
В раздела Създайте от шаблонМожете да изберете шаблон, за да го отворите за редактиране.
Винаги можете да промените свойствата на вашия проект - от менюто Modify изберете Document или използвайте клавишната комбинация Ctrl+J (Windows) или Command+J (Mac OS).
В раздела Размери задайте ширината и височината на вашия филм в пиксели.
В секцията Мерни единици се задават мерните единици на линийката - сантиметри. mm, пиксели и т.н. Обикновено мерната единица за линийки е пиксел.
В секцията Цвят на фона се избира цветът на фона на анимацията.
В секцията Frame rate се задава скорост - кадри в секунда. Обикновено вземете скоростта по подразбиране - 24 кадъра в секунда.
Опция Auto-Save - настройка на честотата на автоматично запазване на вашата работа.
Опцията Printer принуждава вашето нов документсъответства на размера на хартията на вашия принтер.
Запазване на документ
Вашият нов документ трябва да бъде запазен, преди да започнете каквато и да е работа или да добавите съдържание.
По подразбиране документите се записват във формат Flash CS6 - .fla
1 От менюто File изберете Save.
2 Изберете папка, за да запишете проекта. дайте име на проекта.
Винаги включвайте разширението .fla в края на името на проекта.
Забележка: Можете да запазите проекта във формат Flash CS5 (тази опция не е налична в най-новите версии на програмата).
Документите, създадени във Flash CS6, няма да се отварят във Flash CS5 или по-стари версии.
Документи, създадени във Flash CS5 и по-стари версии, ще се отварят във Flash CS6.
Отваряне на документ
Изберете меню Файл (Файл) > Отвори (Отвори)
Command File > Open Recent - за отваряне на последните 10 файла.
Можете също да използвате началния екран за отваряне на документи.
Когато се инсталира на вашия Adobe компютър Flash Professional ще бъде инсталиран и файлов мениджър Adobe Bridge , който може да се използва при работа с файлове.
От менюто Файл изберете Преглед в Bridge или Отидете на програма Bridge (Преглед в Bridge).
Изберете файла във формат .fla в Adobe Bridge. Двойното щракване върху файл го отваря в Adobe Flash.
Персонализиране на интерфейса
Персонализирайте работното си пространство според нуждите -
Създаване на анимация
Шаблони
Adobe Flash включва много общи шаблони.
Шаблоните идват предварително зададени с размери и ActionScript версия.
Изберете менюто Файл > Нов и щракнете върху раздела Шаблони.
Помислете за включените флаш шаблони.
рисуване
Adobe Flash Professional има вграден графичен редактор за векторни изображения, които се използват за създаване на анимации.
В Adobe Flash има няколко режима на рисуване, които работят по различен начин - вижте Режими на рисуване
Вижте набора от инструменти за рисуване, които има Adobe Flash - вижте. Лента с инструменти .
Не е трудно да създадете такива прости обекти като правоъгълник (квадрат), елипса (кръг), линия.
За да създадете по-сложни обекти, ще трябва да се запознаете с цялата функционалност на програмата в областта за чертане - вижте Чертеж.
За да създадете ръчно рисувана анимация кадър по кадър, ще трябва да използвате графичен таблет за рисуване, защото. Без това е изключително трудно да се създаде висококачествена анимация.
Относно графичните таблети
Създаване на проста анимация
В Adobe Flash има два основни начина за създаване на анимация - анимация кадър по кадър и анимация на плавни промени (tweens). От своя страна, анимацията на tweens има няколко разновидности -.
При всеки метод за създаване на анимация трябва да изучите работата
Времева линия (Timeline). Ако разбирате работата на Timeline - смятайте, че половината работа по изучаването на програмата е свършена.
Особено внимание трябва да се обърне на работа със слоевеи на работа с персонала .
След като усвоите всичко по-горе, вие вече ще можете да създавате Flash-елементи (например банери, слайдове и т.н.), които да бъдат вмъкнати във вашите html-страници.
Можете да създадете всички елементи за вашата анимация в Adobe Flash Professional. Или можете да импортирате елементи, създадени в Adobe Illustrator, Adobe Photoshop, Adobe After Effects и др. програми.
Другата половина от успеха в овладяването на Adobe Flash Professional е изучаването на езика ActionScript 3.0. В този случай ще можете да използвате цялата функционалност на програмата, включително създаване на интерактивни Flash сайтове.
Като по-малка алтернатива използвайте кодовите фрагменти, които идват с програмата (меню Прозорец (Windows) - Кодови фрагменти).
Този преглед не включва уроци за ActionScript, но такива уроци са достъпни онлайн.
Управление на флаш анимация
Ако искате да създадете нещо по-сложно от обикновени анимирани банери или слайдове, ще ви трябва:
А. Научете се да създавате бутони
b. Научете се да използвате код на ActionScript.
Бутоните (графични или текстови) са необходими, за да може посетителят на вашия сайт да контролира анимацията - вижте Бутони.
Анимацията в Adobe Flash се създава с помощта на код на ActionScript. По-ранните версии на програмата използваха ActionScript 2.0, последните версии използват ActionScript 3.0. Тези версии имат сериозни разлики и са частично съвместими.
Не е нужно да пишете код ръчно, когато създавате флаш анимация, т.к. в Adobe Flash по-голямата част от работата се извършва във визуален режим. В някои случаи обаче трябва да поставите ActionScript код. В този случай можете да използвате кодовите фрагменти, които идват с програмата, или да напишете кода сами.
Кодът на ActionScript се използва, за да предостави на бутоните за навигация правилните действия - прескачане до определен кадър от анимация или до конкретна страница на сайт, за контролиране и синхронизиране на звук и изображение и много повече.
За кратко въведение в ActionScript вижте ActionScript.
създаване на флаш- сайт
Преглед
местен изглед
Можете бързо да визуализирате вашата анимация, като движите червената глава за възпроизвеждане напред и назад в лентата с рамки (вижте по-долу). Хронология).
За да видите как ще изглежда анимацията в мрежата (т.е. с всички вложени анимации), изберете меню Контрол (Контрол) > Тестово видео(Тест филм) > във Flash Professional (във Flash Professional).
В този случай създадената анимация се преглежда във вградения Flash Player (Flash Player).
За да тествате Flash за мобилни телефони, използвайте менюто Control (Контрол) > Тестово видео(Тест филм) > в Device Central .
Публикация
При публикуване редакторът създава HTML файлове, SWF файли други файлове, необходими за нормална операциясветкавица.
За настройки за публикуване изберете от менюто Файл Опции за публикуване(Настройки за публикуване).
За да публикувате, изберете Публикуване от менюто Файл.
Виж повече.
Напоследък все повече и повече писма идват през сайта с въпроси за това къде да започнете да изучавате флаш. Ще публикувам няколко, мисля, че ще бъде интересно за много начинаещи. Отговорите са само моето виждане и моят опит, което изобщо не означава, че ако го направите по различен начин, нищо няма да се получи. На който му пука, да прочете по-долу (правописът и граматиката на съобщенията са запазени). И ако не сте начинаещ, тогава определено ще ви бъде скучно и досадно да четете това :)
„здравей)) казвам се Нико, аз съм от Таджикистан и сега имам голямо желание да стана флаш аниматор, но просто не знам откъде да започна, намерих вашия сайт тук много полезни неща, но за мен, начинаещ, те все още са трудни. моля, посъветвайте ме откъде да започна да уча флаш анимация)) Ще бъда много благодарен . и как рисуваш, пишеш, ако купя бамбукова писалка wakom и се науча да рисувам върху нея ”
Нико, ти имаш най-важното - желание. Ако не се изпари след няколко седмици или месеци, тогава резултатът ще бъде. Откъде да започнем - с материалната част.
1. Купете/изтеглете флаш урок от мрежата. Вземете една от най-новите версии (Flash Cs4-Cs 6), забравете за уроците на Macromedia, FlashMX, това вече е миналия век в буквално. Въпреки че много не се е променило светкавично от онези времена.
Ако планирате да изучавате скрипт за действие (и за флашър, познаването на поне основите на as, мисля, е просто необходимо) - спрете на c As3. Тъй като 2 бавно се превръща в нещо от миналото, ние ще бъдем в крак с времето.
Тъй като изучавах Flash дълго време, не мога да препоръчам конкретни публикации, защото не съм запознат с тях.
Вероятно ще бъдете много изненадани, но всички книги за обучение на флаш съдържат една и съща информация :) Това важи особено за книгите за начинаещи.
Много ми харесаха книгите Как да мамите в Adobe Flash на английски от флаш аниматора Крис Джордженес (той пише уроци по флаш анимация за Adobe).
Това е поредица от книги, те са преиздадени за всяка нова версияфлъш. Ако знаете английски език е страхотна книга, радваща окото с чудесна графика.
Изтегли Как да мамите в Adobe Flash в Cs5заедно с диска е възможно.
Моето изучаване на флъш започна с урок. При изучаването на флаш на мен лично ми помогна не самият учебник, а видеокурсът, който дойде с учебника. И така, нека преминем към точка №2.
2. Видео уроци.
Мисля, че видео уроците са най-ефективни, защото аз самият изучавах флаш във видео курс.
3. Друго нещо при изучаването на флаш анимация е незаменимо без такава програма като Swf Decompiler. Това е прекъсвач за svf файлове, тоест готови анимации. Ето за какво говори тя. Позволява ви да гледате (не да плъзгате :) работата на професионалист, помага много при изучаването на флъш. Взимате вече готова работа и гледате времевата линия, как е направена и се опитвате да я повторите. Анимацията не винаги се показва правилно - маски, близнаци, но принципът може да бъде разбран и взет под внимание.
4. Много е ефективно да научите flash на конкретни примери. Поставете си за цел да направите анимация по измислен сценарий - например анимация на автомобил, който се движи по определена траектория. Когато има крайна цел, е по-лесно да се преподава.
5. Ако по време на проучването възникнат въпроси, те могат да бъдат оставени тук на или в общността в тема. Или във всеки друг форум, където живеят мигачи.
Най-големият флаш форум, за който знам е - flasher.ru. Така че, скъпи новодошли - използвайте предимствата на интернет и този ресурс в частност :)
6. И още един важен момент. За да направите добра анимация, добра идея е да се обърнете към уроци за класическа анимация (особено ако искате да научите как да анимирате герои, а не само текстови блокове за банери).
След като овладеете светкавицата като инструмент, вие ще станете не съвсем аниматор, а по-скоро „въртящ се“, който знае как да мести обекти.
Има много книги за класическа анимация - спрете „Време в анимацията“, можеш да вземеш .
Откъде да вземете Adobe Flash. Ако искате да намерите или вземете нещо, тогава по-добре гугълняма нищо. Той знае всичко :)
Възможно ли е да се научите да работите във флаш сами? Това е съвсем реално, почти всички добри флаш аниматори, които познавам, са се научили сами да флашват, без курсове и изпити. Търпение, усърдие - и всичко е във вашите ръце. Дори ще кажа това - не познавам мигачите, които са посещавали курсовете, всички са преподавали сами.
„Благодаря за блога, намерих много полезни неща за себе си.
Аз съм чист векторен художник и не ми беше трудно да рисувам във флаш. Проблемът започна, когато се стигна до анимацията.
Бихте ли направили урок за най-безмозъчните нуби с криви ръце)) Така че дори аз да разбера)) "
( тара )
Ще има урок по анимация за начинаещи. Нямам идея как да събера всичко в един урок, мисля, че ще бъде поредица от уроци. Бях сигурен, че в интернет има много уроци за начинаещи, но по някаква причина често ги искат. Така че следете за актуализации на сайта и вътре
Повече от седем години работя дистанционно с чуждестранни клиенти от САЩ, Канада, Австралия, Германия и други страни. Рисувам графични ресурси и анимация за игри в Adobe Animate CC. Редакторът се наричаше Adobe Flash Professional CC.
В един стар блог започнах подобен цикъл от уроци, но вместо да продължа там, реших да пренапиша всичко отново, за да споделя нови преживявания.
Защо се нуждаем от още един цикъл от уроци за рисуване в Adobe Flash? Занимавам се с това от много години и смятам, че опитът ми може да бъде полезен за начинаещи. Особено за тези, които никога не са рисували с графичен таблет. Ако рисувате добре на хартия, но никога не сте рисували на компютър, определено има какво да ви кажа.
А за тези, които не знаят как да рисуват на хартия, ще се опитам да обясня как можете да развиете това умение като цяло, без да се позовавате на графичен редактор: изграждане на перспектива и композиция, избор на цветове, засенчване и други теми.
Избор на графичен таблет
Няма значение дали можете да рисувате, ще ви трябват инструменти: устройства и програми. Да започнем с хардуера. Вече имате компютър, но все още трябва да свържете графичен таблет към него, което ще ни даде възможност да рисуваме върху виртуално платно, което съществува в RAM. С други думи, това е друго входно устройство, като мишка или тракбол. Но таблетът има предимства, които ви позволяват да рисувате като на хартия. Това са чувствителност към натиск и форма на писалка на манипулатора.
Има много производители на графични таблети: Wacom, Genius, Huion. Срещал съм само първите две. Общо вече съм пробвал четири таблета Wacom и един от Genius, когато започнах. Силно препоръчвам Wacom - това е високо качествоза умерена цена.
Ако нямате пари, не купувайте Genius, вземете най-достъпната малка използвана бамбукова писалка Wacom. Използвах почти същия модел Wacom Bamboo Pen&Touch S CTH-460. Нямаше критични проблеми за седем години употреба, добро устройство за начало. Ако можете да подчертаете повече пари, тогава вземете по-голям модел. Използвам Wacom Bamboo Fun Pen&Touch M CTH-670.
Какво означават цифрите и буквите в имената на моделите на Wacom
Ще обясня какво означават някои цифри и букви в името, за да ви улесня да се ориентирате в моделния парк на компанията.
Wacom Bamboo Fun Pen&Touch M CTH-6 70
- М— размера на работното пространство. Има S - Small (малък), M - Medium (среден), L - Large (голям);
- CTH- обозначава съставът. Има CTL и CTH - базови любителски модели с допълнителни бутони и тъчпад, PTH - професионални модели, DTH и DTK - професионални модели с вграден дисплей;
- 6 — размерът на работното пространство в инчове. Има 4 - Small (малък), 6 - Medium (среден), 8 - Large (голям), както и 13 и повече, но това важи само за таблети с вграден дисплей. Понякога в онлайн магазините и в рекламите не посочват азбучен индекс, тогава можете да използвате цифров, за да разберете размерите на устройството;
- 70 поколение и модел. Важно е да разберете, че колкото по-голям е този брой, толкова по-ново е устройството. За сравнение, старият ми таблет има индекс CTH-460, съвременният аналог е CTH-490. Поколенията се различават с 10: 460, 470 и т.н.
Размер на графичния таблет
Когато рисувате, активната площ на работното пространство е много малка. С други думи, стилусът постоянно се плъзга в радиус на малък кръг. Този кръг може леко да се движи. С течение на времето се образува петно, което се вижда като плътно натрупване на микродраскотини. Това показва, че практически не използвате периферията на устройството, всичко се случва в центъра.
Може да се предположи, че голям графичен таблет не е необходим, тъй като никога няма да използвате цялата му работна площ, а мястото за активност ще бъде със същия размер като при по-малък модел. Но не е.
Когато работите на таблет, неговата активна зона се проектира на цялата ширина на монитора. Следователно, колкото по-голям е таблетът, толкова по-точно можете да нанесете удари. Обратно, колкото по-голям е мониторът и колкото по-малък е таблетът, толкова по-трудно и неудобно ще ви бъде да рисувате. От опит мога да кажа, че след преминаване от размер S към M при работа на 29-инчов ултраширок монитор, започнах да работя с 25-30% по-удобно. Отнема ми по-малко усилия да начертая сложен път и като цяло взаимодействието се чувства по-меко и по-приятно.
По-големите графични таблети трябва да осигурят още по-удобни условия за работа, но не ми се е налагало да работя върху L-модели, мога само да предполагам.
Разлики между любителски и професионални таблети Wacom
Купувайки професионален модел получавате безжично устройство, изработен от висококачествена пластмаса с 2048 нива на чувствителност на натиск срещу 1024 за по-евтините модели, красив дизайн, допълнителни контроли под формата на бутони и сензорен пръстен. Напълно съм доволен от по-младите остарели модели от серията Bamboo, които са спрени. Разликата в цената между аматьорската и професионалната версия ще бъде повече от два пъти. Масата ще постави всичко на рафтовете:
Настройване на Wacom Bamboo Pen & Touch M CTH-670
Преди да свържете устройството, изтеглете драйверите от официалния уебсайт на Wacom.
| Списък на моделите | Линк към драйвери |
|---|---|
| Intuos CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 Един CTL-471/671/472/672 Intuos CTL-480/490/680/690 Intuos CTH-480/490/680/690 Intuos 5 PTK-450/650 PTH-450/650/850 Intuos 4 PTK-440/640/840/1240/540WL |
Windows macOS |
| Bamboo Pen&Touch CTH-460/470/471/660/661/670 Бамбукова писалка CTL-460/471 |
Windows macOS |
След като свържете таблета и инсталирате драйверите, стартирайте приложението Предпочитания на Wacom, който може да бъде намерен чрез Търсене в Windows(Win + S) или в контролния панел.
Основните настройки на таблетите на компанията не се различават, както аматьорските, така и професионалните модели са конфигурирани по подобен начин.
В раздела Таблетможете да персонализирате таблета за дясна и лява ръка, както и да зададете действия на клавишите. Първо ги инсталирайте хора с увреждания, с течение на времето ще бъде възможно да се задават клавишни комбинации. 
В следващия раздел Химилкаважни параметри са:
- Усещане за върха- чувствителност към натиск. Оставете в центъра. В процеса ще разберете какъв вид твърдост харесвате и ще коригирате според вкуса;
- проследяване— режим на проследяване на позицията на стилуса. Инсталирай Режим на писалка— работната зона на таблета се разтяга на цял екран. Режим Мишкаизползва се като заместител на мишката;
- Останалите настройки не са толкова важни. Бутони за писалкави позволява да зададете действие на бутоните на стилуса. Усещане за изтриване- чувствителност на ластика обратна странастилус. Не използвам тази функция, защото за мен е по-бързо да превключвам с бързи клавиши.
В същия раздел в секцията проследяванеНатисни бутона картографиране...за да зададете как работната зона на таблета да се проектира върху екрана на монитора. Ще се отвори прозорец Подробности за режим на писалка.
В глава Площ на екранаизбирам Монитор, ако имате няколко монитора и посочете основния. Ако има само един монитор, тогава напуснете Всички екрани
.В глава Мащабиранене забравяйте да поставите отметка в квадратчето Силови пропорциитака че клиентската зона да не се разтяга, когато се прожектира върху екрана. В този случай част от работната площ на таблета няма да се използва, но ще имаме нормални пропорции от 1 към 1. И ако нарисувате кръг, тогава той ще се покаже на екрана като кръг, а не удължена елипса.
Не забравяйте да поставите отметка в квадратчето до Използвайте Windows Inkза чувствителност към натиск за работа.
В следващия раздел Докоснете Опциипремахнете отметката от квадратчето отсреща Активиране на въвеждане чрез докосванеза да превключите таблета си в нормален режим.
В другите раздели всичко е деактивирано за мен, тъй като не използвам никакви жестове Сензорен режим, нито собственото падащо меню. Това завършва настройката на графичния таблет.
Animate CC или Flash Professional CC?
Adobe Animate CC е ребрандиране на Adobe Flash Professional CC с няколко нови функции, добавени към програмата. Дори със старото име, той придоби огромна популярност сред художници, аниматори и независими разработчици на игри. Векторните принципи на конструиране ви позволяват да създавате спрайтове за всяка резолюция. Всяка версия, до която можете да се докопате, е подходяща за рисуване. Инструментите за рисуване не са се променяли от много години, а само леко подобрени. Ще използвам Adobe Animate CC, но всичко написано ще важи и за по-стари Версии на Adobe FlashProfessional. Между другото, Adobe наскоро премина към модел на месечен абонамент, за да получи достъп до своите продукти вместо скъпо еднократно лицензиране. В момента цената за използване на Adobe Animate CC е $20 на месец.
Първо стартиране на Adobe Animate CC
След зареждане създайте нов файли изберете вида Скрипт за действие 3.0. В същия прозорец можете да зададете параметрите на сцената:
- ширинаИ Височина— ширината и височината на сцената в пиксели. Нека да го настроим на 1920 x 1024, каквато е резолюцията на модерен монитор или смартфон;
- Линейка единици- мерни единици, зададени пиксели;
- кадрова честота- броя на кадрите в секунда, оставете 24;
- Цвят на фона- цвят на фона, зададен на сив.
Тези настройки могат да се променят и след като документът е създаден. За да направите това, изберете инструмент Инструмент за избор (горещ клавиш V), отворете прозореца Имотии разширете секцията Имоти. Ако не можете да намерите този прозорец, използвайте менюто прозорец → Имотиили като натиснете Ctrl + F3.
Настройки на горещи клавиши
За да увеличите ефективността на работата, трябва да използвате максимално горещите клавиши. В ранните етапи е необходимо да свикнете и да научите нови клавишни комбинации, но осигурява солиден скок във вашата ефективност в дългосрочен план. Предефинирах повечето клавишни комбинации да бъдат от дясната страна на клавиатурата. Защо точно отдясно? Факт е, че съм левичар и съответно ми е по-удобно. Ако сте дясна ръка, тогава ще трябва да измислите своя собствена схема. Освен това използвам Rapoo E9050 и Apple Wireless Keyboard, които са тип клавиатура за лаптоп, така че ако използвате пълноразмерна, тогава отново работете усилено и измислете своя собствена схема - ще се изплати след малко много спестено време - и разгледайте моята схема като пример.
Вземете идеята: групирайте основните команди от удобната страна на клавиатурата, за да ги предоставите бърз достъпбез непрекъсната промяна на позицията на ръката. През повечето време трябва да лежи на едно място, само пръстите "ходят" в малък радиус, натискайки бутоните. Разбира се, ще има отбори, които искат смяна на позицията, но те са в огромното малцинство. Ето моята схема:
| Екип | Описание | стара комбинация | Нова комбинация |
|---|---|---|---|
| Избери всички | Изберете всички | Ctrl+A | Ctrl+A, O |
| Демаркирайте всички | Премахване на селекцията | Ctrl+Shift+A | Ctrl+Shift+A,P |
| Отмяна | Отмяна на действие | Ctrl + Z | Ctrl+Z, [, Z |
| повтори | Повторете действието | ctrl+y | Ctrl+Y, ] |
| мащабиране | Мащабиране | Shift+Z, Z | Shift+Z,\ |
| увеличавам | Увеличете изображението | Ctrl+=, Ctrl+Num= | Ctrl+=, Ctrl+Num=,= |
| отдалечавам | Отдалечавам | Ctrl+=, Ctrl+Num= | Ctrl + -, Ctrl + Num -, - |
| изправете | Изправете избраните криви | 9 | |
| Гладка | Гладки избрани криви | 0 | |
| Обръщане хоризонтално | Обърнете хоризонтално | Е | |
| обърнете вертикално | Обръщане вертикално | Shift+F | |
| Разрез | Изрязване в клипборда | Ctrl + X | Ctrl + X, X |
| Дублиран символ... | клонинг символ | ctrl+d | |
| Разменете символ... | Промяна на символа | Ctrl+] |
В повечето случаи новите комбинации не заместват старите, а ги допълват, въвеждат се няколко нови команди. Трябва да направите настройки през менюто редактиране → Комбинация от клавиши.... В полето за търсене въведете името на отбора, в колоната Пряк пътщракнете върху празно място срещу желаната команда и натиснете нова клавишна комбинация.
Не се опитвайте да разберете командите, дадени в таблицата, всички те ще бъдат обяснени в следващите уроци. В бъдеще, когато започнете да ги използвате активно, най-вероятно ще ги предефинирате няколко пъти, докато намерите най-удобния вариант.
Настройки на четката
четка(бърз клавиш B) - инструментът за четка, който се използва най-често при рисуване. Настройките са концентрирани в два прозореца:
Настройката на четката е завършена, нека нарисуваме нещо.
Рисуване с четка
Изберете подходящ цвят, като използвате прозореца за цвят (Ctrl + Shift + F9), изберете инструмента за четка (B) и започнете с един дълъг удар с малко усилие, за да очертаете бъдещата форма. След това оградете получения контур, за да изгладите всички неравности - четката е готова.
Обърнете внимание, че в горния пример са използвани само три удара. Искате да се стремите към средно дълги удари, така че ръката ви да не напуска таблета. Опитайте се да направите много малки щрихи неправилно, тъй като полученият контур няма да е гладък и с много допълнителни точки.
Adobe Animate CC работи на векторни принципи. Всички обекти са описани математически и могат да бъдат мащабирани без загуба на качество, за разлика от растерния подход. Това ни позволява да манипулираме векторни обекти, което никога няма да правим със същата лекота в растерен редактор. Можем да изглаждаме и опростяваме пътеки, да изправяме извити линии, да променяме пропорциите и да деформираме графики, без да губим качество. Всеки щрих се преобразува автоматично в математически криви, които можем да прецизираме и модифицираме.
За да проверите всичко по-горе, активирайте инструмента инструмент за подселекция(бърз клавиш A) и изберете четката, която току-що рисувахте. Сега можете да видите точките векторно очертаниеи дори да ги промените.
Заключение
Днес настроихме Adobe Animate CC и сме готови да започнем да рисуваме. Упражнявайте се малко преди да продължим. Научете как да рисувате прости геометрични фигури без изкривяване, опитайте различни цветове и настройки на четката (експериментирайте с опцията за изглаждане).
Подобно съдържание
Създаване на анимация– интересен и вълнуващ процес, особено ако е ясен и ефективен Уроци. Списъкът с днешните инструкции е точно такъв.
Прилагайки придобитите знания на практика, следвайки съветите на автора стъпка по стъпка, можете лесно да научите как да създавате различни степени на сложност в Adobe After Effects. Уроците са по-предназначени за напреднали потребители, които вече имат известни умения за анимация, ориентирани са в функционалности програмни инструменти. Разбира се, начинаещите също ще намерят много полезни и необичайни неща за себе си, те ще могат да научат още повече за невероятния потенциал Adobe Afterефекти!
Ако търсите прости и ясни уроци, тази сборка е за вас. Включва 33 урока, всеки от които включва създаване на анимации с различна сложност и тип. Ще създадете известни герои, различни обекти, като използвате програмни чипове и различни дизайнерски насоки. След завършване на курса ще имате голямо разнообразие от работа, която да добавите към портфолиото си, което е особено важно, ако искате да правите комерсиална анимация и това да стане ваша работа.
Освен това, въз основа на получените знания, ще можете да доразвиете своите умения, тъй като курсовете включват запознаване с основните инструменти на Adobe After Effects, както и затвърждаване на придобитите умения. Съгласете се, отлична "основа" за разкриване на вашите таланти и по-нататъшно саморазвитие.
Почти всеки урок започва с описания на работното пространство на програмата, както и как правилно да създадете нов проект и да го настроите. Авторът говори подробно за нюансите на настройките, инструментите, лайфхакове - информацията ще бъде оценена както от начинаещи, така и от по-опитни потребители.
Вижте също:
- Как да създадете рицарска анимация?
- Как да създадете анимация на куче?
- Разбираме домашните.
- Как да създадете анимация на риба?
- Как да създадете анимация на свещ?
- Как да анимирате самолет?
- Как да анимирате кола?
- Как да създадете анимация с НЛО?
Как да създадете анимация Рик и Морти?
Adobe After Effects е чудесен инструмент за всеки, който се интересува от движение и анимация. Неговите възможности са безкрайни и помагат за създаването на много креативни GIF файлове с всякаква сложност. Присъединявайки се към курса, още от първия урок ще научите как да работите в Adobe After Effects CC 2017.
В първия урок авторът ще покаже и ще ви разкаже как да създадете анимирани герои Рик и Морти въз основа на проста илюстрация от мрежата. Можете да намерите същия или да скицирате свой собствен. В първия урок ще научите също как да персонализирате работното си пространство, какви инструменти ще са ви необходими, за да започнете, как да създадете нов проект, да отваряте файлове, да ги импортирате от Photoshop и много други.
Как да създадете анимация с псевдо-3D ротация?
В урока се обръща много внимание на подготвителния етап. Въз основа на справката авторът създава своя собствена анимация с псевдоефект, която след това анализира стъпка по стъпка в урока. Ще разберете защо подготвителният етап е важен и как протича, как да превърнете скицата в пълноценен обект и много други.
Освен това в процеса ще използвате нови инструменти - линийки, пропорционална мрежа и лупа. С тяхна помощ ще научите как да определяте центъра на листа. Авторът също ще говори за това какво е стъпка на анимация, как да изчислите броя на кадрите в секунда, как да видите параметрите на друг файл в програмата.
Благодарение на урока ще научите за нов подход към анимацията, ще можете да създавате оригинални GIF файлове, включително такива за комерсиални проекти.
Създаване на анимация на реещ се робот.
Страхотен урок за начинаещи, който ще бъде полезен и за опитни потребители. Особеността на инструкцията е да създавате анимация напълно от нулата, което е особено вярно за хора, които виждат програмата Adobe After Effects за първи път, но искат да научат анимация. Както в предишните уроци, ние работим в Adobe After Effects CC 2017, анализирайки илюстрацията на слоеве, които след това ще анимираме.
От урока ще научите също какво представляват маски, контури, как да свързвате обекти, какво е прихващане, времева линия, как да увеличите композицията. В същото време авторът споделя различни трикове за професионалисти, обяснява предимствата на клавишните комбинации и прави свои собствени разработки, които ви позволяват да оптимизирате процеса на създаване на анимация.
Как да създадете анимация на торбичка чай?
Интересна анимация, която може да се използва в комерсиални проекти, например за видео в магазин за чай или кафене. Авторът ще се спре подробно на работните пространства, ще каже къде и какви инструменти се намират, как изглежда работният екран, как да регулирате теглото за себе си.
Подробно той се спира на прозореца „Проект“, как да го настроите, което означава всеки елемент. Ще научите как да създадете нов проект от нулата, да го персонализирате. В кои точки трябва да спрете, какви настройки са важни.
Какво е "Preset" и кой да изберете? Ние също така разглеждаме параметрите на продължителността и как да ги изчислим. Какво е 25 кадъра в секунда? Защо това е важно и каква е тайната на гладката анимация. За основа вземаме снимки от мрежата.
Как да създадете рицарска анимация?
Особеността на урока е в създаването на анимация изцяло от нулата. Ние затвърждаваме уменията и знанията, придобити в предишни уроци, както и ги подобряваме. Инструкцията е идеална за напреднали потребители на програмата, но също така ще представлява интерес за начинаещи, които искат да подчертаят нещо за себе си, да разширят теоретичната база, да отворят повече функции на програмата.
Авторът разкрива характеристиките на програмата, помага за оптимизиране на процеса с помощта на горещи клавиши, а също така разказва подробно защо си струва да използвате само английската версия на програмата и как се различава от тази, преведена на руски. След урока ще имате анимация на рицар със стрели, която можете да добавите към портфолиото си.
Как да създадете анимация на летящ лаптоп?
Този път създаваме необичайна анимация в оригинален стил. Като източник можете да използвате работа от мрежата или да създадете свои собствени скици и да ги нарисувате в illustrator. Импортирайте файла на илюстратора в програмата за по-нататъшна работа. Например изходен файлавторът ще покаже как правилно да импортирате файлове в програмата, коя опция да изберете - кадри или композиция.
Ще научите каква е разликата между тях и защо си струва да изберете опцията "Композиция" (необходимо е слоевете да бъдат разделени за по-лесно редактиране). Авторът ще разкрие и други трикове и ще покаже как да създадете анимация на "летящи" обекти. Чудесен вариант за търговски проект или като портфолио проект .
Как да създадете анимация със заек върху облак?
Рисуваме сладка анимация - заек върху облак. В допълнение към пълен инструкции стъпка по стъпкас анализ на параметрите, нюансите и характеристиките на програмата, вие също ще научите защо е по-добре да използвате английската версия на програмата. Освен това лекторът ще ви каже какви са разликите между английската и руската версия и защо професионалистите избират първия вариант.
Ще научите също на кои прозорци да обърнете внимание преди всичко, какво е Project и за какво служи. Авторът ще покаже и разкаже какво е подменю и какво включва. Нека поговорим подробно за композицията, създаването на нов проект, импортирането на файлове и функциите на процеса. Ще научите и къде да търсите наскоро отворени файлове. Урокът ще ви научи как да пестите време по време на работа, да оптимизирате процеса и други лайфхакове. Авторът също ще говори за скрити възможностипрограми.
Други теми: важността на основните познания, бързи клавиши, кодиране, групи от инструменти за навигация, движение, създаване на обекти или текстове, ретуширане. Ние активно създаваме различни геометрични обекти, както и консолидираме умения за навигационни инструменти (лупа, ръка и др.)
Как да създадете анимация на пингвин?
Обръщаме специално внимание на подготвителната работа, запознаваме се с лентата с инструменти още по-подробно (като продължение / допълнение към предишния урок). Начертаваме скица в програмата за бъдеща анимация. В процеса на обучение използваме както прости инструменти, така и по-сложни.
Консолидираме умения и изграждаме основна анимация, използвайки прости геометрични фигури. Ще научите също как да рисувате, да добавяте детайли, да създавате анимирани елементи с помощта на времевата линия. Ние се спираме по-подробно на времевата линия - какво представлява, как да се увеличи, коригира и т.н. Обсъждаме слоевете, техните свойства (можете да скриете, напуснете, блокирате), преименуване на слой.
Ще научите също как да блокирате обекти, каква форма имат обектите, как да променяте цветовете.
Как да създадете анимация за превключване на времето?
Основният фокус на урока е върху възможностите на бързите клавиши. Рисуваме в програмата по-сложни - многоъгълни - форми и елементи. Запознаваме се със сродни техники, използваме инструмента Mesh, запознаваме се с неговите функции. Авторът ще покаже къде да търсим този инструмент, да работим със запълване, да създаваме допълнителни елементи, които ще използваме в анимацията.
Работа с фон и ефекти. В резултат на това получавате доста проста, но ефективна анимация, изградена на базата на движението на много идентични елементи, които трябва да се появяват в рамката гладко и едновременно.
Въз основа на придобитите умения ще можете да създавате още по-сложна анимация на базата на подобни техники, което значително ще разшири вашите възможности.
Как да създадете анимация с герои от Gravity Falls?
Много готин урок, посветен на много популярните анимационни герои Гравити Фолс - Мейбъл и Дипър Пайнс. Особеността на урока е, че трябва да анимираме само отделни, малки елементи от картината. Като основа можете да вземете собствено изображение или да изберете източник от мрежата.
Ние създаваме предварително композиране. Използваме точки и ги настройваме, за да фиксираме определени елементи от картината и по този начин да направим част от картината неподвижна. Добавяне на анимация към времевата линия. Променете настройките, за да получите желания анимационен ефект.
Ние разглеждаме такива понятия като енергия и гладкост на движението, задаваме правилната честота на кадрите, за да направим картината гладка. Авторът ще обясни защо това е важно, както и каква честота на кадрите е използвана в съвременните игри, класическата анимация на Дисни и във филмите.
Как да създадете космическа анимация в Adobe After Effects?
Нивото на урока е малко по-трудно в сравнение с други и не по-малко интересно! Този път трябва да работите не само с анимация, но и да научите как да анимирате надписа. В урока ще създадете анимационен ефект като елемент на надпис въз основа на фон от мрежата.
Можете да изберете произволен "космически" фон със звезди, след което да създадете надпис върху него, който ние анимираме, и не цялата дума, а само някои букви, трябва да се задвижат. В резултат на това ще получите необичайна и много креативна работа, която можете да добавите към портфолиото си.
Как да създадете анимация на куче?
Ние превръщаме в анимация векторно изображение на куче, предварително намерено в мрежата. За изпълнение на урока можете да използвате свои собствени рисунки от . Авторът описва подробно основните инструменти и работни области на програмата, като се спира на всеки елемент. Благодарение на това ще научите за характеристиките на инструментариума.
Освен това от урока ще научите какво е Anchor Point или опорна точка (избрана рамка), за какво служи и как работи. Като основен инструмент през целия урок ще използваме писалката, за да придобием и затвърдим ново, важно умение.
Разбираме домашните.
Урокът ще бъде полезен за тези, които искат да оценят домашното на други участници в рамките на курса, да научат нещо ново, да се учат от грешки и примери за работа. Авторът на курса анализира работата по разделите на курса, като посочва неточности, недостатъци и грешки.
Гледайки видеоклипа, ще чуете много полезни съвети, трикове в дизайна, стилове, а също така ще научите как да оцените собствената си работа по отношение на качеството на изпълнение, креативността, от техническа гледна точка. Отлично умение за по-нататъшно развитие, което определено ще бъде полезно в бъдеще - по пътя към подобряване на уменията и получаване на нови знания.
Как да създадете анимация на детска саксия?
Анимиране на сладка и доста проста илюстрация. Можете да начертаете чертежа си предварително в Abode Illustrator или можете да скицирате в прозореца на Adobe After Effects. За основа вземаме всеки чертеж - наш или от мрежата, като избираме един или повече източници.
Благодарение на урока ще научим как да анимираме не само отделни детайли на картината, но и допълнителни елементи, например пориви на вятъра, които ще добавят необичайност и „свежест“ към анимацията. В бъдеще такъв чип може да се използва в голямо разнообразие от проекти.
Как да създадете анимация с морфинг?
Целта на урока е да запознае учениците с такъв ефект като морфинг, да покаже примери и да научи как да прилага такъв ефект в работата. Накратко, морфингът се нарича технология в анимацията или визуален ефекттрансформация на един обект в друг.
Необходимо е обектът да се трансформира гладко, да не „реже“ окото, да изглежда стилно и интересно. Подобен чип може по-късно да се използва в телевизионни или игрални филми, както и в телевизионни реклами. Преобразуването често се използва във филми за супергерои или научнофантастични филми. Авторът ще покаже как да създадете такава визуализация на базата на прости обекти.
Как да създадете анимация с фар?
Работа с чертеж, създаден в Adobe After Effects. Ние вземаме нашите собствени идеи или референции като основа. Можете също така да нарисувате картина в Illustrator и след това да я импортирате в нашата програма. Създаваме проект с няколко анимационни елемента.
Основният елемент е фар, който осветява брега с лампа, която се движи в кръг. Мигащите звезди действат като втори елемент на анимацията. Авторът също така ще обясни какво представляват ключовете и как да ги използвате, когато създавате анимация, за да получите точно ефекта, от който се нуждаете. Успоредно с това той дава различни съвети, говори за практиката, споделя чипове.
Как да създадете анимация на риба?
Урокът е посветен на две важни теми- използване на писалка и анимация на обект като риба. Обектът не е избран напразно: рибата се движи плавно, леко движейки тялото и перките. Това е, което трябва да се предаде в урока. Урокът също ще ни позволи да подобрим и консолидираме умението да използваме писалката благодарение на изображението на обекта точно в прозореца на Adobe After Effects.
Как да създадете анимация на тема ръгби?
Оригинална анимация с необичаен ъгъл на тема спорт - страхотен вариантза тези, които планират да проектират за игри или да създават графики за комерсиална употреба, специализирани в спортни събития. Урокът ще бъде оценен както от начинаещи, така и от опитни потребители, които искат да добавят "свежест" към работата си или да намерят нов подход.
Авторът показва как да създадете анимация от нулата, а също така говори за основните основи - инструменти. За анимация използваме готова илюстрация, можете да я създадете от нулата или да намерите препратки в Интернет, да я нарисувате в Illustrator. Освен това трябва да разделите илюстрацията на слоеве, за да можете да работите с всеки от тях поотделно.
Как да създадете анимация на котка готвач?
Сладка анимация по рисунка. Можете да използвате собствена илюстрация или препратки от мрежата. Можете също да създадете база в или After Effects. Урокът е посветен на поетапното създаване на анимацията на котката-готвач. Авторът също така анализира подробно времевата линия, като обяснява всяка функция и възможност. Например ще научите как да промените размера на линията, каква е прозрачността на слоя и други функции.
Освен това авторът ще се спре на основите и следователно слушателят ще има възможност да опресни знанията и да ги допълни. Освен на теория, всички придобити умения се затвърждават и на практика. След урока във вашето портфолио ще се появи анимирана котка, която ще се превърне в идеален герой за търговски проект (дизайн на уебсайт на ресторант или реклама на кафене).
Как да създадете анимация от анимационния филм "Отвъд оградата"?
Този път основата на нашата анимация ще бъдат героите от добре познатия анимационен сериал "От другата страна на оградата". Като основа използваме GIF от мрежата. Урокът е насочен към затвърждаване на уменията, придобити в предишни уроци, както и придобиване на нови теоретични знания. Особено внимание се обръща на времевата линия и използването на ключове. В допълнение, ние активно използваме такава концепция като скоростта на движение, коригираме я и я променяме, ако е необходимо.
Ще работим върху фоновата анимация, параметрите на позицията. Авторът също така ще ви каже как един опитен майстор се различава от начинаещ, анализира подробно анимацията, взета за основа. Ще научите също как да рисувате GIF елементи, как да ги конвертирате във форми, контури, какво е маска, как да я рисувате и защо е необходима. Как да коригираме грешките и недостатъците.
Как да създадем анимация с бургер и японски пръчици?
Разнообразете нашето портфолио с оригинална работа. Този път пуснахме в движение бургер и японски пръчици. Чертежът се създава веднага в прозореца на програмата. Това е доста просто и следователно подготовката няма да отнеме много време. След това да преминем към анимацията. Създаваме нов проект, конфигурираме го, като вземем предвид характеристиките на опциите. Променете фона по желание.
Активно използваме горещи клавиши, регулираме позицията, можем да променим честотата на кадрите. Авторът говори по-подробно за такова понятие като форми. Какво е това, как да ги създадете и използвате. Преглед на инструменти за избор, ключове, внимателно проучване на движението на обекти. Освен това ще научите защо е по-добре да използвате програма на английски език.
Как да създадете уплашена анимация?
Днес създаваме забавна анимация с уплашена ролка. Необичайна работа с уау ефект, която ще се хареса както на професионалиста, така и на начинаещия, особено ако работите върху портфолио и искате да добавите нещо много оригинално. Анимацията се основава на циклично движение, тоест повторение на поредица от комбинации от движения. Работим с готови чертежи в Abode Illustrator.
Можете също да рисувате герои директно в After Effects. Импортирайте файла, обърнете внимание на настройките. Създаваме и нов документ, като вземаме предвид настройките. Ние активно използваме времевата линия, а също така работим със слоеве, изучаваме подменюта и опции за слоеве. Ще научите какво представляват пътищата, върховете, как да работите със запълвания и много други.
Как да създадете анимация на свещ?
Динамична и забавна анимация на две свещи, едната от които гори, а другата я гаси. Особеността е не само в динамиката, но и в промяната на фона в процеса на движение. Авторът започва с основните параметри и работния прозорец на програмата, след което преминава към създаването на анимация.
Той говори за предварителни настройки, композиция и други основни настройки. От урока ще научите за много практически съветии лайфхакове, както и да създадете красив и ярък GIF за вашето портфолио.
Как да създадете псевдо 3D midi анимация на клавиатурата в After Effects?
Темата на урока беше една интересна компютърна технология, която се нарича псевдо-триизмерност. Псевдо 3D е графика, която се опитва да имитира 3D игрово пространство, но не е така. Подобен ефект често се използва в компютърните игри. Един пример за този подход е добре познатата игра Doom.
Това ще учим! Авторът ще разкаже и покаже как да създадете анимация на клавиатурата с помощта на псевдо-3D. Урокът ще бъде от особен интерес за тези, които планират да вържат своите по-нататъшна работас игрална технология или компютърни игри. В бъдеще ще можете да създавате по-сложни анимации с помощта на тази функция.
Как да създадете анимация на астронавт?
Създайте GIF с влизащ астронавт в скафандър отворено пространствона фона на планетата. Работим с фона и малките детайли, създавайки гладка картина с няколко движещи се елемента. Продължаваме да работим с графика, като консолидираме уменията.
Също така започваме да разглеждаме слоевете и настройките по-подробно. Авторът показва и разказва подробно как се работи с програмата, какво трябва да се направи, за да получите този или аз ефект. Паралелно отговаря и на въпросите на участниците в уебинара.
Как да създадете анимация на саксофонист?
Темата на урока е създаване на анимация в стил колаж със звук. Първо трябва да подготвим материалите, от които ще създадем колаж. Също така трябва да изберете снимка като основа за илюстрацията. Също така е необходимо да се намери видео с изпълнение на саксофонисти, за да се повторят техните движения, за да се направи анимацията по-естествена.
Ние рисуваме в Abode After Effects, създавайки много слоеве. Благодарение на това ще ни бъде по-лесно да анимираме колажа. Можете също да използвате Photoshop файлове. Всичко това и много повече е ясно показано от автора на курса. Паралелно отговаря и на въпросите на участниците в курса.
Как да създадете анимация с мишка и хладилник?
„Как една мишка се обеси в хладилник“ - създаваме сложна анимация с характерна висяща мишка и падащ хладилник на базата на векторна графика. Работим с пространство, рисуваме допълнителни елементи (хладилник, под, стени). Можете да добавите повече подробности или да го оставите както в примера.
След това пристъпваме към детайлите, като в същото време си спомняме горещите клавиши и основните инструменти. Ще научите също как да създавате композиции, да ги персонализирате, да работите със слоя и неговите настройки. По отношение на сложността, урокът е по-подходящ за напреднали потребители или тези, които вземат този курс от първия урок.
Как да създадете анимация с медузи?
Като идея за урока използваме gif - кадър от филма, в който се превръщаме векторни графики. Най-трудният елемент е медузата, работим и върху други елементи: част от стаята и герои. Основните функции, функции и инструменти на програмата са подчертани накратко, както в предишните уроци. Особеността на урока е да покаже движението на медузи по определена траектория.
Авторът ще покаже и ще ви каже как да приложите тази идея, така че движенията да са възможно най-естествени и гладки. Ще видите също кои точно клавиши използва авторът на уебинара, така че да можете да затвърдите уменията си за бързи клавиши.
Как да анимирате самолет?
Започваме с преглед на основните неща - работим върху основните инструменти, създаваме нов проект (нов документ), работещи прозорци. Ние рисуваме основата от нулата в програмата. Можете също да използвате Illustrator и след това да го импортирате в After Effects. Настройте нов документ и започнете да рисувате, след което анимирайте изображението.
Обръщаме специално внимание на плавността на движението на gif, настройваме параметрите на Rate, за да постигнем желания ефект. Днес работим с 14 кадъра в секунда, по аналогия с филмите. Разглеждаме резултата, коригираме недостатъците, правим корекции в проекта. Работим и с траекторията на полета, с обекти, които излизат извън листа. Използваме химикал и други инструменти.
Как да анимирате кола?
Като основа за анимация избираме сложен елемент - кола. Ние използваме обемно изображениес тонове и полутонове, които след това ще задвижим. Можете да създадете рисунка в Illustrator или директно в прозореца на After Effects. За основа вземаме всяка скица или снимка от мрежата. Също така в процеса ще ни трябват някои текстури, например стъкло и модел.
Ние формираме голяма картина. В процеса на работа ние „свързваме“ елементите един към друг, а също така работим с опорни точки, настройваме ги и проверяваме, регулирайки броя на кадрите в секунда. Ние изпълняваме почти всички команди с горещи клавиши, за да ги запомним и да ускорим работния процес.
Как да създадете анимация с изометрия?
Изометрията е оригинална техника, въз основа на която можете да създавате не само илюстрации, но и анимация. Последното ще направите, след като сте се научили да създавате елементи от банковия сектор (пластмасова карта и монети) с помощта на тази техника.
Такава анимация може да се използва в търговски проекти, например за проектиране на уебсайт на банка, всяка финансова институция. Така че защо не разнообразите портфолиото си с такъв пример! Изометричният изглед е чудесен начин да покажете уменията си и да работите върху уменията си.
Как да създадете анимация на безсрамна котка?
В същото време авторът отговаря на въпросите на слушателите на уебинара, например защо е необходима английската версия на програмата за работа, както и колко подходяща е самата анимация, включително като професионална работа.
Как да създадете анимация с НЛО?
Последният урок от курса, благодарение на който ще създадете летяща чиния с лъч. Започваме с преглед на работния екран и основните функции на програмата, след което преминаваме към създаване на GIF файлове. Консолидираме всички умения и знания, придобити в предишни уроци, а именно работим със слоеве и техните възможности, редактираме фона, настройваме анимация и регулираме скоростта на движение с помощта на времевата линия.
Ние също така настройваме композицията, рисуваме в програмата с химикал и други инструменти, задаваме различни ефекти в анимацията. След целия курс на Abode After Effects ще имате 30+ пълноценни примера за работа във вашето портфолио, НЛО анимация е един от тях.
Зареждане...