Що таке шар і як його створити у Фотошопі
У цьому уроці ми поговоримо про найважливіший момент у роботі з програмою Photoshop – це шари.
Складність: Низька
Дата: 05.10.2011
Оновлено: 24.08.2017
Для новачка буває важко вловити суть цього поняття, але при найближчому розгляді виявляється до примітивності просто.
Якщо ваші знання про шари є мискою з вінегретом – то цей матеріал спеціально для вас!
Якщо ж ви почуваєтеся досить «майструватим» в цій галузі, все одно прочитайте, можливо, знайдете для себе щось корисне.
Що таке шар?
Поняття «шар» у програмі Photoshop має такий самий фізичний зміст як і в житті – це прошарок або пласт, який є складовою чогось цілого.
Згадаймо випадки, де нам зустрічається це поняття в реальному житті?
– Ми покриваємо стіни шаром фарби.
– Атмосфера Землі складається з кількох верств.
– Бутерброд із товстим шаром шоколаду.
Тепер щоб наочно побачитишар» в Photoshop Необхідно спочатку навчитися його творити.
Створіть новий документ (Файл – Створити, File – New):
Створюємо нове зображення розміром 300 x 300 px (Photoshop CS5).
1-й спосіб створити шар:
Через головне меню Layer – New – Layer (Шари – Новий – Шар).
З'являється таке віконце:
Вікно створення нового шару (Photoshop CS3).
Так, ім'я ви можете ввести, а ось інші параметри залиште як на зображенні.
2-й спосіб створити шар:
Праворуч на робочому просторі програми Photoshop Повинне відображатись вікно роботи з шарами, якщо його немає, то викличте його клавішею F7
У цьому вікні праворуч ви знайдете маленьку стрілку, яка переведе вас у меню, де ви зможете вибрати команду New Layer (Новий шар).
Після чого чекайте на появу вже знайомого вам вікна.
Створюємо новий шар через заміну панелі шарів (Photoshop CS3).
3-й спосіб створити шар:
У вікні роботи з шарами є нижня панель, де для створення нового шару варто лише натиснути кнопку такого виду (Створити новий шар).
Віконце в цьому випадку не з'явиться, але якщо ви хочете задати шару ім'я, то клацніть двічі на слові Layer 1 (Шар 1).
Перейменовуємо шар на панелі шарів (Photoshop CS3).
4-й спосіб створити шар:
Використовуйте комбінацію клавіш Shift+Ctrl+N.
Отже, у вікні роботи з шарами з'явився квадрат із шахівницею – це і є новий шар.
Створено новий шар "Layer 1" (Photoshop CS3).
Шахматка означає прозорість.
На робочому документі він не проявиться. Новий шар можна подати у вигляді прозорого файлу.
Якщо взяти білий аркуш паперу, а на нього покласти звичайний прозорий файл, то особливо картина не зміниться. Так?
Білий аркуш паперу та звичайний прозорий файл.
Для того щоб шар побачити, на ньому потрібно щось намалювати.
Починаємо малювати «чоловічка»
Я намалювала коло, насправді це не просто коло – це голова майбутнього чоловічка.
Побачимо, що в нас вийшло?
Починаємо створювати малюнок людини. На даний момент ми маємо 2 шари на зображенні.
Отже, намалювали коло на окремому прозорому шарі, що доводить вигляд кола в панелі шарів (коло на шахівні). На документі фон за колом – білий, тому що просвічує білий шар Background (фон).
Примітка:
– цей значок, ліворуч від іконки з шаром, показує нам те, що видимий шар
– цей значок показує нам те, що шар активний
Спробуйте приховати значок навпроти фонового шару, вийде так:
Для наочного прикладу подивіться наступну ілюстрацію:
Окреме зображення голови у прозорому файлі.
Намалювати голову на новому шарі в Photoshop – Це теж саме, що покласти картинку з головою в прозорий файл.
Голова є. Намалюємо тіло з руками!
Знову створюємо новий шар, а я тим часом беру новий прозорий файл.
Отримуємо 3 шари на зображенні (Photoshop CS3).
У Photoshop тіло з руками виглядає так, а насправді так:
Продовжуємо тепер на черзі ноги. Створюємо новий шар
Отримуємо 4 шари на даному зображенні у Photoshop CS3
Як бачите, я перетягнула шар із ногами на друге місце, щоб сорочка закривала ноги зверху.
Не судіть суворо нашого страшненького, безформного, безликого чоловічка – він створений лише пояснення принципу роботи з верствами.
Якщо ви добре розберетеся з поняттям «шар», то незабаром зможете намалювати ще красивіше, ніж на картинці у файлах!
Створюємо новий шар.
Продовжуємо малювати "чоловічка", додаючи йому мольберт. Отримуємо 5 шарів на даному зображенні у Photoshop CS3
А ось, як виглядає малюнок складений із файлів.
Сподіваюся ви зрозуміли, що являють собою шари в програмі Adobe Photoshope, і навіть вловили процес створення нового шару.
В одному з наступних уроків у підручнику Фотошопу про функції та команди роботи з шарами ви дізнаєтеся про те, як можна активізувати, переміщати, скріплювати, об'єднувати, копіювати, блокувати, дублювати шари та багато іншого.
Автор: Зінаїда Лук'янова;
Один з найкорисніших інструментів у Photoshop – шари.Без них важко обійтися, якщо хочеться якісно обробити зображення або додати нові деталі.
Функціонал Photoshop тільки на перший погляд видається надлишковим. Звичайно ж, це не так — усі інструменти в програмі украй необхідні в тих чи інших ситуаціях. Розкажемо про основи роботи із шарами, що допоможе вам подолати страх перед цим інструментом та почати користуватися ним як професіонал.
Що таке шари у Photoshop
Щоб зрозуміти, що з себе представляють шари Photoshop, уявіть стос прозорих аркушів паперу. Ви можете намалювати будь-що на кожному аркуші, а потім накласти їх один на одного і отримати цільне зображення. При цьому кожна частина картинки буде незалежною – її можна буде відокремити від загального зображення та працювати лише з нею.
Приблизно так влаштовані шари Photoshop. Вони дозволяють, наприклад, додати текст до зображення або поєднати відразу кілька знімків в один.
Шари розташовуються, як правило, у правій панелі – там їм приділено багато простору. І недарма: в одного зображення може бути 5-10 шарів, а до кожного з них ще можуть бути підключені маски та фільтри, які, фактично, теж є окремими шарами. Ось так виглядає панель шарів у Photoshop:
Врахуйте, що новий шар формується автоматично кожного разу, коли ви пишете текст на зображенні, створюєте геометричну фігуру за допомогою спеціальних інструментів і додаєте файл будь-яке нове зображення. У деяких випадках вам може знадобитися створити шар не автоматично, при додаванні елемента, а примусово, щоб потім заповнити його. Зараз розповімо, як зробити не тільки це, а й як поєднати кілька шарів в один.
Як створити новий шар у Photoshop
У більшості випадків шари Photoshop створюються автоматично, коли ви виконуєте ті чи інші маніпуляції із зображенням. Однак вам може знадобитися створити новий порожній шар. Зробити це дуже легко: потрібно у нижній частині правої панелі знайти кнопку зі значком порожньої сторінки та натиснути на неї.
Після цього в меню шарів з'явиться новий порожній шар, з яким ви вільні робити все, що завгодно. На ньому можна малювати, писати текст, розмістити на ньому нове зображення. Тут варто згадати, що шари в меню стоять не аби як: верхній шар у списку буде на картинці на передньому плані. І чим нижче, тим, далі план, на якому розташований шар. Щоб міняти черговість, просто перетягуйте шари мишкою. Новий шар з'являється на верхній частині панелі — на передньому плані:
Ви також можете легко видалити цей шар просто натиснувши на нього правою кнопкою миші і вибравши пункт «Видалити шар» (Delete layer). У цьому ж меню, що випадає, є функція «Створити дублікат шару» (Create duplicate layer) — вона робить копію шару, щоб з нею можна було зробити потрібні маніпуляції, не побоюючись, як кажуть, накосячити. Маючи дублікат шару, у вас завжди є можливість повернутися до вихідника, видаливши зіпсований шар.
Як створити групи шарів у Photoshop
З шарами можна робити багато різних маніпуляцій. Наприклад, як уже говорилося, застосовувати фільтри та маски. Але якщо в нашому проекті поєднуються кілька зображень на різних шарах, просто так застосувати до них той самий фільтр з тими ж параметрами дуже складно і трудомістко.
Щоб можна було працювати з кількома шарами, у Photoshop передбачено інструмент, що дозволяє створювати групи шарів.Щоб створити таку групу в програмі, вам потрібно вибрати два або більше шари, виділивши їх мишкою із затиснутою клавішею Shift, після чого натиснути праву кнопку миші і вибрати в меню пункт «Створити групу шарів» (Group from layers). Пункт меню під час редагування шарів, який дозволяє їх згрупувати
Після цього з'явиться меню, в якому потрібно вбити ім'я групи, вибрати колір, яким вона відображатиметься в панелі шарів, режим (ви можете поекспериментувати з ним, але краще не змінювати задані заздалегідь характеристики) і прозорість групи. Після цього натискаємо ОК і все – група створена. Ось так виглядає група шарів на правій панелі у Photoshop:
Як створити смарт-об'єкт у Photoshop
Смарт-об'єкти – ще один варіант угрупування шарів. Якщо група шарів – це, фактично, просто стопка кількох шарів проекту, з якою можна здійснювати одні й ті ж потрібні маніпуляції, то смарт-об'єкт – це один шар, частини якого пов'язані між собою фізично.
Що це означає? Об'єднавши два або більше шари в смарт-об'єкт, ви можете пересувати, розтягувати та по-різному трансформувати їх вміст, як єдине ціле. Щоб створити смарт-об'єкт у Photoshop, вам потрібно так само, як і у випадку з групами, виділити два шари, а потім перейти в меню, що випадає, за допомогою правої кнопки миші. Тепер потрібно знайти пункт "Перетворити на смарт-об'єкт" (Convert to Smart Object).
Тепер виділені нами два шари поводитимуться як єдине ціле. Якщо це два текстові шари, наприклад, які відрізняються штифтом або кольором, їх можна спільно переміщати та трансформувати. До них також можна застосувати фільтри та маски, начебто це один шар. Це робить їх схожими на групи. Однак, на відміну від груп, смарт-об'єкти є єдиним шаром, а не їх скупченням.
Групи зручніше, коли вам потрібно застосувати один і той же фільтр відразу для декількох об'єктів на зображенні, а смарт-об'єкт найкраще створювати тоді, коли на картинці є кілька пов'язаних між собою об'єктів, які хочеться перемістити разом або змінити їх розмір в одній і тій ж пропорції.
Якщо ж ви закінчили роботу зі смарт-об'єктом, і тепер вам потрібно попрацювати з окремим шаром усередині нього, зробити це буде нескладно – потрібно лише натиснути правою кнопкою миші на шар з об'єктом і знайти кнопку "Перетворити на шари" (Convert to Layers). Щоправда, така функція реалізована лише у найсвіжіших версіях Photoshop, не старших 2019 року.
Як створити коригуючий шар у Photoshop
Крім звичайних, у Photoshop є і коригувальні шари. Вони дозволяють працювати з кольором, контрастністю та іншими параметрами потрібного шару без зміни.
Щоб створити шар, що коригує, нам потрібно спочатку в правій панелі вибрати шар, який ви хочете скоригувати. Потім, нижче, слід натиснути кнопку з чорно-білим кружком, розділеним навпіл.
Отже, ми потрапили в нове меню. Тут є багато інструментів, які можна використовувати для роботи з конкретним шаром. Спробуємо використовувати інструмент "Криві" (Curves).
Натискаємо на нього та потрапляємо у вікно з параметрами. Тут можна створювати та переміщувати точки на кривій, щоб коригувати інтенсивність та контраст. Змінювати таким чином можна як весь спектр, так і лише одного кольору – червоного, зеленого чи синього. При цьому вже після натискання на кнопку «Криві» ми бачимо, що на правій панелі у нас з'явився новий шар.
Практика та експерименти
Ми розповіли про основні моменти, необхідні для того, щоб якісно працювати з шарами Photoshop.Звичайно, інструментів для такої роботи в цій програмі незрівнянно більше, проте не всі вони використовуються так часто. Проте, якщо ви хочете добре редагувати зображення у Photoshop, найкраще розібратися з усім різноманіттям можливостей, які дає нам ця програма. Пам'ятайте, що найкращий спосіб чогось навчитися – практикуватися в цьому якнайбільше і обов'язково експериментувати!
У Фотошопі шари – це фундамент. За допомогою них можна поєднувати різні зображення в одне, створювати приголомшливі колажі, накладати текст або навіть коригувати зображення. У цій статті я розповім про основний функціонування шарів, покажу як ними користуватися на прикладах, а також створимо кумедний колаж. Початківцям буде особливо цікаво!
Всі приклади я показуватиму в Adobe Photoshop 2020 для Windows.
Шари у Photoshop: перше знайомство
Уявіть, що робоча зона Фотошопу – це робочий стіл. А шари – це чарки з картинками, які лежать на цьому столі. Як і в житті, у Фотошопі можна змінювати порядок цих картинок, накладати їх один на одного в будь-якому порядку, вимальовувати літери або вирізати непотрібне тло.
Давайте спочатку відкриємо панель «Шари» (Layers). Щоб їх побачити, потрібно вибрати у верхній частині екрану вкладку "Вікно" – "Шари" або натиснути F7 на клавіатурі. Якщо ви створили новий документ, у вас просто відобразиться порожнє тло. Це наш чистий аркуш паперу. Давайте тепер побачимо, що ми можемо з ним зробити.
Як створити новий шар
Новий шар створюється двома способами: можна натиснути кнопку "Створити новий шар" прямо на панелі шарів (значок з плюсом) або використовувати клавіші Shift + Ctrl + N.У першому випадку шар створюється з параметрами за промовчанням, а в другому – з'являється вікно налаштувань, де можна встановити ім'я, вибрати колір, прозорість або режим накладання. Можна використовувати будь-який із цих способів: навіть якщо ви просто створите новий шар з параметрами за промовчанням, всі налаштування можна буде виставити пізніше.
Шар також створюється автоматично з файлу, якщо просто перетягнути фото з папки прямо на фон у Фотошопі. Щоб підготуватися до створення колажу, я перетягла у Photoshop дві картинки – фото міської вулиці та зображення з котиком. До речі, обидві фотографії я завантажила на одному із безкоштовних фотостоків, огляд яких я робила тут.
Отже, ми перетягнули картинки у вікно, і тепер вони відображаються на панелі «Шари» у порядку, в якому я їх додавала.
Як виділити шар
Щоб виділити потрібний шар, необхідно натиснути на панелі «Шари» – там відображаються списком всі шари з назвами та мініатюрами. Якщо їх дуже багато, то можливо непросто знайти необхідний на панелі.
У такому випадку можна просто натиснути на зображення, що вас цікавить в самому документі: спочатку переконайтеся, що у вас стоїть галочка біля пункту «Автовибір», а потім за допомогою інструмента «Переміщення» (V) клацніть на потрібне зображення.
Як приховати шар
За моїм задумом гігантський кіт височітиме над містом, а його мордочка буде виднітися між будинками. Так як я спочатку працюватиму над фоном, то я б хотіла поки приховати картинку з котиком.
Щоб сховати непотрібний шар у Фотошопі, натисніть на іконку з оком на панелі «Шари». Повторне натискання повертає фотографію на місце.
Як скопіювати шар
Перед початком роботи корисно зробити копії шарів, щоб у разі помилки можна повернутися назад.Ось три найпростіші способи, як зробити копію:
- Виберіть один або кілька шарів, які потрібно скопіювати. Натисніть клавішу Alt і потягніть вибрані шари вгору або вниз на панелі. У такий же спосіб із затиснутим Alt можна потягнути картинку на робочому полі убік – вона скопіюється, а дублікат шару відобразиться на панелі.
- Натисніть правою кнопкою миші на потрібний шар, потім у меню, що випадає, виберіть «Створити дублікат шару».
- Виберіть шар, який потрібно скопіювати, а потім натисніть Ctrl + C і Ctrl + V.
Як об'єднати шари
Об'єднати два або кілька шарів у Фотошопі дуже просто: клацніть на ті шари, які ви хочете звести в один, і натисніть Ctrl + E.
Як заблокувати шар
Якщо ви не бажаєте редагувати якийсь із шарів у вашому документі, просто виберіть його та натисніть на значок із замком. Можна заблокувати кілька шарів – клацайте по них із затисненим Shift, а потім – на замок. Щоб зняти блокування, потрібно повторно натиснути на значок замка. Із замочком він не виділятиметься чи переміщатиметься.
Як перемістити шар
Щоб переміщати шари та змінювати їх порядок відображення, потрібно просто змінювати черговість панелі «Шари». Просто натисніть на шар і тягніть вгору або вниз. Ви побачите, як вибрані шари перекладаються на передній або задній план. Якщо у вас в процесі роботи накопичилося дуже багато шарів, то клацати по них мишкою може бути стомлюючим. Для економії часу придумали спеціальні гарячі клавіші.
Гарячі клавіші для роботи з шарами у Photoshop
Думаю, ви помітили, що часто згадую гарячі клавіші. Їх використовують для того, щоб заощадити час – затиснути комбінацію набагато швидше, ніж клацати мишею на різні кнопки в інтерфейсі програми.Тут я зібрала вам всі корисні гарячі клавіші, які я постійно використовую під час роботи з шарами.
Поєднання клавіш для Фотошопу на Windows:
- Показати або приховати панель «Шари»: F7
- Створення нового шару: Shift+Ctrl+N
- Копіювати виділення на новий шар: Ctrl+J
- Об'єднати всі шари в один: Shift+Ctrl+E
- Об'єднати виділені шари: Ctrl+E
- Зробити вибраний шар найвищим: Shift + Ctrl + ]
- Зробити вибраний шар найнижчим: Shift + Ctrl + [
- Перемістити на один рівень догори: Ctrl + ]
- Перемістити на один рівень донизу: Ctrl + [
Створюємо колаж
Тепер ви знаєте, як виконати найпростіші маніпуляції з шарами у Фотошопі. Давайте тепер трохи заглибимося та розглянемо кілька нових функцій детально.
Щоб здійснити свою грандіозну ідею з гігантським котом, спочатку я приберу небо з фотографії міста. Детально про те, як видалити фон з картинки, я нещодавно писала в цій статті, тому заглиблюватися в деталі процесу не буду – краще говорити про шари.
Я видалила небо, і тепер мені потрібно вирізати котика з фону, щоб помістити його за будинками. Я натискаю на значок з оком, щоб знову зробити картинку видимою, акуратно виділяю кота інструментом «Швидке виділення» та натискаю Ctrl+J, щоб кіт опинився на новому шарі. Потім я видаляю старого кота, просто натиснувши на нього, а потім на клавішу Delete.
Тепер мені потрібно змінити порядок шарів – кіт має бути за будинками. Я виділяю шар із котом на панелі «Шари» та перетягую його мишкою під зображення з містом. Вже стає веселіше!
Я зроблю видимою фотографію міста – там є шматочок неба, який я вирізала з його копії – натискаю на піктограму з оком. Тепер треба трохи змінити масштаб та положення шару з котиком.Клацаю на нього прямо на нашому колажі, трохи зменшую, потягнувши за куточок і пересуваю вище. Всі ці прості дії я роблю за допомогою інструмента "Переміщення".
Я вирішила помістити на колаж ще один шар – тепер тут з'явився хлопець, який робить селфі на тлі кота. Шар із хлопцем я поміщала вже з прозорим тлом. Щоб це зробити, потрібно відкрити фотографію в новій вкладці (просто киньте картинку з папки на панель вкладок, щоб вона відкрилася окремо). Потім я вирізала людину з фону інструментом "Швидке виділення", обрала інструмент "Переміщення" і просто потягла вирізане зображення з хлопцем на вкладку з колажем. Це зображення автоматично відобразиться як шар із прозорим фоном.
Мені захотілося трохи змінити кольори – місто і кота зробити трохи контрастнішими, а небо – трохи затемнити. Для цього я створюю коригуючий шар.
Як зробити шар, що коригує
Коригувальні шари в PS потрібні для того, щоб змінювати колір, тони, контрастність і багато іншого, не змінюючи пікселів самої картинки. Усі налаштування зберігаються на самому коригуючому шарі і застосовуються на всі шари, що знаходяться під ним. Це дуже зручно ще й тому, що всі коригування легко скасувати чи змінити у будь-який час.
Щоб створити шар, що коригує, я вибираю шар з містом і натискаю на чорно-білий кружок внизу панелі шарів. У меню, що випадає, можна вибрати, яке коригування ви хочете зробити. Я вибираю "Криві", щоб трохи змінити контраст. У віконці я виставляю потрібні налаштування і закриваю його. Якщо ви захочете змінити налаштування пізніше – клацніть двічі по чорно-білому кружечку зліва від шару, що коригує, і вікно корекції знову з'явиться.
Щоб зробити небо трохи темнішим, я натискаю на шар нижньої фотографії з містом, знову на гурток і на «Рівні». Тепер у нас є цілих два коригувальні шари. Спробуйте перемістити їх вище або нижче – ви побачите, як змінюється відображення тих шарів, які під впливом коригуючого.
Мені захотілося подивитися, як виглядав би колаж у чорно-білому форматі. Створюю коригуючий шар, вибираю «Чорно-біле» і перетягую його на самий верх. Вуаль! З коригуючими шарами працюють ті самі правила, що й із звичайними – їх можна закріплювати, переміщати і, наприклад, приховувати.
Щоб додати крапельку божевілля в цей чудовий колаж, а заразом і показати вам, що ще можна зробити з шарами, я застосую ефект до шару з котом. Це називається стиль шару.
Стилі
Щоб відкрити вікно стилів, потрібно двічі клацнути на панелі шаром, на який ви хочете накласти ефект. Тут дається безліч можливостей – можна зробити реалістичну тінь, свічення, накласти колір або градієнт. Загалом все залежить тільки від вашої фантазії. Ці ефекти також застосовні до текстових шарів, наприклад, якщо ви хочете зробити обведення або тінь від літер.
Я хочу застосувати до кота "Зовнішнє світіння". У цьому вікні можна змінювати параметри накладання світла, налаштувати прозорість та інтенсивність світла. Як тільки ви влаштуєте результат, натисніть ОК.
Якщо ви хочете застосувати однаковий стиль до кількох шарів одночасно:
- Натисніть правою кнопкою миші на цей шар, потім «Скопіювати стиль шару»
- Виберіть шари, до яких потрібно застосувати цей ефект
- Натисніть правою кнопкою миші на «Вклеїти стиль шару»
Наприкінці я вирішила перемістити коригуючий шар на один пункт вниз – тепер чорно-білий фільтр застосовується до всіх шарів, що розташовані під ним, а шар із хлопцем залишається у кольорі.
Мої вітання! З цими знаннями ви можете створити власний колаж, який складається з кількох фотографій, і навіть накласти простий ефект. Все виявилося не так складно, правда?
Висновок
Шари – це базова річ у Photoshop, тому вчитися працювати з ними важливо із самого початку. Якщо ви навчилися елементарним діям із шарами, то вже можете створювати унікальні колажі та втілювати будь-які ідеї!
Сподіваюся, що моя стаття допомогла вам зробити перші кроки до приборкання Фотошопу, а також надихнула створення чогось особливого. Дякую за увагу 🙂