Комп’ютерна графіка Редактор растрової графіки
AdobePhotoshop 6.0
Посібник для практичних занять Частина 4
Комп’ютерна графіка. Adobe Photoshop 6.0: Посібник для практичних занять. Частина 4. – 32 c. Ці методичні вказівки є складовою комплексу навчальних посібників для практичних занять з вивчення популярної програми для роботи з растровою графікою Adobe Photoshop 6.0. У посібнику докладно розглядаються всі основні можливості та практичні аспекти застосування програми Adobe Photoshop 6.0., оглядове знайомство з інструментами У четвертій частині вивчається робота з шарами растрових зображеннь, створення і використання масок, створення, редагування та використання контурів засобами програми Adobe Photoshop 6.0.
Увага! Всі додаткові матеріали (допоміжні графічні файли та файли прикладів), на які є посилання у тексті посібника, можна завантажити з Інтернету за адресою: http://metodichka.com.ua/free/adobe6.zip
© НМЦ ПОЛИТЕХ Ніяка частина цього видання не може бути тиражована у будь-який спосіб без письмового дозволу правовласників. ® Методичка http://metodichka.com.ua/
Зміст Практичне заняття 9 ......................................................................................4 Робота з шарами зображення ....................................................................4 Використання палітри Слои ...................................................................4 Створення нових шарів ...........................................................................5 На цьому занятті ......................................................................................... Практичне заняття 10 ....................................................................................8 Створення і використання масок..............................................................8 Швидка маска............................................................................................8 Маска шару..............................................................................................10 На цьому занятті ......................................................................................... Практичне заняття 11 ..................................................................................11 Робота з контурами ...................................................................................11 Створення контурів .................................................................................... Створення контурів стандартної форми ..........................................14 Створення фігур стандартної форми на окремому шарі ................... Створення фігур стандартної форми на поточному шарі ................. Редагування контурів.............................................................................15 Використання контурів .........................................................................17 Заливка контуру ....................................................................................... Обводка контуру ...................................................................................... На цьому занятті .........................................................................................
Практичне заняття 9 Робота з шарами зображення У Photoshop складні зображення створюються з використанням кількох шарів. Шари зображення можна уявити, як шматочки прозорої плівки, на кожному з яких намальовані окремі деталі зображення. Коли ці деталі скласти один на один, утвориться багатошаровий малюнок. Кількість шарів зображення може досягати 100. Окремі деталі зображення зручно створювати на різних шарах тому, що зображення на кожному шарі можна корегувати і редагувати окремо від інших. В кінці роботи, коли зображення готове, можна об’єднати всі шари в один, перетворивши багатошаровий малюнок на плоский – одношаровий. Це зекономить пам’ять комп’ютеру, але подальше корегування окремих шарів зображення стане неможливим. Для роботи з шарами служить палітра Слои та меню Слой: Слой4… Використання палітри Слои Працюючи з шарами малюнку тримайте відкритою палітру Слои.
Створення нових шарів Новий шар зображення автоматично створюється, коли у документ вставляється новий фрагмент зображення з Буферу обміну. Вставлений фрагмент розміщується на новому шарі. Тому його можна переміщати та редагувати окремо від інших частин зображення. Також можна створити порожній новий шар. Це необхідно, коли треба намалювати нову деталь зображення на новому шарі. : Робота з шарами малюнку 1. Перейменуйте шар, на якому зображено хліб. Для цього у контекстному меню цього шару виконайте команду Свойства Слоя… і введіть нове ім’я шару Хлеб. i Перейменування шару робити не обов’язково, але за іменами зручно орієнтуватися у багатошаровому зображенні.
2. Відкрийте файл Cheese.psd з зображенням скибки сиру і скопіюйте цей малюнок на бутерброд. Закрийте файл Cheese.psd. Новий шар назвіть Сыр. 3. Скибка сиру – тонка. Тому вона повинна бути напівпрозорою. Щоб зробити зображення сиру напівпрозорим треба зменшити значення непрозорості шару – встановіть для шару Сыр значення параметру Opacity: (Непрозорість) рівне 90%. 4. Відкрийте ще один файл Lunchmeat.psd з зображенням ковбаси. Скопіюйте малюнок на бутерброд. Закрийте файл Lunchmeat.psd. Дайте новому шару назву Колбаса.
5. “Полийте” ковбасу гірчицею або майонезом. Для цього: • Створіть новий шар – клацніть кнопку Створення нового шару на палітрі Слои. Новий шар розміщується над активним шаром. • Інструментом Кисть середнього розміру намалюйте на ковбасі фігурну смужку жовто-коричньового (гірчиця) або молочножовтого (майонез) кольору. • Дайте новому шару назву Майонез. 6. Зробіть останнє зображення об’ємним. Для цього: • Виконайте команду Слой4Стиль Слоя4Скос и Гофрирование… (Bevel and Emboss…) • У діалоговому вікні Стиль Слоя залиште без зміни встановлені параметри і клацніть ОК.
7. Накрийте бутерброд ще однією скибкою чорного хлібу. Для цього: • Зробіть копію шару з зображенням хлібу – у контекстному меню шару Хлеб виконайте команду Дублировать Слой…. Новому шару дайте назву Черный Хлеб. • На палітрі Слои перетягніть шар Черный Хлеб вгору і покладіть його на шар Майонез – шар Черный Хлеб розміститься поверх шару Майонез. (Щоб бачити одночасно всі шари малюнку, перетягніть палітру Слои вгору і розтягніть її вниз.) • У вікні Стиль Слоя встановіть наступні параметри зовнішнього світіння: Непрозрачность 30% У випадаючому списку виберіть спосіб переходу кольору світіння:
Foreground to Transparent (Від основного до прозорого) Размер 100-200 рх Шпажка • Візьміть Кисть невеликого розміру, встановіть для неї значення параметру Непрозрачность: рівне 90%, виберіть у палітрі Каталог світло-сірий колір і намалюйте шпажку, яка приколює оливку до бутерброду.
8. Оцініть одержаний результат. Зверніть увагу, якій розмір зображення відображається в інформаційній панелі. Перше число – розмір одношарового зображення, друге число – розмір зображення з урахуванням усіх шарів. 9. Якщо роботу над зображенням закінчено, перетворіть зображення на одношарове (плоске) – виконайте команду (Увага! Після виконання цієї операції неможливо буде редагувати деталі зображення окремо від інших): Слой4Выровнять Изображение Зверніть увагу, якій тепер на розмір зображення. 10. Збережіть і закрийте файл Бутерброд.psd.
Фрагмент методического пособия предоставлен © МЕТОДИЧКА http://metodichka.com.ua/
Практичне заняття 10 Створення і використання масок Маска – це спеціальний спосіб виділення частини зображення. Маска створюється для того, щоб повністю або частково захістити частину зображення від змін, які треба внести в іншу частину зображення, розміщену на тому самому шарі. Найпростіша маска – звичайне виділення, яке дозволяє вносити зміни лише у виділену область. Photoshop пропонує декілька типів масок: • Маска шару – дозволяє захістити частину шару від змін, а також застосувати спеціальні ефекти такі, як фільтри. • Маска каналу – дозволяє захістити від змін окремі кольорові канали певної частини зображення. • Прозора маска. Маски можуть мати різну прозорість. Непрозора маска повністю захищає зображення від змін. Частково прозора маска – захищає зображення лише частково, залежно від її прозорості. • Швидка маска – тимчасова маска, форму якої можна змінювати. При застосуванні швидкої маски можна одночасно бачити як маску, так і само зображення. Швидка маска : Опрацюйте створення “швидкої маски”. 1. Відкрийте файл Ducky.tif C:\Program Files\Adobe\Photoshop 6.0\Samles 2. Створіть копію зображення у новому документі: <Ctrl+A> – виділити все зображення; <Ctrl+C> – скопіювати зображення у Буфер обміну; <Ctrl+N> – створити новий документ; <Ctrl+V> – вставити зображення з Буферу обміну у новий документ.
• Інструментом Кисть напишіть у незахищеній області зображення (де немає маски) слово "Каченя". Інструмент Кисть малює чорним кольором - створює непрозору на 100% захисну маску. На екрані монітору робота інструменту Кисть відображається червоним кольором, як і сама маска. 3. Клацніть кнопку Стандартный режим (<Q>) на панелі інструментів, щоб вийти з режиму швидкої маски – області, які не захищені маскою будуть виділені. 4. Візьміть інструмент Заливка, встановіть для нього значення параметру Допуск: на панелі властивостей рівне 255, і залийте виділення світло-зеленим кольором. 5. Зніміть виділення (<Ctrl+D>) і оцініть результат
6. Відмініть зміни у зображенні. : Пофарбуйте каченя у голубий колір. 1. Візьміть інструмент Волшебная палочка, встановіть значення параметру Допуск: близько 100 і клацніть на зображенні каченяти приблизно посередині лоба, між очима – має бути виділене все зображення каченяти, крім очей, дзьоба і найтемніших плям на тулубі. 2. Перейдіть у режим швидкої маски і акуратно зітріть маску, яка захищає темні плями на тулубі каченяти. 3. Поверніться у стандартний режим і залийте виділену область блакитним кольором. 4. Зніміть виділення (<Ctrl+D>) і оцініть результат.
5. Відмініть всі зміни у зображенні. Маска шару Маска шару – це немов би трафарет, для створення якого використовується копія шару. Вона захищає частину шару і дозволяє застосовувати зміни до незахищеної частини шару. Маску шару, так само як і швидку маску, можна редагувати. : Змініть фон зображення, залишивши зображення каченяти без змін. 1. Щоб побачити зображення маски у звичайному чорно-білому вигляді, клацніть на мініатюрі маски у палітрі Слои утримуючи клавішу <Alt>. i В цьому режимі можна редагувати маску так само, як у режимі швидкої маски. Щоб відредагувати маску шару, малюйте у незахищеній області чорним кольором (щоб створити там маску), а у незахищеній - білим кольором (щоб витерти маску). Результати редагування відображаються на мініатюрі шару на палітрі Слои. i Маска шару у Photoshop вважається окремим чорно-білим каналом. Тому маска шару відображається також в палітрі Каналы. Швидкій перехід до цього каналу дає комбінація клавіш <Ctrl+\>. 2. Щоб повернутися у попередній режим, коли крізь прозору частину маски видно попередній шар, знову клацніть на мініатюрі маски у палітрі Слои утримуючи клавішу <Alt>.
3. Залийте незахищену область (фон) темно-зеленим кольором. Створіть копію шару-маски і залийте на ній фон бордовим кольором.
Практичне заняття 11 Робота з контурами Контури – це векторні об'єкти (лінії), які зберігаються у файлах Photoshop так само, як шари. За допомогою контурів можна дуже точно створювати області виділення складної форми. Причому це виділення не зникає після його використання, як при користуванні інструментами виділення Прямоугольник, Эллипс, Лассо та ін., – виділення створене за допомогою контурів можна зберегти. Тому до нього можна згодом повернутися і використати знову. Контури можна також заливати кольором або штрихувати – тоді одержимо, відповідно, фігуру або лінію зображення. Форму цих векторних об'єктів, на відмінність від растрових, можна змінювати. Для цього необхідно лише відредагувати відповідний контур. Для роботи з контурами служать спеціальні інструменти на панелі інструментів та палітра Пути (Контуры).
1. Візьміть інструмент Ручка (<P>), встановіть на панелі властивостей параметри за умовчанням. Переконайтеся, що ввімкнена кнопка створення нового контуру:
2. Інструментом Ручка створіть замкнутий контур з відрізків прямих ліній, як на мал. (а). Для цього просто по черзі клацніть інструментом Ручка в опорних точках контуру 1-2-3-4-5-6-7-8-910, і знову у точці 1, щоб замкнути контур, – утвориться контур у вигляді замкнутої ламаної лінії.
(а)
(б)
(в)
i При такому способі створення контуру (простим клацанням) сусідні опорні точки сполучаються прямими лініями і називаються кутовими точками контуру. На щойно створеному контурі всі опорні точки – кутові. 3. Інструментом Непосредственное выделение змініть положення опорних точок, як на мал. (б). Потім, як на мал. (в). 4. Видаліть створений контур, клацнувши кнопку з зображенням корзини внизу палітри Пути. 5. Інструментом Ручка створіть замкнутий контур, опорні точки якого сполучаються кривими лініями.
• клацніть інструментом Ручка в опорній точці, протягніть мишу, а потім відпустіть її – на малюнку з’явиться опорна точка і два маркери. Ці маркери використовують для зміни кута нахилу, напряму та форми кривої.
• клацніть в наступній опорній точці – опорні точки будуть сполучені кривою лінією, протягніть мишу – крива лінія змінить форму, відпустіть мишу – утвориться нова опорна точка. • діючи таким чином, створіть контур, як на мал. (а).
(а)
(б)
(в)
i При такому способі створення контуру (клацанням з протягуванням), коли сусідні опорні точки сполучаються кривими лініями, вони називаються гладкими точками контуру. На щойно створеному контурі всі опорні точки – гладкі. 6. Перетягуючи опорні точки інструментом Інструментом Непосредственное выделение змініть форму контуру, як на мал. (б). Потім, як на мал. (в). 7. Опрацювавши завдання, видаліть створений контур, клацнувши кнопку з зображенням корзини внизу палітри Пути.
: Опрацюйте створення контуру інструментами групи Форма.
i За допомогою інструментів групи Форма створюються контури, а також прозорі, напівпрозорі та залиті кольором фігури стандартної форми. Створення контурів стандартної форми 1. Щоб створити прямокутний контур, візьміть інструмент Прямоугольник з групи інструментів Форма (клавіша <U>). 2. На панелі властивостей ввімкніть кнопку Створити новий контур.
i Призначення кнопок: Створити фігуру на окремому шарі – використовується, коли необхідно створити фігуру на окремому шарі. Створити новий контур – для створення контуру по формі вибраної фігури. Створити залиту область – для створення фігури на поточному шарі. 3. Протягніть мишу у робочій області – буде створено контур по формі вибраної фігури.
FF Зверніть увагу, як змінився вигляд панелі властивостей – тепер тут з’явилися кнопки додавання, перетину, віднімання та інверсії контурів. 4. У режимі додавання створіть ще декілька контурів різної форми на власний розсуд.
5. Опрацювавши створення контурів, видаліть контури – очистіть палітру Пути. Редагування контурів : Створіть еліптичний контур і відредагуйте цей контур так, щоб надати йому форму рибини. 1. Створіть контур у формі еліпсу (мал.(а)).
(а)
(б)
(в)
2. Щоб змінити форму контуру, виділіть контур інструментом Непосредственное Выделение (<A>, або <Shift+A>, якщо перед тим був активний інший інструмент цієї групи) – на контурі з'являться чотири гладкі опорні (якорні) точки і балансировочні лінії (мал. (б)).
3. Додайте на контур ще чотири опорні точки 1, 2, 3, 4 (мал. (в)). Для додавання опорних точок клацніть у відповідних місцях на контурі інструментом Добавить Якорную Точку. i Складні контури, які мають велику кількість опорних точок, кутів, кривих створюють деякі проблеми при роботі з зображенням – збільшується час обробки зображення, розмір файлу, можливі проблеми при друкуванні зображення. 4. Інструментом Непосредственное выделение змініть форму контуру – перетягніть опорні точки 1, 2, 3, 4 (мал. (г)).
(г)
(д)
(е)
5. Перетворіть гладкі опорні точки 1 і 3 на кутові опорні точки – візьміть інструмент Преобразовать Точку і клацніть ним у точках 1 і 3 (мал. (д)). 6. Перемістіть праворуч опорну точку 5, додайте ще дві опорні точки 8 і 9 по обидва боки від точки 6 і перемістіть точку 6 вгору (мал. (е)). 7. Додайте ще дві опорні точки 10 і 11 між точками 4 і 7 (мал. (є)). 8. Перетягніть точку 11 вниз, гладку опорну точку 7 перетворіть на кутову точку (мал. (ж)). 9. Щоб змінити формі контуру у точках 11 і 12, перемістіть управляючи маркери (мал. (з)).
(є)
(ж)
(з)
10. Збережіть контур, надавши йому назву “Рыбка”. 11. Збережіть файл у свою робочу папку у форматі Photoshop під назвою Рыбка.psd. 12. Закрийте файл. Використання контурів Контур створений і збережений у попередньому завданні можна використати у кількох напрямках: • редагувати далі, щоб створити контур іншої форми; • перетворити на виділення; • залити контур, щоб утворити фігуру відповідної форми; • заштрихувати (обвести) контур, щоб намалювати лінію по формі контуру.
• Щоб закінчити операцію трансформації виділення, виконайте подвійне клацання всередині виділення. 1. Щоб виділити область зовні контуру інвертуйте виділення (<Ctrl+Shift+I>) або командою
Выделение4Инвертировать 2. Виконайте настроювання кольорів виділеної області: • Відкрийте діалогове вікно Уровни • Відкорегуйте по черзі канали Red, Green, Blue та RGB, встановивши параметри, як на малюнку – зображення пустелі має стати схожим на зображення океану. Якщо необхідно, підберіть інши параметри настройки – до одержання потрібного ефекту.
• Закрийте вікно Уровни кнопкою ОК. 3. Щоб підсилити ефект, застосуйте до виділеної області фільтр Океанский Дождь Фильтр4Искажение4Океанский Дождь