Създаване на анимиран gif банер - Adobe Photoshop
Ново в рубриката:
Първото нещо, което трябва да направите, е да разработите скрипт за банер, т.е. да решите какъв ще бъде фонът, какво точно ще се движи. И когато си представите всичко това, създайте файл във Photoshop с размери, равни на размерите на банера. Сега нека създадем фона на банера. Няма да се промени по време на анимацията. Всички останали елементи на банера, които ще участват в анимацията - текст, изображения ще бъдат разположени в отделни слоеве. Поставете рамката на банера на най-горния слой.
Сега можете да започнете да създавате анимация. За да направите това, като щракнете върху долния бутон на главната палитра на Photoshop („Прескочи до ImageReady“) или като натиснете клавишната комбинация Ctrl + Shift + M, отидете на ImageReady. Тази програма ще се отвори с вече заредения в нея банер.
ImageReady е подобен на Photoshop, но има свои собствени раздели. Когато създавате анимация, се използва разделАнимация. Файлът, който създадохме, вече е поставен в първия кадър на раздела Анимация, можете да видите уголеменото му изображение в раздела Оригинал.
Сега нека насочим вниманието си към раздела Слоеве. Изглежда точно както във Photoshop. Сега ще работим с този раздел. Например, за да мига текстът на банера, направете текстовия слой видим в първия кадър. Отидете в раздела Анимация и създайте втори кадър на анимация, като направите дубликат на първия кадър (бутонът „Дубликати на текущия кадър“ в долната част на раздела Анимация). Сега, за да може текстът да мига, направете текстовия слой във втория кадър невидим (щракнете върху изображението на окото в текстовия слой в раздела Слоеве). Трябва също да посочите продължителността на кадъра, за да направите това, щракнете върху малкия триъгълник под кадъра с надпис 0 сек и изберетепродължителност на кадрите от падащия списък. Сега с бутона „Пускане/спиране на анимация“ вече можете да гледате вашата анимация.
Ако искате да добавите движение или прозрачност към вашия банер, не е необходимо сами да рисувате всеки кадър. Да предположим, че искате да промените позицията на която и да е фигура. Сега е в първоначалното си положение. Създайте следващия кадър и в този кадър преместете формата. Сега, когато щракнете върху бутона „Tweens animation frames“, разделът Animation ще създаде анимационни tweens. След като щракнете върху този бутон, ще се отвори разделът Tween, където в реда Frames to Add трябва да посочите желания брой междинни кадри. По същия начин можете да промените прозрачността на фигурите. На тези рамки, създадени от програмата ImageReady, е необходимо чрез контролиране на видимостта на слоевете да се показват или скриват останалите слоеве, така че всичко да съответства на сценария.
Когато всички необходими рамки са създадени, нека започнем да оптимизираме и запазваме банера в gif формат. Отидете в раздела 4-UP, където ще наблюдавате качеството на изображението и размера на бъдещия gif файл. За оптимизация използвайте раздела Оптимизиране. В този раздел изберете типа GIF файл. Не трябва да забравяме, че един банер, за да бъде приет от мрежите за обмен на банери, трябва да е лек. Например, теглото на банер 468x60 не трябва да надвишава 15 Kb. Въз основа на това изберете броя на цветовете в раздела Оптимизиране, така че при добро качество на изображението теглото на банера да е възможно най-малко. След това, като се обърнете към главното меню, запазете банера (File-Save Optimized As…). Това е всичко – създадохте анимиран gif банер.
Успех с вашите банери!
Моля, оценете тази статия:
- В момента 2.73/5
Оценка:2.7 /5 (гласове: 22)