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

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

Учня 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 або activematte (див. опис палітри 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 - використання завантажується маски для зображення. Буде розглянуто на останньому прикладі.

. Transform - містить інформацію про розмір об'єкта, його положення, кут повороту і стан деформації.
. Web - дозволяє присвоїти URL (web-адреса) до об'єкта, а також задати параметри для Batch Replace (див. Додаткові можливості)
Група: Color, Opacity, Distort.

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

. Opacity - задає ступінь прозорості для об'єкта. Її можна змінювати, пересуваючи повзунок у верхній частині вікна. Далі можна вибрати спосіб завдання прозорості (вибираючи потрібний із списку):

. No Gradient - звичайна прозорість, що застосовується відразу до всього об'єкту.

. Linear - застосування лінійно-змінюється градієнта прозорості

(ступінь прозорості змінюється від одного краю об'єкта до іншого)

. Burst - використовуються два симетричних лінійних щодо центру градієнта по обидві сторони від об'єкту.

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

. Radial - затінення від центру об'єкта до краю по колу.

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

Круг з межею справа показує стан установок прозорості танапрямок, у якому буде накладатися градієнт. Напрямок можназмінювати, задаючи кут нахилу (праворуч). При включенні Relative градієнтбуде "обертатися" разом з об'єктом при його обертанні.

. Distort - перекручування об'єкта. Можна спотворювати об'єкт, вибравши зі списку відповідний спосіб: No Distortion, Displace, Lens, Twirl, Spherize,

Quantize, Radial Quantize. Для кожного способу можна задати різні індивідуальні параметри. Не будемо зупинятися на цьому, тому що опис кожного способу занадто довгий (подробиці можна дізнатися з файлу допомоги

- online help).

Приклад № 1

Для демонстрації можливостей цієї групи створимо новий документ File -
> New. Виберемо синій колір, як основний, чорний - як колір фону і виберемоінструмент Ellipce Tool. Намалюємо довільний еліпс (рис. 1). Відкриємопалітру Properties. У вікні з'явився список властивостей для об'єкта Ellipce.
Змінимо спосіб нарісовкі зі звичайного заповнення?? (Fill) на контур (Outline) ізадамо ширину (Width) 6 точок. (рис.2). Тепер відкриємо палітру Opacity івиберемо метод Linear, кут нахилу - 140 градусів (мал. 3). Зробимо двакопії (натиснувши CTRL-D два рази) і виберемо для кожної з них окремий колір.
Розташуємо отримані об'єкти один біля одного. Вийшло гарнерайдужне оформлення для якої-небудь написи. (рис.4).

Група: Layer, Gradient, 3d, Filter.

. Layer - задає параметри для даного шару. Доступні параметри:

Fill with: color - заповнювати заданим кольором. image - заповнювати заданою картинкою. background - заповнювати картинкою фону texture - заповнювати текстурою.
Можна задати зсув шару (Xoffset, Yoffset) щодо самого об'єкта,відносне збільшення (Width) і ступінь розмиття (Softness)

. Gradient - Все аналогічно палітрі Opacity, але тільки gradient не регулює ступінь прозорості, а просто заповнює об'єкт градієнтним кольором. Після натискання на одні з повзунків, натискання повзунок виділяється, кажучи про те, що можна змінити його колір (колір градієнта) через палітру

Color.

. 3d - завдання ефектів обсягу. Доступні опції: None, Cutout, Emboss,

Bevel, Ripple. Ми не будемо тут розглядати кожен ефект, а пізніше покажемо на прикладі.

. Filter - фільтр для зображення. Можна регулювати яскравість (Brightness), контраст (Contrast), насиченість (Saturation), відтінок (Tint), застосувати ефект пастеризації (Pasterize) і Інвертувати кольору (Invert).

Група: Object Layers, JavaScript.

. Object Layers - ця палітра містить список всіх шарів для даного об'єкта. Можна переключатися між активними шарами шляхом вибору потрібного.

Кожен шар має назву (назву можна змінити, двічі натиснувши лівою кнопкою мишки на ньому) і зменшене зображення. Зліва від шару є значок очі. Натиснувши на нього можна зробити шар тимчасово невидимим. Якщо знову натиснути на те ж місце, то шар знову стане видимим. Самий верхній шар у списку буде першим видимим шаром. Шари можна міняти місцями, для цього потрібно "перетягнути" мишкою даний шар на інше місце.

Внизу знаходяться три кнопки, це: створити новий шар, створити копію даногошару і видалити шар.

. JavaScript - див Додаткові можливості.

Приклад № 2

Створимо об'ємну напис з м'якою тінню.
Відкриємо новий документ. Задамо основний колір червоним, а фон - білим.
Виберемо Type tool і створимо об'єкт з текстом (рис.1). Відкриємо палітру 3d івиберемо ефект Emboss (опуклість), Light = 130, Edge = Plateau
(підносяться сторони) (рис.2). Тепер робимо тінь. Тенью буде служитизбільшений і зміщений контур об'єкта. Створимо копію шару і зробимо їїактивною. Зробимо новий шар чорного кольору (якщо він уже не чорний). Відкриємопалітру Layer. Задамо Width = 2 (відносне збільшення об'єкта),
Softness = 6 (розмиття), XOffset =- 4, YOffset =- 4 (зсув шару по горизонталіі вертикалі). Об'ємна напис з тінню готова (рис.3).

Група: Styles, Textures, Shapes.

. Styles - ця палітра містить набір заздалегідь заготовлених стилів (наборів властивостей для об'єкта і кожного з його шарів), які можна застосовувати до будь-яких об'єктів не витрачаючи часу на завдання параметрів вручну, як ми це робили раніше. Наприклад, можна намалювати прямокутник і легко зробити з нього об'ємну кнопку, вибравши відповідний стиль зі списку. IS передбачає можливість додавання нових стилів і створення власних.

. Textures - палітра містить набір текстур (зображень), якими можна заповнювати об'єкт. Для застосування текстури до об'єкта потрібно виділити об'єкт, вибрати текстуру і натиснути кнопку Apply внизу палітри. Наприклад, у другому прикладі можна зробити об'ємну напис з дерева, обравши відповідну текстуру для основного шару. IS так само передбачає можливість додавання власних текстур в колекцію.

. Shapes - набір контурів, які можна використовувати в якості об'єктів, або як масок. IS передбачає можливість додавання нових контурів. Єдина умова - контур повинен зберігатися у файлі як чорно-біле зображення.

Приклад № 3

Тепер на основі отриманих знань про можливості Adobe ImageStyler,створимо демонстраційну картинку:

Створимо новий документ. Зробимо фон активним, клацнувши на нижній квадрат напанелі інструментів. Задамо для фону текстуру, для цього відкриємо палітру
Textures і виберемо потрібну. Тепер вставимо в документ картинку, для цьогоскористаємося можливістю Windows Drag-and-drop, тобто "перетягнемо" картинкуз Windows Explorier в документ IS:

Розтягни картинку по вертикалі так, щоб вона мала висоту 246 (цезначення взято з подальшого розрахунку пропорції), а інструментом Cropурежем її до ширини 240. Тепер треба присвоїти картинці форму плями.
Відкриємо палітри Properties (для нашого об'єкта) і Shapes. У властивостяхвиберемо Alpha Channel = Active Matte (маска прозорості на основізаданого контуру). Наша картинка відразу прийняла форму кола, тому що позамовчуванням встановлено круглий контур. У маленькому віконці знизу бачимо чорнийколо - це і є заданий контур. У палітрі Shapes шукаємо контур з назвою
Blob 4 (перемкнути в моду показу з назвами можна натиснувши чорну стрілку влівому верхньому кутку і вибравши Names view). Потім перетягує його у віконце впалітрі Properties, в якому знаходиться коло.

Тепер наша картинка має нову маску (див. зразок в описі палітри
Properties). Але картинка знаходиться не зовсім так, як хотілося б.
Використовуючи Crop tool, вирівняємо положення картинки:

Створимо ефект обсягу, для цього задамо в 3d палітрі ефект Emboss
(опуклий), Depth = 13 (глибина), Softness = 1 (розмиття). Тепер трохиспотворив картинку, для цього відкриємо палітру Distort, задамо Spherize
(сферичне спотворення), Magnification = 100 (збільшення), Amount =- 83
(глибина):

Тепер потрібно додати ефект напівпрозорості з картатим фоном.
Створимо другий шар і призначимо йому текстуру у вигляді шахової дошки.
Відкриємо палітру Distort і задамо тип Twirl (закриття), Turns = 27
(кількість обертів), Band size = 2 (розмір сегмента). Щоб зробититекстуру м'якше, відкриємо палітру Opacity і задамо прозорість шару в
40%. Поки нашого картатого фону не видно, бо передній шарнепрозорий. Зробимо активним перший шар і відкриємо палітру Opacity.
Встановимо тип Linear (лінійне зміна прозорості), кут = 13, правийповзунок Opacity Bar наведіть на середину.

Все, наша картинка готова.

Додаткові можливості

IS дозволяє створювати зі зробленого документа готові web-сторінкидля Internet.
Для цього необхідно створити сторінку так, як би вам хотілося її бачити,потім вибрати File-> Export, File-> Export As, або File-> Export Selection іввести в вікні, що з'явилося ім'я файлу, в якому буде збережено документ надиск. IS створить готовий HTML файл і набір графічних файлів, якібудуть лежати на диску в директорії Images. При генерації зображень, ISпоміщає всі об'єкти, які стикаються один з одним, в один файл.
Інші ж об'єкти записуються в окремі файли. Фонове зображеннятак само записується в окремий файл.

Для Internet важливий розмір графічних файлів, з цього ISнадає можливість вибрати, в якому форматі будуть збереженіграфічні зображення і ступінь стиснення зображень (для JPEG формату).
Ці установки можна зробити в палітрі Export settings.
Вона викликається з меню File-> Export Settings.
Можна так само вибрати і спосіб створення готового документа:
. Entrie Composition - весь документ малюється як єдина картинка і записується в один графічний файл.
. Trimmed Composition - з документа вибирається прямокутний ділянку мінімального розміру, що охоплює всі об'єкти, і потім він, аналогічно попередньої опції, записується один графічний файл.
. Auto Slice - зображення (об'єкти IS) містяться в HTML документ в тому порядку, з лівого верхнього кута в правий нижній.
. Auto Layout - IS створює автоматично таблицю в HTML файлі і розміщує в ній графічні об'єкти для того, щоб готовий документ виглядав так, як було заплановано при його створенні. Це найбільш кращий варіант.
Можна включити режим попереднього перегляду (Active Preview), при цьомукартинка в документі буде зображуватися так, як вона виглядатиме післястиснення. Крім того, IS напише розмір файлу навпроти надпису Size.

IS підтримує автоматичну генерацію коду JavaScript при експорті
HTML документа. За допомогою нього можна створити просту анімацію на web -сторінці: при натисканні кнопки миші на картинку, проведення курсору над нею,картинка може змінювати вид. Для цього існує палітра JavaScript, проякої вже згадувалося раніше. Тепер розглянемо її більш детально:

Існує три типи подій, за якими може відбутися змінакартинки:
. onMouseOver - активізується, коли курсор миші знаходиться безпосередньо над об'єктом.
. onMouseDown - активізується при натисканні на картинку.
. onMouseOut - активізується, коли курсор миші "відводять" з картинки.

За замовчуванням кожен об'єкт не має встановлених подій (noAction впалітрі JavaScript).

Можна додавати, копіювати і видаляти події, використовуючи три кнопки внизупалітри.
Під час створення нової події, створюється нова копія об'єкта, яку можнаредагувати незалежно від початкового. Єдина умова - не можназмінити тип об'єкта.

IS може автоматично "оформляти" вже створені HTML документи,замінюючи звичайний текст картинками. Ця функція називається Batch Replace ідоступна з меню File-> Batch Replace HTML. Перед її використанням, потрібностворити заготовку. Для цього створюється новий документ і в ньому створюєтьсянабір об'єктів (ці об'єкти повинні бути текстовими, і з цих об'єктівпотім береться інформація про стиль). Потім, використовуючи палітру Web, кожномуоб'єкту задається тип даних, які їм будуть замінені (список Replace).
При створенні HTML документа, кожному текстовий елемент у ньому присвоюєтьсяпевний тип (так само, як і в програмі MS Word тексту можнапривласнювати тип заголовка, звичайного тексту і т.д.), тобто заголовки ізвичайний текст мають різні типи. Т.ч., створивши об'єкт і вказавши йому в поле
Replace тип, який був присвоєний заголовку в HTML документі, можназамінити заголовок красиво оформленої написом.

При заміні, IS бере з HTML документа текст, що відповідає данимтипу, переводить його в об'єкт і застосовує до нього відповідний стиль,після чого записує результат в графічний файл і замінює текст в HTMLдокументі на створене зображення.

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

Adobe ImageStyler On-line help.
Product Guides: Batch Generation

Layers and attributes

Working with images

Інші приклади дизайну можна знайти в Інтернет за адресами

http:// www.imagestyler.com - сайт підтримкиhttp://codexorg.webjump.com - сайт, створений автором реферату.