скажем ему и не нужна вовсе. Поэтому основное требование к
изображению, она должна быть, как можно меньше по объему файла. Поэтому в
качестве картинок на сайте, как правило, нужно использовать GIF файлы, содержащие не более 16 цветов, а лучше всего 2-3
цвета. Например, слово из трех букв напишите тремя цветами и не увлекайтесь
больше. Это я все отношу, к примеру, создания логотипа для сайта или скажем
легкой навигации.
Давайте поподробнее рассмотрим пример, как можно сделать
логотип для сайта с легкой анимацией. Для этого нам понадобится программа Adobe ImageReady,
которая поставляется вместе с Photoshop.
Создадим в ней новое изображение размером 75х18 пикселей,
разрешение должно обязательно стоять 72 точки на дюйм, палитра RGB. Выберите из коллекции шрифтов какой-нибудь интересный
шрифт и напишите что-нибудь. К примеру, слово "welcome".
Здесь есть одна тонкость, нужно чтобы шрифт был не сглаженный. Для этого в
атрибутах шрифта поменяйте параметр на “none”, файл
будет иметь значительно меньший размер, чем если бы шрифт был сглаженный.
Установите цвет, подходящий размер, а также можете выбрать начертание шрифта -
полужирный, курсив, подчеркнутый.
Придадим анимацию. Например, надпись будет менять цвет в
такой последовательности: красный->синий->черный.
Для этого создадим еще дополнительно 2 надписи. Чтобы сделать
на основе готовой надписи, нужно продублировать 2 раза слой, выберите в меню “Layer”
команду “Duplicate Layer”. Данную команду повторите два раза.
Теперь в окне слоев мы видим уже три слоя с надписью
"welcome". Поменяем для двух новых слоев цвет надписи. В одном слое
сделаем надпись синей, в другом черной. Для этого выделяем слой в окне слоев и
меняем атрибуты цвета.
В данный момент мы видим три слоя. Самый верхний слой
закрывает два остальных нижних. Чтобы придать анимацию, нам следует создать
дополнительно еще два кадра. В каждом кадре будет затем показываться один слой,
остальные два слоя показываться не будут (я не считаю фон отдельным слоем, в
дальнейшем мы его удалим).
Чтобы создать новый кадр в окне “Animation” кликните на
иконку “Duplicates current frame” два раза. В результате у Вас получились 3
кадра. Во всех кадрах отображается только верхний слой.
Нашей следующей задачей стало убрать в каждом кадре два
ненужных цвета, т.е. два слоя с надписями и показывать только один слой.
Выделим первый кадр и в окне “Layers”
спрячем два верхних слоя. Чтобы это получилось нужно кликнуть на иконку “Indicates layer visibility” ("глаз"). В
итоге мы скроем этот слой. Тоже нужно сделать еще для одного слоя, в итоге у
нас остается только один слой с надписью.
Следующей
Это интересно 