Андрей Жвалевский - Photoshop CS4

4. Убедившись, что все готово, нажмите в нижней части палитры ACTIONS(Действия) кнопку

Появится окно, в котором нужно указать название записываемого макроса (Name)и при желании горячую клавишу для его быстрого вызова (Function Key)(рис. 7.15).

Рис. 7.15.Окно выбора общих параметров макроса

5. После внесения необходимых изменений в окне параметров макроса нажмите ОК.Окно будет закрыто, а кнопка

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

6. Выполните все операции, которые хотите сохранить в виде макрокоманды.

7. Нажмите в нижней части палитры ACTIONS (Действия) кнопку

Запись макроса будет остановлена.

• Анимация

• Разбиение изображения на пластины

Принято считать, что Photoshop для веб-мастера такой же незаменимый инструмент, как топор для дровосека. Ни в одной другой программе нельзя так быстро нарисовать кнопки, стрелки, баннеры и прочие графические элементы интернет-сайта. И даже саму веб-страницу тоже можно сделать в Photoshop. Причем для ее создания вам не нужно знать язык HTML и уж тем более быть программистом. Широчайший функционал программы дает возможность каждому попробовать себя в роли веб-мастера. Самое главное при подготовке изображений для Интернета – оптимизировать их, то есть подобрать оптимальное соотношение качества и размера файла. Об этом рассказано в главе 4. Однако есть и другие особенности веб-графики, реализовать которые можно в Photoshop.

Одно из требований, которому должен соответствовать современный сайт, – интерактивность. С одной стороны, виртуальное общение с посетителем сайта необходимо для того, чтобы информация, за которой пришел пользователь, была быстро найдена. С другой стороны, интерактивная форма общения делает пребывание на сайте более комфортным. Чтобы создать «живую атмосферу» интернет-страницы, ее интерфейс должен содержать анимированные элементы. Это могут быть видоизменяющиеся кнопки, переливающиеся различными цветами элементы навигации по сайту и т. д.

Один из наиболее популярных способов использования анимации на сайте – размещение анимированных графических файлов в формате GIF. Такой файл представляет собой последовательность кадров, сменяющих друг друга через определенные промежутки времени. Анимированные GIF-файлы можно легко создавать в Adobe Photoshop.

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

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

Рис. 8.1.Исходные изображения для создания анимации

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

Откройте оба кадра в Photoshop. На одном из них выделите все изображение (Ctrl+A)и скопируйте его в буфер обмена (Ctrl+C).Затем перейдите ко второму изображению (например, щелкнув на нем кнопкой мыши) и вставьте изображение из буфера обмена (Ctrl+V).Новое изображение скроет под собой старое. Не волнуйтесь, это не навсегда.

Включите отображение палитры ANIMATION(Анимация) с помощью команды Window → Animation(Окно → Анимация). На ней будут располагаться кадры анимированного GIF-файла. Собственно, первый кадр уже есть – это то, что вы видите на экране. Щелкните на значке

в правом верхнем углу палитры. В результате откроется ее меню. Выберите в нем пункт New Frame(Новый кадр). А можете не открывать меню, а просто щелкнуть на изображении чистой страницы в нижней части палитры. Появится второй кадр. Пока он ничем не отличается от первого (рис. 8.2).

Ничего, сейчас мы его изменим. Щелкните на втором кадре на палитре ANIMATION(Анимация) и приготовьтесь немного повозиться с палитрой LAYERS(Слои) (рис. 8.3).

Как видите, на ней есть два слоя – по одному на кадр. Напротив каждого стоит значок глаза, который показывает, что соответствующий слой виден. Щелкните на глазе верхнего слоя. Он исчезнет, зато станет виден нижний. Новый кадр готов! Теперь он отличается от исходного (рис. 8.4).