- •Обробка растрових зображень за допомогою Adobe Photoshop
- •"Комп'ютерна графіка"
- •6.091500 “Комп’ютерна інженерія”
- •Чернігів чдту 2001
- •Лабораторна робота № 1Виділення частин документу
- •1.1Мета роботи
- •1.2Перегляд інструментів
- •1.3Початок роботи
- •1.4Виділення прямокутником
- •1.5Виділення еліпсом
- •1.5.1Переміщення границі виділення під час її створення
- •1.5.2Виділення від центру
- •1.6Переміщення виділеного
- •1.6.1Пересування з одночасним копіюванням
- •1.6.2Тимчасове включення інструменту “переміщення”
- •1.6.3Пересування клавішами курсору
- •1.7Використання магічної палички
- •1.8Виділення за допомогою лассо
- •1.9Додавання до виділенного та віднімання від нього
- •1.10Виділення магнітним лассо
- •1.11Трансформація виділеного
- •1.12Комбіноване використання інструментів виділення
- •1.13Обрізка закінченного образу
- •1.14Контрольні запитання
- •Лабораторна робота № 2Робота з шарами
- •2.1Мета роботи
- •2.2Короткі теоретичні відомості
- •2.3Порядок виконання роботи
- •2.3.1Створення і розглядання шарів
- •2.3.2Виділення та знищення зображення на шарі
- •2.3.3Зміна порядку шарів вздовж лінії зору
- •2.3.4Зміна прозорості шару та його режиму змішування кольорів
- •2.3.5Зв’язування шарів
- •2.3.6Додавання ефекту градієнта до шару
- •2.3.7Друкування тексту
- •2.3.8Створення ефектів на шарах
- •2.3.9Зведення шарів докупи та збереження файлу
- •2.4Контрольні запитання
- •Лабораторна робота № 3Ретушування фотографій
- •3.1Мета роботи
- •3.2Стратегія ретушування
- •3.2.1Основні кроки
- •3.2.2Що ми будемо робити
- •3.3Детальність та розмір образу
- •3.3.1Типи детальності
- •3.3.2Детальність в цій роботі
- •3.4Порядок виконання роботи
- •3.4.1Обрізання фото «в розмір»
- •3.5Настройка тонального діапазону
- •3.6Видалення переважаючого кольору
- •3.7Заміна кольорів в зображенні
- •3.8Настройка насиченості інструментом «губка»
- •3.9Настройка яскравості освітлювачем
- •3.10Вилучення непотрібних деталей зображення
- •3.11Заміна частини образу на інше зображення
- •3.12Фільтр «Контурна різкість» (Unsharp Mask)
- •3.13Збереження образу
- •3.14Контрольні запитання
- •Лабораторна робота № 4Поєднання малюнків Illustrator та зображень Photoshop в одному творі
- •4.1Мета роботи
- •4.2Короткі теоретичні відомості
- •4.2.1Комбінування зображень
- •4.2.2Растрова сітка чи векторний малюнок?
- •4.2.3План дій
- •4.3Порядок виконання роботи
- •4.3.1Підготовка до роботи
- •4.3.2Розміщення файлу Adobe Illustrator
- •4.3.3“Обгибання” коробки логотипом
- •4.3.4Зміна освітлення кожної частини логотипу
- •4.3.5Експорт малюнка з прозорим фоном
- •4.3.6Завдання на самостійну роботу
- •4.4Контрольні запитання
2.3.2Виділення та знищення зображення на шарі
Ви, мабуть, помітили, що коли Ви розмістили зображення годинника зверху клавіатури в Work02.psd, Ви одночасно розмістили там білий фон, що оточує годинник. Ця непрозора область закриває частину клавіатури, яку, за задумом дизайнера, хотілося б бачити фоном для годинника. Чергова задача – знищити білий фон навкруг годинника.
Переконайтесь, що виділено саме шар Clock. Щоб виділити шар, клацніть ім’я шару в палітрі Layers. Рядок шару підсвітиться і в зліва від імені в ньому з’явиться значок “пензлик”. Він показує, що шар активний.
Щоб білий фон годинника було видно наочніше, виключіть видимість клавіатури – клацніть по її “оку”. Клавіатуру тепер не видно, а годинник зі своїм білим квадратом показується на підгрунті, заповненому сірими і білими клітинками. В Photoshopі клітинками показуються прозорі ділянки активного шару.
Виберіть інструмент «магічна паличка» ( ), клацніть нею по білому оточенню годинника – воно стане виділенним. Це показується “пунктиром, що мерехтить” навкруги виділеної частини. (На професійному жаргоні цей мерехтливий пунктир ще називають “намет”, рос мовою “шатер”). Наисніть кнопку Delete, біле стерлось і на його місці тепер прозорі “шашечки”.
Виконайте Select > Deselect.
Знову включіть фоновий шар з клавіатурою клацанням по його «оку». Тепер дійсно клавіатура виглядає фоном для клавіатури і білий квадрат, що оточував годинник, не псує враження.
2.3.3Зміна порядку шарів вздовж лінії зору
В Photoshopі порядок розміщення шарів вздовж лінії зору зветься порядком укладки. Ближче всього до глядача розташований верхній в палітрі шар і його піксели затуляють собою ті, що лежать в нижчих шарах. Те саме можна сказати про другий зверху шар, третій і так далі. Таким чином, порядок укладки визначає, як виглядає весь образ, тобто яка частина яку затуляє. Ми можемо за своїм бажанням переставляти шари в укладці, добиваючись таким чином потрібного вигляду усієї композиції. Зараз ми переставимо шари в Work02.psd так, що годинник буде самим переднім з усіх зображень нашого твору.
Клацанням по відповідним значкам “око” зробіть видими шари Gauge та Bearing (манометри та шарикопідшипник). Як бачите, годинник частково затуляється іншими зображеннями.
Натисніть мишу на рядку шару Clock в палітрі Layers і претягніть його на самий верх палітри. Коли товста чорна лінія буде зверху шару Gauge, відпустіть кнопку миші. Шар Clock тепер розташований на самому верху укладки і тому його видно попереду інших зображень.
2.3.4Зміна прозорості шару та його режиму змішування кольорів
Годинник зараз затуляє собою всі зображення, що лежать нижче нього. Є можливість зменшити непрозорість (opacity) шару годинника, що дозволить нижнім шарам проглядати крізь нього. Крім того, можна для шара переключити режим змішування кольорів. Завдяки цьому зміниться характер кольорової взаємодії годинника з нижніми шарами.
При активному шарі Clock клацніть чорний трикутник біля віконця Opacity в палітрі Layers – знизу вискочить слайдер. За його допомогою установіть у віконці 50%. Годинник став частково прозорим і нижні шари тепер видно.
Тепер змінимо режим змішування кольорів для шару Clock. Розкрийте список зліва від напису «Opacity» і виберіть в ньому спочатку Difference, а потім Darken. Подивіться, як вибір цих режимів міняє вигляд годинника. Остаточно виберіть режим Screen, який ми використовували для нашого прикладу і встановіть непрозорість 90%.
Виконайте File > Save.