Как да създадете анимиран GIF във Fireworks

Съдържание:

Как да създадете анимиран GIF във Fireworks
Как да създадете анимиран GIF във Fireworks
Anonim

Какво да знаете

  • Създайте илюстрация и я дублирайте. Направете промени в едно, конвертирайте и двете в символи, създайте второ състояние. Визуализирайте анимацията.
  • Променете продължителността на двете състояния, запазете файла като анимиран-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.

    Image
    Image

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

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

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

    Image
    Image

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

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

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

    Image
    Image

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

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

    Image
    Image

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

    Задръжте натиснат клавиша shift, докато щраквате върху малкия кръг и след това върху заобления правоъгълник. Това ще избере и двете форми. След това изберете Modify, Combine Paths > Union.

    Image
    Image

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

    В панела с инструменти щракнете върху полето за попълване и изберете крем мостра или напишете FFCC99 в полето Hex value, след което натиснете return.

    Image
    Image

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

    Можете да нарисувате два малки кръга, за да направите очите, но вместо това използвайте инструмента Type за това. Кликнете върху инструмента Type в панела с инструменти, след това върху платното. В инспектора на свойства изберете Arial Regular за шрифт, направете размер 72 и променете цвета на черен. Задръжте "Изображение" или клавиша Опции, докато натискате клавиша с цифрата 8, което ще направи куршум. След това натиснете интервала, преди да направите нов куршум. alt="

    Image
    Image

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

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

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

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

    Image
    Image

    Направете снуд

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

    След като изберете инструмента Pen в панела с инструменти, щракнете върху полето Fill и изберете червена мостра или въведете FF0000 в полето Hex value, след което натиснете return.

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

    Image
    Image

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

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

    След това използвайте инструмента Pen, за да създадете точки, които образуват форма, наподобяваща бут на пуйка. С избраната форма изберете Edit > Duplicate След това изберете Modify > Transform > Хоризонтално обръщане С инструмента Pointer позиционирайте краката там, където изглеждат най-добре.

    Image
    Image

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

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

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

    Image
    Image

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

    С инструмента Елипса щракнете и плъзнете, за да оформите дълъг овал. След това изберете Edit > Duplicate. Ще дублирате овала отново и отново, докато имате общо пет овала.

    Image
    Image

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

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

    Image
    Image

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

    С инструмента Pointer щракнете и плъзнете върху петте овала, за да ги изберете всички. След това изберете Modify > Arrange > Send to Back. Това ще накара перата на опашката да паднат зад пуйката, когато ги преместите на място.

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

    Използването на интелигентни водачи може да помогне за равномерно позициониране на овалите, които са един срещу друг. Ако не виждате интелигентните водачи в действие, изберете Преглед > Интелигентни водачи > Показване на интелигентни водачи.

    Image
    Image

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

    Ще искате да завъртите овалите и да ги преместите. За да направите това, изберете един и изберете Модифициране > Трансформиране > Свободно трансформиране След това щракнете и плъзнете курсора точно извън ограничаващото поле, за да завъртите леко овала. С инструмента Pointer позиционирайте овала там, където смятате, че изглежда най-добре.

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

    Image
    Image

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

    Гледайки вашето изображение, ще видите, че пуйката е твърде ниско върху платното, така че изберете Select > Select All, след което използвайте инструмента Pointer, за да поставите пуйката в центъра на платното. Когато сте доволни от това как изглежда, изберете Файл > Запазване.

    След това щракнете върху перо на опашката, за да го изберете, след това върху полето за запълване и изберете различен цвят. Направете това за всяко перо на опашката, след което изберете File > Save As. Преименувайте файла, turkey2 с-p.webp" />.

    Image
    Image

    Преобразуване в символ

    Изберете Файл > Отворете, навигирайте до вашия файл turkey-p.webp" />Select > Select All След това ще изберете Modify > Convert > Convert to Symbol Назовете го символ 1, изберете Graphic за Type, след което щракнете върху OK.

    Щракнете върху раздела turkey2-p.webp

    Image
    Image

    Създаване на ново състояние

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

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

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

    Image
    Image

    Запазване на анимиран GIF

    Накрая изберете File > Save As, преименувайте файла, изберете Animated-g.webp" />.

    За да отворите и пуснете анимирания-g.webp

    Файл > Отваряне или отваряне на файл. Отидете до вашия запазен анимиран-g.webp" />

    Image
    Image

Препоръчано: