Adobe imageready что это за программа
Adobe ImageReady — это мощный и удобный инструмент для создания GIF-анимации. Каждая анимация представляется рядом кадров, для управления которыми предназначены как палитра Animation (Анимация), так и палитра Layers (Слои). Если палитра слоев известна из растрового редактора Photoshop, то палитра анимации появляется только в программе ImageReady. Палитра Animation (Анимация) — это окно, в котором отображается последовательность кадров с возможностью их копирования, перемещения, удаления и организации в любом порядке. Чтобы отобразить ее в окне ImageReady, выполняют команду Window > Show Animation (Окно > Показать анимацию). Для сокращения места, занимаемого палитрой на экране, можно уменьшить размер изображения отдельного кадра на ней, что позволяет видеть одновременно большее число последовательных кадров при ее фиксированной ширине.
Рис. 3.8. Палитра Animation
На рис. 3.8 цифрами обозначены следующие элементы управления палитры Animation (Анимация):
- 1. Раскрывающееся меню задержки со значениями (Delay menu) .
- 2. Раскрывающийся список задания циклического повторения (Looping options).
- 3. Кнопка перехода к началу анимации (Rewind).
- 4. Кнопка перехода к предыдущему кадру (Backward) .
- 5. Кнопка остановки воспроизведения (Stop).
- 6. Кнопка воспроизведения (Play).
- 7. Кнопка перехода к следующему кадру (Forward).
- 8. Кнопка расчета промежуточных кадров (Tween).
- 9. Кнопка создания нового кадра (New Frame).
- 10. Кнопка удаления кадра (Trash).
Палитра Animation (Анимация) имеет собственное меню команд, вызываемое щелчком на кнопке со стрелкой, расположенной в ее правом верхнем углу. В меню представлены следующие команды:
- New Frame (Новый кадр) — создает дубликат выделенного кадра (быстрее можно выполнить это действие, если щелкнуть на кнопке Duplicates Current Frame , расположенной в нижней части окна палитры);
- Delete Frame (Удалить кадр) — удаляет выделенный кадр (это действие также быстрее выполняется с помощью щелчка на кнопке с рисунком корзины в нижней части окна палитры);
- Delete Animation (Удалить анимацию) — удаляет все кадры анимации;
- Copy Frame (Копировать кадр) — копирует выделенный кадр;
- Paste Frame (Вставить кадр) — вставляет в заданную позицию последний скопированный кадр;
- Select All Frames (Выбрать все кадры) — выделяет все кадры анимации;
- Tween (Промежуточный) — вызывает диалоговое окно создания заданного количества промежуточных кадров между двумя соседними кадрами;
- Reverse Frames (Обратить кадры) — меняет порядок двух или нескольких выделенных кадров в анимации;
- Optimize Animation (Оптимизировать анимацию) — уменьшает размер файла анимации с помощью средств Bounding Box и Redundant Pixel elimination;
- Match Layer Across Frames (Подогнать слой под кадры) — позволяет при редактировании слоя с помощью палитры Layers (Слои) вставить изменения во все кадры анимации;
- Make Frames From Layers (Сделать кадры из слоев) — создает кадры из слоев рисунка Photoshop;
- Flatten Frames Into Layers (Свести кадры в слои) — объединяет слои в кадрах анимации в один слой;
- Add Layer To New Frames (Добавлять слой для нового кадра) — позволяет при создании нового кадра создавать также новый слой, видимый только в этом кадре, для вновь появляющегося элемента изображения;
- New Layers Visible in All Frames (Новые слои отображаются во всех кадрах) — разрешает отобразить вновь созданный слой во всех кадрах анимации;
- Palette Options (Параметры палитры) — задает один из трех размеров изображения кадров на палитре.
После открытия файла изображения он представлен на палитре Animation (Анимация) как первый кадр последовательности. Новый кадр последовательности создается как копия предыдущего, после чего в него можно вносить изменения, используя палитру Layers (Слои) и инструменты ImageReady.
Для изменения одного из кадров последовательности его следует выделить. Содержимое выделенного кадра отображается в окне документа. Можно одновременно выделить несколько кадров, расположенных как последовательно друг за другом, так и в произвольном порядке, редактируя их или применяя к ним команды как к группе. В окне документа при этом отображается только текущий кадр, который был выделен первым. На палитре Animation (Анимация) текущий кадр выделяется узкой рамкой, в то время как все выделенные кадры отмечены серым фоном вокруг их изображений.
Чтобы сделать кадр текущим, можно выполнить одно из следующих действий:
Чтобы выделить несколько кадров как группу, можно выполнить одно из следующих действий:
- выделить первый кадр непрерывной группы и при нажатой клавише Shift щелкнуть по заключительному кадру выделяемой группы;
- щелкать по кадрам, расположенным в произвольной последовательности, при нажатой клавише Ctrl;
- выделить все кадры анимации можно командой Select All Frames (Выбрать все кадры) из раскрывающегося меню палитры Animation (Анимация).
- Убрать кадр из выделенной группы можно, повторно щелкнув по нему при нажатой клавише Ctrl.
Выделенную группу кадров можно переместить, изменив ее место в последовательности, либо, если это непрерывная группа кадров, заменить их порядок обратным. При перемещении произвольно выделенных кадров в новой позиции они расположатся последовательно друг за другом.
Чтобы удалить выделенные кадры, можно выполнить одно из следующих действий:
- воспользоваться командой Delete Frames (Удалить кадры) из меню палитры Animation (Анимация);
- щелкнуть на кнопке Trash (Корзина) и подтвердить удаление щелчком на кнопке Yes (Да) диалогового окна;
- перетащить мышью выделенные кадры на значок корзины палитры Animation (Анимация).
Команды копирования и вставки кадров меню палитры Animation (Анимация) позволяют получить копию кадра, которая может быть вставлена в любое место последовательности. При этом копируется не само изображение, а та конфигурация слоев и их атрибутов, которая присуща данному кадру. При вставке в кадры места назначения текущей анимации или другой анимации следует указать метод, который будет использован при вставке:
- Replace Frames (Заменить кадры) — позволяет заменить выделенные кадры скопированными. При вставке кадров в то же самое изображение к нему не добавляются новые слои, а заменяются только их атрибуты теми, что были в скопированных кадрах. При вставке кадров в новое изображение к нему добавляются новые слои, и им присваивается свойство visible (видимый), старым же слоям присваивается свойство hidden (скрытый).
- Paste Over Selection (Вставить в выделенные) — добавляет содержимое вставляемых кадров в качестве новых слоев изображения. При вставке кадров в то же самое изображение число слоев в нем удваивается, причем вставленные слои в кадрах назначения будут видимыми, а существовавшие ранее — скрыты. В остальных кадрах анимации вставленные слои будут скрыты.
- Paste Before Selection (Вставить перед выделением) или Paste After Selection (Вставить после выделения) — добавляет скопированное число кадров перед или после выделения, причем новые слои добавляются к изображению и будут видимы только во вновь добавленных кадрах, в которых существовавшие до вставки слои изображения будут скрыты.
Флажок Link Added Layers (Связать добавляемые слои) позволяет связать вставляемые слои и затем одновременно изменять их позицию. По щелчку на кнопке ОК выполняется выбранный способ вставки.
Рис. 3.9. Выбор способа вставки скопированных кадров
В ImageReady каждый слой рассматривается как отдельный элемент анимации. Используя команды и параметры палитры Layers (Слои), можно задавать нужные изменения, добиваясь создания анимационных эффектов в изображении, так как изменения будут влиять только на выделенные кадры. Можно менять положение объекта, его прозрачность, а также рассчитывать промежуточные кадры, используя команду Tween (Промежуточный). Изменения, выполненные на палитре Layers (Слои), можно применить ко всем кадрам, если выполнить команду Match Layer Across Frames (Подогнать слой под кадры).
Однако изменения объекта, влияющие на параметры пикселов (такие, как раскраска, изменение тона или цвета, трансформации), оказывают влияние на все кадры анимации, в которых представлен данный объект. Для анимации подобных свойств следует создавать отдельные слои с разными параметрами для каждого изменяемого кадра, задавая соответствующий режим видимости.
Применение эффекта к слою-маске воздействует на все кадры, в которых представлен этот слой, однако при этом маска может дополнительно изменять свое положение.
Создание анимации изменением параметров слоев выполняется достаточно просто и предоставляет, если сохранить ее в формате документа Photoshop, дальнейшую возможность ее редактирования. При создании анимации в Image- Ready анимируемые объекты следует размещать на разных слоях, связывая эти слои в группы.
Возможность автоматического создания промежуточных кадров анимации (tweened animation) является очень полезной и может быть применена как к графическим, так и к текстовым изображениям. Эта функция позволяет рассчитывать кадры, в которых объект может перемещаться, появляться или исчезать, а также к нему может быть применен постепенно усиливающийся эффект.
Рис. 3.10. Выбор параметров при расчете кадров
Перед расчетом промежуточных кадров следует выделить один или несколько последовательных кадров. Если выделен один кадр, то рассчитанные кадры вставляются между ним и предыдущим или же последующим кадрами. Если выделены два последовательных кадра, то новые кадры вставляются между ними. Для выделенной непрерывной группы кадров все промежуточные кадры (то есть все, кроме первого и последнего) заменяются кадрами, рассчитанными по команде Tween (Промежуточный). Выделение первого и последнего кадров анимации также рассматривается как последовательное и позволяет добавить рассчитанные кадры в конец анимации, обеспечивая непрерывность при ее циклическом повторении.
Затем в раскрывающемся меню выбирается команда Tween (Промежуточный) либо выполняется щелчок по одноименной кнопке палитры Animation (Анимация). В открывшемся окне Tween (Расчет промежуточных кадров) задаются следующие параметры:
- Выбирается одно из значений переключателя Layers (Слои):
- All Layers (Все слои) — выполняет расчет для всех слоев в выделенных кадрах;
- Selected Layer (Выделенный слой) — выполняет расчет только для выбранного слоя выделенных кадров, что требует предварительного выделения этого слоя на палитре Layers (Слои).
- Position (Положение) — для расчета изменения положения слоя в кадрах;
- Opacity (Непрозрачность) — для изменения значения коэффициента прозрачности в рассчитываемых кадрах;
- Effects (Эффекты) — для изменения величины эффекта в рассчитываемых кадрах.
Щелчок на кнопке ОК приводит к созданию заданного числа кадров, которые затем можно редактировать по отдельности.
Время демонстрации каждого кадра в секундах указано под изображением кадра. Чтобы его изменить, следует выделить один или несколько кадров и щелкнуть на величине времени задержки, что вызовет меню с набором постоянных значений. Выбор значения Other (Другое) открывает диалоговое окно Set Frame Delay (Время кадра), в котором можно задать произвольное число секунд. После щелчка на кнопке ОК это время будет присвоено всем выделенным кадрам анимации. Следует отметить, что при просмотре анимации в ImageReady время демонстрации кадров может отличаться от установленного. Поэтому просмотр следует выполнять в браузере, где это время точно выдерживается.
Создаваемая анимация при воспроизведении может быть повторена заданное число раз. Для этого щелчком на раскрывающемся списке Selects looping option (Выбор параметров повторения), расположенном в левом нижнем углу палитры Animation (Анимация), выбирается одно из значений списка: Once (Однократно), Forever (Бесконечно) или Other (Другое). В последнем случае в диалоговом окне Set Loop Count (Число повторов) вводится нужное числовое значение.
Метод удаления кадра (frame disposal method) определяет, сохранится ли изображение предыдущего кадра при демонстрации последующего. При использовании кадров с прозрачным фоном в этом случае будут видны изображения предыдущих кадров.
Выбор метода осуществляется для одного или нескольких выделенных кадров с помощью контекстного меню, вызываемого щелчком правой кнопки мыши на рисунке кадра (thumbnail) в окне Animation (Анимация):
- Automatic (Автоматически) — устанавливается по умолчанию, автоматически стирая изображение текущего кадра, если следующий содержит прозрачный слой;
- Do Not Dispose (He удалять) — сохраняет изображение предыдущего кадра, добавляя к нему изображение следующего, причем предварительный просмотр такой анимации следует выполнять в браузере;
- Restore to Background (Восстановить фон) — позволяет демонстрировать в каждый момент времени только один кадр.
Для методов Do Not Dispose (He удалять) и Restore to Background (Восстановить фон) у рисунков кадров появляется специальная отметка Disposal Method icon, указывающая на тип метода.
Рис. 3.11. Различия методов смены кадров
На рис. 3.11 представлены результаты воспроизведения анимации с прозрачным фоном для параметров смены кадра Restore to Background (первый ряд) и Do Not Dispose (второй ряд).
При сохранении анимации в формате GIF первоначальные слои изображений теряются, так как в каждом кадре все слои сводятся к единому слою. Поэтому если требуется дальнейшее редактирование анимации, то ее целесообразно сохранить в формате Photoshop, содержащем все исходные слои изображений. При необходимости можно получить сведение слоев в кадрах этого файла, выполнив команду Flatten Frames into Layers (Свести кадры в слои). Эта команда позволяет создать отдельный сведенный слой для каждого из кадров и предохранить исходные слои, сделав их скрытыми, для последующего создания новых кадров.
Открывая в ImageReady файл Photoshop, содержащий несколько слоев, каждый слой можно сделать отдельным кадром анимации. Для этого в меню команд палитры Animation (Анимация) предусмотрена команда Make Frames From Layers (Создать кадры из слоев), разбирающая слои по кадрам, после чего файл можно сохранять как анимированный GIF с выбранными параметрами оптимизации.
Adobe ImageReady был растровым графическим редактором, поставлявшимся вместе с Adobe Photoshop, разработанным и распространяемым фирмой Adobe Systems. ImageReady поставлялся в двух версиях: для платформ Microsoft Windows и Mac OS X с 1998 по 2007 гг.
ImageReady имела меньше возможностей, чем Photoshop, и была предназначена для быстрого редактирования веб-графики. Для этого ImageReady имеет специальные функции, такие как создание анимированных GIF, оптимизация изображения, нарезка изображения и генерация HTML.
На панели инструментов Photoshop имелась кнопка для быстрой передачи текущего изображения (с версии 5.5) в ImageReady. Панель инструментов ImageReady похожа на панель инструментов Photoshop, но ряд инструментов отсутствовал в Photoshop:
- Просмотр документа (Preview Document tool) — возможность просмотра эффектов в ImageReady, а не в браузере.
- Просмотр в браузере по умолчанию (Preview in Default Browser tool) — предпросмотр изображения в окне браузера, в том числе и анимационных эффектов.
- Передача изображения в Photoshop (Jump to Photoshop) — открытие изображения в Photoshop.
Версии
Выпуск (№) Версия (№) Дата выпуска Поставлялся с 1-й v1.0 Июль 1998 Выпущен как отдельный продукт 2-й v2 Июль 1999 Photoshop 5.5 3-й v3 Октябрь 2000 Photoshop 6.0 4-й v7 Февраль 2002 Photoshop 7.0 5-й v8 («CS») Октябрь 2003 Photoshop 8.0 CS 6-й v9 («CS2») Май 2005 Photoshop 9.0 CS2 7-й v10 («CS3») Март 2007 Исключён В 2007 году Adobe Fireworks заменил ImageReady из-за покупки Macromedia компанией Adobe.
См. также
Bridge • Device Central • Dynamic Link • Version Cue
GoLive • ImageReady • OnLocation • Stock Photos • Ultra • Soundbooth • Flash Catalyst
- Программное обеспечение по алфавиту
- Растровые графические редакторы
- Программное обеспечение Adobe
- Продукты, разработка которых прекращена
- Кроссплатформенное программное обеспечение
- Коммерческое программное обеспечение
- Программное обеспечение для Windows
- Программное обеспечение для Mac OS
Wikimedia Foundation . 2010 .
Полезное
Смотреть что такое "Adobe ImageReady" в других словарях:
Adobe ImageReady — fue, hasta el año 2005, un editor en forma de taller de creación de gráficos incluido en Adobe Photoshop de Adobe Systems. Este software estaba destinado a la optimización de imágenes y creación de elementos gráficos para Internet, aunque se… … Wikipedia Español
Adobe ImageReady — Infobox Software name = Adobe ImageReady caption = Adobe ImageReady CS2 running on XP developer = Adobe Systems latest release version = CS2 (9.0) latest release date = April 2005 operating system = Windows and Mac OS X status = Discontinued… … Wikipedia
Adobe ImageReady — ImageReady ImageReady était un logiciel créé par Adobe Systems, vendu avec Adobe Photoshop. Il permet de réaliser l animation de plusieurs images ou de générer et optimiser automatiquement un code HTML à partir d une création importée de Adobe… … Wikipédia en Français
Adobe imageready — ImageReady ImageReady était un logiciel créé par Adobe Systems, vendu avec Adobe Photoshop. Il permet de réaliser l animation de plusieurs images ou de générer et optimiser automatiquement un code HTML à partir d une création importée de Adobe… … Wikipédia en Français
Adobe ImageReady — ImageReady ist ein dem Bildbearbeitungsprogramm Adobe Photoshop beigelegtes Hilfsprogramm. Es lässt sich direkt von Photoshop aus aufrufen und dient hauptsächlich zur Bearbeitung oder Bereitstellung von Webgrafiken. ImageReady ist seit 1999… … Deutsch Wikipedia
Adobe Creative Suite — Developer(s) Adobe Systems Initial release September 1, 2003; 8 years ago (2003 09 01) … Wikipedia
Adobe Photoshop — Adobe Photoshop … Википедия
Adobe Photoshop — Photoshop CS5 Extended (Windows Vista 32 B … Deutsch Wikipedia
Adobe Fireworks — Тип Векторный графический редактор Разработчик Adobe Systems,Macromedia Операционная система Microsoft Windows, Mac OS Последняя версия CS6 (2012) Лицензия Проп … Википедия
Adobe Systems — Adobe Systems, Incorporated Тип … Википедия
Фирма Adobe включила в Photoshop с версии 5.5 программу ImageReady, которая позволяет создавать анимационные изображения с помощью этого графического пакета. Данный урок рассчитан на тех, кто имеет практические навыки работы со слоями и инструментами выделения в программе PhotoShop.
- Обучающая: в рамках данного урока учащемуся необходимо освоить приемы создания анимации из заранее подготовленных файлов с фазами движения, создание промежуточных кадров анимации, сохранение GIF-файла для Web-страницы.
- Развивающая: умение оперировать новой терминологией, умение сравнивать и обобщать.
- Воспитательная: воспитание информационной культуры, положительное отношение к знаниям.
Тип урока: урок изучения нового материала.
Вид урока: практическая работа.
Методы: объяснительно-иллюстративный, репродуктивный.
- класс, оборудованный ПК;
- PhotoShop не ниже версии 5.5;
- проектор;
- файлы изображений.
Ход урока
Проще всего в программе ImageReady, реализуется анимация из заранее подготовленных файлов с фазами движения.
Упражнение 1. Полет бабочки
Запустите Photoshop и создайте новый файл размером 100 x 100 пикселей. Залейте фон зеленым цветом. Вставьте в этот файл, на отдельный слой изображение бабочки (рис.1).
Включите границы отображения документа (рис.2), отобразятся линейки, выбрав инструмент перемещения, перетащите направляющую, как показано на рисунке (рис.3).
Продублируйте слой 1 (рис.4).
Сожмем изображение бабочки по горизонтали. Edit (Редактирование) > Free Transform (Произвольная трансформация). Изменим размер изображения по ширине, заменив величину W=100% на 80% (рис.5)
Отключить (рис.6) (показывает видимость слоя) в слое 1, для того чтобы увидеть, что получилось в слое 2 (рис.7).
Повторите шаги для 3-х предыдущих действий, выполнив произвольную трансформацию по ширине на 60%, 40% и 20% используя направляющую, как ось симметрии. Получим 6 слоев (рис.8).
Кликните на кнопке Jump to ImageReady (перейти в ImageReady) (рис.9).
Откроется приложение ImageReady и файл загрузится автоматически.
Теперь откройте или найдите на экране панель анимации. Если она не видна изначально, её можно открыть с помощью меню Window (Окно) > Show Animation (Показать панель анимации) (рис.10).
На панели анимации есть треугольная кнопка справа вверху. В меню команд палитры Animation выбираем команду Make Frames From Layers, что позволяет из каждого отдельного слоя изображения создать свой кадр (рис.11).
Теперь у нас есть шесть кадров (рис.12).
Теперь можно нажать кнопку play (рис.13) и проиграть анимацию (рис.14) .
Выполняя команду File (Файл) – Save (Сохранить), сохраняем файл в формате Photoshop для продолжения работы со слоями изображения. Если работа завершена и не требуется сохранения слоев, то по команде File (Файл) - Save Optimized (Сохранить оптимизированное как…) сохраняем GIF-файл для Web-страницы, при этом используются параметры оптимизации по умолчанию. Оценить результат оптимизации можно с помощью вида 2-Up, который показывает исходное и оптимизированное изображения.
Возможность автоматического создания промежуточных кадров анимации (tweening) является очень полезной и может быть применена как к графическим, так и текстовым изображениям.
Упражнение 2. Разлетающийся текст
Запустите Photoshop и создайте новый файл размером 300 X 150 пикселей. Залейте фон черным цветом. В нижней части панели слоев кликните на иконке New Layer (Новый слой) (рис.15).
Выберите цвет для текста и возьмите инструмент Type Tool (Набор текста) (рис.16).
Наберите первую букву. Теперь повторите этот шаг так, чтобы каждая буква слова оказалась на отдельном слое (рис.17).
Кликните на кнопке Jump to ImageReady (перейти в ImageReady) (рис.18).
Откроется приложение ImageReady и файл загрузится автоматически. Теперь откройте или найдите на экране панель анимации. Если она не видна изначально, её можно открыть с помощью меню Window (Окно) > Show Animation (Показать Animation).
В нижней части этой панели, кликните на кнопке New Frame (Новый кадр), чтобы сделать копию текущего кадра (рис.19).
Получим два одинаковых кадра на панели анимации (рис.20).
На панели слоев кликните на слое, с буквой Ш (рис.21).
Выберите инструмент Перемещения и используя стрелки на клавиатуре переместите букву так, чтобы она была левее (или правее, выше, ниже) видимого изображения (рис.22) , (рис.23).
Повторите шаги для остальных букв. В палитре анимации, (первый кадр должен быть просто черным) поменяйте кадры местами, для этого надо перенести первый кадр на второй кадр. 2-й кадр теперь черный (рис.24).
Кликните на кнопке Tween (рис.25) (генерация промежуточных кадров), которая расположена в нижней части панели анимации. Откроется окно параметров. Введите следующие значения:
Tween With: Proveons Frame
Frames to: 5
Layers: All Layers
Parametrs: все галочки
Панель анимации теперь должна содержать 7 кадров (6 с текстом +1 черный) (рис.26).
Установите небольшую паузу (2 секунды) для первого кадра, чтобы текст можно было прочитать (рис.27).
Теперь можно нажать кнопку play и проиграть анимацию (рис.28).
Упражнение 3. Морфинг
Морфинг - это процесс, при котором один объект плавно меняется (претекает) в другой.
Загрузите ImageReady. С помощью меню File (файл) > New (новый) создайте новый файл с нужными размерами и вставьте в этот файл, на отдельный слой изображение лягушки (рис.29).
На другой слой вставьте изображение замка, которое будет постепенно появляться (рис.30).
Сейчас панель слоев выглядит так (рис.31).
Удалите первый слой в корзину, панель слоев выглядит так (рис.32).
Теперь откройте или найдите на экране панель анимации. Если она не видна изначально, её можно открыть с помощью меню Window (окно) > Show Animation (показать панель анимации) (рис.33).
На панели анимации есть треугольная кнопка справа вверху. В меню команд палитры Animation выбираем команду Make Frames From Layers, что позволяет из каждого отдельного слоя изображения создать свой кадр (рис.34).
Теперь у нас есть два кадра (рис.35).
На панели анимации есть треугольная кнопка справа вверху. Кликните на этой кнопке и выберите в меню пункт Tween. или кликните на кнопке (генерация промежуточных кадров). Откроется окно параметров (рис.36).
Adobe ImageReady CS2 работает в Windows XP. Кнопка «Редактировать в Photoshop», обсуждаемая в статье, видна в самом низу панели инструментов.
Adobe ImageReady прекращено редактор растровой графики это было отправлено с Adobe Photoshop на шесть лет. Это было доступно для Windows, Классическая Mac OS и Mac OS X с 1998 по 2007 год. ImageReady был разработан для веб-разработки и тесно взаимодействовал с Photoshop.
Функция
ImageReady был разработан для веб-разработка а не с интенсивным воздействием фотоманипуляция. С этой целью ImageReady имеет специальные функции, такие как анимированный гифка творчество, сжатие изображений оптимизация, нарезка изображений, добавление эффектов наведения и HTML поколение.
Версии Photoshop, с которыми был выпущен ImageReady, имеют кнопку «Редактировать в ImageReady», которая позволяет редактировать изображение непосредственно в ImageReady. ImageReady, в свою очередь, имеет кнопку «Редактировать в Photoshop».
ImageReady очень похож на Photoshop; он может даже использовать тот же набор Фильтры Photoshop. Однако один набор инструментов, не похожий на инструменты Photoshop, - это Карта изображения набор инструментов, обозначенный фигурой или стрелкой с изображением руки, который варьировался в зависимости от версии. Этот набор инструментов имеет несколько функций, которых нет в Photoshop, в том числе:
- Переключить видимость карты изображений и Переключить видимость среза инструменты: переключение между отображением и скрытием карт изображений и фрагментов соответственно
- Экспорт кадров анимации в файлы опция: сохраняет все или указанные кадры для альтернативного использования, например, для отправки слайдов по электронной почте для просмотра
- Предварительный просмотр документа инструмент: обеспечивает предварительный просмотр эффектов ролловера в ImageReady вместо предварительного просмотра их в браузере.
- Предварительный просмотр в браузере по умолчанию инструмент: предварительный просмотр изображения в браузере, включая любые эффекты ролловера или анимации
- Редактировать в фотошопе кнопка: открывает текущее изображение в Photoshop
История
Adobe ImageReady 1.0 был выпущен в июле 1998 года как отдельное приложение. [1] ImageReady был упакован с Photoshop версий 2.0–9.0 (CS2). Начиная с Photoshop 7, Adobe изменила номера версий ImageReady на 7.0.
С выпуском Creative Suite 3, ImageReady было прекращено. Согласно Adobe, функции ImageReady были объединены в Photoshop только по многочисленным просьбам. [2] (Даже до прекращения поддержки некоторые функции веб-оптимизации ImageReady можно было найти в Photoshop Сохранить для Интернета и устройств инструмент.) В то же время Adobe опубликовала Фейерверк, которая изначально была конкурентом ImageReady до того, как Adobe приобрела его разработчика, Macromedia.
Компания Adobe Systems известна, прежде всего, как разработчик целого созвездия профессиональных графических пакетов, предназначенных, в первую очередь, для полиграфии. В то же время, сориентировавшись в конъюнктуре рынка и правильно оценив все возрастающую роль Internet, компания решила расширить сферу влияния за счет редактора web-страниц PageMill, который, по замыслу руководства, должен был перетянуть на себя часть рыночного пирога подобных приложений. Однако состязаться на равных с такими «грандами», как FrontPage от Microsoft и Homesite от Allaire он не смог. Поэтому в руководстве Adobe решили сконцентрироваться на своем «родном» направлении графических пакетов, и создать специализированный редактор графики под Web. Его успех был предопределен заранее, поскольку база в виде Photoshop уже существовала и от разработчиков потребовалось внести в нее лишь незначительные дополнения. В результате получился очередной хит — ImageReady, вторая версия которого из маркетинговых соображений была интегрирована в Photoshop 5.5. Таким образом, новая версия популярного пакета содержит все необходимое для создания графики, независимо от ее предназначения — будь то web или печатный станок.
Основная задача ImageReady — придание Web-страницам интерактивности при помощи разнообразных графических элементов, таких как карты изображений, анимационные последовательности и динамические кнопки.
Использование карт изображений (image map, в которых части одного изображения играют роль ссылок на различные ресурсы Internet) помогает придать разнородным ссылкам на сайте целостность восприятия. Анимация добавляет статичной картинке «живость». Такой же эффект дает использование вместо чисто текстовой ссылки красиво оформленных кнопок, видоизменяющихся при прохождении курсора над ними. Что касается пользы от применения ссылок в виде изображений, несущих смысловую нагрузку — то она очевидна. Ведь, кроме чисто эстетического удовольствия, они помогают посетителям лучше ориентироваться по сайту, особенно если он обширный.
Сходства с Photoshop.
От своего «родителя» ImageReady, кроме удобного и элегантного интерфейса, унаследовал все основные операции для работы с изображением, он поддерживает даже маски прозрачности — в общем, впечатление такое, что это — самый настоящий Photoshop. Даже формат хранения web-информации в изображении использован все тот же — универсальный PSD (в него вписываются новые тэги). Поэтому после внесения изменений в файле, отредактированном в Photoshop, ImageReady сразу же «почувствует» это и предложит его обновить, так что никаких дополнительных проблем параллельная работа в обоих редакторах не создает. Для облегчения переходов между программами предназначена специальная команда Jump to.
Единственное, чего ImageReady не поддерживает — векторные пути и корректировочные слои (adjustment layers), но при оформлении web-страниц без них спокойно можно обойтись, тем более что в пакете существует функция изменения цвета, действие которой аналогично некоторым корректировочным слоям.
. и различия
Кроме инструментов, предназначенных для реализации интерактивности на web-страницах, ImageReady, как полноценный редактор web-графики, имеет свои специфические возможности и, в этом плане, даже предпочтительнее самого «мэтра». С моей точки зрения, было бы неплохо, если бы некоторые из них появились в Photoshop, поскольку аналогичные задачи иногда приходится выполнять и для полиграфии.
Еще одна палитра, которой нет в Photoshop — Type, служит для точного управления всеми параметрами текста (даже кернингом!), позволяя манипулировать им с такой же легкостью, как и в программах для верстки, так что форматирование больших текстовых блоков не представляет никакой сложности — достаточно выделить определенную его часть и задать ей новые параметры.
Но еще более интересна панель Styles. Ее основное предназначение — автоматизировать оформление однотипных элементов, и в этом она похожа на возможности Actions. Поскольку при оформлении web-страничек часто используются объемные кнопки, именно поэтому в новой панели собрана обширная коллекция заготовок, а также предусмотрено создание собственных заготовок. В принципе, эту панель можно сравнить с панелью стилей текстового редактора, например, Word. Вместо параметров форматирования текста, в ImageReady стиль содержит информацию о степени применения и параметрах эффектов, существующих в программе, и проявляет себя в соответствующей палитре как обычный эффект («развернув» его, можно увидеть все настройки). Однако, в отличие от Actions, возможности стилей ограничены использованием только динамических эффектов (drop/inner shadow, inner/outer bevel, bevel and emboss, color fill, gradient/pattern), хотя, с появлением новых типов, они становятся практически неограниченными. Для того чтобы оформить выделенный объект определенным образом, следует просто перетащить иконку нужного стиля на объект. Таким образом, использование стилей позволяет значительно сократить время, затрачиваемое на оформление странички.
Что касается фильтров, то к существовавшим в Photoshop добавились еще два — DitherBox и Tile maker (меню Filter/Other). Первый позволяет управлять подмешиванием цветов при имитации сложных цветов dither при экспорте изображения в формате gif, второй — создавать фоновые заливки на основе небольших повторяющихся изображений (либо обычным способом, либо с эффектом калейдоскопа).
А теперь перейдем к возможностям ImageReady по приданию интерактивности элементам web-дизайна.
Карты изображений
Одна из основных задач ImageReady — создание карт изображений. Для этого изображение делят на отдельные фрагменты (в терминологии Photoshop — slices), которые и будут выполнять роль ссылок. При этом активной областью (которая реагирует на положение мышки) может выступать как вся площадь slice, так и некоторая его часть (hotlight).
Один из вариантов создания slices — открыть созданный в Photoshop файл со слоями и после этого преобразовать все слои во фрагменты (Create Slice From Selection, помните, что любой слой преобразуется в выделенную область по команде Select/Load selection/Layer transparency). Если же изображение слоев не имеет, его можно очень точно разметить направляющими и выполнить аналогичную операцию (Create Slices From Guides). Еще один вариант — вручную определить фрагменты с помощью Slice tool (попросту «ножа»). В любом случае все изображение разделится на фрагменты. Информация и свойства каждого фрагмента отображаются в одноименной палитре, предоставляя полный контроль за ними, а частичная информация отображается прямо на экране, что облегчает оперативное управление (рис. 2). Однако с русскими буквами программа не дружит — наверняка это связано с кодировкой символов по умолчанию, программа-то англоязычная. При изменении размеров некоторых фрагментов программа автоматически пересчитывает их для всех остальных. При необходимости, фрагменты можно дробить на более мелкие части, или же наоборот, укрупнять — при этом нужно помнить, что все изображение будет состоять из файлов, равных по количеству фрагментам.
Что касается hotlight, то они предназначены для очень точного задания границ активных зон, поскольку могут иметь любую форму (slices — только прямоугольную). Для использования hotlight достаточно выделить нужную часть изображения, перейти в палитру слоев, выбрать Create New Layer (создать новый слой) и включить Use layer as Image Map. ImageReady поддерживает несколько стандартов для описания границ активных областей: CERN и NCSA, допускает генерирование кода Java-script для его обработки как на клиентской, так и на серверной стороне, а также для совместимости с GoLive.
Динамические кнопки
Без сомнения, «живые» web-страницы имеют явное преимущество перед статичными. Именно поэтому для их создания ImageReady предлагает на выбор несколько способов. Один из них — сформировать изображение, которое бы меняло свой вид при задержке курсора поверх него (чаще всего этот прием используется при создании динамических кнопок). Для этого сначала создают на отдельных слоях столько изображений кнопки, сколько планируют использовать ее состояний. Лучше всего пользоваться для этого настроечными слоями и эффектами — в большинстве случаев для разных состояний меняются только цвет кнопки и/или размер фаски (состояние нормальное/вдавленное). В первом случае можно наложить эффект Color Fill (он перекрашивает весь слой в другой цвет), а во втором — Inner/Outer bevel.
И хотя для создания динамических кнопок знание java-script не понадобится, тем не менее, без понимания основных состояний, используемых для смены изображений, не обойтись. Over соответствует расположению мышки поверх кнопки, Down — во время нажатия, Click — после нажатия, Up — при отпускании кнопки, Out — при выходе за пределы активной зоны. (рис. 3). При выделении любого фрагмента изображения его образ автоматически заносится в состояние Normal (мышка вне кнопки) на панели Rollover. Для получения других состояний сначала создают новое, указывают его тип и затем, путем включения/выключения видимости слоев получают новое изображение фрагмента.
Естественно, ролловеры можно использовать в комбинации с картами изображений, причем программа позволяет осуществить и достаточно сложные эффекты: например, мышка может проходить над одной частью картинки, а изображение будет меняться в другой или же нескольких частях сразу.
Анимация
ImageReady поддерживает различные форматы сжатия графических данных: GIF, JPEG, PNG8 и PNG-24. Для тех, кто не хочет вдаваться в премудрости настроек (а их тут великое множество), предусмотрена опция Optimize to file size (уложиться в заданный размер), и программа автоматически подберет необходимые параметры компрессии. Для большей гибкости каждому фрагменту изображения отдельно можно задавать свой тип компрессии, указывать разные параметры, что позволяет добиться оптимального соотношения качество/размер для всего изображения целиком.
Для размещения в Internet программа создает HTML-файл (Save Optimized), а все картинки собирает в отдельном каталоге. При обновлении этого файла (Update HTML) ImageReady вносит изменения только в свою часть и не затрагивает остального содержимого, внесенного другим редактором (например, FrontPage).
Таким образом, ImageReady будет незаменим для тех, кто знаком с Photoshop и хочет украсить сайт за счет использования карт изображений, анимации и динамических кнопок. Работать с программой приятно, а мощные функции управления превратят вашу работу в легкое занятие.
ImageReady
Рейтинг: *****
Требования: РС: Pentium, 64 Мбайт оперативной памяти, 125 Мбайт дискового пространства; Macintosh: PowerPC, 64 Мбайт оперативной памяти, 125 Мбайт дискового пространства
Заключение: Еще один потенциальный хит от известного производителя. Имеет все необходимое для создания интерактивных web-страничек при помощи карт изображений, динамических кнопок и анимации.
Производитель: Adobe SystemsЧитайте также: