Стварэнне анімаваных GIF ў Fireworks

01 з 20

Турцыя анімаванага GIF ў Fireworks

Тэкст і малюнкі © Sandra Трэйнар

У гэтым уроку я буду выкарыстоўваць Fireworks CS6 для стварэння анімаванага GIF індычкі з хваставымі пер'ем, якія змяняюць колер. Я пачну з стварэння ілюстрацыі і дубляваць яе. Я ўнесці змены ў адзін, канвертаваць іх абодвух у сымбалі, стварыць другое стан, і папярэдні прагляд анімацыі. Затым я змяніць час працягласці абедзвюх дзяржаў, захаваць файл як аніміраваныя GIF, і праглядаць яго ў браўзэры.

Хоць Fireworks CS6 выкарыстоўваецца ў гэтым кіраўніцтве, вы павінны быць у стане прытрымлівацца разам з выкарыстаннем любой апошняй версіі Fireworks ці нават Photoshop.

Заўвага рэдактара:

ня Adobe больш не прапануе Fireworks CC як частка Creative Cloud. Калі вы шукаеце Fireworks можна знайсці ў раздзеле дадатковых прыкладанняў знаходкі Creative Cloud. Калі Adobe аб'яўляе, што ён больш не будзе падтрымліваць або абнаўляць прыкладання, можна меркаваць, што гэта толькі пытанне часу, перш чым знікне прыкладанне. Тыповым прыкладам гэтага з'яўляецца нядаўняе аб'яву аб дырэктара, Shockwave і Заплаціць.

Абноўлены Том Грын

02 з 20

Стварэнне новага дакумента

Тэкст і малюнкі © Sandra Трэйнар

Я ствару новы дакумент, выбраўшы File> New. Я зрабіць шырыню і вышыню 400 х 400 пікселяў, а дазвол 72 dpi. Я буду выбіраць белы колер палатна, і націсніце кнопку OK.

Затым я выбіраю Файл> Захаваць, імя файла індычку з PNG пашырэння, выбраць , дзе я хачу , каб захаваць яго, і націсніце кнопку Захаваць.

03 з 20

Намалюйце круг

Тэкст і малюнкі © Sandra Трэйнар

На панэлі інструментаў націснем на поле колеру абводкі і абярыце чорны, а затым на поле колеру залівання і абярыце карычневы ўзор або ўвядзіце ў полі Значэнне нумар Hex, # 8C4600.

У панэлі уласцівасцяў я зрабіць шырыню ходу 2 пікселяў. Я затым абярыце прыладу Ellipse на панэлі інструментаў, якія можна знайсці, націснуўшы на маленькую стрэлку побач з інструментам Rectangle або іншага бачнага інструмента формы. Утрымліваючы клавішу Shift, я націсну і перацягнуць, каб стварыць вялікі круг. Выкарыстанне зруху гарантуе, што кола будзе ідэальна круглым.

04 з 20

Намалюйце яшчэ адзін круг

Тэкст і малюнкі © Sandra Трэйнар

Зноў жа, я буду ўтрымліваць націснутай клавішу пераключэння, як я зрабіць яшчэ адзін круг, толькі я хачу гэты круг, каб быць менш, чым у мінулым.

З дапамогай прылады Паказальнік, націснем і перацягнуць маленькі гурток на месца. Я хачу, каб перакрываць верхнюю частку вялікага круга, як паказана на малюнку.

05 з 20

Намалюйце прастакутнік з закругленымі кутамі

Тэкст і малюнкі © Sandra Трэйнар

З дапамогай прылады Rounded Rectangle, я буду маляваць прастакутнік. З дапамогай прылады Pointer, я перамясціць яго на месца. Я хачу, каб гэта было па цэнтры і злёгку перакрываюць ніжнюю частку малога круга.

06 з 20

аб'яднаць Дарожкі

Тэкст і малюнкі © Sandra Трэйнар

Я буду трымаць націснутай клавішу пераключэння, як я націскаю на маленькім крузе затым на прастакутнік з закругленымі кутамі. Гэта будзе выбраць абедзве формы. Я затым выберыце Змяніць, збожжаўборачны Paths> Саюз.

07 з 20

змяненне колеру

Тэкст і малюнкі © Sandra Трэйнар

На панэлі інструментаў націснем на поле Fill і выбраць крэм ўзор або тыпу # FFCC99 ў поле значэння Hex, а затым націсніце кнопку вяртання.

08 з 20

зрабіце вачэй

Тэкст і малюнкі © Sandra Трэйнар

