Свой WAP сайт. Краткое руководство по созданию WAP сайта



              

Использование графики. Загрузка графических изображений на телефон. - часть 2


Это я все отношу, к примеру, создания логотипа для сайта или скажем легкой навигации.

Давайте поподробнее рассмотрим пример, как можно сделать логотип для сайта с легкой анимацией. Для этого нам понадобится программа Adobe ImageReady, которая поставляется вместе с Photoshop.

Создадим в ней новое изображение размером 75х18 пикселей, разрешение должно обязательно стоять 72 точки на дюйм, палитра RGB. Выберите из коллекции шрифтов какой-нибудь интересный шрифт и напишите что-нибудь. К примеру, слово "welcome". Здесь есть одна тонкость, нужно чтобы шрифт был не сглаженный. Для этого в атрибутах шрифта поменяйте параметр на “none”, файл будет иметь значительно меньший размер, чем если бы шрифт был сглаженный. Установите цвет, подходящий размер, а также можете выбрать начертание шрифта - полужирный, курсив, подчеркнутый.

Придадим анимацию. Например, надпись будет менять цвет в такой последовательности: красный->синий->черный.

Для этого создадим еще дополнительно 2 надписи. Чтобы сделать на основе готовой надписи, нужно продублировать 2 раза слой, выберите в меню “Layer” команду “Duplicate Layer”. Данную команду повторите два раза.

Теперь в окне слоев мы видим уже три слоя с надписью "welcome". Поменяем для двух новых слоев цвет надписи. В одном слое сделаем надпись синей, в другом черной. Для этого выделяем слой в окне слоев и меняем атрибуты цвета.

В данный момент мы видим три слоя. Самый верхний слой закрывает два остальных нижних. Чтобы придать анимацию, нам следует создать дополнительно еще два кадра. В каждом кадре будет затем показываться один слой, остальные два слоя показываться не будут (я не считаю фон отдельным слоем, в дальнейшем мы его удалим).

Чтобы создать новый кадр в окне “Animation” кликните на иконку “Duplicates current frame” два раза. В результате у Вас получились 3 кадра. Во всех кадрах отображается только верхний слой.

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


Содержание  Назад  Вперед