Порядок виконання роботи. Метою роботи є навчання навичкам роботи в середовищі графічного редактора Photoshop при

Мета роботи

Метою роботи є навчання навичкам роботи в середовищі графічного редактора Photoshop при створенні зображень для Web-сторінок.

2. Склад робочого місця

2.1. Устаткування: IBM- сумісний персональний комп'ютер(ПК).

2.2. Програмне забезпечення: операційна система сімейства Windows, Web- браузер, графічний редактор Adobe Photoshop версії CS2 і вище.

3. Підготовка до лабораторної роботи

Для підготовки до виконання лабораторної роботи необхідно повторити наступні розділи (дивись додаток 1):

1. Графічний редактор Adobe Photoshop;

2. Компоненти вікна Photoshop;

3. Панель інструментів Photoshop;

4. Палітри Photoshop;

5. Меню Photoshop.

Порядок виконання роботи

Намалюйте зображення відповідно до свого варіанту, використовуючи технологію шарів Photoshop. Шари повинні мати змістовні назви, наприклад "Компьютер А" или "Узел 1". Зробіть скриншоти усіх шарів в палітрі Слои і збережіть їх у форматі PNG(якщо усі шари не вміщуються на скриншоті, збільште розмір палітри по вертикалі або зробіть декілька скриншотів). Збережіть створений малюнок для Web у форматах PSD і PNG і покажіть результат викладачеві.

Варіант 1-01

Варіант 1-02

Варіант 1-03

Варіант 1-04

Варіант 1-05

Варіант 1-06

Варіант 1-07

Варіант 1-08

Варіант 1-09

Варіант 1-10

Варіант 1-11

Варіант 1-12

Питання для самоконтролю

1. Які операції із зображеннями можна виконувати в редакторові Photoshop?

2. Що таке шари і як вони використовуються в редакторові Photoshop?

3. Які компоненти містить робоче вікно редактора Photoshop?

4. Які інструменти переміщення і виділення існують в редакторові Photoshop?

5. Які інструменти малювання існують в редакторові Photoshop?

6. Які інструменти корекції зображення існують в редакторові Photoshop?

7. Які режими перегляду зображення можна використати в редакторові Photoshop?

8. Які дії виконують палітри групи Шари(Layers) в редакторові Photoshop?

9. Які дії можна виконати за допомогою команд меню Файл(File) в редакторові Photoshop?

Лабораторна робота № 2
Робота з векторною графікою в Adobe Photoshop

Мета роботи

Метою роботи є навчання навичкам роботи в середовищі графічного редактора Photoshop при створенні зображень для Web- сторінок.

2. Склад робочого місця

2.1. Устаткування: IBM- сумісний персональний комп'ютер(ПК).

2.2. Програмне забезпечення: операційна система сімейства Windows, Web- браузер, графічний редактор Adobe Photoshop версії CS2 і вище.

3. Підготовка до лабораторної роботи

Для підготовки до виконання лабораторної роботи необхідно повторити наступні розділи (дивись додаток 2):

1. Інструменти роботи з контурами;

2. Палітра Контури;

3. Приклад створення контуру;

Порядок виконання роботи

Намалюйте, використовуючи Photoshop, наступні три зображення, що містять однакові елементи Фоновое изображение, Стрелка «Вперед», Оглавление и Стрелка «Назад» (рис. 2.8). Елемент Оглавление містить напис "Оглавление". Елемент Стрелка «Назад» є дзеркальним відображенням елементу Стрелка «Вперед». Форма і стиль кожного елементу, а також стиль напису задаються відповідно до свого варіанту. Варіанти робіт приведені в таблицю. 2.1. Стиль в елементах таблиці позначається номером таблиці(2.2-2.5) і варіантом стилю в цій таблиці(1-10).

Збережіть створені зображення для Web і покажіть результати(у форматах PSD і PNG) викладачеві.

Зображення, створені в цій лабораторній роботі, будуть використані як карти-зображення у вашому варіанті лабораторної роботи 2-07.

Рис. 2.8. Зображення для виконання роботи

Таблиця 2.1. Варіанти виконання лабораторної роботи

Вари- ант	Фоновое изображение	Стрелка «Вперед»	Оглавление	Стиль надписи
Форма	Стиль	Форма	Стиль	Форма	Стиль
1.		2.2-1		2.3-8		2.4-2	2.5-9
2.		2.2-2		2.3-10		2.4-8	2.5-5
3.		2.2-3		2.3-7		2.4-5	2.5-4
4.		2.2-4		2.3-9		2.4-3	2.5-7
5.		2.2-5		2.3-6		2.4-10	2.5-1
6.		2.2-6		2.3-4		2.4-6	2.5-6
7.		2.2-7		2.3-2		2.4-9	2.5-8
8.		2.2-8		2.3-3		2.4-4	2.5-10
9.		2.2-9		2.3-1		2.4-1	2.5-9
10.		2.2-10		2.3-5		2.4-7	2.5-3
11.		2.3-10		2.4-6		2.2-8	2.5-2
12.		2.3-9		2.4-4		2.2-7	2.5-7

