В този урок ще научите да използвате Fireworks CS6, за да създадете анимиран GIF на пуйка с опашка от пера, които променят цвета си. За да започнете, ще трябва да създадете илюстрация и да я дублирате. След това ще направите промени в една илюстрация, ще ги превърнете в символи, ще създадете второ състояние и ще визуализирате анимацията. И накрая, ще промените продължителността на двете държави, запазете файла като анимиран GIF и го прегледайте в браузъра си.
Турция Анимиран GIF в фойерверки
Въпреки че Fireworks CS6 се използва в този настойнически, трябва да можете да следвате последната версия на фойерверки или дори Photoshop.
Важно е да се отбележи, че Adobe вече не предлага Fireworks CC като част от Creative Cloud. Ако търсите фойерверки, можете да я намерите в секцията "Намиране на допълнителни приложения" в "Криейтив облак". Когато Adobe обяви, че вече няма да поддържа или актуализира приложения, можете да приемете, че е въпрос само на времето преди приложението да изчезне.
02 от 20Създайте нов документ
Първо, ще създадете нов документ, като изберете Файл> Нов. Направете ширина и височина 400 x 400 пиксела и разделителна способност 72 пиксела на инч. Изберете бяло за цвета на платното и кликнете върху OK.
След това изберете Файл> Запазване, името на файла Турция с разширение png, изберете къде искате да го запазите и кликнете върху Запазване.
03 от 20Начертайте кръг
В панела Инструменти кликнете върху цветовото поле Stroke и изберете черно, а след това в полето Color fill и изберете кафяв мостра или въведете полето за стойност на Hex число # 8C4600.
В панела "Свойства" направете ширина на хода 2 пиксела. След това изберете инструмента "Елипса" в панела "Инструменти", който можете да намерите, като кликнете върху малката стрелка до инструмента за правоъгълник или други инструменти с видима форма. Докато задържате клавиша за смяна, кликнете и плъзнете, за да създадете голям кръг. (С помощта на превключването се гарантира, че кръгът ще бъде напълно кръгъл.)
04 от 20Начертайте друг кръг
Отново задръжте клавиша за смяна, докато изчертавате друг кръг, с намерението този кръг да бъде по-малък от последния.
С инструмента "Пойнт" кликнете и издърпайте малкия кръг на мястото си. Искате да се припокрие горната част на големия кръг, както е показано.
05 от 20Изчертайте закръгления правоъгълник
С инструмента Rounded Rectangle изчертайте правоъгълник. С инструмента на показалеца го преместете на място. Искате да бъде центрирано и леко да се припокрива с дъното на малкия кръг.
06 от 20Комбинирайте пътеките
Задръжте клавиша за смяна, докато щраквате върху малкия кръг, след това върху заобления правоъгълник. Това ще избере и двете форми. След това изберете Модифициране, комбиниране на пътища> Съюз.
07 от 20Промяна на цвета
В панела "Инструменти" кликнете върху полето "Попълване" и изберете сметана за крем или въведете # FFCC99 в полето "Хекс", след което натиснете за връщане.
08 от 20Направи очите
Можете да рисувате две малки кръгове, за да направите очите, но вместо това използвайте инструмента Тип за това. Кликнете върху инструмента Тип в панела Инструменти, след това върху платното. В инспектора за свойства изберете Arial Regular за шрифта, направете размер 72 и променете цвета на черно. Задръжте клавиша Alt или Опции, докато натискате клавиша, задържащ номер 8, който ще направи куршум. След това натиснете интервала, преди да направите друг куршум.
09 от 20Направете ключа
В панела Инструменти кликнете върху инструмента за форма на полигон. В панела "Свойства" изберете оранжев мостра за запълване или въведете # FF9933 в полето Хекс. Също така в панела "Свойства" направете хода черен с ширина 1.
След това изберете Window> Auto Shape Properties, Кликнете върху формата на полигона и посочете, че искате точките и страните да бъдат 3, а радиусът - 180 градуса. За да направите триъгълника по-малък, въведете 20 в полето "Стойност на външния радиус". Номерът за това зависи от това колко е голям триъгълникът. След това натиснете назад.
С инструмента "Показалец" кликнете върху триъгълника и го плъзнете до мястото, където смятате, че трябва да седне за клюна.
10 от 20Направете скъпоценния камък
Червеното нещо, което виси от клюна на пуйка, се нарича "Слава". За да направите такъв, ще използвате инструмента Pen.
След като изберете инструмента Pen (Писалка) в панела Tools (Инструменти), кликнете върху полето Fill (Попълване) и изберете червен мостра или въведете # FF0000 в полето Hex value (Стойност на хекса), след това натиснете Return.
С инструмента "Писалка" кликнете, за да създадете точки, които образуват път и понякога кликнете и плъзнете, за да създадете закръглена пътека. Когато последната точка се свърже с първата, ще имате форма, която прилича на пуйка на пуйка.
11 от 20Направете краката
Можете да зададете цвета за попълване на същия оранжев като човката, като кликнете върху кутията за попълване, след това върху клюна. С избрания инструмент "Писалка" направете черен цвят и задайте ширината на хода на 2 в панела "Свойства".
След това използвайте инструмента "Писалка", за да създадете точки, които образуват форма, която прилича на крака на пуйка. При избраната форма изберете Редактиране> Дублиране, След това изберете Промяна> Преобразуване> Обръщане хоризонтално. С инструмента "Пойнт" поставете краката там, където изглеждат най-добре.
12 от 20Намаляване на размера
Избирам Изберете> Избери всички.След това кликнете върху инструмента Мащаб в панела Инструменти. Ще се появи ограничителна кутия с дръжки, които могат да се придвижват навътре или навън. Кликнете върху ъглова дръжка и я преместете навътре, като направите всичко по-малко, след това натиснете назад.
При всички избрани форми, използвайте инструмента "Пойнт", за да преместите пуешката на място. Искаш да е в центъра на платното.
13 от 20Направете перата на опашката
С помощта на инструмента "Елипса" кликнете и плъзнете, за да оформите дълъг овал. След това изберете Редактиране> Дублиране, Ще повтаряте овала отново и отново, докато нямате общо пет овала.
14 от 20Променете цвета
С една от избраните овали, кликнете върху полето за попълване и изберете различен цвят. Направете това с още три овала, като изберете различен цвят за всеки.
15 от 20Преместване на овали
С инструмента "Пойнт" кликнете и плъзнете върху петте овала, за да ги изберете всички. След това изберете Промяна> Подреждане> Изпращане към обратно, Това ще накара перата да паднат зад пуешката, когато ги придвижите на място.
Кликнете настрани от овалите, за да ги премахнете, след това кликнете върху един овал наведнъж и ги плъзнете поотделно до мястото, където ще седят един до друг и частично зад пуйка.
Използването на Smart Guides може да помогне за равномерното позициониране на овалите, които са една срещу друга. Ако не виждате интелигентните водачи на работното място, изберете Преглед> Интелигентни ръководства> Показване на интелигентните ръководства.
16 от 20Завъртете овалите
Ще искате да завъртите овалите и да ги позиционирате отново. За да направите това, изберете и изберете Modify> Transform> Free Transform, След това кликнете и плъзнете курсора точно извън ограждащата кутия, за да завъртите леко овалния. С инструмента "Пойнт" поставете овала на мястото, където смятате, че изглежда най-добре.
Завъртайте останалите овали по същия начин и ги поставете на място; разпределяйки ги равномерно.
17 от 20Запазване и запазване като
Ако погледнете вашето изображение, ще видите, че пуйка е твърде ниско на платното, така че изберете Изберете> Избери всички, след което използвайте инструмента "Пойнт", за да поставите пуйка в центъра на платното. Когато сте доволни от това как изглежда, изберете Файл> Запазване.
След това кликнете върху опашката перо, за да го изберете, а след това в полето за попълване и изберете различен цвят. Направете това за всяко опашно перо и след това изберете Файл> Запазване като, Преименувайте файла, turkey2 с разширение png и кликнете върху Запазване.
18 от 20Конвертиране в символ
Избирам Файл> Отваряне, отворете файла turkey.png и кликнете върху Отваряне. Кликнете върху раздела turkey.png в горната част и изберете Изберете> Избери всички, След това ще изберете Промяна> Конвертиране> Конвертиране в символ, Наименувайте символа 1, изберете Graphic for the Type (Графичен за типа), след това кликнете върху OK.
Кликнете върху раздела turkey2.png и направете същото, само вие ще наименувате този символ 2.
19 от 20Създайте нова държава
Кликнете отново върху раздела turkey.png. Ако държавата ви панел не е видим, можете да изберете Прозорец> Държави, В долната част на щатския панел кликнете върху бутона "Нова дублираща се държава".
Когато кликнете върху първото състояние, за да го изберете, ще видите, че съдържа символ. Когато кликнете върху второто състояние, ще видите, че е празно. За да добавите символ към това празно състояние, изберете Файл> Импортиране> навигиране към файла turkey2.png, кликнете върху Отваряне, след това върху Отваряне отново. След това кликнете върху горния десен ъгъл на платното, за да поставите файла в правилната му позиция. Сега, когато кликнете между първото и второто състояние, ще видите, че и двете изображения се задържат. Можете също така да натиснете бутона Play / Stop в долната част на прозореца, за да визуализирате анимацията.
Ако не ви харесва скоростта на анимацията, можете да щракнете двукратно върху цифрите отдясно на всяка държава, за да направите корекции. Колкото по-голямо е числото, толкова по-дълго е продължителността.
20 от 20Запиши анимиран GIF
Накрая, изберете Файл> Запазване като, преименувайте файла, изберете Animated GIF (* .gif), след което кликнете върху Запазване.
За да отворите и възпроизведете Animation GIF в браузъра си, стартирайте браузъра си и изберете Файл> Отваряне или Отваряне на файл. Придвижете се до запазения ви анимиран GIF файл, изберете го, щракнете върху Отвори и се насладете на плодовете на труда си!
Актуализирано от Том Грийн
