ПредишенСледващото

Ние няма да се твърди, че той е наречен "трудни" анимирани банери - тук ще говорим за знамето, в който повече от три кадъра. И повече от 10. Така например, около 150. Чудя се?

Едно от условията са изправени всички дизайнери-разработчиците - създаване му трябва да е лесна. Обикновено горната граница на теглото - не повече от 15 КБ. Както ще бъде обсъдено е анимиран GIF д, т.е. набор от индексирани изображения, които припомнят няколко правила:

gif'a палитра може да съдържа максимум 256 цвята (по-малко - може да е по - няма) и го използва алгоритъм за компресия без загуба на качеството на изображението (особено - LZW алгоритъм). GIF и позволява създаването на прозрачни части, и анимация. Използване на GIF-формат, трябва да се помни, за да затворите лиценз LZW алгоритъм за компресиране, заради това, което се изисква от нея (същия този лиценз), за да плащат за използването на който и да е софтуер. Този дефицит ще доведе до факта, че постепенно графика за мрежата от формат GIF, ще се откаже в полза на други, по-отворени формати. По отношение на анимирани банери - алтернатива тук може да бъде използването на флаш-технологии, AVI. За съжаление това някак си звучи. И все пак, тъй като ние говорим за е анимиран gif`e, отидете на ф. артикул:

Най-важният параметър индексирана образ - броят на цветове в палитрата. Важна задача при създаването на нашия банер ще бъде намаляването на броя на цветовете до минимум;

Наличието на многоцветно градиент изпълва и графики и снимки е невъзможно да се сериозно намаляване на броя на цветове в палитрата, за да наклона изпълва, няма, тъй като със снимки: виж;

