Як створити шар у "Фотошопі": три простих способи. Як зробити шар поверх інших у фотошопі Створити новий шар у «Фотошопі»

Влад Мержевич

Основна особливість шарів та їх основна відмінність у використанні від інших способів верстки – точне позиціонування та здатність накладатися один на одного. Завдяки цій особливості за допомогою шарів можна створювати різні ефекти на веб-сторінці.

Існує кілька способів створення накладання. Найпростіший із них, але при цьому і менш гнучкий — використання абсолютного позиціонування.

Абсолютне позиціонування

Абсолютне позиціонування дозволяє накладати шари у будь-якому порядку один на одного. Але при цьому потрібно знати точні координати кожного шару щодо одного із кутів вікна браузера, що не завжди можливо. Тому даний підхід має обмежену сферу застосування, наприклад для створення верхнього меню, коли його положення не змінюється і точно зафіксовано.

При використанні накладання потрібно привласнити властивості position значення absolute. Саме положення шару регулюється властивостями left, top, right і bottom, які задають координати відповідно від лівого, верхнього, правого і нижнього краю (приклад 1). Оскільки виведення вмісту шару здійснюється в задане місце, порядок опису шарів вказує і порядок їх накладання один на одного. Найперший шар, наведений у коді веб-сторінки, розташовуватиметься на задньому плані, а останній — на передньому. Порядок можна змінювати за допомогою властивості z-index . Чим більше значення, тим вище розташовується поточний шар щодо інших шарів.

Приклад 1. Абсолютне позиціонування

У цьому прикладі положення шару з ім'ям leftcol встановлюється в лівому верхньому куті вікна браузера, а шар rightcol зміщений на 350 пікселів праворуч від лівого краю вікна і 50 пікселів вниз. Зауважте, що значення left і top слід обов'язково вказувати всім шарів, щоб вийшло потрібне накладення із заданими координатами.

Цікавіший підхід до створення накладання — використання відносного позиціонування. У цьому випадку шари можна розміщувати по центру вікна браузера або розташовувати їх у будь-якому місці веб-сторінки, не замислюючись над значенням координат шарів.

Відносне позиціонування

Щоб накласти один шар на інший і не прив'язуватися до координатної сітки, можна спробувати наступний підхід. Для першого шару, який розташовуватиметься на задньому плані, вказуємо абсолютне позиціонування, присвоюючи властивості position значення absolute. Другий шар, розташований поверх першого, повинен мати відносне позиціонування, що досягається за допомогою значення relative у властивості position. Положення верхнього шару визначається від верхнього лівого кута нижнього шару завданням left і top (рис. 1).

Рис 1. Завдання положення верхнього шару

У прикладі 2 ширина шарів визначається властивістю width , а місце розташування верхнього шару (він називається rightcol ) властивостями left і top . Як зазначалося вище, порядок накладання шарів визначається їх порядком опису коді або за допомогою z-index . Тому шар з ім'ям leftcol розташовуватиметься на задньому плані, оскільки він визначений найпершим.

Приклад 2. Відносне позиціонування

Існує й інший спосіб накладання шарів, який пов'язаний з відносним позиціонуванням та використовує всю різноманітність засобів розміщення різних шарів.

Універсальний підхід

Теоретично, можна розмістити шари вертикалі один під одним і підняти нижній шар вгору за допомогою властивості top , задаючи йому негативне значення або за допомогою bottom . На практиці домогтися подібного досить складно, адже визначити висоту шару простими засобами, а, отже, і величину, на яку слід зміщувати шар, неможливо, оскільки вона залежить від розміру шрифту, вмісту шару і багатьох інших параметрів. Найпростіше відлік координат вести від верхнього кута одного з шарів. Для цього слід розмістити шари поруч по вертикалі, а потім зміщувати один шар відносно іншого.

Реалізується це в такий спосіб. У кожного шару необхідно вказати конструкцію float: left, яка дозволяє один шар пристикувати до іншого праворуч. Додавати float слід кожному шару, інакше у деяких браузерах з'явиться проміжок між шарами.

Тепер шари розташовуються поруч, і перш ніж вказувати координати, задаємо відносне позиціонування значенням relative у властивості position. Положення верхнього шару управляється значенням left і top. Але оскільки відлік координат у разі ведеться від лівого верхнього кута другого шару, по горизонталі потрібно вказувати негативне значення (рис. 2). Втім, можна використовувати також якість bottom .

Мал. 2. Завдання положення верхнього шару

У прикладі 3 верхній шар з ім'ям rightcol зміщується на 50 пікселів по горизонталі та вертикалі. Щоб він не закривав при накладенні вміст шару leftcol праворуч у тексту робиться відступ через властивість padding-right .

Як видно з прикладу, для створення накладання шарів потрібно задати лише дві властивості у нижнього шару і чотири у верхнього. Інші стильові властивості керують виглядом самих верств та їхнього вмісту.

Приклад 3. Створення накладання шарів

Результат цього прикладу з іншим текстом наведено нижче (рис. 3).

Мал. 3. Результат дії прикладу

Минулого уроку ми вивчили, як працювати з шарами, використовуючи панель шарів. Ми навчилися додавати нові шари, видаляти шари, змінювати шари місцями, додавати шари, що коригують, накладати стилі, змінювати режим накладання шару і рівень непрозорості і багато іншого, що можна зробити, працюючи з панеллю шарів.

Перш ніж ми приступимо до подальшого вивчення того, які дивовижні речі можна робити з шарами, нам потрібно розглянути один особливий тип шару – «Фон» (Background layer). Причина, через яку ми зупиняємося на вивченні шару заднього фону, полягає в тому, що деякі дії з цим шаром робити не можна на відміну від дій з іншими шарами. Якщо ми не будемо обізнані з цими діями заздалегідь, ми зможемо легко заплутатися в нашій роботі і не отримати бажаного результату.

Нижче наведено зображення фоторамки, відкрите у Photoshop. Дане зображення я взяв із фотобанку Fotolia:

Вихідне зображення

Щоразу, коли ми відкриваємо нове зображення у Photoshop, воно відкривається у вікні власного документа і розміщується на окремому шарі під назвою «Фон» (Background), що ми і можемо бачити на панелі шарів. Зверніть увагу, що слово "Фон" виділено курсивом. Таким чином, програма повідомляє нас про деякі особливості цього шару:

Панель шарів показує, що зображення розміщено на шарі заднього фону

Програма Photoshop дала назву шару "Фон" з тієї простої причини, що цей шар дійсно служить заднім тлом нашому документу. Будь-які додаткові шари, які ми додамо на зображення, будуть розміщені поверх шару заднього фону. Оскільки основне призначення даного шару - служити заднім тлом зображення, існує кілька дій, які не можна виконувати з цим шаром. Давайте коротко розглянемо прості правила, які включають ці дії, які слід запам'ятати. А потім, наприкінці уроку, ми вивчимо, як легко всі ці правила оминути.

Правило 1: Ми не можемо переміщати вміст шару заднього фону

Одна з дій, яку ми не можемо здійснювати із шаром заднього фону, – переміщення його вмісту. Зазвичай, коли нам потрібно перемістити вміст шару, ми вибираємо у верхній частині панелі інструментів інструмент "Переміщення"(Move):

Вибираємо на панелі інструментів інструмент «Переміщення»

Потім, після вибору інструменту "Переміщення", ми клацаємо мишкою всередині вікна документа і переміщуємо вміст, утримуючи кнопку миші натиснутою. Давайте подивимося, що станеться, коли я спробую в нашому випадку перемістити на інше місце фоторамку. Внаслідок цієї дії з'являється діалогове вікно, де написано, що вміст не може бути переміщений, тому що шар закріплений:

Замість того, щоб перемістити фоторамку, програмаPhotoshop повідомляє мені, що шар закріплений

Якщо ми знову звернемося до панелі шарів і подивимося на шар «Фон», то побачимо праворуч маленький значок у вигляді замка, який говорить нам про те, що цей шар закріплений і не може бути нами переміщений. Спосіб розблокувати шар «Фон» - не існує, але, як я вже говорив, наприкінці уроку, ми розглянемо, як це маленьке правило про неможливість переміщення вмісту шару та інші правила можна обійти:

Значок у вигляді замку говорить нам про те, що цей шар закріплений

Правило 2: Відсутність прозорих пікселів

Найближчим часом я збираюся імпортувати в мій документ ще одне зображення та помістити його у фоторамку. Однак на даний момент внутрішня частина рамки заповнена білим кольором. Це означає, що я маю спочатку очистити білу область усередині фоторамки і лише потім помістити туди фотографію. Зазвичай, коли ми видаляємо пікселі з шару, віддалені області стають прозорими і дозволяють нам побачити шар нижче. Давайте подивимося, що станеться, коли спробую видалити якусь область на шарі «Фон».

Спочатку, я повинен виділити область всередині рамки, і оскільки вона заповнена білизною кольором, для виділення я використовуватиму інструмент. Чарівна паличка"(Magic Wand). У програмі Photoshop CS2 і попередніх версіях, ми можемо вибрати інструмент « Чарівна паличка"просто натиснувши на його значок на панелі інструментів. У програмі Photoshop CS3 та пізніших версіях (у моєму випадку це версія Photoshop CS5), цей інструмент захований за інструментом «Швидке виділення»(Quick Selection), тому потрібно спочатку натиснути на інструмент «Швидке виділення»(утримуючи кнопку миші натиснутою кілька секунд), дочекатися появи меню з переліком інструментів і вибрати зі списку інструмент "Чарівна паличка" :

Вибираємо інструмент «Чарівна паличка»

Вибравши необхідний інструмент, я натисну кнопку миші в центрі фоторамки для швидкого виділення всієї білої області. Внаслідок цієї дії з'явиться рамка виділення, що свідчить про те, що біла область виділена:

Біла область усередині рамки тепер виділена

Щоб видалити область всередині рамки, я натисніть клавішу Backspace (Win)/Delete (Mac). Однак, замість очікуваного видалення області та заміщення білого кольору прозорими пікселями, програма відкриває діалогове вікно параметра "Заповнити"(Fill) і пропонує заповнити виділену область іншим кольором:

Замість видалити область, програмаPhotoshop відкриває діалогове вікно параметра «Заповнити»

Я натисну кнопку "Скасувати" (Cancel) для виходу з діалогового вікна, оскільки це зовсім не та команда, яку я хотів виконати. Я хотів видалити білу область усередині фоторамки, але не заповнювати її іншим кольором. Можливо, програма Photoshop щось переплутала? Добре, я спробую видалити область в інший спосіб. Для цього я перейду до розділу «Редагування»(Edit) у рядку меню у верхній частині екрана та виберу команду «Вирізати»(Cut):

Вибираємо команду «Вирізати» у розділі «Редагування»

При роботі зі звичайним шаром, ця дія призвела б до вирізування виділеної області з шару та появи замість неї прозорої частини, але в нашому випадку результат знову вийшов непередбачуваним. Цього разу, ніби навмисне, програма заповнила область чорним кольором:

Біла область усередині рамки тепер заповнена чорним кольором

Звідки взявся чорний колір? Виявляється, програма Photoshop заповнила область чорним кольором, тому що, якщо ми подивимося на зразки кольору переднього плану та кольору фону в нижній частині панелі інструментів, то побачимо, що колір фону (на нижньому правому квадраті) - зараз чорний, відповідно програма та заповнила область кольором тла. Якби колір фону був обраний фіолетовим, область заповнилася саме фіолетовим кольором. Однак на даний момент колір фону – чорний:

Зразки кольору переднього плану (лівий верхній) та кольору фону (правий нижній)

Отже, чому ж програма Photoshop не видалила білу область усередині рамки? Чому ж натомість вона заповнила її іншим кольором? Причина в тому, що шари заднього фону не підтримують прозорість. Справді, оскільки призначення шару «Фон» - служити заднім тлом документу, немає необхідності робити його прозорим, адже під цим шаром для перегляду бути нічого не повинно. Адже заднє тло - це все-таки заднє тло! Неважливо, яким способом я намагатимуся видалити область усередині рамки, у мене ніколи не вийде цього зробити, доки зображення розміщене на шарі заднього фону. Як тоді я зможу розмістити ще одну фотографію всередині рамки? Давайте поки що відкладемо вирішення цієї проблеми і повернемося до неї трохи згодом.

Правило 3: Ми не можемо переміщати шар «Фон» та поміщати його над іншим шаром

Нижче наведено фотографію, яку я хочу помістити всередині фоторамки. Дане зображення я також взяв із фотобанку Fotolia:

Зображення, яке буде розміщено всередині фоторамки

