Графические редакторы на примере Adobe ImageStyler (ISTYLER)

Посмотреть архив целиком

Реферат по информатике на тему

Графический редактор






















Ученика 11A класса школы №9 города Гатчины

Уварова Дмитрия


Оглавление


  • Введение

  • Словарь

  • Основные принципы работы

  • Интерфейс программы. Запуск, выход и первое знакомство

  • Открытие документа, создание нового и сохранение

  • Обзор основной панели инструментов

  • Работа с объектами

  • Работа с палитрами. Описание и примеры использования

  • Дополнительные возможности

  • Список литературы

Введение


Программа Adobe ImageStyler, созданная известной фирмой Adobe Systems Incorporated, предназначена для создания графического дизайна web-страниц (т.е. вы просто “рисуете” web-страницу так, как вам хотелось бы её видеть) и просто для создания качественных иллюстраций. Объединение мощи ее родственника Adobe Photoshop и простоту использования делает ее необычайно полезной для продуктивной работы.

Здесь мы рассмотрим основные возможности программы, ее специфику, и в конце покажем пример использования Adobe ImageStyler.


Словарь


  • bitmap - точечное изображение.

  • цветовая модель - способ представления изображения, которое может видеть человеческий глаз, на основе заданных характеристик цвета. Мы будем рассматривать RGB модель, где каждый элемент изображения представлен в виде наборов трех составляющих: красного(R), синего(B) и зеленого(G).

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

  • маска (mask) - это как бы трафарет, который можно наложить на изображение, в результате образуются видимые и невидимые части. Используя альфа-канал, можно создать полупрозрачные изображения с различной степенью прозрачности для различных участков изображения.

  • слой (layer) - изображение в определенной цветовой модели, имеющий альфа-канал, который формирует слой-маску.

  • фильтр (filter) - преобразование изображения по какой-либо заданной функции. Обычно на входе фильтра задается начальное изображение, а на выходе получаем обработанное.

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

  • скрипт (script) - набор команд, написанных на псевдо-языке программирования. Эти команды затем интерпретируются интерпретатором скрипта. Здесь используется понятие о JavaScript – стандартном скриптовом языке для сети Интернет.

Основные принципы работы.


Основная особенность Adobe ImageStyler (IS), которая отличает его от других графических редакторов, заключается в том, что каждый графический элемент является отдельным объектом, над которым могут совершаться определенные действия. Документ представляется не в виде точечного изображения, а как набор независимых объектов. IS физически не изменяет содержание объекта (имеется в виду изменение самого bitmap), а лишь совершает над ним набор действий, заданных свойствами объекта, для получения конечного изображения. В связи с этим каждый объект наделен рядом свойств (информацией об его изменениях) и любое из этих свойств может быть в любое время изменено. Это значит, что в IS нет необратимых действий, любое действие может быть отменено, либо все свойства могут быть удалены полностью для возвращения к первоначальному состоянию.


В IS существует три типа объектов:

  • геометрические объекты - объекты, которые вы можете создать при помощи инструментов для рисования.

  • текстовые объекты - объекты, которые можно создать при помощи Type tool (рисование текста) или импортировать из другого документа.

  • графические объекты - это bitmap изображения и векторные изображения формата EPS.


Каждый объект в IS имеет контур (shape), или, иными словами, маску.

Геометрические объекты имеют прямоугольный, многоугольный или эллипсоидный контур.

Текстовые объекты имеют контур, составленный из набора символов текста.

Bitmap изображения обычно имеют прямоугольный контур, либо могут использовать alpha channel или active

matte (см. описание палитры Properties).

EPS векторные изображения имеют тот контур, который им был задан в редакторе данного формата. Т.е., например, векторное изображение цветка будет иметь контур цветка.

Каждый объект составлен из слоев (от 1 до 5), причем каждый слой имеет контур основного объекта. В отличие от других программ, таких, как Adobe Photoshop или Adobe Illustrator, слои применяются для отдельных объектов, а не для всего документа сразу. После создания простого объекта, он имеет только один слой. Затем можно добавлять, удалять, перемещать и перегруппировывать слои в любое время. При рисовании объект строится, начиная с самого нижнего слоя.

Каждый слой в объекте имеет собственный набор атрибутов. Задавая различные атрибуты каждому из слоев можно создавать различные эффекты (например, тень)

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


Как только вы закончили работу с документом, его можно сохранить как документ ImageStyler, как отдельный графический документ (bitmap изображение), который затем можно поместить на web-страницу в Интернет, или в формате HTML как готовую web-страницу.


Интерфейс программы. Запуск, выход и первое знакомство.


После установки программы, ее можно запустить из системного меню операционной среды Windows95, которое вызывается путем нажатия на кнопку Start(Пуск). Программа обычно расположена в группе Adobe:



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

