ImageReady

ImageReady Графический редактор, приложение к программе Adobe Photoshop. Графический редактор, приложение к программе Adobe Photoshop. Как и в программе Photoshop, имеются большие возможности для редактирования графических файлов. Как и в программе Photoshop, имеются большие возможности для редактирования графических файлов.

Главное окно

Инструменты Инструменты Выделение области «Область» Выделение области «Область» «Раскройка» «Раскройка» «Прямоугольн. карта ссылок» «Прямоугольн. карта ссылок» «Ластик»/ «Волшебный ластик» «Ластик»/ «Волшебный ластик» Набор текста «Текст» Набор текста «Текст» «Линия» «Линия» Кадрирование «Рамка» Кадрирование «Рамка» «Рука» «Рука» Цвет кисти Цвет кисти Вкл./Выкл показ карт ссылок Вкл./Выкл показ карт ссылок Просмотр документа Просмотр документа Вид окна Вид окна Переход в программу Photoshop Переход в программу Photoshop Перемещение Перемещение «Выделение фрагмента» «Выделение фрагмента» «Выдел. карты ссылок» «Выдел. карты ссылок» Кисть Кисть «Прямоуг./Эллипс/итд.» «Прямоуг./Эллипс/итд.» «Закладка/Контурн.прям. «Закладка/Контурн.прям. «Пипетка» «Пипетка» «Лупа» (увелич./уменьш.) «Лупа» (увелич./уменьш.) Вкл./Выкл. Показ фрагментов Вкл./Выкл. Показ фрагментов Просмотр в браузере Internet Explorer Просмотр в браузере Internet Explorer

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

Окно анимации Окно анимации В этом окне можно управлять кадрами анимации при создании gif-файлов. В этом окне можно управлять кадрами анимации при создании gif-файлов.

Окно истории Окно истории В окне истории отражается последовательность всех выполненных действий. В окне истории отражается последовательность всех выполненных действий. В окне истории можно вернуться к одному из прошлых действий или к оригиналу. В окне истории можно вернуться к одному из прошлых действий или к оригиналу.

Создание gif-анимации 1. Создайте новый файл в Photoshop (Ctrl+N) или откройте уже существующий (Ctrl+O).

2. Сохраните в формате *.psd

3. Создайте несколько новых слоев, которые будут отличны от первого. (Для подобных эффектов, как в образце, необязательно создавать новый слой – копию исходного, достаточно добавить эффект на прозрачном фоне.)

4. Откройте psd-файл в Image Ready. 5. В окне анимации создайте несколько кадров, соответствующих количеству разных слоев.

6. Для каждого кадра в окне слоев включите невидимость ненужных на данный момент слоев.

7. Выставьте время, за которое будет отображаться каждый кадр.

8. Результат можно предварительно просмотреть в браузере Internet Explorer.

9. Сохраните в формате.gif (Файл >> Сохранить оптимизированный как… >>.gif) (Файл >> Сохранить оптимизированный как… >>.gif)

9. Ваш gif – файл готов! =^_^=

Создание ролловеров (анимированных кнопок) 1. Создайте новый файл в ImageReady (размеры 200*100, фон –белый) 1. Создайте новый файл в ImageReady (размеры 200*100, фон –белый)

2. Понадобятся несколько дополнительных палитр, а именно Окно >> Web-содержимое >> Создать состояние ролловера. 2. Понадобятся несколько дополнительных палитр, а именно Окно >> Web-содержимое >> Создать состояние ролловера.

3. Чтобы отредактировать состояние Over (Наведен), в панели Rollover выберите состояние Over, а в панели управления слоями выберите втрой слой, спрятав остальные, кроме Basckground (Фон), измените его. 3. Чтобы отредактировать состояние Over (Наведен), в панели Rollover выберите состояние Over, а в панели управления слоями выберите втрой слой, спрятав остальные, кроме Basckground (Фон), измените его.

4. Чтобы отредактировать состояние Down (Нажато), выберите состояние Down в панели Rollover, и сделайте невидимыми все слои, кроме третьего и фона. 4. Чтобы отредактировать состояние Down (Нажато), выберите состояние Down в панели Rollover, и сделайте невидимыми все слои, кроме третьего и фона. 5. Уберите тень для этого состояния, т.к. кнопка нажата. 5. Уберите тень для этого состояния, т.к. кнопка нажата.

5. После нажатия кнопка должна менять цвет. Выберите состояние Out (Выбрано), и сделайте невидимыми все слои, кроме четвертого и фона. 5. После нажатия кнопка должна менять цвет. Выберите состояние Out (Выбрано), и сделайте невидимыми все слои, кроме четвертого и фона.

6. Результат можно предварительно просмотреть в браузере Internet Explorer. 6. Результат можно предварительно просмотреть в браузере Internet Explorer.