Особенности создания анимированных изображений в программе Adobe ImageReady

Содержание

Введение.......................................................................................................... 2

1. Особенности создания анимированных изображений в программе Adobe ImageReady...................................................................................................... 4

1.1 Интерфейс Adobe ImageReady.................................................................. 4

1.2 Палитра Анимация.................................................................................... 9

1.3 Просмотр и сохранение анимации......................................................... 17

2. Разработка анимированного изображения в программе Adobe ImageReady 21

2.1 Создание интерактивных компонентов Web – страниц........................ 21

2.2 Создание анимированного баннера для Интернет – портала.............. 21

Заключение.................................................................................................... 30

Список использованной литературы........................................................... 31

 

Введение

 

В своей работе я хочу рассмотреть создание анимированных изображений в программе Adobe ImageReady. На сегодняшний день большое количество фирм выставляют на продажу разработанные ими программы, стараясь составить конкуренцию лидерам продаж.

От разработки инструментов создания анимации не осталась в стороне и фирма Adobe, включившая в Photoshop программу ImageReady.

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

Предварительно созданный в Adobe Photoshop файл рисунка, содержащий в изображении несколько слоев, позволяет быстро получить анимацию, использующую эти слои. Для этого в Photoshop предназначена специальная кнопка (Перейти) палитры инструментов, которая запускает приложение ImageReady и загружает в него файл, открытый в данный момент в растровом редакторе Photoshop.

Анимации ImageReady сохраняются в формате GIF и могут воспроизводиться заданное число раз, а также повторяться в цикле. Однако они не допускают присоединения аудиофайлов для звукового сопровождения.

Слои обеспечивают также удобный способ композиционного построения изображения из различных графических и текстовых элементов, позволяя выполнять изменения каждого из них без воздействия на остальные элементы. Разделение элементов изображения по слоям также дает возможность применять к ним различные фильтры, получая самые разнообразные эффекты. Концепция слоев важна не только для создания изображений в Photoshop — с появлением каскадных таблиц стилей, Web-дизайнеры могут разрабатывать современные Web-страницы, аналогичным образом располагая по слоям входящие в них текст и графику.

Предметом исследования является программа Adobe ImageReady.

Объект исследования – разработка и создание анимированного изображения при помощи данного программного продукта.

Цель данной работы – рассмотреть основные возможности создания анимированных изображений при помощи программы Adobe ImageReady.

Для достижения поставленной цели придется решить ряд задач, такие как:

· Изучит краткие сведения о программе;

· Рассмотреть возможности программы;

· Проанализировать интерфейс программы;

· Рассмотреть палитру Анимация;

· Рассмотреть работу по созданию графических приложений для Web;

· На практическом примере сделать информационный баннер для Интернет – портала и т.д.

Работа состоит из введения, двух глав (теоретической и практической), заключения и списка использованной литературы.

 

 

Особенности создания анимированных изображений в программе Adobe ImageReady

 

Интерфейс Adobe ImageReady

 

Хотя программа ImageReady может быть открыта независимо от Photoshop, ее окно включает стандартный набор элементов, присущий этому растровому редактору.

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

Рассмотрим рисунок 1, находящиеся на экране палитры позволяют управлять изображением и изменять его. Они могут быть отображены или скрыты во время работы, но по умолчанию располагаются группой в правой части окна приложения. Чтобы вывести на экран отсутствующую палитру, следует выполнить соответствующую ей команду меню (Окно>Показать). Она открывает окно одной из групп палитр, отображая на первом плане вкладку с выбранной палитрой. При желании можно объединить несколько палитр в одну, перетащив соответствующую вкладку в окно другой палитры. Если палитра имеет ассоциированное меню команд, то для его открытия служит специальная круглая кнопка со стрелкой внутри. Скрыть группу палитр можно щелчком на кнопке закрытия в правом верхнем углу ее строки заголовка. Эта строка используется также для перемещения палитры по экрану.

По команде (Файл>Новый) открывается окно (Новый документ) для выбора параметров создаваемой в ImageReady анимации.

В этом окне задают размер кадра будущей анимации в пикселях, ее название, а также выбирают тип первого слоя, служащего фоном: (белый), (цветной фон), (прозрачный). Щелчок на кнопке ОК открывает окно документа с заданными свойствами.

Окно документа ImageReady позволяет не только редактировать изображение текущего кадра анимации, но и выполнять ее просмотр. Благодаря наличию четырех вкладок оно позволяет легко переключаться между оригинальным изображением и его оптимизированной версией. Кроме того, оно имеет представление 2-Up, позволяющее расположить эти версии рядом, и представление 4-Up, показывающее одновременно три варианта оптимизации изображения для размещения на Web-странице с заданием для них индивидуальных параметров.

Можно держать на экране одновременно открытыми несколько окон документов, в том числе, чтобы видеть несколько версий одного файла.

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

Размер файла оригинала/оптимизированного изображения — первое значение представляет размер оригинального файла. Если была выполнена оптимизация, то второе значение указывает размер оптимизированного файла и его формат в соответствии с параметрами Optimize palette;

Optimized Information (Результаты оптимизации) — показывает формат, размер, количество цветов и процент имитации оптимизированного изображения;

Размер изображения — показывает размер в пикселях;

Водяной знак — позволяет увидеть цифровую подпись рисунка Digimarc, если она имеется;

Число отмен/повторов — показывает число возможных отмен (повторений) действий с изображением;

Размер оригинала в байтах — показывает размер оригинального изображения в байтах;

Размер оптимизированного изображения в байтах — показывает размер оптимизированного изображения в байтах;

Экономия при оптимизации — показывает, на сколько уменьшается размер оптимизированного изображения;

Размер и время загрузки для скоростей 9.6 Kbps / 14.4 Kbps / 28.8 Kbps / 56.6 Kbps / 128 Kbps / 256 Kbps — показывает размер оптимизированного файла и предполагаемое время загрузки при соответствующей скорости.

При достаточной ширине окна в его нижней строке становится доступным второе аналогичное раскрывающееся меню, содержащее такой же набор команд и позволяющее отобразить дополнительно одно из перечисленных свойств. Adobe ImageReady может открывать и импортировать файлы следующих форматов: PSD, AI, BMP, EPS, FlashPix, FLIC, FLI, GIF, JPEG, PCX, PDF, Pixar, PNG, MOV, Targa и TIFF. Файлы AI, PDF и EPS при этом растрируются, то есть векторное описание изображения становится точечным.

Чтобы открыть файл, выполняют команду (Файл > Открыть), выбирают папку, в которой он находится, выделяют нужный файл и щелкают на кнопке (Открыть). Если файл открывался в предыдущем сеансе работы с программой, то его имя можно выбрать из списка подменю команды (Файл > Недавно открывавшиеся). Каждый выделенный файл открывается в отдельном окне документа.

Если изображение, хранящееся в файле, нужно поместить в уже открытый документ, то выполняют команду (Файл>Поместить), которая позволяет указать точное место размещения изображения в кадре.

В первом диалоговом окне (Размещаемый файл) выбирают файл с изображением, а после щелчка на кнопке (Открыть) открывается следующее окно Place (Размещение), в котором из раскрывающихся списков (По горизонтали) и (По вертикали) выбирают нужные значения, определяя точку, относительно которой измеряется сдвиг вставляемого изображения, и в соответствующих полях ввода задают значения этого сдвига в пикселях (можно задавать и отрицательные значения). Кнопка (Выбор) позволяет вновь открыть окно выбора файла для его замены. Щелчок на кнопке ОК окна (Размещение) вставляет изображение в указанную позицию. При размещении векторного изображения, созданного в Adobe Illustrator, открывается также окно (Параметры растрирования), в котором определяются следующие параметры: размеры изображения (Ширина) и (Высота) в пикселях, а также устанавливаются флажки (Сохранить пропорции) для предотвращения искажения изображения при масштабировании и (Сглаживание) для получения гладких контуров. Щелчок на кнопке ОК вставляет изображение в окно документа на новый слой.