Интерфейс - это посредник между человеком и компьютером. Он предоставляет все необходимое для работы: инструменты, палитры, диалоговые окна и т.д.. Операционная система Windows работает по принципу оконного интерфейса, т.е. множество рабочих окон, которые содержат различную информацию, изображения документов, а так же совокупность различных инструментов обработки изображений (далее на этом останавливаться не будем, предполагая знакомство читателя с операционной средой). На левой стороне можно увидеть основную панель инструментов, о которой будет рассказано позже. Справа находится одно из окон доступных палитр (остальные окна можно вызвать из меню Window). По середине находится окно активного документа. Adobe ImageStyler позволяет редактировать несколько документов одновременно, а переключаться между документами можно через меню Window.

Вверху находятся основные меню программы: File Edit View Object Window и Help.

Выйти из программы можно в любое время, выбрав File->Exit, либо нажав CTRL+Q, или ALT-F4.


Открытие документа, создание нового и сохранение.


Для открытия документа нужно выбрать команду Open из меню File (File->Open), или нажать комбинацию клавиш CTRL+O. Перед нами возникнет окно, в котором будет предложено выбрать файл. Справа можно видеть активное окно предварительного просмотра, где будет отображаться уменьшенная версия документа. Для открытия документа нужно выбрать его из списка и нажать на кнопку Open.







Для создания нового документа нужно выбрать File->New. Перед нами сразу же окажется пустое окно, с которым можно начать работать. Можно изменить размеры документа, используя меню Edit->Canvas Size.

Для сохранения документа нужно выбрать File->Save или File->Save As, после чего появится окно, аналогичное окну открытия документа, где будет предложено ввести имя документа, под которым он будет сохранен на диске.


Обзор основной панели инструментов.


Для вызова панели инструментов нужно выбрать Window->Tools


Рассмотрим кнопки на основной панели инструментов (слева направо и сверху вниз).


  • Selection tool - основной инструмент для выделения объектов для редактирования. Он позволяет выбрать любой объект простым нажатием кнопки мыши на любую часть объекта. Для выбора нескольких объектов можно, удерживая левую кнопку мыши, "нарисовать" прямоугольник, в который должны быть заключены объекты для выделения, или, удерживая клавишу CTRL, выбрать каждый элемент поочередно.

  • Subgroup selection tool - аналог Selection tool, но предназначен для выделения объекта из группы (см. Работа с объектами). При каждом дополнительном щелчке выбирается следующий объект из группы в порядке их следования.

  • Drag-selection tool - аналог Selection tool, но, в отличие от него, выбирает только те объекты, которые будут заключены в описываемый прямоугольник. После выделения объекты можно перемещать по документу.

  • Layer-offset tool - позволяет быстро перемещать активный слой объекта относительно основного объекта.

  • Rectange tool - рисование прямоугольника.

  • Rounded rectange tool - рисование прямоугольника с закругленными вершинами.

  • Ellipce tool - рисование эллипса.

  • Polygon tool - рисование многоугольника.

  • Type tool - печать текста. После нажатия предлагается выбрать место, куда поместить текст, а затем ввести текст и выбрать размер и шрифт.

  • Crop tool - "обрезание" объекта. Позволяет изменять видимый размер объекта, не уменьшая его масштаб.

  • Rotate tool - позволяет вращать объект вокруг его оси (см. Работа с объектами).

  • Skew tool – задание параметров искажения для объекта.

  • Paint bucket tool - заливка объекта заданным цветом.

  • Eyedropper tool - позволяет "взять" образец цвета с любого участка рисунка.

  • Hand tool - позволяет осуществлять скроллинг (прокрутку) изображения, если оно не помещается в окно программы. Для прокрутки необходимо нажать левую кнопку мыши и, не отпуская ее, двигать мышь в нужном направлении.


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


Работа с объектами.


Каждый объект имеет описывающий его прямоугольник (рамка), который высвечивается при выборе объекта. Рамка имеет 8 квадратных точек - по углам и по середине с каждой стороны. Это управляющие точки. При помощи них можно изменять размеры объекта простым нажатием кнопки мышки и последующим перетаскиванием точки. Двигая боковые точки можно изменять один из размеров – вертикальный или горизонтальный. Двигая левую верхнюю, левую нижнюю или правую нижнюю угловые точки можно изменять размеры сразу по двум измерениям. Если при этом удерживать кнопку SHIFT, то соотношение размеров объекта останется неизменным (x/y=const), а будет меняться только масштаб. При нажатии на правую верхнюю точку можно вращать объект вокруг его оси.


При использовании Crop tool, можно перемещать положение объекта в видимом прямоугольнике путем нажатия кнопки мыши на любую точку объекта и последующем перемещении мыши.


