AdobePhotoshop6-book-3 by Leonid Flegantov

Комп’ютерна графіка Редактор растрової графіки

AdobePhotoshop 6.0

Посібник для практичних занять Частина 3

Комп’ютерна графіка. Adobe Photoshop 6.0: Посібник для практичних занять. Частина 3. – 28 c. Ці методичні вказівки є складовою комплексу навчальних посібників для практичних занять з вивчення популярної програми для роботи з растровою графікою Adobe Photoshop 6.0. У посібнику докладно розглядаються всі основні можливості та практичні аспекти застосування програми Adobe Photoshop 6.0., оглядове знайомство з інструментами У третій частині вивчаються основи роботи з кольорами в програмі Adobe Photoshop 6.0, базові прийоми корегування кольорів растрових зображень засобами програми Adobe Photoshop 6.0.

Увага! Всі додаткові матеріали (допоміжні графічні файли та файли прикладів), на які є посилання у тексті посібника, можна завантажити з Інтернету за адресою: http://metodichka.com.ua/free/adobe6.zip

Зміст Практичне заняття 6 ......................................................................................4 Основи роботи з кольорами ......................................................................4 Завдання кольору......................................................................................4 Кольорові моделі та режими ..................................................................5 Кольорові канали ......................................................................................7 На цьому занятті ......................................................................................... Практичне заняття 7 ......................................................................................8 Корегування кольорів зображення...........................................................8 Корегування кольорів у діалоговому вікні Уровни...........................8 Корегування кольорів у діалоговому вікні Кривые... .......................9 Корегування кольорів у діалоговому вікні Яркость/Контраст.....10 Корегування кольорів у діалоговому вікні Оттенок/Насыщенность .....................................................................10 На цьому занятті .....................................................................................12 Практичне заняття 8 ....................................................................................13 Корегування кольорів зображення - 2 ...................................................13 Інші можливості корегування кольорів ..............................................13 Шари настроювання кольорів ..............................................................14 Фарбування чорно-білого зображення................................................15 Додаткове завдання................................................................................16 На цьому занятті .....................................................................................16

Практичне заняття 6 Основи роботи з кольорами Перші дії, які виконуються при створенні нового зображення – взяти необхідний інструмент малювання і вибрати колір для малювання. Основний колір - це колір, який використовують всі інструменти малювання (Кисть, Карандаш, Распылитель, Заливка тощо). Фоновий колір - колір, який використовує інструмент Ластик. Завдання кольору Основний і фоновий колір можна вибрати кількома способами. Щоб вибрати фоновий колір треба утримувати клавішу <Alt>. Основні способи вибору кольорів: • Клацнути мишею у палітрі Каталог, яка містить фіксований набір кольорів. • Клацнути мишею на кольоровій смужці у палітрі Цвет.

• Клацнути мишею у полі вибору кольору у вікні Пипетка. Вікно Пипетка відкривається, якщо клацнути мишею на кнопці Цвет переднего плана (Основний колір) або на кнопці Фоновий колір на панелі інструментів.

• Клацнути інструментом Пипетка у будь-якій точці екрану. Якщо у палітрі Цвет виділений значок основного кольору, то буде вибрано

основний колір. Якщо ж виділений значок фонового кольору, то для вибору основного кольору треба утримувати клавішу <Alt>. Кольорові моделі та режими Кольорові моделі описують різні способи, за допомогою яких колір відображається на екрані монітору або на папері. Основні кольорові моделі: • RGB (Red, Green, Blue – червоний, зелений, синій). Використовується для відображення кольорів на екрані монітору або телевізору. Всі кольори на екрані монітору утворюються з трьох основних кольорів. Частка кожного з основних кольорів у результуючому кольорі задається значенням від 0 до 255. Наприклад, (255, 0, 0) – чисто червоний колір, (0, 255, 0) – чисто зелений колір, (0, 0, 255) – чисто синій колір, (0, 0, 0) – чорний колір, (255, 255, 255) – білий колір. • CMYK (Cyan, Magenta, Yellow, Black – блакитний, пурпуровий, жовтий, чорний). Використовується під час друку. Це чотири основних кольори чорнил, які використовують у кольорових принтерах та у поліграфії. • HSB (Hue, Saturation, Brightness – відтінок кольору, насиченість, яскравість). Цією моделлю звичайно користуються художники. Відтінок вибирається з кольорового кола і приймає значення від 0о до 360о. Насиченість характеризує близкість до сірого кольору і приймає значення від 0 до 100%. Чистому кольору відповідає насиченість 100%. Сірому кольору – значення 0%. Яскравість відповідає інтенсивності кольору. Вимірюється від 0% (чорний колір) до 100% (білий колір). • Lab. Модель, яку Photoshop використовує при перетворенні зображення з однієї з попередніх кольорових моделей до іншої. : Ознайомтеся з описом кольорів у різних кольорових моделях. 1. Встановіть стандартні кольори: основний колір – чорний, фоновий колір – білий. Для цього клацніть маленьку кнопку нижче кнопки Основний колір (Цвет переднего плана) на панелі інструментів або натисніть клавішу <D>. 2. Клацніть кнопку Цвет переднего плана (Основний колір) на панелі інструментів. Відкриється діалогове вікно Пипетка (Select foreground color: – вибір кольору переднього плану), яке служить

для вибору кольору та настроювання параметрів вибраного кольору переднього плану.

3. • • •

Зверніть увагу на наступне: Якій колір відображається у вікні перегляду. Де розміщений маркер кольору у вікні Вибір кольору. Яке положення займають маркери настроювання компонентів. (Ці маркери регулюють значення того компоненту кольору біля якого ввімкнено перемикач!). • Який шістнадцятковий код має вибраний чорний колір. • Які значення компонентів має вибраний чорний колір у моделях RGB, CMYK, HSB. Модель HSB 4. Ввімкніть перемикач біля компоненти H: (відтінок) у кольоровій моделі HSB. Спробуйте змінювати відтінок вибраного чорного кольору пересуваючи маркери настроювання компонентів – у вікні перегляду колір не змінюється, у полі вибору кольору положення маркеру не змінюється. Спостерігайте за змінами значення відтінку кольору у полі H:. Поверніть маркери відтінку кольору у початкове положення. 5. Спробуйте вводити у поле H: значення відтінку кольору 600, 1200, …, 3600. Спостерігайте за змінами положення маркерів настроювання. Відновіть у полі H: початкове значення 00.

Кольорові канали Канали - це окремі кольорові складові зображення. Наприклад, зображення у режимі RGB має три окремих канали - червоний, зелений та синій. Канали зображення можна переглядати та при необхідності настроювати окремо один від одного. Для переходу між кольоровими каналами зображення служить палітра Каналы. : Ознайомтеся, як виглядає зображення Морской_загар у різних кольорових каналах. 1. Відкрийте палітру Каналы. Тут є чотири канали: канал RGB - канал повнокольорового зображення. Швидкій перехід до каналу - <Ctrl+~>; канал Red - зображення у відтінках червоного кольору, <Ctrl+1>; канал Green - зображення у відтінках зеленого кольору, <Ctrl+2>; канал Blue - зображення у відтінках синього кольору, <Ctrl+3>. FF Біля назви кожного каналу у палітрі Каналы є зображення ока. Наявність "ока" означає, що кольори цього каналу відображаються у робочій області документу. 2. За умовчанням окремі канали відображаються у відтінках сірого кольору. Щоб відобразити їх у "рідних" кольорах виконайте відповідне настроювання командою Редактирование4Предпочтения4Дисплей&Курсоры... У діалоговому вікні Предпочтения у розділі Дисплей встановіть прапорець Цветовые Каналы в Цвете, ОК. 3. Перегляньте, як виглядає зображення у відтінках червоного кольору. Для цього перейдіть до каналу Red, клацнувши мишею на назві каналу у палітрі Каналы або натисніть клавіші <Ctrl+1>. FF При виборі одного каналу зображення "ока" біля назви інших каналів у палітрі Каналы зникає. Це означає, що у робочій області документу відображаються тільки відтінки кольорів вибраного каналу. 4. Перегляньте окремо зелений та синій канали зображення.