Много е трудно да се подготви голям брой кадри, следвайки тенденцията и предотвратяване на грешки, така че технологията на производство на знамето на отделните кадри, един по един, зареден в Ulead Gif Animator ние няма да направим. Банер ще направи в Adobe (всички източници могат да бъдат събрани в PhotoShop`e, а самата анимация - в ImageReady)

Да приемем, че вече знаете, вашият банер ще бъде и какво ще се случи (да се върти, преместване, се появяват и изчезват) в диапазон от цветове. Създаване на нов файл в размера на полетата посочите банер формат в подраздел изберете фон прозрачен - получавате кутията дясно размер с една единствена, но празен слой.

Когато създадете банер е важно да се помни, че чудесен имот хифи, анимирани включително - прозрачен в този случай, може да бъде забравена, тъй като той често е съдбата на знамето е трудно да се предскаже - на всеки сайт, с който и да е цвят на фона или дори по-лошо - с някои фоново изображение шедьовъра си ще бъде. Т.е. Вашата правоъгълна област не са прозрачни области

Ако банера е разработила цвят, различен от бяло, черно и сиво - най-вероятно общия тонус на вашия банер ще бъде различен от страницата на терена. Теория на вероятностите е сложен нещо, но дори и да се направи банер с hitrolilovym background`om и той се качва на подобен сайт hitrolilovy (съвсем случайно) - има вероятност да нюанси ще продължи да бъде по-различно. Но банери с стандартен цвят background`a по-добре се направи в кадъра, могат да бъдат тънък един пиксел, цвят може да не е много по-различен от основния: За да има информацията, която предоставяте в банера ви са отделени от общата информация извънземно да ви уебсайтове.

Това е време да се брои - фон Използва се и инсулт - това е два цвята. Да приемем и контрол на броя на използваните цветове трябва през цялото време.

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

СЕГА - ние предлагаме метод за рязане на думата (който и да е друг елемент на банера), за да създадете динамичен ефект на изготвяне банер елемент на екрана.

Отпечатващо дума, изберете желания шрифт и размер на шрифта изглаждане настройки, за да зададете NONE, и да направи копие на слоя в менюто Layer, изберете Type-'Render Layer - вашето име вече не е текст - това е просто графичен елемент, като един tsvet.Dayte (!) името на слоя - като име.

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

Рисуване върху този слой един пиксел линия (от които да избирате - хоризонтално или вертикално, за да хоризонтално ориентиран банер, и дори ако упражнение препоръчвам е хоризонтална.) Контрастен цвят. Всеки - цвета, ние няма да бъдат разглеждани, като тази линия в нашия дизайн се използва като инструмент, а не елемент на знамето, така че е най-добре да го ярък цвят правят, а дори и така, че със сигурност ще се различават от реалните части на банера.

Ако получаване на същата хоризонтална рязане заглавия (които вече сме вкарани в предишния слой и се превръщат в графика), изберете ход инструмент (бутон с буквата "V" на anglitski оформление), и да се премести на линията на върха по отношение на горната пиксел на името си (може да бъде надолу - по посока на основното значение има не е важно последователност)

Ctrl-кликнете върху леглото на ТЕЛК - получавате SELECT правоъгълна височина район в един пиксел. Кликнете върху името на слоя, Ctrl-Shift-J - от името си, се нарязва на нов слой един пиксел ивица. Кликнете върху TEMP слой, с активния инструмент движи се със стрелките, за да преместите работната лента от един пиксел надолу, Ctrl-кликнете на TEMP слой, отидете на името на слой, Ctrl-Shift-J - получавате още един слой на втория рязане на лента от името си. Според този алгоритъм, нарязани на ивици цялото си дума - слоеве трябва да бъдат създадени, а имената им ще бъдат номерирани последователно.

Тъй като ние се обмисля най-простата версия на комплекс банер (съжалявам за лошата игра на думи) няма да бъдат разглеждани други възможни елементи на банера. Основното нещо, за да опише технологията. Казвам това с факта, че в момента се пристъпи към монтаж на детайли в пълен анимация.

Ако сте работили с слоеве в PhotoShop`e, тогава сега е времето да се премине към ImageReady - Файл меню - "Направо към -" Графична Готов.

В менюто Window, изберете Покажи Анимация - ще се превърта в който една рамка е налице. Всички слоеве UnVisible оформление, оставяйки само Видим подкрепа и рамка.

Внедря- Анимация в горния ляв ъгъл кликнете върху стрелката - ще се превърта от локалното меню. Изберете New Frame команда - сте създали рамка, която е копие на предишния - т.е. включени в субстратния слой и контура.

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

Създайте друга рамка, проверете дали параметърът на забавяне е малко, и включване на видимостта на слой с графика (в нашия пример, един и същ монитор).

Нова конструкция - и изключване на Видима долните ленти име и подходящи технологии в обратна последователност, pofreymovy отстранява името.

Новата рамка, включваща слой с лозунг. Отново е необходимо да се увеличи забавяне (забавяне) на дисплея рамка.

И достатъчно, за да започне. Параметър цикличен анимация намира в състояние на Forever - и вашия банер винаги ще се превърта.

Обърнете се към превъртете Optimize, задайте параметрите GIF - 4 цвята - големи загуби: 0 - Не Размиване - Селективна - Не прозрачен

Внедря- Анимация в подменюто Оптимизиране на анимацията трябва да се отбележи, както в квадратчето.

В заключение бих искал да подчертая факта, че тази технология може да се използва за създаване на по-сложни анимации - и ограничен брой цветове може да доведе до сложни и оригинални плакати.
Може да усложни процеса на векторизация ИМЕ - слоеве с ивици дублират напред (десен бутон на мишката върху -'Dublicate Layer слой) и дублират набор прозрачност слой 50% (като опция), както и при създаването на анимация generit бъде изобразено полупрозрачни слоеве, след непрозрачен.
Подобен ефект може да бъде създаден чрез теглене на вертикалните елементи - и компетентен състав елементи банера и добри цветове банер ще бъде успешен.
Както можете да видите обекта в TEMP слой в окончателния проект не е бил използван от нас. Това е просто един инструмент за бързо създаване на маска, която се изрязва анимация елемент. И тази маска не е задължително да бъде един пиксел лента - тя може да бъде произволна форма. изготвяне движение може да се появи във всяка посока, дори и по диагонал, въпреки че на пръв на върха, а след това в ляво, след това отново от някъде.

Успешна ли анимиран банер!

Свързани статии

Подкрепете проекта - споделете линка, благодаря!