Я мог бы зрабіць два маленькіх колаў, каб зрабіць вочы, але замест гэтага я буду выкарыстоўваць інструмент Type для гэтага. Націскаем на інструмент Type на панэлі інструментаў, а затым на палатне. У інспектара уласцівасцяў, я выберу Arial Regular для шрыфта, зрабіць памер 72, і змяніць колер на чорны. Я утрымліваючы Alt або клавішу Опцыі я націскаю клавішу, утрымліваючы нумар 8, які зробіць кулю. Я націсніце прабел, перш чым зрабіць яшчэ адну кулю.

09 з 20

зрабіць Дзюба

Тэкст і малюнкі © Sandra Трэйнар

На панэлі інструментаў націснем на інструменце Polygon формы. У панэлі уласцівасцяў я выбіраю аранжавы ўзор для запаўнення або тыпу # ff9933 ў поле значэння Hex. Акрамя таго, у панэлі уласцівасцяў, я зраблю ход чорнага колеру з шырынёй 1.

Далей, я выберу Акно> Уласцівасці Auto Shape. Націснем на форму шматкутніка, паказваюць, што я хачу, як кропкі і па баках, каб быць 3 і радыусам 180 градусаў. Каб зрабіць трохкутнік менш, я тыпу 20 у поле значэння вонкавага радыусу. Колькасць для гэтага залежыць ад таго, наколькі вялікі трохкутнік павінен быў пачацца с. Я затым націсніце вяртанне.

З дапамогай прылады Паказальнік, націснем на трохкутнік і перацягнуць яго туды, дзе я думаю, што ён павінен сядзець за дзюбу.

10 з 20

зрабіць ланцужок

Тэкст і малюнкі © Sandra Трэйнар

Чырвоная рэч, якая вісіць ад дзюбы індычкі называецца Snood. Для таго, каб зрабіць адзін, я буду выкарыстоўваць інструмент Pen.

Пасля выбару прылады Pen ў панэлі інструментаў націснем на поле Fill і абярыце чырвоны ўзор, або ўвядзіце # FF0000 ў поле значэння Hex, а затым націсніце кнопку вяртання.

З дапамогай прылады Pen націсну для стварэння кропак, якія ўтвараюць шлях, а часам і пстрыкніце і перацягнуць, каб стварыць круглявы шлях. Калі апошняя кропка злучаецца з першым, я сфарміруюць форму, якая выглядае як ланцужок індычкі.

11 з 20

зрабіце ногі

Тэкст і малюнкі © Sandra Трэйнар

Я магу ўсталяваць колер залівання на той жа Оранж, як дзюба, націснуўшы на поле залівання затым на дзюбе. Пры выбары прылады Pen, я зраблю колер мазка чорным і ўсталяваць шырыню ходу 2 у панэлі уласцівасцяў.

Далей я буду выкарыстоўваць інструмент Pen для стварэння кропак, якія ўтвараюць форму, якая нагадвае нагу індычкі. Пры выбары формы, я выбіраю Edit> Duplicate. Я затым выберыце Modify> Transform> Flip Horizontal. З дапамогай прылады Pointer, я размясціць ногі, дзе яны выглядаюць лепш.

12 з 20

паменшыць памер

Тэкст і малюнкі © Sandra Трэйнар

Я выберу Select> Select All. Я затым націсніце на інструмент Scale на панэлі інструментаў. Габарытны прастакутнік з'явіцца з ручкамі , якія могуць перамяшчацца ўнутр або вонкі. Націснем на кутнюю і перамясціць яго ўнутр, робячы ўсё менш, а затым націсніце кнопку вяртання.

Пры ўсіх маіх формах яшчэ выбраны, я буду выкарыстоўваць інструмент паказальнік для перамяшчэння індычкі на месца. Я хачу, каб ён цэнтруецца нізка на палатне.

13 з 20

зрабіць рулявы

Тэкст і малюнкі © Sandra Трэйнар

З дапамогай прылады Ellipse націснем і перацягнуць, каб сфармаваць доўгі авал. Я затым выберыце Праўка> Капіяваць. Я дубляваць авал зноў і зноў, пакуль у мяне ёсць у агульнай складанасці пяць авалаў.

14 з 20

змяненне колеру

Тэкст і малюнкі © Sandra Трэйнар

З адным з авалаў абраны, націснем на поле Fill і выберыце іншы колер. Я буду рабіць гэта з больш за тры авалаў, выбіраючы розныя колеру для кожнага.

15 з 20

перасоўванне авалаў

Тэкст і малюнкі © Sandra Трэйнар

З дапамогай прылады Паказальнік, націснем і перацягнуць пяць авалаў, каб выбраць іх усе. Я затым выберыце Modify> Arrange> Адправіць Назад. Гэта прывядзе да таго, што хвост ўпасці за індычкай, калі я перамясціць іх на месца.