Практичне заняття 7 Корегування кольорів зображення Корегування кольорів застосовується, як правило, коли необхідно виправити або змінити кольори у готовому зображенні, наприклад, у сканованому фото, де з часом з'явилися небажані відтінки. Корегування кольорів можна застосовувати до всього зображення, до його виділеної частини та до всього зображення за виключенням виділеної частини. Кольори можна корегувати як для всього кольорового спектру зображення, так і для кожного кольорового каналу окремо. Під час корегування кольорів тримайте відкритою палітру Каналы. Засоби корегування кольорів зображення знаходяться в меню Изображение4Настройки4... Корегування кольорів у діалоговому вікні Уровни... Якщо зображення має непоганий баланс кольорів (не занадто багато червоного, зеленого тощо), але при цьому воно занадто темне або світле, найкраще скористатися діалоговим вікном Уровни.... За допомогою інструментів діалогового вікна Уровни... зручно настроювати параметри темних, середніх та світлих тонів. : Виконайте настроювання яскравості і контрасту зображення у документі Морской_загар за допомогою діалогового вікна Уровни... 1. Відкрийте зі своєї робочої папки файл Морской_загар.jpg, створений на попередньому занятті. 2. Відкрийте діалогове вікно Уровни... (<Ctrl+L>) Изображение4Настройки4Уровни... 3. Встановіть прапорець Просмотр. 4. Виконайте настроювання яскравості, пересуваючи три повзунки, які розміщені під вікно гістограми:

Корегування кольорів у діалоговому вікні Кривые... Якщо зображення має поганий баланс кольорів (занадто багато червоне, зелене або синє), для настроювання параметрів окремих кольорів та всіх кольорів RGB разом, використовують діалогове вікно Кривые.... : Виконайте настроювання яскравості і контрасту зображення у документі Морской_загар за допомогою діалогового вікна Кривые... 1. Відкрийте діалогове вікно Кривые... (<Ctrl+M>) Изображение4Настройки4Кривые... 2. Встановіть прапорець Просмотр. i Горизонтальна вісь графіку відповідає вхідному рівню, вертикальна - вихідному рівню. Для настроювання рівнів темних, середніх і світлих тонів зображення необхідно просто змінювати форму кривої, перетягуючи її мишею. Перетягуючи криву у вертикальному напрямку змінюємо яскравість, у горизонтальному напрямку - контраст. 3. Виконайте настроювання, змінюючи форму кривої. FF Зверніть увагу, що при зміні форми кривої змінюються значення у полях Input: (Вхід) і Output: (Вихід) • Для настроювання темних частин зображення перетягуйте ліву частину кривої. • Для настроювання середніх частин зображення перетягуйте середню частину кривої. • Для настроювання світлих частин зображення перетягуйте праву частину кривої. 4. По закінченні настроювання клацніть ОК. 5. Оцініть остаточний результат. 6. Відмініть зміни у зображенні. : Виконайте настроювання яскравості і контрасту кольорових складових зображення Морской_загар у діалоговому вікні Кривые... 1. Відкрийте діалогове вікно Кривые...

Корегування кольорів у діалоговому вікні Яркость/Контраст Якщо необхідна лише невелика корекція відтінків у занадто темному відсканованому зображенні, найкраще скористатися діалоговим вікном Яркость/Контраст. : Випробуйте можливості відтінків окремих кольорів у діалоговому вікні Яркость/Контраст. 1. На панелі Каналы виберіть червоний канал Red (<Ctrl+1>). 2. Відкрийте діалогове вікно Яркость/Контраст Изображение4Настройки4Яркость/Контраст... 3. Встановіть прапорець Просмотр. 4. Пересуваючи повзунки відкорегуйте червоні тони зображення встановивши значення яскравості і контрасту рівними, наприклад, (-60) та +30. Клацніть ОК. Перейдіть до каналу RGB та оцініть результат настроювання. Якщо результат незадовільний, відмініть зміни у зображенні за допомогою палітри История, і повторіть процедуру настроювання, задавши інші значення яскравості та контрасту у діалоговому вікні Яркость/Контраст. 5. Аналогічно, відкорегуйте зелені та сині тони зображення, встановивши значення яскравості і контрасту для зеленого каналу рівні, наприклад, (-50) та +40, а для синього каналу - +20 та +20. 6. Продовжуйте настроювання поки не буде досягнуто прийнятний результат. 7. По закінченні настроювання оцініть результат і відмініть всі зміни у зображенні. Корегування кольорів у діалоговому вікні Оттенок/Насыщенность Діалогове вікно Оттенок/Насыщенность дозволяє настроювати відтінки кольорів, їх інтенсивність ті яскравість. Ці настройки виконуються згідно властивостей кольорового кола: • На протилежних сторонах кольорового кола розташовані доповняльні кольори.

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

: Виконайте настроювання кольорів зображення у документі Морской_загар за допомогою діалогового вікна Оттенок/Насыщенность. 1. Відкрийте діалогове вікно Оттенок/Насыщенность (<Ctrl+U>) Изображение4Настройки4Оттенки/Насыщенность...

2. Встановіть прапорець Просмотр.

3. Відмініть всі зміни у зображенні Морской_загар. Вікно Оттенок/Насыщенность дає можливість перетворити багатокольорове зображення на зображення виконане у відтінках одного кольору. Для цього необхідно у вікні Оттенок/Насыщенность встановити прапорець Colorize (Однокольоровий) і виконати настроювання відтінку, насиченості та яскравості кольору зображення. : Перетворіть зображення Морской_загар на однокольорове і виконайте його настроювання. 1. Відкрийте діалогове вікно Оттенок/Насыщенность (<Ctrl+U>) Изображение4Настройки4Оттенки/Насыщенность... 2. Встановіть прапорці Просмотр та Colorize. 3. Відкорегуйте значення відтінку, насиченості та яскравості кольору на власний розсуд. Якщо, наприклад, встановити значення 35, 5, (2), одержимо чорно-біле зображення. 4. По закінченні настроювання закрийте вікно Оттенок/Насыщенность кнопкою Отмена, не зберігаючи змін у зображенні Морской_загар. 5. Закрийте документ, не зберігаючи змін у зображенні. На цьому занятті ¨ Опрацювали процедуру корегування кольорів готового зображення за допомогою діалогових вікон Уровни, Кривые, Яркость/Контраст, Оттенок/Насыщенность.

Практичне заняття 8 Корегування кольорів зображення - 2 Інші можливості корегування кольорів : Відкрийте зі своєї робочої папки файл Морской_загар.jpg і опрацюйте корегування кольорів за допомогою наступних команд. Изображение4Настройки4Заменить цвет... Изображение4Настройки4Выделить цвет... Изображение4Настройки4Смешать каналы... У вікні Заменить Цвет: 1. Ввімкніть перемикач Изображение. 2. Встановіть максимальне значення параметру Нечеткость: 3. Відкорегуйте кольори зображення змінюючи значення відтінку, насиченості та яскравості. Наприклад, задайте значення відтінку, насиченості та яскравості рівними відповідно 25, 75, 50. 4. Оцініть результат настроювання і закрийте вікно настроювання кнопкою Отмена. У вікні Выделить Цвет (Selective Color): 1. Ввімкніть перемикач Метод: у положення Абсолютный. 2. Встановіть максимальне значення параметру Нечеткость: 3. Відкорегуйте кольори зображення змінюючи значення відтінку, насиченості та яскравості. Наприклад, можна задати значення відтінку, насиченості та яскравості рівними відповідно 25, 75, 50. 4. Оцініть результат настроювання і закрийте вікно настроювання кнопкою Отмена. У вікні Смешение Каналов: 1. Ввімкніть перемикач Метод: у положення Абсолютный. 2. Виберіть у списку Выходной Канал: значення Red (Червоний) (<Ctrl+1>) і встановіть для відтінків червоного кольору зображення

