Какво да знаете
- Създайте илюстрация и я дублирайте. Направете промени в едно, конвертирайте и двете в символи, създайте второ състояние. Визуализирайте анимацията.
- Променете продължителността на двете състояния, запазете файла като анимиран-g.webp" />
В този урок ще се научите да използвате Fireworks CS6, за да създадете анимиран-g.webp
Как да направите-g.webp" />
Важно е да се отбележи, че Adobe вече не предлага Fireworks CC като част от Creative Cloud. Ако търсите Fireworks, можете да го намерите в секцията Find Additional Apps на Creative Cloud. Когато Adobe обяви, че вече няма да поддържа или актуализира приложения, можете да приемете, че е само въпрос на време приложението да изчезне.
Създаване на нов документ
Първо ще създадете нов документ, като изберете Файл > Нов. Направете ширината и височината 400 x 400 пиксела и разделителната способност 72 пиксела на инч. Изберете бяло за цвят на платното и щракнете върху OK.
След това изберете File > Save, наименувайте файла turkey с-p.webp" />щракнете върху Save.
Начертайте кръг
В панела с инструменти щракнете върху полето за цвят на щриха и изберете черно, след това върху полето за цвят на запълване и изберете кафяв мостра или въведете в полето за стойност на шестнадесетичен номер, 8C4600.
В панела със свойства направете ширината на щриха 2 пиксела. След това изберете инструмента Елипса в панела с инструменти, който можете да намерите, като щракнете върху малката стрелка до инструмента за правоъгълник или други видими инструменти за фигури. Докато държите натиснат клавиша Shift, щракнете и плъзнете, за да създадете голям кръг. (Използването на отместването гарантира, че кръгът ще бъде идеално кръгъл.)
Начертайте друг кръг
Отново задръжте натиснат клавиша shift, докато рисувате друг кръг, с намерението този кръг да бъде по-малък от предишния.
С инструмента Pointer щракнете и плъзнете малкия кръг на място. Искате да припокрива горната част на големия кръг, както е показано.
Начертайте заоблен правоъгълник
С инструмента Rounded Rectangle начертайте правоъгълник. С инструмента Pointer го преместете на място. Искате да е центрирано и леко да припокрива долната част на малкия кръг.
Комбиниране на пътища
Задръжте натиснат клавиша shift, докато щраквате върху малкия кръг и след това върху заобления правоъгълник. Това ще избере и двете форми. След това изберете Modify, Combine Paths > Union.
Промяна на цвета
В панела с инструменти щракнете върху полето за попълване и изберете крем мостра или напишете FFCC99 в полето Hex value, след което натиснете return.
Направете очите
Можете да нарисувате два малки кръга, за да направите очите, но вместо това използвайте инструмента Type за това. Кликнете върху инструмента Type в панела с инструменти, след това върху платното. В инспектора на свойства изберете Arial Regular за шрифт, направете размер 72 и променете цвета на черен. Задръжте "Изображение" или клавиша Опции, докато натискате клавиша с цифрата 8, което ще направи куршум. След това натиснете интервала, преди да направите нов куршум. alt="
Направете клюна
В панела с инструменти щракнете върху инструмента за многоъгълна форма. В панела със свойства изберете оранжева мостра за запълване или напишете FF9933 в полето за шестнадесетична стойност. Също така в панела Свойства направете линията черна с ширина 1.
След това изберете Window > Auto Shape Properties Кликнете върху многоъгълната форма и посочете, че искате и точките, и страните да бъдат 3 и радиус 180 градуса. За да направите триъгълника по-малък, въведете 20 в полето за стойност на външния радиус. Числото за това зависи от това колко голям е триъгълникът, като начало. След това натиснете return.
С инструмента Pointer щракнете върху триъгълника и го плъзнете до мястото, където смятате, че трябва да седи за клюна.
Направете снуд
Червеното нещо, което виси от клюна на пуйката, се нарича снуд. За да направите такъв, ще използвате инструмента Pen.
След като изберете инструмента Pen в панела с инструменти, щракнете върху полето Fill и изберете червена мостра или въведете FF0000 в полето Hex value, след което натиснете return.
С инструмента Pen щракнете, за да създадете точки, които образуват път, а понякога щракнете и плъзнете, за да създадете заоблен път. Когато последната точка се свърже с първата, вие ще сте оформили форма, която прилича на пуйка.
Направете краката
Можете да зададете цвета на запълване на същия оранжев като клюна, като щракнете върху полето за запълване и след това върху клюна. С избрания инструмент Pen, направете цвета на щриха черен и задайте ширината на щриха на 2 в панела Properties.
След това използвайте инструмента Pen, за да създадете точки, които образуват форма, наподобяваща бут на пуйка. С избраната форма изберете Edit > Duplicate След това изберете Modify > Transform > Хоризонтално обръщане С инструмента Pointer позиционирайте краката там, където изглеждат най-добре.
Намаляване на размера
Изберете Изберете > Изберете всички. След това щракнете върху инструмента за мащабиране в панела с инструменти. Ще се появи ограничителна кутия с дръжки, които могат да се местят навътре или навън. Щракнете върху ъглова дръжка и я преместете навътре, като направите цялата по-малка, след което натиснете return.
Когато всички ваши фигури все още са избрани, използвайте инструмента Pointer, за да преместите пуйката на място. Искате да е центрирано ниско върху платното.
Направете пера на опашката
С инструмента Елипса щракнете и плъзнете, за да оформите дълъг овал. След това изберете Edit > Duplicate. Ще дублирате овала отново и отново, докато имате общо пет овала.
Промяна на цвета
С избрания един от овалите щракнете върху полето за запълване и изберете различен цвят. Направете това с още три овала, като изберете различен цвят за всеки.
Преместване на овали
С инструмента Pointer щракнете и плъзнете върху петте овала, за да ги изберете всички. След това изберете Modify > Arrange > Send to Back. Това ще накара перата на опашката да паднат зад пуйката, когато ги преместите на място.
Щракнете встрани от овалите, за да премахнете избора им, след това щракнете върху един овал наведнъж и ги плъзнете отделно до мястото, където ще седят един до друг и частично зад пуйката.
Използването на интелигентни водачи може да помогне за равномерно позициониране на овалите, които са един срещу друг. Ако не виждате интелигентните водачи в действие, изберете Преглед > Интелигентни водачи > Показване на интелигентни водачи.
Завъртане на овалите
Ще искате да завъртите овалите и да ги преместите. За да направите това, изберете един и изберете Модифициране > Трансформиране > Свободно трансформиране След това щракнете и плъзнете курсора точно извън ограничаващото поле, за да завъртите леко овала. С инструмента Pointer позиционирайте овала там, където смятате, че изглежда най-добре.
Завъртете останалите овали по същия начин и ги поставете на място; разпределяйки ги равномерно.
Запазване и запазване като
Гледайки вашето изображение, ще видите, че пуйката е твърде ниско върху платното, така че изберете Select > Select All, след което използвайте инструмента Pointer, за да поставите пуйката в центъра на платното. Когато сте доволни от това как изглежда, изберете Файл > Запазване.
След това щракнете върху перо на опашката, за да го изберете, след това върху полето за запълване и изберете различен цвят. Направете това за всяко перо на опашката, след което изберете File > Save As. Преименувайте файла, turkey2 с-p.webp" />.
Преобразуване в символ
Изберете Файл > Отворете, навигирайте до вашия файл turkey-p.webp" />Select > Select All След това ще изберете Modify > Convert > Convert to Symbol Назовете го символ 1, изберете Graphic за Type, след което щракнете върху OK.
Щракнете върху раздела turkey2-p.webp
Създаване на ново състояние
Щракнете обратно върху раздела turkey.png. Ако вашият панел за състояния не се вижда, можете да изберете Window > States. В долната част на панела със състояния щракнете върху бутона Нови дублирани състояния.
Когато щракнете върху първото състояние, за да го изберете, ще видите, че то съдържа символ. Когато щракнете върху второто състояние, ще видите, че е празно. За да добавите символ към това празно състояние, изберете File > Import > навигирайте към вашия файл turkey2.png, щракнете върху Open, след това върху Open отново. След това щракнете върху горния десен ъгъл на платното, за да поставите файла в правилната позиция. Сега, когато щракнете между първото и второто състояние, ще видите, че и двете съдържат изображения. Можете също да натиснете бутона Пусни/Стоп в долната част на прозореца, за да визуализирате анимацията.
Ако не ви харесва скоростта на анимацията, можете да щракнете двукратно върху числата отдясно на всяко състояние, за да направите корекции. Колкото по-голямо е числото, толкова по-дълго е продължителността.
Запазване на анимиран GIF
Накрая изберете File > Save As, преименувайте файла, изберете Animated-g.webp" />.
За да отворите и пуснете анимирания-g.webp
Файл > Отваряне или отваряне на файл. Отидете до вашия запазен анимиран-g.webp" />