На даний момент зображення відкрито в окремому вікні, тому я швидко скопіюю його у вікно документа з фоторамкою, натиснувши клавіші Ctrl+A (Win) / Command+A (Mac) для виділення всієї фотографії. Потім натисніть клавішу Ctrl+C (Win) / Command+C (Mac), щоб скопіювати зображення у внутрішній буфер. Після цього я перейду у вікно документа з фоторамкою і натисніть клавіші Ctrl+V (Win) / Command+V (Mac), щоб вставити зображення в документ. Програма помістить нове зображення на окремий шар під назвою "Шар 1" (Layer 1), розташований над шаром "Фон" з фоторамкою:

Друга фотографія розміщена на окремому шарі над шаром "Фон"

Видно, що нова фотографія з'явилася перед фоторамкою у вікні документа:

Друге зображення з'явилося перед фоторамкою

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

Значок у вигляді перекресленого кола свідчить про те, що я не можу перемістити шар "Фон" поверх шару "Шар 1"

Причина, яка не дозволяє мені перемістити шар Фон, полягає в тому, що цей шар завжди повинен залишатися заднім фоном документа. Програма Photoshop не дозволяє переміщувати цей шар поверх інших шарів.

Правило 4: Ми не можемо переміщати інші шари під шар «Фон»

Добре, якщо ми не можемо переміщати шар «Фон» поверх іншого шару, що буде, якщо спробуємо перемістити інший шар під шар «Фон»? Я натисну на «Шар 1» і спробую перемістити його під шар «Фон», але це не виходить. Знову виникає маленький значок у вигляді перекресленого кола, що означає неможливість здійснення дії:

Той самий значок заборони з'являється, і коли ми намагаємося перемістити «Шар 1» під шар заднього фону

І знову причина цього полягає в тому, що шар «Фон» повинен завжди залишатися заднім фоном документа. Ми не можемо переміщувати цей шар поверх інших шарів, а також переміщувати інші шари під шар «Фон».

Просте вирішення проблеми

Давайте підіб'ємо підсумок вищесказаному. Ми вивчили, що програма Photoshop не дозволяє нам переміщувати вміст шару «Фон» за допомогою інструмента "Переміщення"тому, що шар закріплений. Також ми дізналися, що шар заднього фону не підтримує прозорість, тому немає способу видалити будь-яку область на шарі. І, нарешті, ми вивчили, що шар Фон повинен завжди залишатися найнижчим шаром на панелі шарів. Ми не можемо переміщувати цей шар поверх інших шарів, а також переміщувати інші шари під нього.

Оскільки головне призначення шару «Фон» - служити основою документу, кожне з цих правил має сенс. Проте, як і з більшістю інших правил, іноді нам потрібно їх порушити. У нашому випадку, оминути всі ці правила легко! Все, що нам потрібно - якось інакше перейменувати шар «Фон»! Для того, щоб перейменувати шар «Фон», ви можете перейти до розділу «Шари»(Layer) у верхній частині екрана, вибрати пункт "Новий" (New) і далі - «Шар із заднього плану»(Layer From Background):

Вибираємо «Шари» > «Новий» > «Шар із заднього плану»(Layer > New > Layer From Background)

Швидший спосіб полягає в тому, що можна просто двічі клацнути кнопкою миші за словом «Фон» на панелі шарів:

Двічі клацаємо кнопкою миші за назвою шару «Фон»

У будь-якому разі після цих дій відкриється діалогове вікно «Новий шар»(New Layer), де можна буде запровадити нове ім'я для шару. За промовчанням програма пропонує ім'я «Шар 0» (Layer 0), яке нам підходить. Так як нам підійде будь-яке інше ім'я, крім "Фон", просто натисніть ОК для підтвердження нового імені «Шар 0» та виходу з діалогового вікна, за умови, що ви не хочете дати шару якесь певне ім'я:

Ви можете залишити ім'я «Шар 0» як нове ім'я шару або ввести будь-яке інше на ваш розсуд

Порада:щоб ще швидше перейменувати шар Фон, двічі клацніть кнопкою миші за словом Фон, утримуючи натиснутою клавішу Alt (Win) / Option (Mac). Програма відразу перейменує шар, надавши йому ім'я «Шар 0» без відкриття діалогового вікна «Новий шар».

Тепер ми можемо бачити, що ім'я шару заднього фону змінилося на «Шар 0»:

Шар «Фон» було перейменовано на «Шар 0»

