Приветствую Вас на блоге вебмастера и манимейкера в одном лице, на стринацах которого я поделюсь своими наблюдениями в области создания и продвижения сайтов.

Живой баннер, создание анимированного баннера.

Живой баннер, создание анимированного баннера.Если вы умеете рисовать, и для вас не является проблемой создание баннера. Но вы понимаете, что он еще пока не очень заметен и не выразителен и вам хочется, чтобы все было на высшем уровне, в таком случае вам поможет программа Adobe Image Ready.

Например, для создания анимированной кнопки, на которой надписи будут чередоваться, нам потребуется три картинки и программа Image Ready в которой и будет сделана анимированная кнопка.

Нажимаем File – Open. Из открывшегося списка следует выделить три необходимых нам рисунка. И нажать кнопку открыть. Все три рисунка откроются сразу.

После чего необходимо взять один из рисунков и с помощью инструмента Marquee Tool полностью выделить его. После того как вы сделали копию рисунка следует выбрать окошко с другим рисунком и вставить его туда. Оставшийся третий рисунок необходимо скопировать и вставить туда, куда вставили предыдущий рисунок. Таким образом, должен в итоге, после проделанных операций получится рисунок с тремя слоями.

На этом предварительная подготовка закончена. Конечно, можете редактировать все слои, если вам это нужно. Далее на следующем этапе открываем окно с опциями для анимации: Window – Show Animation.

Далее следует нажать на выделенный значок (дублирование текущего кадра) три раза. В итоге у вас должно получиться четыре кадра.

Далее следует установить число прокрутки всех необходимых кадров, их период времени показа и произвести их оптимизацию, сохранить свой полученный результат с помощью команды File – Save Optimized as.

Похожие публикации на блоге:

Добавить комментарий