Націскаем ад авалаў, каб адмяніць іх, а затым націсніце на адзін авал у той час, і перацягнуць іх паасобку, дзе яны будуць сядзець побач адзін з адным і часткова за індыка.

Выкарыстанне Smart Guides можа дапамагчы раўнамерна размясціць авалы, якія процілеглыя адзін аднаму. Калі вы не бачыце разумных кіраўніцтва на працы, абярыце View> Smart Guides> Show Smart Guides.

16 з 20

паварот авалы

Тэкст і малюнкі © Sandra Трэйнар

Я хачу, каб павярнуць авалы і змяніць іх. Для гэтага я буду выбіраць адзін і выбраць, Modify> Transform> Free Transform. Я затым націсніце кнопку і перацягнуць мой курсор толькі па-за абмежавальнай рамкі для таго, каб злёгку павярнуць авал. З дапамогай прылады Pointer, я змясціць авал туды, дзе я думаю, што гэта выглядае лепш.

Я павярнуся пакінутыя авалы такім жа чынам, і змясціць іх на месца; размяркоўваючы іх раўнамерна.

17 з 20

Захаваць і захаваць як

Тэкст і малюнкі © Sandra Трэйнар

гледзячы на ​​маё малюнак, я бачу, што індычка занадта нізка на палатне, так што я выберу Select> Select All, а затым з дапамогай інструмента Паказальнік на месца індычку ў цэнтры палатна. Калі я задаволены тым, як ён выглядае, я выбіраю Файл> Захаваць.

Затым націснем на хвост пяро, каб выбраць яго, то на поле Fill і выберыце іншы колер. Я зраблю гэта для кожнага хвост пяра, затым выберыце Файл> Захаваць як. Я перайменаваць файл, turkey2 з пашырэннем PNG, і націсніце кнопку Захаваць.

18 з 20

Пераўтварыць у сімвал

Тэкст і малюнкі © Sandra Трэйнар

Я выберу File> Open, перайдзіце ў мой файл turkey.png і націсніце кнопку Адкрыць. Націскаем на ўкладцы turkey.png ў верхняй частцы, і абярыце Select> Select All. Я затым выберыце Змяніць> Пераўтварыць> Пераўтварыць у знак. Я назаву гэта сімвал 1, абярыце Graphic для тыпу, а затым націсніце кнопку ОК.

Націскаем на ўкладку turkey2.png і зрабіць тое ж самае, толькі я назаву гэта адзін сімвал 2.

19 з 20

Стварэнне новай дзяржавы

Тэкст і малюнкі © Sandra Трэйнар

Націскаем назад на ўкладцы turkey.png. Калі мая панэль Штаты не відаць, я магу выбраць Window> дзяржавы. У ніжняй частцы панэлі дзяржаў, націснем на кнопку New Дублікат дзяржаў.

Калі я націскаю на першым стане, каб выбраць яго, я бачу, што ён трымае знак. Калі я націскаю на другім стане, я бачу, што ён пусты. Каб дадаць сімвал У пустым стане, я выберу File> Import> перайдзіце ў мой файл turkey2.png, націсніце кнопку Адкрыць, а затым адкрыць зноў. Я затым націсніце кнопку ў правым верхнім куце палатна, каб змясціць файл у правільным становішчы. Цяпер, калі я націскаю паміж першымі і другімі станамі, я бачу, што і змяшчаць малюнка. Я таксама можаце націснуць кнопку Прайграванне / Прыпынак у ніжняй частцы акна, каб праглядзець анімацыю.

Калі мне не падабаецца хуткасць анімацыі, я магу двойчы пстрыкнуць па нумарах справа ад кожнай дзяржавы ўнесці карэктывы. Чым вышэй лік, тым больш часу працягласці.

20 з 20

Захаваць аніміраваны GIF

Тэкст і малюнкі © Sandra Трэйнар

Я выберу File> Save As, перайменаваць файл, абярыце аніміраваны GIF (* .gif), а затым націсніце кнопку Захаваць.

Для таго, каб адкрыць і гуляць у анімацыі GIF ў маім браўзэры, я запушчу свой браўзэр і абярыце Файл> Адкрыць або Адкрыць файл. Я перайсці да майго захаванне GIF файла Animated, выберыце яго, націсніце кнопку Адкрыць, і атрымліваць асалоду ад анімацыяй.

звязаны:
Аптымізацыя аніміраваныя GIF - файлы
• Профіль Wild Turkey
• Дзень падзякі Гісторыя Турцыі
• Wildest Індычкі Вы калі-небудзь бачылі