Създайте анимиран GIF в фойерверки

01 от 20

Турция Анимиран GIF в фойерверки

Текст и изображения © Sandra Trainor

В този урок ще използвам Fireworks CS6, за да създам анимиран GIF на пуйка с опашка от пера, които променят цвета си. Ще започна да създавам илюстрация и да я дублирам. Ще направя промени в едно, ще ги превърна в символи, ще създам втора държава и ще прегледам анимацията. След това ще променя продължителността на двете държави, ще запазя файла като анимиран GIF и ще го прегледам в моя браузър.

Въпреки че Fireworks CS6 се използва в този настойнически, трябва да можете да следвате последната версия на фойерверки или дори Photoshop.

Редактори Забележка:

Adobe вече не предлага Fireworks CC като част от Creative Cloud. Ако търсите фойерверки, можете да я намерите в секцията "Намиране на допълнителни приложения" в "Криейтив облак". Когато Adobe обяви, че вече няма да поддържа или актуализира приложения, можете да приемете, че е въпрос само на времето преди приложението да изчезне. Типичен пример за това е неотдавнашното съобщение относно директора, Shockwave и Contribute.

Актуализирано от Том Грийн

02 от 20

Създайте нов документ

Текст и изображения © Sandra Trainor

Ще създам нов документ, като изберете File> New. Аз ще направя ширината и височината 400 х 400 пиксела, а резолюцията 72 пиксела на инч. Ще избера бяло за цвета на платно и щракнете върху OK.

След това ще избера файла> Запазване, името на файла Турция с разширение png , изберете къде искам да го запазя и щракнете върху Запазване.

03 от 20

Начертайте кръг

Текст и изображения © Sandra Trainor

В панела Инструменти щракнете върху цветовото поле Stroke и изберете черно, а след това в полето Color fill и изберете кафяв мостра или въведете полето за стойност на Hex номера # 8C4600.

В панела "Свойства" ще направя ширината на хода 2 пиксела. След това ще избера инструмента за елипса в панела Инструменти, който може да бъде намерен, като кликнете върху малката стрелка до инструмента за правоъгълник или друг инструмент за видима форма. Докато задържате клавиша за смяна, ще кликна и плъзнете, за да създадете голям кръг. Използването на смяната гарантира, че кръгът ще бъде напълно кръгъл.

04 от 20

Начертайте друг кръг

Текст и изображения © Sandra Trainor

Отново ще задържа клавиша за смяна, докато рисувам друг кръг, но искам този кръг да бъде по-малък от последния.

С инструмента "Пойнт" щракнете и преместете малкия кръг на мястото си. Искам да се припокрие горната част на големия кръг, както е показано.

05 от 20

Изчертайте закръгления правоъгълник

Текст и изображения © Sandra Trainor

С инструмента Rounded Rectangle ще начертая правоъгълник. С инструмента "Пойнт" ще го преместя на мястото си. Искам да бъде центрирано и леко да се припокрива с дъното на малкия кръг.

06 от 20

Комбинирайте пътеките

Текст и изображения © Sandra Trainor

Ще задържа клавиша за смяна, докато щракам върху малкия кръг, след това върху заобления правоъгълник. Това ще избере и двете форми. След това ще избера "Модифициране", "Комбиниране на пътя"> "Съюз".

07 от 20

Промяна на цвета

Текст и изображения © Sandra Trainor

В панела "Инструменти" щракнете върху полето "Попълване" и изберете сметана за крем, или въведете # FFCC99 в полето Hex стойност, след което натиснете Return.

08 от 20

Направи очите

Текст и изображения © Sandra Trainor

Мога да нарисувам две малки кръгове, за да направя очите, но вместо това ще използвам инструмента Тип за това. Ще кликна върху инструмента Тип в панела Инструменти, след това върху платното. В инспектора за свойства ще избера Arial Regular за шрифта, ще направя размера 72 и ще променя цвета до черно. Ще задържа клавиша Alt или Опции, докато натискам клавиша, задържащ номер 8, което ще направи куршум. Ще натисна интервал, преди да направи друг куршум.

09 от 20

Направете ключа

Текст и изображения © Sandra Trainor

В панела Инструменти щракнете върху инструмента за форма на полигон. В панела "Свойства" ще избера оранжев мостра за попълване или въведете # FF9933 в полето "Стойност на хекса". Също така в панела "Свойства" ще направя инсулт черен с ширина 1.

След това ще избера Window> Auto Shape Properties. Ще кликна върху формата на полигона, ще покажа, че искам точките и страните да бъдат 3, а радиусът - 180 градуса. За да направя триъгълника по-малък, ще напиша 20 в полето "Стойност на външния радиус". Номерът зависи от големината на триъгълника. След това ще натисна връщане.

С инструмента "Показалец" щракнете върху триъгълника и го плъзнете там, където мисля, че трябва да седне за клюна.

10 от 20

Направете скъпоценния камък

Текст и изображения © Sandra Trainor

Червеното нещо, което виси от клюна на пуйка, се нарича "Слава". За да направите такъв, ще използвам инструмента Pen.

След като изберете инструмента "Писалка" в панела "Инструменти", ще кликнете върху полето "Попълване" и ще изберете червен мостра или ще въведете # FF0000 в полето "Хекс", след което натиснете връщане.

С инструмента "Писалка" щях да кликне, за да създам точки, които образуват път, а понякога и кликване и плъзгане, за да създадете закръглена пътека. Когато последната точка се свърже с първата, ще се оформя форма, която прилича на пуйка.

11 от 20

Направете краката

Текст и изображения © Sandra Trainor