наступні значення інтенсивності складових: Красный: 100% Зеленый: 20% Синий: 30% Constrant: (-30%). 3. Для відтінків зеленого кольору - Green (Зелений) (<Ctrl+2>), задайте такі значення: Красный: 40% Зеленый: 100% Синий: 20% Constrant: (-25%). 4. Для відтінків синього кольору - Blue (Синій) (<Ctrl+3>): Красный: (-50%) Зеленый: 40% Синий: 100% Constrant: 20%. 5. Оцініть результат настроювання. 6. Зніміть прапорець Просмотр і порівняйте вигляд зображення до та після настроювання. 7. Закрийте вікно настроювання кнопкою Отмена. Шари настроювання кольорів Корегування кольорів можна здійснювати за допомогою спеціальних шарів настроювання. Переваги цього способу полягають в тому, що будь-яку зміну кольорів можна відмінити просто видаливши шар, до якого були застосовані настройки. Після цього зображення повертається до попереднього вигляду. : Для створення шару настроювання виконайте наступні дії: 1. Відкрийте палітру Слои. 2. Виконайте команду Слой4Новый Сбор. Слой4… або клацніть кнопку з зображенням чорно-білого кола внизу палітри Слои. 3. Виберіть одну з команд настроювання – відкриється діалогове

Фарбування чорно-білого зображення Використовуючи корегування кольорів можна чорно-біле зображення перетворити на кольорове. : Виконайте "фарбування" чорно-білого зображення, за допомогою корегування кольорів. 1. Відкрийте зі своєї робочої папки файл Моя_Башня.tif, якій містить чорно-біле зображення Ейфелевої вежі, що у Парижі. Файл4Открыть... FF Зверніть увагу на розмір файлу (в інформаційному рядку) та на кольоровий режим - у заголовку вікна документу біля назви файлу має бути зазначено (Gray - англ.: Сірий) - це означає, що зображення відкрите у режимі Полутоновый (Відтінки сірого кольору). !!! Далі у цьому розділі працюємо тільки з файлом Моя_Башня.tif !!! 2. Перейдіть до кольорового режиму RGB. Изображение4Режим4RGB Цвет FF Зверніть увагу на новий розмір файлу (в інформаційному рядку) та на кольоровий режим - у заголовку вікна документу біля назви файлу має бути зазначено (RGB). 3. Відкрийте діалогове вікно Кривые... Изображение4Настройка4Кривые... 4. Додайте зображенню червоного кольору. Для цього у випадаючому списку Канал: виберіть червоний канал Red (<Ctrl+1>) і відкорегуйте форму кривої наступним чином: • збільшіть інтенсивність середніх тонів червоного каналу перетягніть мишею середню точку кривої вертикально вгору у точку (2; 4) так, щоб встановити значення Input: 127, Output: 255; • зменшіть до початкового рівня інтенсивність темних тонів червоного каналу - середню точку першої половини кривої перетягніть мишею вертикально вниз у точку (1; 1) так, щоб встановити значення Input: 63, Output: 63;

Додаткове завдання : Відкрийте файл Dolphing.jpg, якій знаходиться у папці C:\Program Files\Adobe\Photoshop 6.0\Samles\More. Збережіть зображення у свою робочу папку під назвою Мой_дельфин.jpg. Самостійно відкорегуйте кольори зображення дельфіну у файлі Мой_дельфин.jpg так, щоб змінити кольорову гаму зображення з синьо-зеленої на жовто-рожеву. По закінченні корегування оцініть результат і закрийте файл не зберігаючи змін. На цьому занятті ¨ Опрацювали додаткові можливості корегування кольорів зображення у Photoshop. Одержали перше уявлення про створення шарів зображення та їх використання для корегування кольорів. Навчилися перетворювати чорно-біле зображення на кольорове за допомогою засобів корегування кольорів.