Объекты находятся в документе в определенном порядке, отсортированные по "глубине". Т.е. если данный объект находится "ближе", то он будет перекрывать более дальние. "Приблизить" объект можно, нажав CTRL-], а "удалить" - CTRL-[.


Объекты можно копировать и вставлять. Для быстрого создания дубликата (копии) объекта, нужно его выделить и нажать CTRL-D (Edit->Duplicate).

Можно создать альясный (alias - связанный с данным) объект Alias объекты - это копии данных, но в отличие от обычных копий, все aliases связаны с оригиналом. При изменении оригинала изменяются и все связанные с ним объекты. Для создания Alias нужно выбрать объект и нажать CTRL-M (Edit->Make Alias). Связь можно в любой момент оборвать, выделив объект и выбрав Edit->Break Alias.


Объекты можно объединять в группы. Для этого необходимо выделить все объекты и нажать CTRL-G (Object->Group). Достоинство групп в том, что их группы объектов легче перемещать по документу. Группу можно в любой момент разбить обратно на объекты, если выбрать ее и нажать CTRL-U (Object->UnGroup).


Можно создать новый объект из нескольких имеющихся (соединить объекты). Для этого нужно выделить нужные объекты и воспользоваться командой из меню Object->Combine. Доступны несколько способов соединения:

  • Unite - простое объединение.

  • Unite with color - объединить, но сохранить информацию о цвете.

  • Minus front - вычесть передний объект из заднего.

  • Intersect - оставить только область пересечения объектов.

  • Exclude - оставить не пересекающуюся область.

В любой момент можно снова вернуться к первоначальному состоянию, если выбрать Object->UnCombine.


Есть так же и несколько других операций, которые доступны через меню Object.


Работа с палитрами. Описание и примеры использования.


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


Начнем рассматривать палитры с самого верха (в порядке расположения в меню Window):


Группа: Properties, Transform, Web.

  • Properties - позволяет изменять свойства данного объекта. Для разных типов объекта имеются разные свойства:

  • геометрический объект: палитра позволяет изменять тип геометрического объекта: rectangle, rounded rectangle, ellipse или polygon. Можно выбрать тип заливки объекта: Fill (сплошное заполнение), или Outline (контур; можно выбрать толщину контура, используя ползунок Width)







  • текстовые объекты: палитра позволяет изменять параметры текстового объекта такие, как шрифт, размер, выравнивание и т.д.









  • графические объекты: палитра позволяет изменять параметры маски:

  • No Alpha - без альфа-канала. Изображение будет рисоваться, как оно есть, окруженное прямоугольником.

  • Use alpha channel - использовать альфа-канал, задаваемый самим IS. Эта опция стоит по умолчанию для каждого нового изображения. Используемая маска строится исходя из контура самого объекта. Например, если вы не хотите, чтобы картинка рисовалась в прямоугольнике, то нужно использовать альфа-канал.

  • Build alpha from image - альфа-маска строится из самой картинки, т.е. прозрачность задается, исходя из числовых значений элементов картинки в данной точке.

  • Active Matte - использование загружаемой маски для изображения. Будет рассмотрено на последнем примере.


  • T
    ransform
    - содержит информацию о размере объекта, его положении, угле поворота и состояние деформации.

  • Web - позволяет присвоить URL (web-адрес) к объекту, а так же задать параметры для Batch Replace (см. Дополнительные возможности)

Группа: Color, Opacity, Distort.


  • Color - позволяет выбрать цвет для объекта и для фона (выбрав соответственно один из двух больших квадратов слева, как и на основной панели инструментов). Можно поставить галочку напротив кубика слева, тем самым, ограничив выбор цветов до набора "безопасных" для Internet.





  • Opacity - задает степень прозрачности для объекта. Её можно изменять, передвигая ползунок в верхней части окна. Далее можно выбрать способ задания прозрачности (выбирая нужный из списка):

  • No Gradient - обычная прозрачность, применяемая сразу ко всему объекту.

  • Linear - применение линейно-изменяющегося градиента прозрачности (степень прозрачности изменяется от одного края объекта до другого)

  • Burst - используются два симметричных линейных относительно центра градиента по обе стороны от объекта.

  • Double burst - используются два burst градиента, перпендикулярных друг к другу.

  • Radial - затенение от центра объекта к краю по окружности.


Ниже находится Opacity Bar (управление прозрачностью). Черный цвет означает 0% прозрачности (непрозрачный) и белый - 100% прозрачности (полностью прозрачный). Можно передвигать ползунки снизу для задания начальной и конечной позиции градиента.






Чтобы не видеть здесь видео-рекламу достаточно стать зарегистрированным пользователем.
Чтобы не видеть никакую рекламу на сайте, нужно стать VIP-пользователем.
Это можно сделать совершенно бесплатно. Читайте подробности тут.