Поняття шару в photoshop
Шари є, без сумніву, найважливіший аспектом в Photoshop. У Photoshop нічого не варто робити і не може бути зроблено без використання шарів. Вони настільки важливі, що мають свою власну панель, а також їх власну вкладку в головному меню у верхній частині екрану. Ви можете додавати шари, видаляти, називати, перейменовувати, переміщати, регулювати, додавати до них шар-маски, відображати і приховувати шари, пов'язувати, об'єднувати, блокувати і розблокувати верстви, додавати стилі, групувати і розгрупувати шари, і навіть змінювати непрозорість шару. Шари є серцем і душею Photoshop.
Якою була б життя без шарів?
Перш ніж ми розглянемо, що таке шари і як їх використовувати, давайте спочатку представимо, що працювати в Фотошопі, якби не було шарів.
Почнемо зі створення нового документа в Photoshop, для цього пройдіть по вкладці головного меню у верхній частині екрану Файл -> Створити (File -> New) або просто натисніть Ctrl + N. Відкриється діалогове вікно Нового документа. Задайте значення 800 пікселів для ширини (Width) нового документа і 600 пікселів для висоти (Height). Залиште встановлене за замовчуванням дозвіл (Resolution) 72 пікс / дюйм (або 28,346 пікс / см). Нарешті, переконайтеся, що опція "Вміст фону" (Background Contents) встановлена як "Біла":
Після натискання на кнопку ОК у Вас в робочому вікні програми з'явиться новий документ, розміром 800 на 600 пікселів і заповнений білим.
Документ у нас є, тепер давайте на ньому малювати. В даному прикладі у нас стоїть завдання охопити поняття шарів, а не створювати твір мистецтва, тому ми обмежимося створенням простих геометричних фігур. На панелі інструментів, тієї, що зліва, виберіть інструмент "Прямокутна область" (Rectangular Marquee Tool) і створіть приблизно таке виділення:
Тепер давайте заллємо його кольором. Пройдіть по вкладці головного меню Редагування -> Залити (Edit -> Fill) у вікні, виберіть опцію "Колір" (Color). Як тільки ви її виберете, Photoshop автоматично відкриє Палітру кольорів (Color Picker) для вибору бажаного кольору заливки. Ви можете вибрати будь-який вподобаний вам колір. Я виберу червоний:
Після того, як ви вибрали колір, натисніть OK, щоб закрити вікно Палітри кольорів (Color Picker), потім натисніть кнопку OK, щоб закрити діалогове вікно Заливання, після чого Photoshop заповнить виділення вибраним кольором, в моєму випадку - червоним:
Контур виділення нам більше не потрібен, натисніть комбінацію клавіш Ctrl + D для його видалення.
Таким же чином, як ми створили червоний прямокутник, створіть зелений прямокутник нижче і правіше першого:
Отже, тепер у нас в документі є два прямокутника різних кольорів.
Але що робити, якщо раптом я хочу змінити цей мій невеличкий художній шедевр? Зараз зелений прямокутник перекриває червоний, але раптом з якихось причин мені терміново знадобилося змінити малюнок так, щоб червоний прямокутник перекривав зелений? Так це проблема. Все, що потрібно зробити, так це взяти червоний прямокутник і помістити його поверх зеленого. Але як? Відповідь проста - а ніяк. Тепер це зробити неможливо. Насправді це ілюзія, прямокутники не перекривають один одного, а є одним об'єктом, що складається з зелених та червоних пікселів. Ті пікселі. які спочатку були червоними, тепер просто стали зеленими, а інформація про те, що вони були колись червоними, втрачена.
А тепер давайте подивимося на панель шарів (Layers panel). Якщо вона у вас з якихось причин не відкрита, то відкрити її можна натисканням клавіші F7. Зверніть увагу, що обидва прямокутника і білий фон під ними знаходяться одному шарі. Це означає, що всі ці елементи є частиною одного і того ж плоского зображення:
При виконанні всієї роботи в одному і тому ж шарі шарі, якщо ми захочемо щось змінити, нам доведеться скасовувати цілий ряд зроблених кроків, щоб дістатися до того місця, де ми можемо створити необхідні зміни, або доведеться просто виконувати роботу спочатку. Зрозуміло, що жоден з цих варіантів для нас не є привабливим.
Повинен існувати кращий спосіб виконання роботи, який дасть нам свободу виконувати зміни без скасування дій або початку з нуля.
І, на щастя, він є. Цим способом і є використання шарів. Давайте спробуємо намалювати ті ж самі квадрати, але на цей раз із застосуванням шарів.
По-перше, давайте приберемо два прямокутника, які ми іолько що додали, заповнивши документ білим кольором. Ще раз виконайте Редагування -> Залити, але на цей раз замість опції "Колір" виберіть "Білий" і натисніть ОК, після чого документ стане повністю білим.
панель шарів
Оскільки далі ми будемо використовувати шари, давайте швиденько подивимося на Панель шарів (Layers panel). за допомогою якої проводиться все управління ними. Дана панель використовується для створення нових, видалення, переміщення шарів вище або нижче один одного, включення і виключення в документі, додавання шар-маски і стилів шару. Список можна продовжувати і далі, і все це робиться всередині цієї панелі. А в Photosop CS6 крім усього іншого, добавлена фільтрація і пошук шарів.
На даний момент, панель показує нам, що в нашому документі є всього один шар, який називається "Фон" (Background). Фоновий шар є спеціальним типом з лоя в Photoshop, навіть його назва написано курсивом, але тут ми його не торкнемося, а докладно розглянемо в окремій присвяченій спеціально йому статті. Зліва від імені шару є попередній ескіз, який показує нам, що на даний момент вміст нашого шару заповнене білим:
Коли на початку ми додали два прямокутника на документ, обидва вони були створені в фоновим шарі. тому не було ніякої можливості переміщати ці прямокутники незалежно один від одного. Прямокутники і білий фоном були одним цілим на плоскому зображенні. Такий спосіб роботи в Photoshop, де все додається в один шар, є неправильним. Давайте подивимося, що станеться, якщо ми створюємо той же малюнок, як і раніше, але на цей раз, кожен прямокутник ми розмістимо на своєму власному шарі.
Наш білий фон вже знаходиться на фоновому шарі. так що давайте додамо новий шар над фоновим для розміщення нашого першого прямокутника. Щоб додати новий, натисніть на кнопку "Додати новий шар" (New Layer), розташовану візу панелі:
Після чого відразу над фоновим з'явиться новий шар. Photoshop автоматично іменує його "Шар 1" (Layer 1). Якщо ми подивимося на мініатюру зліва від імені нового шару, ми побачимо, що вона заповнена шаховими біло-сірими клітинами, які в Photoshop позначають, що шар порожній (прозорий):
Зверніть увагу, що "Шар 1" виділено в панелі фіолетовим кольором (в попередніх версіях - синім). Це означає, що в даний час він є активним. Все, що в цей момент ми додаємо до документа, буде додано саме на "Шар 1", а не на фоновий шар під ним.
Давайте додамо наш перший прямокутник, точно так же, як ми робили раніше. На панелі інструментів виберіть інструмент "Прямокутна область" (Rectangular Marquee Tool), якщо він на даний момент не обраний, і створіть прямокутне виділення, потім залийте його червоним кольором, точно так же, як і в перший раз:
Тепер давайте додамо другий прямокутник, і розмістимо його також на власному шарі, для цього треба створити ще один новий шар. також клікнувши по значку "Додати новий шар" (New Layer). Другий новий шар з'явився на цей раз вище "Шар 1". Photoshop за замовчуванням створює новий шар безпосередньо над активним шаром.
Примітка. Якщо Ви затисне клавішу Ctrl і клацніть по значку "Додати новий шар", то Photoshop дозволяє створити новий шар під активним.
Photoshop знову автоматично іменував новий шар, на цей раз "Шар 2 (Layer 2)":
Зверніть увагу, тепер підсвічений синім, тобто активний, новий "Шар 2".
Тепер створіть зелений прямокутник, точно так само як і в минулий раз, за допомогою прямокутного виділення і заливки. Зверніть увагу, візуально документ нічим не відрізняється від першого:
А якщо ми тепер подивимося на панель шарів, то побачимо, що перший прямокутник залишається на "Шар 1", в той час, як другий прямокутник з'явився на "Шар 2", а білий фон знаходиться на фоновому шарі. Все це означає, що всі три елементи, з яких складається наш документ (білий фон, червоний прямокутник і зелений прямокутник), тепер знаходяться на власних окремих шарах і повністю незалежні один від одного:
Раніше, коли всі деталі були розміщені на одному шарі, що не було ніякого способу змінити зображення, щоб помістити зелений прямокутник під червоним, тому що насправді зелений і червоний прямокутники були одним і тим же елементом. Але на цей раз кожен прямокутник размёщён на своєму власному шарі, і ми маємо два окремих елемента, незалежних один від одного.
На даний момент, зелений стовпчик стає в документ над червоним, оскільки шар з зеленим розміщується вище червоного в панелі шарів. Будь-шар, розміщений вище іншого шару в палітрі, також відображається вище його в документі. Якщо вміст двох шарів накладаються один на одного в документі, як роблять наші прямокутники, то верхній перекриває нижній. Якщо Ви зрозуміли цей момент, значить, ви зрозуміли принцип шарів в Photoshop.
З цього випливає, що якщо ми хочемо змінити зображення так, щоб червоний перекривав зелений, нам слід змінити розташування шарів в панелі.
Для цього просто натисніть на "Шар 1", щоб виділити його і зробити активним шаром, а потім, утримуючи ліву кнопку миші, перемістіть його вгору до горизонтальної лінії (на рис. Позначена жовтим), коли лінія подсветится, відпустіть кнопку миші:
Тепер червоний прямокутник знаходиться над зеленим в палітрі:
І в робочому документі вже червоний перекриває зелений, а не навпаки, як це було раніше:
Без використання шарів подібне проста зміна розташування прямокутників було б неможливим, а з використанням, як Ви тільки що переконалися, це виконується швидко і просто.
Шари зберігають елементи зображення окремо, тому ми можемо працювати з кожним елементом нашого зображення індивідуально, не зачіпаючи інші. Ми можемо змінити положення об'єктів друг над другом, як ми тільки що зробили. Ми можемо перемістити який-небудь окремий елемент зображення, при цьому не зачіпаючи інші. Ми можемо б змінити колір окремого об'єкта без зміни будь-яких інших кольорів в зображенні. Ми можемо змінити колір очей, відбілити зуби, розмити фон, залишаючи об'єкти переднього плану чіткими. Практично неможливо описати всі можливості для творчості, які дають шари в Photoshop.
Як я згадував раніше, в основному, всі операції з шарами в Photoshop виробляються в панелі шарів, тому ми розберемо роботу в ній в наступному матеріалі.
Заздалегідь вдячний, Дмитро.
QR-код для установки: