Съвети за създаване на сторибордове за флаш банери
Съвети за създаване на разкадровки за флаш банери
1. Формати.
Най-удобните и ефективни програми за експорт във Flash са Illustrator и Fireworks. Съответно оптималният формат ще бъде .ai, тъй като и двете програми работят с него. Освен това е много желателно да предоставите два файла - единият с векторизирани шрифтове, другият не. Трябва да бъдат прикачени шрифтове (За възможно редактиране на съдържание.) Също така ще бъде полезно да прикачите всички изходни материали заедно с сценария: лога в криви, изображения в пълна разделителна способност. Това е необходимо за евентуална оптимизация и редакция в процеса на работа.
2. Основни компоненти на анимацията.
Флаш филмите използват три вида компресия на изображения: jpeg за растерни изображения и zip за вектори. PNG компресията идва като по-ниска алтернатива на jpeg.
За по-добро разбиране, нека анализираме типовете обекти във видеоклиповете: - Растерни изображения. Основният потребител на ролков размер. Могат да бъдат с алфа канал, което допълнително увеличава размера, тъй като прозрачността е тип tiff. - Векторни обекти. Имат ограничени свойства. Запълване само с цвят (включително прозрачност) и градиент (два вида градиенти - линеен и радиален). Има само един вид контур - в центъра. Поради това често сложните лога се използват като растер, тъй като например мрежестите обекти не могат да бъдат импортирани. - Текст. Удобен при наличие на голямо количество текст и адаптивен anti-aliasing. Неудобна стъпкова трансформация (потрепване) по време на анимация.
3. Метод за определяне на размера на изображението.
Можете да определите размера на растерно изображение БЕЗ прозрачност, като експортирате от Fireworks в jpg с необходимата компресия. За съжаление има разлика в настройките за компресиране на Fireworks.и Flash са различни от тези на Photoshop и Illustrator (наследството на Macromedia), така че определянето им е на око, но може да се прецени качеството на картината, с необходимия размер.
Важно е да запомните, че освен самите изображения, видеото съдържа и код и информация за анимацията и консумира средно от 2 до 5 килобайта на банер. За векторни изображения, ако имате Flash, можете просто да копирате изображението от Illustrator там и след това да експортирате клипа с компресия.
4. Оптимизиране на изображението.
Графиките се оптимизират главно от самите мигачи, но понякога е необходимо да се извърши известна работа, за да се опрости „картината“ дори на етапа на одобрение. Или когато създавате самия сценарий, не правете излишна работа. Растерните изображения най-вече изискват лесна работа за по-добър дисплей с jpeg компресия - намаляване на контраста, цвета, шума без загуба на качество на дисплея. Понякога е оправдано по отношение на размера да се създаде векторна маска, но това рядко се използва. Размерът на векторните изображения зависи пряко от броя на контролните точки и цветовите параметри. Триъгълникът, изпълнен с един цвят, ще заема най-малко от всички (само две точки и точка са по-малки от него, но те не ни интересуват :)). Съответно, колкото по-малко обекти и точки, толкова по-малко е изображението и по-чувствително. Следователно, когато използвате клипарти и други материали на трети страни, е необходимо да опростите пътеките, да премахнете всички малки обекти, които само ще добавят боклук, да смените цветния дисплей на опростен.
Ако опростяването не е възможно (например това е лого), тогава е необходимо да се оптимизира изображението за растера, т.е. изберете размера и позицията на референтните точки върху пикселната мрежа и одобрете растерния дисплей.
5.Няколко съвета.
За удобство е общоприето, че за банер 240x400 с лимит от 35 KB можете да поставите една растерна карта с размер на банер или две растерни карти с размер 1/2 от площта на банера и т.н.
Опитайте се да не използвате бавни, равномерно движещи се растерни изображения във вашата анимация, тъй като възниква ефект на вълна, когато изместването на кадър е по-малко от пиксел. Ако растерите трябва да се движат, до бързо и с ускорение.
Не използвайте растерно увеличение в анимацията. Никой не харесва големите пиксели.
Не анимирайте големи количества текст. Обемът на обработка на изглаждане на текст се увеличава и такива банери не преминават през натоварването на процесора.
Опитайте се да не надхвърляте 10 секунди за продължителността на един цикъл. На много сайтове анимацията е ограничена до 30 секунди. Последният кадър в този случай трябва да съдържа най-важната информация от цялото видео.
Не забравяйте да разработите контейнери (изображение, показвано вместо банер, когато флаш плейърът не е инсталиран). Те трябва да показват цялата информация от банера. Посочете размерите на щепселите в техническите изисквания на обектите. Често те могат да бъдат със същия размер като банера, но има и изключения.