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

Попробуйте посмотреть, что получилось. Для этого нажмите кнопку Plays animation(Воспроизвести анимацию)

в нижней части палитры Animation(Анимация). Кадры начнут очень быстро мелькать. Остановите их нажатием кнопки

Необходимо задать задержку по времени для каждого кадра. Найдите на кадре надпись 0 sec.и щелкните на треугольничке справа от нее. Появится список, в котором можно выбрать задержку. Установите ее для обоих кадров, так будет удобнее любоваться «живой» картинкой.

Простейшая анимация готова! Можете немного усложнить ее, выбрав в меню палитры ANIMATION(Анимация) пункт Tween(Размножить). Появится окно, в котором нужно указать количество промежуточных кадров. Эти кадры будут достроены между первым и последним кадрами анимации. Получается довольно занятно.

Созданный файл можно просмотреть в любом браузере, однако рекомендуем оценить результат заранее. Для этого, вызвав окно Save for Web & Devices(Сохранить для веб и устройств), нажмите кнопку Preview(Просмотр) в нижней части этого окна. Анимированное изображение будет открыто в браузере, которым вы пользуетесь. Если результат вас устроит, возвращайтесь в окно Save for Web & Devices(Сохранить для веб и устройств) и нажимайте кнопку Save(Сохранить).

Если вы выкладываете на сайт картинку небольшого размера, этот раздел вам читать не обязательно. Но случается, что веб-изображение должно быть большим (например, рекламный плакат). В таких случаях лучше разбить его на несколько кусков. Это позволит уменьшить время загрузки картинки. Кроме того, разным частям изображения вы сможете присвоить разные гиперссылки.

Такое разбиение называется разделением на пластины (Slice).

Чтобы создать пластины, можно воспользоваться одним из трех способов:

• создать пластины из слоев (о слоях будет рассказано в следующей главе);

• разделить изображение с помощью специального инструмента;

• разделить изображение, используя направляющие.

Рассмотрим два последних способа.

Инструмент Slice (Пластина)

Этот инструмент находится в верхней части палитры инструментов (рис. 8.5).

Рис. 8.5.Инструмент Slice (Пластина) на палитре инструментов

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

Изображение сразу будет разделено на несколько прямоугольников – пластин. В левом верхнем углу каждой пластины вы увидите ее номер и специальный значок

Разделение на пластины с помощью направляющих

Направляющие – это вспомогательные линии, которые видны на изображении при редактировании его в Photoshop. Они применяются для того, чтобы проверить вертикальность или горизонтальность элементов изображения, выравнивание фрагментов и т. д. Вне Photoshop направляющие не отображаются.

Чтобы создать направляющую, нужно прежде всего включить показ разметных линеек слева и сверху окна документа. Для этого служит команда View → Rulers(Вид → Линейки) или сочетание клавиш Ctrl+R.Когда появятся линейки, подведите указатель мыши к любой из них, нажмите кнопку мыши и, не отпуская ее, вытащите направляющую в окно документа.

Созданные направляющие можно перетаскивать мышью с места на место, а также влючать или выключать их отображение командой View → Show → Guides(Вид → Показать → Направляющие) или сочетанием клавиш Ctrl+;.

Для быстрого управления показом линеек и направляющих служит кнопка

под строкой заголовка документа.

Расположите направляющие на изображении так, чтобы они обозначали границы создаваемых пластин. Активизируйте инструмент Slice(Пластина) на палитре инструментов. На панели параметров появится кнопка Slices From Guides(Пластины из направляющих). При нажатии на нее изображение разрезается на пластины по направляющим.