ВУЗ:
Составители:
Рубрика:
перемещения - кнопка Edit in Photoshop (Редактировать в
программе Photoshop), находящаяся на панели инструментов
программы ImageReady. А теперь перейдем к практике.
Программа ImageReady обладает средствами создания
анимированных изображений и использует для этого
специально разработанный формат GIF89a. Вам, наверняка,
приходилось сталкиваться с такими изображениями при
просмотре веб -страниц . Итак , попробуем создать
анимированный баннер.
Будем использовать готовые изображения из системных
файлов, поскольку в данный момент нас интересует только
разработка анимации. При этом проще и удобнее подготовить
изображения в Photoshop, а остальное доделать в программе
ImageReady.
1. Запустите программу ImageReady и откройте файл
Weather.psd. Он расположен в папке ImageReady Files,
находящейся в папке Samples, которой вы постоянно
пользовались.
2. Этот документ содержит практически
все необходимые для работы изображения, добавить нужно
совсем немного. Посмотрите на палитру Layers (Слои).
Шесть слоев ( по порядку от слоя partly cloudy до слоя
sunny) содержат изображения значков различных
состояний погоды . Слой PARTLY CLOUDY включает
информацию об одном из • состояний погоды в текстовом
виде. В него должны быть внесены некоторые изменения.
3. В палитре Layers (Слои) активизируйте текстовый
слой PARTLY CLOUDY и замените текст названием какого-
нибудь города ( выберите, например PARIS) - наш баннер
будет показывать погоду в шести различных городах.
Задайте для текста какой-нибудь более яркий цвет.
4. Создайте пять копий текстового слоя PARIS и в
11
каждом из этих слоев введите название другого города, скажем
LONDON, ATHENS, BRUSSELS, ROME, OSLO Итак, у вас
есть шесть слоев с названиями различных городов. Отключите
просмотр всех слоев, кроме слоя PARIS.
5. Далее переходите к заданию значений температуры.
Два слоя отображают дневную и ночную температуры (60° и
30°). Сделайте из них один слой, скопировав текст из одного
слоя в другой , а затем удалите лишний . Замените значения
температуры (они указаны в градусах по Фаренгейту )
значениями, более приемлемыми для вашего восприятия.
6. Теперь создайте пять копий полученного текстового
слоя и введите различные значения температур для каждого
слоя.
7. Все готово для создания анимации . С помощью
команды Window-Animation (Окно Анимация) откройте (если
она не открыта) палитру Animation (Анимация).
8. Создайте пять новых кадров , пять раз щелкнув на
кнопке Duplicates current frame (Дублировать текущий кадр).
Ваш баннер будет содержать шесть кадров для шести городов
и шести различных состояний погоды, при этом первый кадр
уже присутствует в окне. Секрет создания
анимированного изображения очень прост : в текущем
кадре должны отображаться только требуемые слои , а
просмотр остальных нужно отключить . Посмотрим ,
как это выглядит применительно к вашему баннеру.
9. Первый кадр в палитре Animation (Анимация)
активен по умолчанию, для него и будет формироваться
изображение. Оставьте в палитре Layers (Слои) видимыми
слои weater-box, partly-cloudy, один из слоев со значениями
температуры ( по вашему усмотрению), а также слои HIGW,
LOW и PARIS. Просмотр остальных слоев отключите.
10. Активизируйте второй кадр. Для него в палитре
12
перемещения - кнопка Edit in Photoshop (Редактировать в каждом из этих слоев введите название другого города, скажем
программе Photoshop), находящаяся на панели инструментов LONDON, ATHENS, BRUSSELS, ROME, OSLO Итак, у вас
программы ImageReady. А теперь перейдем к практике. есть шесть слоев с названиями различных городов. Отключите
Программа ImageReady обладает средствами создания просмотр всех слоев, кроме слоя PARIS.
анимированных изображений и использует для этого 5. Далее переходите к заданию значений температуры.
специально разработанный формат GIF89a. Вам, наверняка, Два слоя отображают дневную и ночную температуры (60° и
приходилось сталкиваться с такими изображениями при 30°). Сделайте из них один слой, скопировав текст из одного
просмотре веб -страниц . Итак , попробуем создать слоя в другой , а затем удалите лишний . Замените значения
анимированный баннер. температуры ( они указаны в градусах по Фаренгейту )
Будем использовать готовые изображения из системных значениями, более приемлемыми для вашего восприятия.
файлов, поскольку в данный момент нас интересует только 6. Теперь создайте пять копий полученного текстового
разработка анимации. При этом проще и удобнее подготовить слоя и введите различные значения температур для каждого
изображения в Photoshop, а остальное доделать в программе слоя.
ImageReady. 7. Все готово для создания анимации . С помощью
1. Запустите программу ImageReady и откройте файл команды Window-Animation (Окно Анимация) откройте (если
Weather.psd. Он расположен в папке ImageReady Files, она не открыта) палитру Animation (Анимация).
находящейся в папке Samples, которой вы постоянно 8. Создайте пять новых кадров , пять раз щелкнув на
пользовались. кнопке Duplicates current frame (Дублировать текущий кадр).
2. Этот документ содержит практически Ваш баннер будет содержать шесть кадров для шести городов
все необходимые для работы изображения, добавить нужно и шести различных состояний погоды, при этом первый кадр
совсем немного. Посмотрите на палитру Layers (Слои). уже присутствует в окне. Секрет создания
Шесть слоев ( по порядку от слоя partly cloudy до слоя анимированного изображения очень прост : в текущем
sunny) содержат изображения значков различных кадре должны отображаться только требуемые слои , а
состояний погоды . Слой PARTLY CLOUDY включает просмотр остальных нужно отключить . Посмотрим ,
информацию об одном из • состояний погоды в текстовом как это выглядит применительно к вашему баннеру.
виде. В него должны быть внесены некоторые изменения. 9. Первый кадр в палитре Animation (Анимация)
3. В палитре Layers (Слои) активизируйте текстовый активен по умолчанию, для него и будет формироваться
слой PARTLY CLOUDY и замените текст названием какого- изображение. Оставьте в палитре Layers (Слои) видимыми
нибудь города ( выберите, например PARIS) - наш баннер слои weater-box, partly-cloudy, один из слоев со значениями
будет показывать погоду в шести различных городах. температуры ( по вашему усмотрению), а также слои HIGW,
Задайте для текста какой-нибудь более яркий цвет. LOW и PARIS. Просмотр остальных слоев отключите.
4. Создайте пять копий текстового слоя PARIS и в 10. Активизируйте второй кадр. Для него в палитре
11 12