Мога да задам цвета за попълване на същия оранжев като човката, като кликнем върху полето за попълване, след това върху човката. С избрания инструмент "Писалка" ще направя черен цвят и ще задам ширината на хода на 2 в панела "Свойства".

След това ще използвам инструмента Pen, за да създам точки, които образуват форма, която прилича на крака на Турция. При избраната форма ще избера Редактиране> Дублиране. След това ще избера промяна> трансформиране> обръщане хоризонтално. С инструмента "Пойнт" ще позиционирам краката там, където изглеждат най-добре.

12 от 20

Намаляване на размера

Текст и изображения © Sandra Trainor

Ще избера Избор> Избор на всички. След това ще кликна върху инструмента за мащабиране в панела Инструменти. Ще се появи ограничителна кутия с дръжки, които могат да се придвижват навътре или навън. Ще кликна върху ъгъла на дръжката и ще я придвижим навътре, ще направим всичко по-малко, после ще натисна назад.

При все, че всичките ми фигури са избрани, ще използвам инструмента "Пойнт", за да преместите пуйка на място. Искам да е на ниско ниво върху платното.

13 от 20

Направете перата на опашката

Текст и изображения © Sandra Trainor

С инструмента "Елипса" ще щракна и ще плъзнете, за да образувите дълъг овал. След това ще избера Редактиране> Дублиране. Аз ще дублирам овала отново и отново, докато нямам общо пет овала.

14 от 20

Променете цвета

Текст и изображения © Sandra Trainor

При избор на една от овалите щракнете върху полето за попълване и изберете различен цвят. Ще направя това с още три овала, като избера различен цвят за всеки.

15 от 20

Преместване на овали

Текст и изображения © Sandra Trainor

С инструмента "Пойнт" щракнете и преместете петте овала, за да ги изберете всички. След това ще избера промяна> подреждане> изпращане към обратно. Това ще накара перата да паднат зад пуешкото месо, когато ги преместя на място.

Аз ще кликна на разстояние от овалите, за да ги отмажа, след това щракнете върху един овал наведнъж и ги плъзнете отделно, където ще седят един до друг и частично зад пуйка.

Използването на Smart Guides може да помогне за равномерното позициониране на овалите, които са една срещу друга. Ако не виждате интелигентните водачи на работното място, изберете View> Smart Guides> Show Smart Guides.

16 от 20

Завъртете овалите

Текст и изображения © Sandra Trainor

Искам да завъртя овалите и да ги позиционирам. За да направите това, ще избера една и ще изберете, Modify> Transform> Free Transform. След това ще кликна и плъзнете курсора ми точно извън ограждащата кутия, за да завъртите леко овалния. С инструмента "Пойнт" ще овали овала, където мисля, че изглежда най-добре.

Аз ще завъртя останалите овали по същия начин и ще ги наглася на място; разпределяйки ги равномерно.

17 от 20

Запазване и запазване като

Текст и изображения © Sandra Trainor

гледайки моя имидж, виждам, че пуйка е твърде ниско на платното, така че ще избера Избери> Избери всичко, след което използвай инструмента "Показалец", за да поставиш пуйка в центъра на платното. Когато съм доволен от това как изглежда, ще избера File> Save.

След това ще кликна върху перо на опашката, за да го избера, след това в полето за попълване и да избера различен цвят. Ще направя това за всяко перо на опашката, след което изберете File> Save As. Ще преименувам файла, turkey2 с разширение png и щракнете върху Запазване.

18 от 20

Конвертиране в символ

Текст и изображения © Sandra Trainor

Аз ще изберете File> Open, отидете до моя turkey.png файл и щракнете върху Open. Ще кликнете върху раздела turkey.png отгоре и изберете Избери> Избор на всички. След това ще избера промяна> конвертиране> конвертиране в символ. Аз ще го наименувам символ 1, изберете Graphic for the Type, след което щракнете върху OK.

Ще щракна върху раздела turkey2.png и ще направя същото, само ще назовем този символ 2.

19 от 20

Създайте нова държава

Текст и изображения © Sandra Trainor

Ще натисна отново на раздела turkey.png. Ако моят щатски панел не е видим, мога да избера Window> States. В дъното на щатския панел ще кликна върху бутона "Нова дублираща се държава".

Когато кликна върху първото състояние, за да го избера, виждам, че има символ. Когато кликна върху второто състояние, виждам, че това е празно. За да добавите символ към това празно състояние, ще изберете Файл> Импортиране> отидете до моя файл turkey2.png, щракнете върху Отвори, след това върху Отвори отново. След това щракнете върху горния десен ъгъл на платното, за да поставите файла в правилната му позиция. Сега, когато кликна между първото и второто състояние, виждам, че и двете притежават изображения. Мога също да натисна бутона за възпроизвеждане / спиране в долната част на прозореца, за да визуализирам анимацията.

Ако не ми харесва скоростта на анимацията, мога да кликнете два пъти върху цифрите отдясно на всяка държава, за да направите корекции. Колкото по-голямо е числото, толкова по-дълго е продължителността.

20 от 20

Запиши анимиран GIF

Текст и изображения © Sandra Trainor

Ще изберете Файл> Запазване като, преименувате файла, изберете Анимиран GIF (* .gif), след което щракнете върху Запиши.

За да отворя и да пускам Animation GIF в моя браузър, ще стартирам браузъра си и ще избера File> Open or Open File. Ще навигирам до запазения си анимиран GIF файл, ще го избера, ще кликнете върху Отваряне и ще се наслаждавате на анимацията.

Свързани:
Оптимизиране на анимирани GIF файлове
• Профил на дивата Турция
• Деня на благодарността за Турция
• Най-дивите пеперуди, които някога сте виждали