Для градієнта в таблиці. 2.2 приведена його назва (вибирається за допомогою чорного трикутника зліва від поля Градиент діалогового вікна Стиль слоя), стиль (значення поля Стиль), кут (встановлюється за допомогою індикатора Угол) і масштаб (значення поля Масштаб). Для палітри Стили за допомогою пункту Загрузить стили меню палітри мають бути додатково завантажені набори стилів Metals, Color Harmonies 2, Special Effects, Pastels и Simple. Для зручності пошуку найменувань візерунків в меню палітри має бути вибраний пункт Большие миниатюры и имена.

Таблиця 2.2. Варіанти градієнта

Варіант   Характеристики
Найменування	Orange, Yellow	Green, Yellow	Brown, Tan, Beige	Light Cyan	Steel Blue	Light Purple	Magenta	Soft Stripes	Brass	Yellow, Green, Blue
Вид
Стиль	Зеркаль-ный	Зеркаль-ный	Зеркаль-ный (инв.)	Зеркаль-ный	Линей-ный	Зеркаль-ный	Зеркаль-ный	Линей-ный	Зеркаль-ный	Зеркаль-ный
Кут	90°	90°	90°	90°	95°	90°	90°	0°	90°	90°
Масштаб	130%	130%	130%	90%	110%	80%	100%	100%	100%	110%
Додаткові ефекти	Обводка Размер: 2 пикс. Цвет: RGB(255, 0, 0) Тень Цвет: RGB(137, 11, 5) Смеще-ние: 9 пикс. Размах: 7% Размер: 6 пикс.	Обводка Размер: 2 пикс. Цвет: RGB(0, 255, 0) Внешнее свече-ние Градиент Brass Размах: 5% Размер: 5 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(174, 124, 5) Тень Цвет: RGB(255, 0, 0) Смеще-ние: 7 пикс. Размах: 7% Размер: 8 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 255, 0) Внешнее свече-ние Градиент Light Cyan Размах: 5% Размер: 8 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(141, 205, 245) Тень Цвет: RGB(4, 21, 121) Смеще-ние: 9 пикс. Размах: 4% Размер: 7 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 255, 0) Внешнее свече-ние Градиент Purple Размах: 10% Размер: 9 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 0, 255) Тень Цвет: RGB(255, 255, 0) Смеще-ние: 8 пикс. Размах: 3% Размер: 9 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(0, 54, 255) Внешнее свече-ние Градиент Blue Размах: 8% Размер: 7 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(0, 255, 0) Тень Цвет: RGB(244, 6, 230) Смеще-ние: 8 пикс. Размах: 4% Размер: 6 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 7, 240) Внешнее свечение Градиент Orage Размах: 8% Размер: 8 пикс.

Для візерунка з палітри Стили у таблиці. 2.3 задається назва візерунка в палітрі. Для палітри Стили за допомогою пункту Загрузить стили меню палітри мають бути додатково завантажені набори стилів Buttons, Glass Buttons, Glass Button Rollovers, Rollover Buttons, Text Effects, Text Effects 2 и Image Effects. Для зручності пошуку найменувань візерунків в меню палітри має бути вибраний пункт Большие миниатюры и имена.

Таблиця 2.3. Варіанти візерунка з палітри Стили

Варіант   Характеристики
Найменування	Wood-grain	Raised Coffee Stain	Bumpy	Angled Spectrum	Yellow Glass	Snakeskin	Dark Blue Rollover	Brushed Metal	Chrome-Fat	Black Veins
Вид
Примітка	–	–	–	–	Откл. эффект Тиснение	–	–	–	Наложение желтого цвета	–

Візерунки для інструменту Заливка приведені в таблицю. 2.4. У панелі цього інструменту для поля Заливка має бути встановлене значення Узор. У меню палітри мають бути додатково завантажені набори стилів Color Paper, Patterns и Patterns 2. Для зручності пошуку найменувань візерунків в меню палітри має бути вибраний пункт Большие миниатюры и имена.

Таблиця 2.4. Варіанти візерунка для інструменту Заливка

