Лабораторна робота №13. «графічний процесор adobe photoshop. Створення gif анімації в adobe imageready»

Мета роботи: отримати навики роботи з програмою Adobe Photoshop. Навчитися створювати gif анімацію в Adobe ImageReady.

Теоретичні відомості

Інтерфейс ImageReady

Головне вікно ImageReady. У перший момент його легко переплутати з Photoshop, настільки схожі вони зовні: та ж панель інструментів, знайомі палітри. Така подібність не випадкова. Більш уважний погляд відзначить і безліч особливостей. По-перше, це кілька особливих інструментів на палітрі інструментів.

1. Інструмент Rounded Rectangle Marquee. Він призначений для створення виділених областей у формі прямокутника з округленими кутами. Палітра властивостей Options для цього інструмента містить поле Radius, у якому задається радіус округлення в пікселях.

2. Інструменти Rectangle, Rounded Rectangle і Ellipse відразу малюють прямокутник, прямокутник з округленими кутами й еліпс, відповідно. Виділена область при цьому не створюється, а фігура відразу виявляється залита поточним основним кольором.

3. Інструмент Slice призначений для розрізування зображень на прямокутні фрагменти, a Select Slice - для виділення таких фрагментів.

Крім того, на панелі інструментів є кнопки режимів Show Slices і Hide Slices, що відповідають команді-перемикачу з меню Slices. У першому режимі відображаються границі фрагментів, на які розрізане зображення, а в другому - немає.

Редактор ImageReady має і кілька особливих палітр

Optimize Палітра містить параметри оптимізації зображень для експорту в обраний формат. Вигляд оптимізованого зображення відображається прямо у вікні кожного документа ImageReady і обов'язково має чотири вкладки, аналогічних вкладкам модуля Save For Web. У рядку стану вікна документа вказуються поточні параметри чи оптимізації, інша інформація, що вибирається в списку, що відкривається натисканням на трикутній стрілці. У цьому ж списку задається передбачувана швидкість модему, що використовується для оцінки часу завантаження зображення в браузері користувача.

Color Table. Ця палітра ImageReady показує поточну палітру зображення, якщо заданий режим оптимізації в індексований формат (GIF чи PNG-8). Вона також має свій аналог у модулі Save For Web Photoshop і робота з нею теж аналогічна.

Layers. ImageReady підтримує точкові і текстові шари, а також ефекти для шарів. Керування шарами так само, як і в Photoshop, здійснюється за допомогою спеціальної палітри. Єдина її відмінність від палітри Layers у Photoshop полягає в тім, що в ній відображаються і всі ефекти, застосовані до шару. Крім того, у нижньому ряду кнопок додалися стрілки переходу між шарами і додавання ефектів. Оскільки при створенні анімації її фази розміщуються на окремих шарах, кнопки переходу до попереднього чи наступного шару використовуються для перемотування кадрів. Кнопка додавання ефектів відкриває список усіх доступних ефектів для шарів. Вибір кожного з них створює на поточному шарі цей ефект. Настроювання його параметрів здійснюється за допомогою особливої палітри Layer Options/Effects.

Layer Options/Effects. Ця палітра використовується разом з палітрою Layers і дозволяє задавати параметри шарів й асоційованих з ним ефектів. Якщо в палітрі Layers виділений рядок ефекту, то в палітрі Layer Options/Effects показані настроювання цього ефекту. Якщо ж виділений шар, то в цій палітрі ви знайдете параметри шару.

Вони використовуються для створення карт посилань.

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

Type. У Photoshop параметри тексту, та й сам тест, вводяться в спеціальному діалоговому вікні Type Tool. У ImageReady введення і редагування тексту реалізовано набагато зручніше. Текст вводиться прямо у вікні документа, а для настроювання його параметрів використовується палітра Type. Ця палітра дуже знайома користувачам Adobe Illustrator. У ній ви знайдете список шрифтів, їхніх накреслень і кегля, управління виключенням абзаців, кернингом, шириною символів, положенням базової лінії. Особливо відзначимо можливість вибору з чотирьох ступенів згладжування (anti-aliasing).

Animation. Палітра містить перелік усіх кадрів анімації і керує їх черговістю і переглядом.

Slice. Палітра призначена для установки параметрів окремих фрагментів, на які зображення розрізане за допомогою інструмента Slice чи команди Divide Slice з меню Slices.

Rollover. Палітра зберігає варіанти зображення, демонстрованого в браузері в залежності від того, чи знаходиться на ньому курсор і чи натиснута кнопка миші.

Палітри Colors, History, Info, Options і Actions майже цілком ідентичні однойменним палітрам Photoshop. Правда, палітра History у ImageReady трохи спрощена. У ній відсутня можливість створення знімків (snapshots) і призначення вихідного стану для кисті History Brush, оскільки ImageReady не має такого інструмента.