Лише перейменувавши шар заднього фону, ми перетворили його на звичайний шар, внаслідок чого правила, які ми розглянули вище, перестали на нього поширюватися! Тепер ми можемо спокійно переміщувати вміст шару, використовуючи інструмент "Переміщення", видаляти область на шарі, замінюючи її прозорою частиною, та вільно переміщати наш шар щодо інших шарів!

Наприклад, мені все ще потрібно перемістити фоторамку поверх зображення на «Шар 1». Тепер це зробити легко, тому що фоторамка більше не знаходиться на шарі Фон! Я можу лише натиснути на «Шар 0» на панелі шарів і перетягнути його нагору, щоб тонка світла смужка з'явилася над «Шаром 1»:

Перемістимо «Шар 0» поверх «Шар 1»

Після цього я відпущу кнопку миші, і Photoshop розмістить «Шар 0» над «Шаром 1», як мені і потрібно:

"Шар 0" тепер розташований над "Шаром 1". Цього не можна було досягти, поки «Шар 0» називався шар «Фон»

Раніше я не міг видалити білу область усередині рамки, поки зображення було на шарі Фон, але тепер, після того як я перейменував шар Фон на Шар 0, це стало зробити неважко. Я виділю область усередині рамки, застосовуючи інструмент "Чарівна паличка", як я це зробив уперше:

Біла область усередині рамки знову стала виділеною

Потім я натисніть клавішу Backspace (Win) / Delete (Mac), і цього разу програма зробить все саме так, як я і очікував, - замість відкриття діалогового вікна параметра «Заповнити» вона видалить область із шару та відобразить фотографію під нею:

Область усередині рамки нарешті видалена, і під нею видно інше зображення

Далі я натисніть клавіші Ctrl+D (Win) / Command+D (Mac), щоб зняти виділення з області всередині рамки і прибрати лінію виділення. Потім для успішного завершення роботи, я натисну на "Шар 1" на панелі шарів і зроблю його активним:

Вибираємо «Шар 1»

На панелі інструментів я оберу інструмент "Переміщення"(Move), клацну по фотографії і переміщу її всередину фоторамки, як мені потрібно. Незважаючи на те, що «Шар 1» зараз є найнижчим шаром у документі, він не закріплений, оскільки не служить шаром заднього фону. Я можу вільно переміщати його, куди забажаю:

Переміщуємо фотографію на потрібне місце всередину фоторамки

Як ми з вами розглянули, шари заднього фону є особливим типом шарів у Photoshop, з накладеними на них обмеженнями. Ми не можемо переміщувати їх вміст, видаляти будь-що з них, і вони завжди повинні залишатися серед шарів документа в самому низу. У більшості випадків ці обмеження не завдають нам особливих незручностей, оскільки ми не працюємо безпосередньо з шаром «Фон». Але якщо вам потрібно зняти обмеження, просто перейменуйте шар Фон і дайте йому будь-яке інше ім'я. Ця дія призведе до того, що шар негайно стане нормальним шаром, з яким ви зможете працювати без обмежень!

І ось ми закінчили! Ознайомтеся з повним списком уроків роботи зі шарами у програмі Photoshop або відвідайте наш розділ «Основи програми Photoshop» для вивчення інструментів виділення, принципів роботи зі шрифтом та інших корисних навичок!

Переклад:Ксенія Руденко

На веб-сторінці розміщено три зображення гральних карт (рис. 3.51). Поки вони лежать поруч, їх порядок значення не має, але якщо застосувати до них позиціонування та змістити зображення так, щоб вони накладалися один на одного, одна карта перебуватиме вище за іншу (рис. 3.52).

Мал. 3.51. Карти поряд одна з одною

Мал. 3.52. Карти одна на іншій

Якщо представити веб-сторінку у вигляді тривимірного простору (рис. 3.53), то видно, що карти розташовуються також по осі Z. Значення по цій осі і визначають, яка карта до нас ближче, яка далі, тобто порядок їх накладання один на одного . У коді документа (приклад 3.38) порядок визначається автоматично з урахуванням потоку документа. Чим елемент нижче в коді, тим він вище по осі Z, тому зображення з тузом, як нижнє, розташовується поверх інших карт.

Мал. 3.53. Уявні координати веб-сторінки

Приклад 3.38. Звичайний порядок карт