При импорте или сканировании изображения оно помещается на первый слой документа. Импорт файла выполняется по команде (Файл>Импорт) с выбором соответствующей команды подменю.

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

Создание дополнительных слоев позволяет организовать объекты по уровням. На каждом слое можно помещать или рисовать новые объекты, редактировать или изменять расположение существующих объектов, не затрагивая при этом остальные слои.

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

Многослойное изображение, созданное в Photoshop и открытое в ImageReady, сохраняет весь набор слоев, в том числе корректирующие слои, а также эффекты, ранее примененные к слоям. В ImageReady можно редактировать все слои, кроме корректирующих. Однако ImageReady не поддерживает слой холста Photoshop. Этот слой преобразуется в обычный слой, после того как файл, созданный в Photoshop, открывается в ImageReady.

Со слоями можно работать как на вкладке оригинального вида окна документа, так и на вкладке оптимизированного вида. Однако в оригинальном представлении результат будет получен быстрее. Кроме того, в оптимизированном виде может применяться лишь ограниченный набор инструментов редактирования. При сохранении оптимизированного изображения все слои объединяются в единый слой изображения либо при создании анимированного GIF-файла объединяются в единый слой каждого отдельного кадра.

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

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

 

Палитра Анимация

 

Adobe ImageReady — это мощный и удобный инструмент для создания GIF-анимации. Каждая анимация представляется рядом кадров, для управления которыми предназначены как палитра (Анимация), так и палитра (Слои). Если палитра слоев известна из растрового редактора Photoshop, то палитра анимации появляется только в программе ImageReady.

Палитра (Анимация) — это окно, в котором отображается последовательность кадров с возможностью их копирования, перемещения, удаления и организации в любом порядке. Чтобы отобразить ее в окне ImageReady, выполняют команду (Окно>Показать анимацию). Для сокращения места, занимаемого палитрой на экране, можно уменьшить размер изображения отдельного кадра на ней, что позволяет видеть одновременно большее число последовательных кадров при ее фиксированной ширине (см. рисунок 2).

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

Новый кадр — создает дубликат выделенного кадра (быстрее можно выполнить это действие, если щелкнуть на кнопке Duplicates Current Frame, расположенной в нижней части окна палитры);

Удалить кадр — удаляет выделенный кадр (это действие также быстрее выполняется с помощью щелчка на кнопке с рисунком корзины в нижней части окна палитры);

Удалить анимацию — удаляет все кадры анимации;

Копировать кадр — копирует выделенный кадр;

Вставить кадр — вставляет в заданную позицию последний скопированный кадр;

Выбрать все кадры — выделяет все кадры анимации;

Промежуточный — вызывает диалоговое окно создания заданного количества промежуточных кадров между двумя соседними кадрами;

Обратить кадры — меняет порядок двух или нескольких выделенных кадров в анимации;

Оптимизировать анимацию — уменьшает размер файла анимации с помощью средств Bounding Box и Redundant Pixel elimination;

Подогнать слой под кадры — позволяет при редактировании слоя с помощью палитры (Слои) вставить изменения во все кадры анимации;

Сделать кадры из слоев — создает кадры из слоев рисунка Photoshop;

Свести кадры в слои — объединяет слои в кадрах анимации в один слой;

Добавлять слой для нового кадра — позволяет при создании нового кадра создавать также новый слой, видимый только в этом кадре, для вновь появляющегося элемента изображения;

Новые слои отображаются во всех кадрах — разрешает отобразить вновь созданный слой во всех кадрах анимации;

Параметры палитры — задает один из трех размеров изображения кадров на палитре.

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

Для изменения одного из кадров последовательности его следует выделить. Содержимое выделенного кадра отображается в окне документа. Можно одновременно выделить несколько кадров, расположенных как последовательно друг за другом, так и в произвольном порядке, редактируя их или применяя к ним команды как к группе. В окне документа при этом отображается только текущий кадр, который был выделен первым. На палитре (Анимация) текущий кадр выделяется узкой рамкой, в то время как все выделенные кадры отмечены серым фоном вокруг их изображений.

Чтобы сделать кадр текущим, можно выполнить одно из следующих действий:

· щелкнуть на изображении нужного кадра на палитре (Анимация);

· на палитрах (Анимация) или (Слои) щелкнуть на кнопке (Вперед), чтобы сделать текущим следующий по порядку кадр;

· на палитрах (Анимация) или (Слои) щелкнуть на кнопке (Назад), чтобы сделать текущим предыдущий кадр;

· на палитре (Анимация) щелкнуть на кнопке (Перемотка), чтобы сделать текущим первый кадр анимации.

Чтобы выделить несколько кадров как группу, можно выполнить одно из следующих действий:

· выделить первый кадр непрерывной группы и при нажатой клавише Shift щелкнуть по заключительному кадру выделяемой группы;

· щелкать по кадрам, расположенным в произвольной последовательности, при нажатой клавише Ctrl;

· выделить все кадры анимации можно командой (Выбрать все кадры) из раскрывающегося меню палитры (Анимация).

Убрать кадр из выделенной группы можно, повторно щелкнув по нему при нажатой клавише Ctrl.

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

Чтобы удалить выделенные кадры, можно выполнить одно из следующих действий:

· воспользоваться командой (Удалить кадры) из меню палитры (Анимация);

· щелкнуть на кнопке (Корзина) и подтвердить удаление щелчком на кнопке (Да) диалогового окна;

· перетащить мышью выделенные кадры на значок корзины палитры Animation (Анимация).

Команды копирования и вставки кадров меню палитры (Анимация) позволяют получить копию кадра, которая может быть вставлена в любое место последовательности. При этом копируется не само изображение, а та конфигурация слоев и их атрибутов, которая присуща данному кадру. При вставке в кадры места назначения текущей анимации или другой анимации следует указать метод, который будет использован при вставке:

(Заменить кадры) — позволяет заменить выделенные кадры скопированными. При вставке кадров в то же самое изображение к нему не добавляются новые слои, а заменяются только их атрибуты теми, что были в скопированных кадрах. При вставке кадров в новое изображение к нему добавляются новые слои, и им присваивается свойство (видимый), старым же слоям присваивается свойство (скрытый).

Вставить в выделенные — добавляет содержимое вставляемых кадров в качестве новых слоев изображения. При вставке кадров в то же самое изображение число слоев в нем удваивается, причем вставленные слои в кадрах назначения будут видимыми, а существовавшие ранее — скрыты. В остальных кадрах анимации вставленные слои будут скрыты.

Вставить перед выделением или Вставить после выделения — добавляет скопированное число кадров перед или после выделения, причем новые слои добавляются к изображению и будут видимы только во вновь добавленных кадрах, в которых существовавшие до вставки слои изображения будут скрыты.

Флажок (Связать добавляемые слои) позволяет связать вставляемые слои и затем одновременно изменять их позицию. По щелчку на кнопке ОК выполняется выбранный способ вставки.

В ImageReady каждый слой рассматривается как отдельный элемент анимации. Используя команды и параметры палитры (Слои), можно задавать нужные изменения, добиваясь создания анимационных эффектов в изображении, так как изменения будут влиять только на выделенные кадры. Можно менять положение объекта, его прозрачность, а также рассчитывать промежуточные кадры, используя команду (Промежуточный). Изменения, выполненные на палитре (Слои), можно применить ко всем кадрам, если выполнить команду (Подогнать слой под кадры).

Однако изменения объекта, влияющие на параметры пикселов (такие, как раскраска, изменение тона или цвета, трансформации), оказывают влияние на все кадры анимации, в которых представлен данный объект. Для анимации подобных свойств следует создавать отдельные слои с разными параметрами для каждого изменяемого кадра, задавая соответствующий режим видимости.

Применение эффекта к слою-маске воздействует на все кадры, в которых представлен этот слой, однако при этом маска может дополнительно изменять свое положение.

Создание анимации изменением параметров слоев выполняется достаточно просто и предоставляет, если сохранить ее в формате документа Photoshop, дальнейшую возможность ее редактирования. При создании анимации в ImageReady анимируемые объекты следует размещать на разных слоях, связывая эти слои в группы.

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

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

Затем в раскрывающемся меню выбирается команда (Промежуточный) либо выполняется щелчок по одноименной кнопке палитры (Анимация). В открывшемся окне (Расчет промежуточных кадров) задаются следующие параметры:

Время демонстрации каждого кадра в секундах указано под изображением кадра. Чтобы его изменить, следует выделить один или несколько кадров и щелкнуть на величине времени задержки, что вызовет меню с набором постоянных значений. Выбор значения (Другое) открывает диалоговое окно (Время кадра), в котором можно задать произвольное число секунд. После щелчка на кнопке ОК это время будет присвоено всем выделенным кадрам анимации. Следует отметить, что при просмотре анимации в ImageReady время демонстрации кадров может отличаться от установленного. Поэтому просмотр следует выполнять в браузере, где это время точно выдерживается.

Создаваемая анимация при воспроизведении может быть повторена заданное число раз. Для этого щелчком на раскрывающемся списке (Выбор параметров повторения), расположенном в левом нижнем углу палитры (Анимация), выбирается одно из значений списка: (Однократно), (Бесконечно) или (Другое). В последнем случае в диалоговом окне (Число повторов) вводится нужное числовое значение.

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

Выбор метода осуществляется для одного или нескольких выделенных кадров с помощью контекстного меню, вызываемого щелчком правой кнопки мыши на рисунке кадра в окне (Анимация):

Автоматически — устанавливается по умолчанию, автоматически стирая изображение текущего кадра, если следующий содержит прозрачный слой;

He удалять — сохраняет изображение предыдущего кадра, добавляя к нему изображение следующего, причем предварительный просмотр такой анимации следует выполнять в браузере;

Восстановить фон — позволяет демонстрировать в каждый момент времени только один кадр.

Для методов (He удалять) и (Восстановить фон) у рисунков кадров появляется специальная отметка Disposal Method icon, указывающая на тип метода.

При сохранении анимации в формате GIF первоначальные слои изображений теряются, так как в каждом кадре все слои сводятся к единому слою. Поэтому если требуется дальнейшее редактирование анимации, то ее целесообразно сохранить в формате Photoshop, содержащем все исходные слои изображений. При необходимости можно получить сведение слоев в кадрах этого файла, выполнив команду (Свести кадры в слои). Эта команда позволяет создать отдельный сведенный слой для каждого из кадров и предохранить исходные слои, сделав их скрытыми, для последующего создания новых кадров.

Открывая в ImageReady файл Photoshop, содержащий несколько слоев, каждый слой можно сделать отдельным кадром анимации. Для этого в меню команд палитры (Анимация) предусмотрена команда (Создать кадры из слоев), разбирающая слои по кадрам, после чего файл можно сохранять как анимированный GIF с выбранными параметрами оптимизации.

 

Заключение

 

В заключении хотелось бы отметить, что, сохраняя изображение для использования в качестве элемента Web-страницы, можно одновременно сгенерировать HTML-файл, который будет содержать информацию для обозревателя о том, как воспроизводить элементы страницы при загрузке. Этот файл включает ссылки на изображения (в формате GIF, PNG или JPEG), HTML-текст, гиперссылки и код JavaScript для создания интерактивных эффектов (rollover effects). Хотя для большинства эффектов можно выполнить предварительный просмотр непосредственно в программах Photoshop или ImageReady, но зависимость демонстрируемых Web-страниц от операционной системы, типа обозревателя и системы отображения цвета требует выполнения просмотра в каждом конкретном обозревателе.

ImageReady поддерживает создание интерактивных объектов, добавляя код JavaScript в результирующий HTML-файл, обеспечивающий смену состояния объекта при наведении на него указателя мыши. Для создания интерактивных объектов служит палитра Rollover, совмещенная с палитрой (Анимация). На ней отображаются возможные состояния объекта, каждому из которых может соответствовать свое изображение или даже целая анимация. При сохранении такого объекта, как элемента Web-страницы каждое состояние сохраняется в отдельном файле.

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

 

 

Список использованной литературы

 

1. Аксенов П.П. Самоучитель работы на Adobe ImageReady CS2. – М., 2006

2. Дж. Эрсон. Создание интерактивных компонентов Web-страниц. – Спб., 2004

3. Мануйлов В.Г. Мультимедийные компоненты, Информатика и образование №12 – 2004, №1, №2, №5 – 2005

4. Фигурнов В.Э. IBM PC для пользователя Краткий курс М.: Инфра-М, 2000.- 480 с.; 2001.- 480 с. 1997

5. Лавров С.М. Adobe ImageReady:сб. примеров и задачи М.: Финансы и статистика, 2003

6. Макарева Н.В. и др. Информатика: учебник- 3-е изд М.: Финансы и статистика, 2003

7. Информатика Базовый курс Учебное пособие для студентов вузов СПб.: Питер, 2003

8. Хэлворсон М., Янг М Эффективная работа с Adobe ImageReady.- СПб.: Питер, 2000

Содержание

Введение.......................................................................................................... 2

1. Особенности создания анимированных изображений в программе Adobe ImageReady...................................................................................................... 4

1.1 Интерфейс Adobe ImageReady.................................................................. 4

1.2 Палитра Анимация.................................................................................... 9

1.3 Просмотр и сохранение анимации......................................................... 17

2. Разработка анимированного изображения в программе Adobe ImageReady 21

2.1 Создание интерактивных компонентов Web – страниц........................ 21

2.2 Создание анимированного баннера для Интернет – портала.............. 21

Заключение.................................................................................................... 30

Список использованной литературы........................................................... 31

 

Введение

 

В своей работе я хочу рассмотреть создание анимированных изображений в программе Adobe ImageReady. На сегодняшний день большое количество фирм выставляют на продажу разработанные ими программы, стараясь составить конкуренцию лидерам продаж.

От разработки инструментов создания анимации не осталась в стороне и фирма Adobe, включившая в Photoshop программу ImageReady.

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

Предварительно созданный в Adobe Photoshop файл рисунка, содержащий в изображении несколько слоев, позволяет быстро получить анимацию, использующую эти слои. Для этого в Photoshop предназначена специальная кнопка (Перейти) палитры инструментов, которая запускает приложение ImageReady и загружает в него файл, открытый в данный момент в растровом редакторе Photoshop.

Анимации ImageReady сохраняются в формате GIF и могут воспроизводиться заданное число раз, а также повторяться в цикле. Однако они не допускают присоединения аудиофайлов для звукового сопровождения.

Слои обеспечивают также удобный способ композиционного построения изображения из различных графических и текстовых элементов, позволяя выполнять изменения каждого из них без воздействия на остальные элементы. Разделение элементов изображения по слоям также дает возможность применять к ним различные фильтры, получая самые разнообразные эффекты. Концепция слоев важна не только для создания изображений в Photoshop — с появлением каскадных таблиц стилей, Web-дизайнеры могут разрабатывать современные Web-страницы, аналогичным образом располагая по слоям входящие в них текст и графику.

Предметом исследования является программа Adobe ImageReady.

Объект исследования – разработка и создание анимированного изображения при помощи данного программного продукта.

Цель данной работы – рассмотреть основные возможности создания анимированных изображений при помощи программы Adobe ImageReady.

Для достижения поставленной цели придется решить ряд задач, такие как:

· Изучит краткие сведения о программе;

· Рассмотреть возможности программы;

· Проанализировать интерфейс программы;

· Рассмотреть палитру Анимация;

· Рассмотреть работу по созданию графических приложений для Web;

· На практическом примере сделать информационный баннер для Интернет – портала и т.д.

Работа состоит из введения, двух глав (теоретической и практической), заключения и списка использованной литературы.

 

 

Особенности создания анимированных изображений в программе Adobe ImageReady

 

Интерфейс Adobe ImageReady

 

Хотя программа ImageReady может быть открыта независимо от Photoshop, ее окно включает стандартный набор элементов, присущий этому растровому редактору.

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

Рассмотрим рисунок 1, находящиеся на экране палитры позволяют управлять изображением и изменять его. Они могут быть отображены или скрыты во время работы, но по умолчанию располагаются группой в правой части окна приложения. Чтобы вывести на экран отсутствующую палитру, следует выполнить соответствующую ей команду меню (Окно>Показать). Она открывает окно одной из групп палитр, отображая на первом плане вкладку с выбранной палитрой. При желании можно объединить несколько палитр в одну, перетащив соответствующую вкладку в окно другой палитры. Если палитра имеет ассоциированное меню команд, то для его открытия служит специальная круглая кнопка со стрелкой внутри. Скрыть группу палитр можно щелчком на кнопке закрытия в правом верхнем углу ее строки заголовка. Эта строка используется также для перемещения палитры по экрану.

По команде (Файл>Новый) открывается окно (Новый документ) для выбора параметров создаваемой в ImageReady анимации.

В этом окне задают размер кадра будущей анимации в пикселях, ее название, а также выбирают тип первого слоя, служащего фоном: (белый), (цветной фон), (прозрачный). Щелчок на кнопке ОК открывает окно документа с заданными свойствами.

Окно документа ImageReady позволяет не только редактировать изображение текущего кадра анимации, но и выполнять ее просмотр. Благодаря наличию четырех вкладок оно позволяет легко переключаться между оригинальным изображением и его оптимизированной версией. Кроме того, оно имеет представление 2-Up, позволяющее расположить эти версии рядом, и представление 4-Up, показывающее одновременно три варианта оптимизации изображения для размещения на Web-странице с заданием для них индивидуальных параметров.

Можно держать на экране одновременно открытыми несколько окон документов, в том числе, чтобы видеть несколько версий одного файла.

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

Размер файла оригинала/оптимизированного изображения — первое значение представляет размер оригинального файла. Если была выполнена оптимизация, то второе значение указывает размер оптимизированного файла и его формат в соответствии с параметрами Optimize palette;

Optimized Information (Результаты оптимизации) — показывает формат, размер, количество цветов и процент имитации оптимизированного изображения;

Размер изображения — показывает размер в пикселях;

Водяной знак — позволяет увидеть цифровую подпись рисунка Digimarc, если она имеется;

Число отмен/повторов — показывает число возможных отмен (повторений) действий с изображением;

Размер оригинала в байтах — показывает размер оригинального изображения в байтах;

Размер оптимизированного изображения в байтах — показывает размер оптимизированного изображения в байтах;

Экономия при оптимизации — показывает, на сколько уменьшается размер оптимизированного изображения;

Размер и время загрузки для скоростей 9.6 Kbps / 14.4 Kbps / 28.8 Kbps / 56.6 Kbps / 128 Kbps / 256 Kbps — показывает размер оптимизированного файла и предполагаемое время загрузки при соответствующей скорости.

При достаточной ширине окна в его нижней строке становится доступным второе аналогичное раскрывающееся меню, содержащее такой же набор команд и позволяющее отобразить дополнительно одно из перечисленных свойств. Adobe ImageReady может открывать и импортировать файлы следующих форматов: PSD, AI, BMP, EPS, FlashPix, FLIC, FLI, GIF, JPEG, PCX, PDF, Pixar, PNG, MOV, Targa и TIFF. Файлы AI, PDF и EPS при этом растрируются, то есть векторное описание изображения становится точечным.

Чтобы открыть файл, выполняют команду (Файл > Открыть), выбирают папку, в которой он находится, выделяют нужный файл и щелкают на кнопке (Открыть). Если файл открывался в предыдущем сеансе работы с программой, то его имя можно выбрать из списка подменю команды (Файл > Недавно открывавшиеся). Каждый выделенный файл открывается в отдельном окне документа.

Если изображение, хранящееся в файле, нужно поместить в уже открытый документ, то выполняют команду (Файл>Поместить), которая позволяет указать точное место размещения изображения в кадре.

В первом диалоговом окне (Размещаемый файл) выбирают файл с изображением, а после щелчка на кнопке (Открыть) открывается следующее окно Place (Размещение), в котором из раскрывающихся списков (По горизонтали) и (По вертикали) выбирают нужные значения, определяя точку, относительно которой измеряет