Създаване на сложни анимиран банер в Adobe ImageReady
Ние няма да се твърди, че той е наречен "трудни" анимирани банери - Днес ще говорим за знамето, в който повече от три кадъра. И повече от 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 по-добре се направи в кадъра, могат да бъдат тънък един пиксел, цвят може да не е много по-различна от ядрото, така че информацията, която предоставяте в банера ви са отделени от общата информация извънземно да ви уебсайтове.
Това е време да се брои - фон Използва се и инсулт - това е два цвята. Да приемем и контрол на броя на използваните цветове трябва през цялото време.
Тя трябва да бъде, че е дошло време да се създаде основни текст елемент снимки - всъщност името на банера. Това може да бъде име на магазин, името на сайта, или всяка друга водеща дума. Отново, както и цветовете са избрани най-контрастен цвят от съществуващите. За светлината субстрат - най-тъмната картина елемент, и обратно.
СЕГА - ние предлагаме метод за рязане на думата (или всеки друг елемент на знамето), за да създадете динамичен ефект на изготвяне банер елемент на екрана.
Импринтер думата си, изберете желания шрифт и размер, определен няма, и да направи копие на слоя в шрифта изглаждане настройки. изберете Тип-»Render Layer в менюто Layer - вашето име вече не е текст - това е просто графичен елемент с един слой tsvet.Dayte име (!) - например NAME.
Направете нов слой. Дайте му име TEMP - работи слой, като кликнете върху него ще трябва да се често. Би било добре, ако това ще бъде лесно да бъдат открити, а увеличаване на броя на слоевете във файла.
Рисуване върху този слой един пиксел линия (от които да избирате - хоризонтално или вертикално, за да хоризонтално ориентиран банер, и дори ако упражнение препоръчвам е хоризонтална.) Контрастен цвят. Всеки - цвета, ние няма да бъдат разглеждани, като тази линия в нашия дизайн се използва като инструмент, а не на банер елемент. Затова е по-добре да го направи по-светъл цвят, а дори и така, че със сигурност ще се различават от реалните части на банера.
Ако получаване на същата хоризонтална рязане заглавия (които вече сме вкарани в предишния слой и се превръщат в графика), изберете ход инструмент (бутон с буквата "V" на anglitski оформление), и да се премести на линията на върха по отношение на горната пиксел на името си (може да бъде надолу - по посока на основното значение има не е важно последователност)
Ctrl-кликнете върху леглото на ТЕЛК - получавате SELECT правоъгълна височина район в един пиксел. Кликнете върху името на слоя, Ctrl-Shift-J - от името си, се нарязва на нов слой един пиксел ивица. Кликнете върху TEMP слой, с активния инструмент движи се със стрелките, за да преместите работната лента до един пиксел. Ctrl бутон на мишката върху TEMP слой, отидете на името на слой, Ctrl-Shift-J - получавате още един слой на втория рязане на лента от името си. Според този алгоритъм, нарязани на ивици цялото си дума - слоеве трябва да бъдат създадени, а имената им ще бъдат номерирани последователно.
Тъй като ние се обмисля най-простата версия на комплекс банер (съжалявам за лошата игра на думи) няма да бъдат разглеждани други възможни елементи на банера. Основното нещо, за да опише технологията. Казвам това с факта, че в момента се пристъпи към монтаж на детайли в пълен анимация.
Ако сте работили с слоеве в PhotoShop`e, тогава сега е времето да се премине към ImageReady - меню Файл - »Направо към -» Снимка Готов.
В менюто Window, изберете Покажи Анимация - ще се превърта в който една рамка е налице. Всички слоеве UnVisible оформление, оставяйки само Видим подкрепа и рамка.
Внедря- Анимация в горния ляв ъгъл кликнете върху стрелката - ще се превърта от локалното меню. Изберете New Frame команда - сте създали рамка, която е копие на предишния, т.е. включени в субстратния слой и контура.
По този начин, добавяйки, рамки и включително слоеве привлека всички име и, когато всички слоеве са включени име се отнася за имущество на кадър "забавяне" и промяна на времето на забавяне, например, размерът е 5 секунди.
Създайте друга рамка, проверете дали параметърът на забавяне е малко, и включване на видимостта на слой с графика (в нашия пример, един и същ монитор).
Нова конструкция - и изключване на Видима долните ленти име и подходящи технологии в обратна последователност, pofreymovy отстранява името.
Новата рамка, включваща слой с лозунг. Отново е необходимо да се увеличи забавяне (забавяне) на дисплея рамка.
И достатъчно, за да започне. Параметър цикличен анимация намира в състояние на Forever - и вашия банер винаги ще се превърта.
Обърнете се към превъртете Optimize, задайте параметрите GIF - 4 цвята - големи загуби: 0 - Не Размиване - Селективна - Не прозрачен
Внедря- Анимация в подменюто Оптимизиране на анимацията трябва да се отбележи, както в квадратчето.
В заключение бих искал да подчертая факта, че тази технология може да се използва за създаване на по-сложни анимации - и ограничен брой цветове може да доведе до сложни и оригинални плакати.
Може да усложни процеса на векторизация ИМЕ - слоеве с ивици дублират напред (десен бутон на мишката върху слой - »дубликат Layer) и дублират набор прозрачност слой 50% (като опция), както и при създаването на анимация generit бъде изобразено полупрозрачни слоеве, след непрозрачен.
Подобен ефект може да бъде създаден чрез теглене на вертикалните елементи. В такъв случай, ако компетентните състава елементи банер и добра цветова гама банер ще бъде успешен.
Както можете да видите обекта в TEMP слой в окончателния проект не е бил използван от нас. Това е просто един инструмент за бързо създаване на маска, която се изрязва анимация елемент. И тази маска не е задължително да бъде един пиксел лента - тя може да бъде произволна форма. изготвяне движение може да се появи във всяка посока, дори и по диагонал, въпреки че на пръв на върха, а след това в ляво, след това отново от някъде.
Успешна ли анимиран банер!
Свързани статии