У CSS за положенням Z-осі відповідає властивість z-index , яка визначає, «ближчий» до нас елемент знаходиться або «далі». Як значення приймається ціле число, чим більше, тим вище розташовується елемент стосовно іншим. Елементам автоматично присвоюється значення 0, отже навіть z-index : 1 змусить елемент перекривати все нижележащие. Доопрацюємо приклад 3.38 те щоб порядок карт помінявся на протилежний, причому лише редагуючи стиль, залишаючи HTML-код колишнім.

Card IMG ( position: relative; ) .three ( top: 50px; left: 55px; z-index: 5; ) .seven ( left: -120px; -295px;z-index: 1;

Властивість z-index для класу 3 спеціально встановлено як 5 для демонстрації, що послідовність значень z-index ролі не грає. Головне, щоб одне число було більшим за інше.

Властивість z-index працює тільки для елементів, у яких значення position задано як absolute, fixed або relative.

Коли потрібно розмістити елемент поверх всіх інших на сторінці, йому ставлять дуже велике значення z-index , наприклад 9999. Це гарантує, що навіть якщо в стилях і застосовується z-index , він буде меншим за вказане. У прикладі 3.39 у карт при наведенні ними курсора змінюється z-index на 10. Ніяких скриптів тут знадобиться, все робиться через псевдоклас :hover .

Приклад 3.39. Зміна z-index при наведенні на карту

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Шари у "Фотошопі" застосовуються з метою створення потрібного зображення. Дуже нагадує аплікації із накладенням прозорого паперу, щоб отримати, наприклад, колаж. Крім того, завдяки шарам можна зберегти вихідний малюнок у разі виконання помилкових операцій. Також ними можуть бути різні картинки, текст, відблиски. То як же створити шар у "Фотошопі"? Нижче наведені варіанти.

Де розташовані шари

Спочатку слід відкрити файл із потрібною картинкою або створити новий документ. Зазвичай за умовчанням ще до появи робочої області картинки видно справа спеціальне вікно, у якому розташована вкладка «Шари». Якщо цієї вкладки немає, то в горизонтальному меню потрібно натиснути Window (російською мовою «Вікно»), потім знайти в списку Layer («Шари»). У меню з'являється галочка зліва від слова, а також вікно «Властивості» та відкрита вкладка із шарами. Тепер можна розпочинати роботу.

Слід зазначити, що на власний розсуд вікно з властивостями можна переміщати по всій робочій області. Для цього необхідно підвести курсор до верхнього краю, натиснути ліву кнопку миші. Не відпускаючи її, перемістити вікно туди, куди на розсуд користувача найзручніше. Потім відпустить кнопку. Зазвичай це робиться тоді, коли зображення дуже велике або вимагає збільшення, щоб бачити всі деталі та працювати з ними.

Створення шарів за допомогою вікна «Властивості»

Далі постає питання про те, як створити шар у "Фотошопі", куди потрібно натискати? Нижче представлено фотографію, на якій чітко видно підказки. Слід відкрити у себе на комп'ютері програму "Фотошоп", щоб попрактикуватися та запам'ятати, де що розташоване.

Всі функції, пов'язані з шарами, розміщуються в нижній частині вікна «Властивості» у вкладці «Шари». Другий значок праворуч - це і є Створити новий шар, який по-англійськи означає New Lawer. Достатньо натиснути лівою кнопкою миші, щоб він з'явився. Рекомендується звернути увагу, де відображається новий шар у вкладці. Як правило, за умовчанням він знаходиться над попереднім.

Розблокування зображення

Слід зазначити, що за замовчуванням відкритий документ має у вікні з властивостями видно праворуч «замочок» та напис «фон». Тобто з картинкою не можна працювати. Вона заблокована від будь-яких операцій. Щоб вона стала робочою, потрібно двічі лівою кнопкою миші клацнути по «Фону» у вкладці «Шари». З'являється горизонтальне прямокутне віконце з пропозицією зробити зображення новим шаром, а також дати йому найменування. Таким чином, стає зрозуміло, як створити новий шар у "Фотошопі" на оригінальному файлі із зображенням.

Додаткові два способи створення

У "Фотошопі" є кілька варіантів того, як створити новий шар. Один із них уже розглянутий. Наступний спосіб передбачає використання горизонтального меню зверху. Там є вкладка "Шари" ("Layer"). Натиснувши її, можна побачити найперше у списку слово "Новий" ("New"). Слід натиснути на «Шар…».

Трикрапка означає, що програмою буде запропоновано внести коригування до параметрів створюваного шару, а саме:

• дати ім'я;
• встановити колір;
• вибрати режим накладання;
• відкоригувати непрозорість у відсотках.

Потім слід натиснути "Ок".

Є ще один цікавий спосіб, як створити шар у Фотошопі моментально, буквально за одну секунду без наведення курсору миші на значок та меню. Для цього використовується комбінація клавіш, які потрібно натиснути відразу всі разом на клавіатурі - Ctrl+Shift+N. Але щоб успішно в такий спосіб створити новий шар, потрібно деактивувати інші операції, наприклад створення тексту або трансформування. Нехай буде активним лише один із наявних шарів у вкладці вікна «Властивості».

Різні версії "Фотошопа"

Початківців може збентежити те, що існують різні версії програми. Нерідко на тематичних форумах та соціальних мережах вони запитують: "Як створити новий шар у "Фотошопі CS6", якщо я вивчав більш ранню версію?". Відповідь проста: так само, відмінностей ніяких.

Коригуючий шар

Коригуючий шар допомагає створювати ефекти зображення без спотворення оригіналу.

Тобто якщо не сподобався результат, шар можна видалити. Створити його можна двома способами:

1. Через меню "Шари". Відкрити "Новий коригуючий шар", далі потрібно вибрати функцію.
2. У вікні «Властивості». Знайти "Шари", внизу є круглий чорно-білий значок з праворуч трикутник.

Як створити коригуючий шар у "Фотошопі" так, щоб він опинився поверх інших шарів? Достатньо перетягнути його вище над іншими шарами.

Отже, у статті було наведено інструкцію з того, як створити шар у "Фотошопі" трьома способами. Успіхів!

Як створити новий шар у "Фотошопі": накладання та з'єднання, як прибрати та змінити розмір

Від звичайного графічного редактора (Paint та інших) програма Adobe Photoshop відрізняється можливістю роботи з шарами. Це дозволяє в будь-який момент редагувати той чи інший ефект. Також без шарів неможливо уявити роботу над створенням векторних логотипів.

Створити новий шар у «Фотошопі»

Якщо ви зараз встановите найпершу версію програми Photoshop, то дуже здивуйтеся. Ви запитаєте: де у «Фотошопі» шари? Перші версії графічного редактора мало відрізнялися від Paint. Підтримка шарів з'явилася трохи згодом. Тепер без цієї функції не обходиться жоден професійний редактор зображень. У Photoshop можна створювати до тисячі шарів, на швидкості роботи це ніяк не позначиться. Але це вже екстремальний випадок, на практиці фотографи беруть участь не більше 20-30 шарів.

Суть шару дуже проста. Він містить якийсь фільтр або маску, а також ефект від застосування певного інструменту. Наприклад, ви вставили у зображення нову картинку. Вона відобразиться на новому шарі. В результаті ви зможете додати їй обведення, змінити розмір картинки, а також встановити той чи інший ступінь прозорості. Будь-коли ви можете у «Фотошопі» змінити розмір шару, навіть якщо після попередньої роботи з ним пройшло дуже багато часу. Саме цим корисні шари. Без них довелося б скасовувати безліч операцій, щоб знову отримати можливість зміни розміру вставленої картинки.

Для роботи із шарами призначена відповідна панель. Рекомендується завжди тримати її відкритою. Показ зображення у Photoshop здійснюється наступним чином. Спочатку на показ виводиться верхній шар, потім другий, третій і т. д. Як аналог можна навести пачку паперових листів. Спочатку ви бачите перший лист, решту він перекриває. Із шарами аналогічна ситуація. Перший буде перекривати собою другий, якщо не виставлена ​​його повна чи часткова прозорість.

Де шари у «Фотошопі»

З панеллю "Шари" під час роботи у Photoshop вам доведеться стикатися регулярно. Тому слід знати про всі функції, які вона здатна надати. У верхній частині цієї панелі є кнопки, що дозволяють відображати шари тільки того чи іншого типу. Наприклад, це можуть бути коригувальні або текстові шари. За замовчуванням цей фільтр вимкнено.

Як зробити прозорим шар у «Фотошопі»

Далі йде рядок, необхідний для створення ефекту накладання. Це дозволяє відняти з шару чорний або білий кольори, а також створити інші ефекти. Накладення шарів у «Фотошопі» може бути зовсім диким або звичайнісіньким. Також саме тут можна задати рівень непрозорості. За замовчуванням, кожен шар створюється абсолютно непрозорим. Якщо ви хочете зробити шар прозорим у «Фотошопі», то прийде на допомогу саме цей пункт. Не забудьте перед цим виділити потрібний шар.

У третьому рядку панелі «Шари» є інструменти закріплення. Якщо ви хочете закріпити положення шару або його прозорість, вам саме сюди. Ще в цьому рядку є пункт «Заливка», ефект якого схожий на функцію непрозорості.

Решта панелі виділена під список шарів. Якщо до деяких з них будуть застосовані спеціальні ефекти, їх список теж буде розташований саме тут. У самому низу розміщені спеціальні кнопки, за допомогою яких у «Фотошопі» здійснюється робота із шарами (основна її частина).

Як прибрати шар у «Фотошопі»

Деякі користувачі-початківці не розуміють, як у «Фотошопі» зробити шари. Тому вони найчастіше виробляють ретуш фотографії на єдиному шарі, якщо тільки така не створилася автоматично після застосування того чи іншого інструменту. Наприклад, інструмент «Текст» відразу створює новий шар. Автоматично новий шар потрапляють і вставлені з буфера обміну зображення.
Якщо ви хочете самостійно створити у «Фотошопі» новий шар – у цьому немає нічого складного. Скористайтеся відповідною кнопкою в нижній частині панелі «Шари». Створений шар розміститься над виділеним шаром. Наприклад, у вас може бути виділений шостий за рахунком шар. Новачок у цьому випадку займе його місце, а попередній шар переміститься вже на сьому позицію. Це обов'язково потрібно враховувати у разі створення багатошарових композицій.

На новому шарі ви можете займатися чим завгодно. На ньому ви можете скористатися заливкою, намалювати будь-яку фігуру або зробити інші дії. Якщо ваше зображення виходить багатошаровим, то не заважає надати новому шару власну назву. Інакше він так і називатиметься: «Шар 7». Для перейменування слід зробити по шару подвійне клацання лівою кнопкою миші.

Ще шари можна групувати. Створіть нову папку за допомогою відповідної кнопки внизу панелі «Шари». Потім методом перетягування перенесіть шари, які ви хочете об'єднати в одну групу. У багатошарових композиціях без цього не обійтись, інакше починається справжня плутанина.

Деякі шари під час створення зображення стають нам непотрібними. Їх рекомендується видаляти. Для цього виділіть шар і натисніть клавішу Delete. Також для цього шар можна перетягнути на кнопку із зображенням кошика у нижній частині панелі. Можна прибрати шар у «Фотошопі» та іншим способом. Біля кожного шару є кнопка із зображенням ока. Натисніть її - видимість шару відразу відключиться. Це своєрідний аналог нульової непрозорості. Сам шар з панелі при цьому нікуди не подінеться, ви будь-якої миті здатні включити його відображення.

Як з'єднати: накладання шарів у «Фотошопі»

Якщо у вашому зображенні вже дуже багато шарів, деякі з них можна об'єднати. Візьмемо за приклад два шари, кожен з яких містить одну маленьку картинку. Якщо їх поєднати, то окремо пересувати дві картинки вже не вийде. Тепер вони переміщатимуться у просторі лише разом один з одним.
Щоб у «Фотошопі» з'єднати шари, їх потрібно спочатку виділити. Робиться це кліками лівою кнопкою миші при клавіші «Ctrl». Після виділення клацніть правою кнопкою миші. У контекстному меню виберіть «Об'єднати шари».

Змінити розмір шару у «Фотошоп»

Трохи вище у тому контекстному меню ви знайдете пункт «Зв'язати шари». Він схожий на попередній. Але при виборі обидва шари залишаються в панелі на своєму місці. Поруч із ними з'являється значок зчіпки. Він також не дозволить вам змінювати розмір цих шарів або рухати їх окремо. Але будь-якої миті ви можете скасувати зв'язку, тоді як з об'єднаними шарами подібне провернути не вдасться.

Висновок
Робота із шарами у «Фотошопі» реалізована дуже просто. Варто витрачати кілька хвилин на вивчення панелі «Шари», як назавжди закохаєтеся у функціонал, який вона надає. Будь-яке складне зображення має бути багатошаровим, інакше на його створення ви витратите надто багато часу.