Варіант   Характеристики
Найменування	Water	Purples	Carpet	Bubbles	Woven	Wood	Tie Dye	Waffle	White with Wood Fibers	Notebook
Вид
Додаткові ефекти	Тиснение Размер: 10 пикс.	Тень Размер: 10 пикс.	Внешнее свечение Градиент Brown, Tan, Beige Размах: 7% Размер: 13 пикс.	Обводка Размер: 4 пикс. Положе-ние: снаружи Цвет: RGB(217, 244, 37)	Внутр. свечение Градиент: Purple Размер: 16 пикс.	Внутр. тень Цвет: RGB(122, 84,4) Угол: 137° Смещение: 15 пикс. Размер: 20 пикс.	Тень Размер: 10 пикс. Цвет: RGB(8, 30,164) Непр. 87% Угол: 135° Смещение: 11 пикс. Размах: 9 пикс. Размер: 7 пикс.	Глянец Цвет: RGB(8, 230,244) Непр. 40% Угол: 45° Смещение: 11 пикс. Размер: 27 пикс. Контур: Ring - Double	Тиснение Контур Стиль: Внутр. скос Глубина: 60% Размер: 10 пикс. Смягчение: 5 пикс. Контур: Gaussian	Внешнее свечение Непр. 100% Градиент Light Cyan Размер: 15 пикс. Размах: 21 пикс. Контур: Rolling Slope – Descen-ding

Варіанти кольорів (ефектів Наложение цвета у діалоговому вікні стилів шару) приведені в таблицю. 2.5. Колір задається у вигляді RGB(червоний, зелений, синій), де червоний, зелений, синій - десяткові(у діапазоні 0-255) значення інтенсивностей відповідних компонентів світла в моделі RGB.

Таблиця 2.5. Варіанти кольорів

Варіант   Характеристики
Найменування	Aqua-marine	Sienna	Limegreen	Deeppink	Deepsky-blue	Moccasin	Aliceblue	Coral	Darkgray	Khaki
Вид
Колір	RGB(127, 255, 212)	RGB(160, 82, 45)	RGB(50, 205, 50)	RGB(255, 20, 147)	RGB(0, 191, 255)	RGB(255, 228, 181)	RGB(240, 248, 255)	RGB(255, 127, 80)	RGB(169, 169, 169)	RGB(240, 230, 140)
Додаткові ефекти	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 0, 0) Внешнее свече-ние Непр. 100% Градиент Lime Green Размах: 11% Размер: 8 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 255, 0) Тень Цвет: RGB(96, 79, 2) Смеще-ние: 7 пикс. Размах: 7% Размер: 13 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 0, 255) Внешнее свече-ние Непр. 100% Цвет: RGB(4, 149, 35) Размах: 8% Размер: 8 пикс.	Обвод-ка Размер: 2 пикс. Полож.: По центру Цвет: RGB(3, 97, 18) Тень Цвет: RGB(98, 3, 3) Смеще-ние: 7 пикс. Размах: 6% Размер: 5 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 0, 216) Внешнее свече-ние Градиент Purple Размах: 2% Размер: 8 пикс.	Обвод-ка Размер: 2 пикс. Полож.: По центру Цвет: RGB(0, 0, 255) Тень Цвет: RGB(4, 103, 13) Смеще-ние: 6 пикс. Размах: 3% Размер: 5 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(113, 85, 8) Внешнее свече-ние Градиент Light Purple Размах: 9% Размер: 8 пикс.	Обвод-ка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 255, 0) Тень Цвет: RGB(89, 66, 3) Смеще-ние: 6 пикс. Размах: 4% Размер: 8 пикс.	Обводка Размер: 2 пикс. Полож.: По центру Цвет: RGB(0, 255, 255) Внешнее свече-ние Градиент Silver Размах: 8% Размер: 7 пикс.	Обвод-ка Размер: 2 пикс. Полож.: По центру Цвет: RGB(255, 0, 0) Тень Цвет: RGB(121, 0, 0) Смеще-ние: 7 пикс. Размах: 7% Размер: 7 пикс.

Питання для самоконтролю

1. Як малюється прямолінійний контур в редакторові Photoshop?

2. Як малюється криволінійний контур в редакторові Photoshop?

3. Як додати криволінійну ділянку до прямолінійного контура в редакторові Photoshop?

4. Як додати пряму ділянку до криволінійного контура в редакторові Photoshop?

5. Чим відрізняється дія інструменту Magnetic Pen і Freeform Pen від дії інструменту Pen в редакторові Photoshop?

6. Які інструменти редагування контурів існують в редакторові Photoshop?

7. Які операції з контурами можна виконувати за допомогою палітри Path в редакторові Photoshop?

Лабораторна робота № 3
Створення анімаційних зображень в Adobe Photoshop

Мета роботи

Метою роботи є навчання навичкам роботи в середовищі графічного редактора Photoshop при створенні анімаційних зображень для Web- сторінок.

2. Склад робочого місця

2.1. Устаткування: IBM- сумісний персональний комп'ютер(ПК).

2.2. Програмне забезпечення: операційна система сімейства Windows, Web- браузер, графічний редактор Adobe Photoshop версії CS2 і вище.

3. Підготовка до лабораторної роботи

Для підготовки до виконання лабораторної роботи необхідно повторити наступні розділи (дивись додаток 3):

1. Графічний редактор ImageReady;

2. Панель інструментів ImageReady;

3. Палітри ImageReady;

Дата добавления: 2015-10-28