Графічний редактор

Adobe Photoshop
Графічний редактор Adobe Photoshop
Урок №11. Стилі шару
Урок №11. Стилі шару
Глава. Увага!

Увага!
У цьому електронному уроці використовуються пе-
редові можливості формату Adobe PDF, які дають змо-
гу створити інтерактивні змінні ілюстрації, а також по-
містити на сторінки уроку звукові та відеофайли.
Більшість сторонніх додатків для перегляду файлів
формату PDF — зокрема, переглядачі, вбудовані в опе-
раційні системи, — а також засоби перегляду на мо-
більних пристроях можуть не вміти відображати та-
кий контент.
Якщо у вас виникли проблеми з переглядом уро-
ку, і якісь його елементи некоректно працюють або не
відображаються, ви можете безкоштовно завантажити
та встановити останню версію програми Adobe Reader
за цим посиланням і використовувати її для перегляду
електронних уроків.
У ЦЬОМУ УРОЦІ
ВИКОРИСТОВУЄТЬСЯ
ПЕРЕМИКАННЯ РИСУНКІВ
Щоразу, коли ви бачите рисунки з
кнопками перемикання «Рисунок 1»,
«Рисунок 2», ви можете перемкнути
зображення натисканням сірих кно-
пок. Червоним кольором позначаються
кнопки з активними рисунками.
У ЦЬОМУ УРОЦІ
ВИКОРИСТОВУЄТЬСЯ ВІДЕО
Щоразу, коли ви бачите на сторінці ри-
сунок з позначкою PLAY поверх ньо-
го, — це відео. Клацніть по ньому, щоб
переглянути відео.

Рисунок 1 Рисунок 2

Стр. 3
Урок №11. Стилі шару
Глава. Увага!
Зміст
Стилі шару........................................................................... 5
Стилі шару.................................................................................... 6
Ефекти зафарбовування та обведення............................. 7
Ефект Color Overlay......................................................... 7
Ефект Gradient Overlay.................................................... 8
Ефект Pattern Overlay..................................................... 10
Ефект Stroke..................................................................... 11
Ефект Satin....................................................................... 12
Ефекти тіні............................................................................ 14
Ефект Drop Shadow........................................................ 15
Ефект Inner Shadow........................................................ 16
Ефекти світіння.................................................................... 17
Ефект Outer Glow............................................................ 17
Ефект Inner Glow............................................................ 19
Ефекти об'єму....................................................................... 20
Ефект Bevel and Emboss................................................ 20
Ефекти Contour і Texture.............................................. 25
Інші налаштування відображення шару........................ 27
Встановлення сторонніх стилів....................................... 29
Приклади використання.................................................... 30
Стр. 4
Урок №11. Стилі шару
Глава. Стилі шару

Стилі шару
Динамічні ефекти шару не вимагають створення нових можуть змінити його зовнішній вигляд. Тому найчастіше
шарів чи ручної роботи, вони генеруються автоматично стилі шару використовуються з текстовими, векторними
програмою на підставі алгоритмів і заданих користува- і растровими шарами, що містять тільки контури фігур (у
чем налаштувань. Через відсутність потреби у втручанні цьому випадку заливка і забарвлення шару виконується
користувача і те, що не потрібно створювати нові об'єк- власне стилями), і подібними об'єктами, які самі по собі
ти в структурі документа, динамічні ефекти можуть опе- не мають достатніх можливостей, аби виглядати ефектно
ративно змінюватися. Досить збільшити або зменшити і привабливо (рис. 1-2).
шар, змінити його положення, повернути — загалом, до-
сить виконати дію над шаром для того, щоб ефекти в разі
потреби змінилися і підлаштувалися під новий вигляд.
Отже, ефекти — тіні, відблиски, ефекти об'єму і рельє-
фу — з точністю відповідатимуть поточному стану шару;
при цьому не потрібне втручання для того, щоб вони за-
лишалися актуальними, і самі ефекти ніяк не обмежують
можливості зміни шарів.
Динамічні ефекти шару прийнято об'єднувати разом
із налаштуваннями, як-от прозорість, режими накладан-
ня шару тощо, у поняття стилю шару. Стилі шарів містять
усю інформацію про налаштування шару. Їх можна ство-
рювати самостійно або використовувати ті, що поставля-
ються з Photoshop.
Зазвичай стилі шарів не використовуються з шарами,
що містять растрові зображення. Багато з них не дозволять
побачити, що містить шар — настільки радикально вони Рисунок 1 Рисунок 2

Стр. 5
Урок №11. Стилі шару
Глава. Стилі шару
Деякі ефекти шару (прозорість, режими накладання)
доступні прямо з панелі Layers (Шари), але повний доступ
до ефектів шару можна отримати тільки за допомогою діа-
логового вікна Layer Style (Стиль шару) (рис. 3).
Рисунок 3
За допомогою поля в лівій частині діалогового вікна
можна перемикатися між вкладками, у кожній із яких є на-
лаштування того чи іншого ефекту. Для кожного ефекту є
безліч (до десятків) окремих налаштувань, які можна виво-
дити на екран одночасно, тому можна переключатися від од-
нієї групи налаштувань до іншої. Окремі рядки в полі (Drop
Shadow, Inner Shadow тощо) відповідають окремим ефектам
і їхнім налаштуванням.
За допомогою прапорців поруч із назвами можна
ввімкнути або вимкнути окремі ефекти. Вмикаються
вони автоматично при переході на відповідну вкладку,
але вимикати потрібно вручну. Варто зазначити й те, що
навіть якщо вимкнути відображення одного з ефектів,
програма запам'ятає налаштування, і не буде потрібно
виконувати все заново, якщо захочете знову ввімкнути
ефект.
Викликати діалогове вікно Layer Style можна за допо-
могою підменю Layer > Layer Style (Шар > Стиль шару),
де можна вибрати будь-який із розділів діалогового вік-
на, або за допомогою контекстного меню шару, вибравши
команду Blending Options (Параметри накладання), яке
приведе до другої вкладки, що включає в себе налашту-
вання прозорості, режимів накладання і подібні.
СТИЛІ ШАРУ
Розгляд динамічних ефектів шару ми почнемо з першо-
го розділу діалогового вікна Layer Style, який називається
Styles (Стилі) (рис. 4) і дає змогу вибрати і застосувати
стиль оформлення до шару. Для вибору досить клацнути
мишею по вподобаному зразку.
Зверніть увагу, що при застосуванні стилю автоматич-
но включаються прапорці в назвах тих ефектів, які вико-
ристовує стиль. Їхні налаштування також встановлюються
програмою автоматично, однак ви можете їх редагувати,
якщо стиль не відповідає вашим потребам.
Стр. 6
Урок №11. Стилі шару
Глава. Стилі шару

но підходять для цієї мети: не містять ніякої важливої ін-

Рисунок 4
Як і всі збережені налаштування в Photoshop, стилі
об'єднуються в набори. Окремі стилі зберегти не можна,
тільки в складі набору.
Ефекти зафарбовування та обведення
До групи ефектів зафарбовування та обведення входять:
■■ ефекти заливки Color Overlay, Gradient Overlay, Pattern
Overlay;
■■ ефект обведення Stroke;
■■ ефект Satin.
Тут і далі дію ефектів шару будемо демонструвати на
прикладі текстових шарів, оскільки вони майже ідеаль-
формації (крім обрисів шару), яка могла б бути знищена
ефектами, що накладаються, і мають досить складні кон-
тури. Ефекти так чи інакше використовують інформацію
про контур шару, тобто про межі зафарбованої і прозорої
областей: по ним орієнтується ефект заливки, щоб зрозу-
міти, що зафарбовувати, по ним буде малюватися абрис
ефектом обведення, вони мають значення при створенні
ефектів тіні й об'єму тощо. Деякі ефекти не зможуть пра-
цювати з шарами з розмитими межами або з плавними
переходами між зафарбованою і прозорою областями.
Однак пам'ятайте, що ефекти шару можуть застосову-
ватися до будь-якого шару Photoshop, хоча це і не завжди
має сенс.
Ефект Color Overlay
Ефект Color Overlay (Перекриття кольору) гранично
простий: з його допомогою можна зафарбувати весь шар
обраним кольором. Це простий спосіб повністю або част-
ково змінити забарвлення шару (рис. 5).
Рисунок 5

Стр. 7
Урок №11. Стилі шару
Глава. Стилі шару

У налаштуваннях ефекту ви можете вказати бажаний

колір фарбування, а також вказати значення непрозорості
заливки і вибрати режим накладання кольору (рис. 6). Зав-
дяки двом останнім налаштуванням можна не просто пе-
рефарбувати шар, а частково змінити забарвлення й колір.
Рисунок 7

Виберіть тип і кольори градієнтної заливки, визна-

чте її кут (не має сенсу з радіальним градієнтом), а також
встановіть налаштування режиму накладання кольору й
непрозорості (рис. 8).

Рисунок 6

Звичайно, налаштування непрозорості і режиму на-

кладання кольору потрібні радше в тих шарах, які містять
певну осмислену інформацію; навряд чи варто робити
напівпрозору заливку з текстовим шаром, якщо крізь неї
буде видно одноколірні літери.
Рисунок 8
Ефект Gradient Overlay
Ефект Gradient Overlay (Перекриття градієнта) за- Розмір градієнтної заливки, тобто відсоток площі
фарбовує шар градієнтної заливкою (рис. 7). шару, який буде залито, можна регулювати за допомогою

Стр. 8
Урок №11. Стилі шару
Глава. Стилі шару
повзунка Scale (Масштаб). Прапорець Align with Layer
(Вирівняти з шаром) дає градієнтній заливці змогу адап-
туватися до розміру шару — вона буде більшого розміру з
великим шаром і меншого з маленьким, так, щоб по змозі
займати 100% доступної площі. При відключеному пра-
порці розмір заливки буде обчислюватися зважаючи на
розміри документа, що зазвичай незручно і не дозволяє
побачити весь діапазон градієнта в межах шару.
Так само, як ефекти шару можуть перекривати вміст
шару, один ефект може перекривати інший.
На рисунку 9 видно, як до текстового шару був за-
стосований ефект Gradient Overlay, а потім ефект Color
Overlay (рис. 10). На панелі шарів можна бачити, що оби-
Рисунок 9 Рисунок 10
два ефекти активні одночасно, але ми бачимо тільки верх-
ній із них — перекриття кольором. Усі три види заливки
перекривають один одного в тому порядку, у якому вони
вказані в списку.
Змінивши налаштування ефекту перекриття кольором і
встановивши невелике значення непрозорості, ми можемо
спостерігати, як крізь напівпрозору заливку кольором вид-
но градієнтну заливку (рис. 11). Тепер ці ефекти роблять
свій внесок в оформлення зовнішнього вигляду шару.
Рисунок 11
Для частини ефектів не має значення, як їх застосо-
вувати — одночасно або по черзі, наприклад, за жодних
умов ефект падаючої тіні не заважатиме ефекту об'єму чи
Стр. 9
Урок №11. Стилі шару
Глава. Стилі шару

ефект світіння — ефекту перекриття. Але використовую- Ефект Pattern Overlay

чи деякі комбінації ефектів, потрібно пам'ятати, що ви- Ефект Pattern Overlay (Перекриття візерунка) — тре-
никатиме конфлікт. Так, наприклад, ефект падаючої тіні, тій і останній ефект заливки, дозволяє зафарбувати шар
який розташовується ніби «під» шаром, може конфлікту- візерунком (рис. 14-15). Можна вибрати використовува-
вати з ефектом зовнішнього світіння, ефектом обведен- ний візерунок, масштабувати (зменшити або збільшити
ня. Також ефекти внутрішньої тіні, внутрішнього світін- відносно шару) і встановити режим накладання кольору
ня чи об'єму можуть заважати один одному. та непрозорість ефекту.
На рисунку 12-13 видно, як ефект падаючої тіні був
фактично знищений ефектом обведення: через велику
товщину обведення майже не видно тіні. Про такі мож-
ливі проблеми варто замислюватися при використанні
стилів шару.

Рисунок 14

Рисунок 12 Рисунок 13

¾¾Пам'ятайте! Порядок накладання ефектів шару є

фіксованим, і змінити його не можна. Рисунок 15

Стр. 10
Урок №11. Стилі шару
Глава. Стилі шару
Неможливо повернути візерунок відносно шару. Мен-
ше з тим, якщо повернути шар після застосування ефекту,
візерунок не буде повертатися слідом за ним.
Є ще один спосіб керувати заливкою: якщо обрано
ефект Gradient Overlay або Pattern Overlay, можна перетя-
гувати градієнтну або візерункову заливку просто курсо-
ром миші. Так можна змінити положення заливки віднос-
но шару.
Ефект Stroke
Ефект Stroke (Обведення) дозволяє створити контур-а-
брис за межами шару (рис. 16-17).
Рисунок 16
Рисунок 17
Повзунок Size (Розмір) дозволяє вказати товщину лінії
обведення — це один із найважливіших параметрів. Крім
того, є налаштування режимів накладання і непрозорості.
Розкривний список Position (Положення) дає змогу ке-
рувати положенням обведення відносно меж шару. За за-
мовчуванням він встановлений на значення Outside (Зов-
ні), що означає, що обведення буде малюватися від меж
шару назовні і ніколи не буде перекривати собою вміст
шару або ефекти, розташовані в його межах. Таке обве-
дення візуально збільшує розміри шару.
Значення Inside (Всередині) створюватиме обведення
від меж шару всередину — у такий спосіб, розміри шару
не будуть візуально змінюватися. Однак при великій тов-
щині обведення (рис. 18), воно може повністю перекри-
вати фрагменти шару, особливо текстових шарів, де може
бути багато ділянок з тонкими лініями.
Рисунок 18
Стр. 11
Урок №11. Стилі шару
Глава. Стилі шару

Текстовий шар з таким обведенням може бути склад-

ним для розуміння і виглядати непривабливо.
Значення Center (По центру) дозволить створювати
обведення одночасно всередині і назовні шару; це своє-
рідне «компромісне» рішення.
Група налаштувань Fill Type (Тип заливки) та одно-
йменний розкривний список дозволяє вибрати, як саме
має бути пофарбоване обведення: у суцільний колір, за
допомогою градієнтної заливки або візерунку (рис. 19).

Рисунок 20

Він дає змогу градієнтній заливці огинати контури

шару (рис. 21). Цей ефект неможливий з використан-
ням інших типів градієнта.

Рисунок 19 Рисунок 21

Новим для вас буде один із типів градієнтної заливки, Ефект Satin
який трапляється тільки в ефекті обведення і називається Ефект Satin (Атлас) (рис. 22) призначений для того,
Shape Burst (Багатокутна фігура) (рис. 20). щоб створювати на шарі переливи тіні або світла, харак-

Стр. 12
Урок №11. Стилі шару
Глава. Стилі шару

терні для глянцевих поверхонь (рис. 23), зокрема, для тка- Це також перший ефект, який за замовчуванням ви-
нин типу атласу, шовку тощо. користовує режим Multiply (Множення). Аби переливи
тіні на шарі замінилися на гру світла, іншими словами,
щоб малюнок, що накладається ефектом, був світлим, а не
темним, буде потрібно не тільки змінити вибраний колір
ефекту (змінити чорний на білий або якийсь світлий від-
тінок), але також замінити режим накладання кольору
Multiply на Screen (Екран) або будь-який інший з групи
освітлювальних режимів накладання.
Ефект Satin створює переливи тіні (або світла) за ра-
хунок копіювання, перефарбування, розмивання і змі-
щення копій шару — разом це дає ефект світлих і темних
ліній, які повторюють обриси шару. Налаштування Angle
(Кут) та Distance (Відстань) дозволяють встановити кут
і відстань (рис. 24), на яку будуть зміщуватися ці копії (їх
видно тільки в межах кордонів шару).
Рисунок 22

Рисунок 24

Налаштування Size (Розмір) керує ступенем розмит-

Рисунок 23 тя копій шару — чим він вище, тим більш плавними бу-

Стр. 13
Урок №11. Стилі шару
Глава. Стилі шару
дуть переходи світлих і темних ліній та ефект загалом
(рис. 25).
Рисунок 25
Нарешті, налаштування Contour (Контур) дозволяє
змінити обриси копій (рис. 26), зокрема досить радикаль-
но, якщо використовувати контур з кількома підйомами
і спадами. Чим складніше контур, тим цікавіше перети-
натимуться світлі і темні лінії і тим більше відблисків або
тіней буде на шарі.
Рисунок 26
Прапорець Invert (Негатив) дозволяє «інвертувати»
контур, тим самим змінивши чергування світлих і темних
областей на протилежне (рис. 27). Прапорець Antialiased
(Згладжений) дозволяє ще трохи розмити межі тіней або
відблисків, що корисно, якщо у вас дуже складний про-
філь контуру.
Рисунок 27
Варто зауважити, що ефект Satin вкрай рідко вико-
ристовується сам по собі, набагато частіше він використо-
вується для того, щоб ускладнити якийсь композитний
ефект — додати легкі тіні або забарвлення до шару, уже
обробленого іншими ефектами.
Ефекти тіні
До групи ефектів тіні належать ефекти Drop Shadow
та Inner Shadow. Вони дуже схожі, і відмінність між ними
полягає в тому, де видно тінь від шару: зовні і «під ним»
або всередині самого шару, поверх його заливки і вмісту.
Стр. 14
Урок №11. Стилі шару
Глава. Стилі шару

Це невелике розходження дозволяє досягати абсолютно

різних ефектів.
Обидва ефекти за замовчуванням використовують
чорний колір і режим накладання Multiply (Множення) для
створення тіні. Саме використання затемнюючого режиму
накладання дозволяє домогтися реалістичного затемнен-
ня об'єктів і зображень, поверх яких вони можуть опини-
тися. Звісно, ці налаштування також можна змінювати.
Ефект Drop Shadow
Ефект Drop Shadow (Тінь) дозволяє імітувати тінь, що
відкидається шаром на фон так, ніби їх відділяє реальна
відстань (рис. 28). Цей ефект надає ілюзію об'єму і триви-
мірності композиції. Рисунок 29

Прапорець Use Global Light (Використовувати глобаль-

Рисунок 28
У налаштуваннях ефекту (рис. 29) можна вибрати ко-
лір тіні, режим її накладання (для реалістичних тіней це
має бути чорний колір і режим Multiply), а також нала-
штування непрозорості.
Важливими налаштування падаючої тіні є Distance (Від-
стань) та Angle (Кут) — вони визначають, як далеко і в яко-
му напрямку зміщується тінь відносно шару.
не освітлення) дозволяє змінювати кут падіння тіні одно-
часно з подібними налаштуваннями в інших ефектах. Така
синхронізація контролює, щоб уявне «світло» було розта-
шоване у всіх ефектів однаково. Якщо створити падаючу
тінь, зміщену вправо і вниз (що передбачає, що джерело
світла розташоване зліва вгорі), а, наприклад, ефект об'єму
так, ніби джерело світла розташоване справа вгорі, ефект
не буде виглядати переконливо. Прапорець Use Global Light
включено за замовчуванням.
Налаштування Size (Розмір) і Spread (Розмах) дозво-
ляють змінювати розмір тіні двома різними способа-
ми. Size збільшує ступінь розмиття країв тіні, робить їх

Стр. 15
Урок №11. Стилі шару
Глава. Стилі шару
­ ечіткими і плавними. А збільшення значення Spread
н Прапорець Layer Knocks Out Drop Shadow (Шар об'єд-
робить тінь щільнішою, при цьому не зменшує її площу.
За допомогою комбінування налаштувань можна повно-
цінно керувати розміром і ступенем розтушовки тіні, що
«відкидає» шар (рис. 30).
Рисунок 30
Як і у випадку з ефектом Satin, налаштування Contour
та Antialiased призначені для ускладнення меж тіні і доз-
воляють створювати незвичайні ефекти ореолів.
Налаштування Noise (Шум) дозволяє додати піксель-
ний шум до тіні — це має як технічні, так і декоративні
застосування, але використовується рідко.
нує тінь) дозволяє заборонити відображення тіні безпо-
середньо під шаром. Це буде видно тільки в тому випадку,
якщо за допомогою інших налаштувань зробити заливку
шару прозорою — при встановленому прапорці тінь усе
одно не буде відображатися в тих місцях, де було раніше
видно шар, що дає незвичайний ефект.
Ефект Inner Shadow
Ефект Inner Shadow (Внутрішня тінь), по суті, є точ-
ною копією ефекту падаючої тіні, за тим винятком, що
тінь у цьому випадку відображається всередині шару
(рис. 31).
Рисунок 31
Ефект падаючої тіні дозволяє створити ілюзію того,
що шар розташований вище за фон, на який падає тінь.
Ефект внутрішньої тіні дозволяє створити зворотну ілю-
зію: ніби тінь від фону, який лежить вище, падає на шар,
який лежить нижче.
Налаштування ефекту Inner Shadow майже повністю
ідентичні налаштуванням падаючої тіні, за тим винятком,
Стр. 16
Урок №11. Стилі шару
Глава. Стилі шару

що налаштування розширення тіні тут називається Choke Ефект Outer Glow

(Перекривання) (рис. 32). Ефект Outer Glow дозволяє створити навколо шару
ефект ореолу або сяйва (рис. 33).

Рисунок 33

Здебільшого налаштування цього шару повторюють

ефекти тіні й інші ефекти (рис. 34).

Рисунок 32

Ефекти світіння
Ефекти світіння багато в чому схожі на ефекти тіні і
також включають у себе два ефекти: Outer Glow (Зовнішнє
світіння) та Inner Glow (Внутрішнє світіння).
Подібно до того, як ефекти тіні використовували чор-
ний колір і затемнюючий режим накладання кольору
Multiply, що застосовується для імітації затінення, ефекти
світіння використовують світлі яскраві кольори і режим
накладання кольору Screen, що застосовується для іміта-
ції ефектів світіння і відблисків. Рисунок 34

Стр. 17
Урок №11. Стилі шару
Глава. Стилі шару

Колір, непрозорість і режими накладання ефекту, на-

лаштування розміру сяйва аналогічні вивченим раніше.
Серед основних відмінностей — встановлений за замов-
чуванням освітлюючий режим накладання і світлий ко-
лір ореолу.
Рисунок 36
Зазвичай дію ефекту можна побачити тільки на темно-
му фоні, не варто випробовувати його на фоні білого або У розділі налаштувань Elements (Елементи) за допо-
світлого шару Background. могою списку Technique (Метод) можна вибрати один
Особливістю ефектів світіння є можливість вибору із двох режимів створення світіння: Soft (М'якший) або
градієнтної заливки замість суцільного кольору — так Precise (Точний). Режим Soft дає реалістичний результат
можна домогтися багатобарвних ореолів або просто лег- (рис. 37), а режим Precise підкреслює форму шару, зму-
кої зміни кольору на краю світіння. За замовчуванням ви- шуючи світіння в точності повторювати його обриси
брано одноколірний градієнт зі зміною прозорості. (рис. 38). Режим Precise також можна використовувати
Ще однією особливістю ефектів світіння є можливість для створення нескладних ефектів рельєфу й опуклості.
додавання шуму двома способами. Перший — повзунок
Noise, який дозволяє додати шум до прозорості ореолу
(рис. 35). Другий спосіб, сумісний тільки з градієнтної за-
ливкою, — за допомогою повзунка Jitter (Коливання) мож-
на «перемішати» кольори градієнта, додавши шум тільки
в колірний перехід (рис. 36). Рисунок 37

Рисунок 35 Рисунок 38

Стр. 18
Урок №11. Стилі шару
Глава. Стилі шару

Ефект Inner Glow
Головною відмінністю ефекту Inner Glow від ефек-
ту зовнішнього світіння є те, що світіння тепер буде не
навколо об'єкта, а поверх нього (як з ефектами падаючої
і внутрішньої тіні) (рис. 39).
Рисунок 39
Ви також можете вибрати такі налаштування (рис. 40):
колір світіння (суцільний або градієнтну заливку), непро-
зорість, режим накладання кольору, встановити розмір
і щільність світіння, додати шум до світіння або усклад-
нити його обриси за допомогою налаштування Contour.
Для ефекту внутрішнього світіння є й унікальне нала-
штування: воно визначає, як світіння буде розташовува-
тися всередині об'єкта.
За допомогою перемикача Source (Джерело) можна ви-
брати значення Center (Центр) (рис. 41) або Edge (Край)
(рис. 39). Відповідно, залежно від обраного значення, сві-
тіння об'єкта може розташовуватися або по краях шару
та слабшати до середини, або в центрі та слабшати до
країв шару.

Рисунок 41

При використанні режиму Center можна імітувати,

наприклад, об'ємні літери рекламної вивіски, підсвічені
зсередини.
Водночас, режим Edge дозволить створити ефект «ви-
різаних» у фоні літер, що підсвічуються прихованими
Рисунок 40 джерелами світла.

Стр. 19
Урок №11. Стилі шару
Глава. Стилі шару

Ефекти об'єму Цей ефект містить безліч налаштувань (рис. 43) і досить
Деякі ефекти тіні і світіння при певних налаштуван- складний для використання, зате дозволяє гнучко налашто-
нях створюють ефект об'ємності тексту або іншого зобра- вувати ефект і домагатися реалістичності ілюзії.
ження на шарі за рахунок гри світла й тіні.
Однак в Adobe Photoshop є й окремий ефект для ство-
рення ефектів об'єму, який називається Bevel and Emboss
(Фаска та рельєф).
З його допомогою можна надати шару ефект опуклості
або втисненості. Цей ефект також створюється за рахунок
затінення й освітлення окремих фрагментів шару, однак
він спеціально розроблений так, щоб створювати пере-
конливу ілюзію рельєфності.

Ефект Bevel and Emboss

Bevel and Emboss (Фаска та рельєф) не створює повно-
цінний тривимірний об'єкт з шару — такого неможливо
домогтися ефектами шару.
Створюється ілюзія карбування, при якому окремі ді-
лянки шару будуть здаватися опуклими або втиснутими,
а також фаска — скошений або округлений «об'ємний»
край шару (рис. 42).
Рисунок 42
Рисунок 43
Bevel and Emboss відрізняється від інших ефектів
тим, що він має два дочірні ефекти: Contour (Контур)
та Texture (Текстура). Вони можуть бути активні тільки
разом з ефектом об'єму і додатково ускладнюють його
зовнішній вигляд.
Основні налаштування ефекту зібрані в групі Struc­
ture (Структура) і визначають параметри об'ємності
чи рельєфу.

Стр. 20
Урок №11. Стилі шару
Глава. Стилі шару

Параметр Depth (Глибина) визначає силу рельєфу —
наскільки сильно буде вдавлено або видавлено шар.
Чим вище це значення, тим чіткішим буде ефект об'єму
загалом (рис. 44).
Рисунок 44
Чим вище це значення, тим більша частина шару по
краях буде перекриватися фаскою. Незважаючи на те,
що збільшення цього параметра також дозволяє зро-
бити ефект чіткішим, потрібно стежити за тим, щоб
розмір фаски не перевищував товщини найтонших
елементів шару, наприклад, на текстовому шарі, при
високому значенні, фаска може стати товще, ніж тонкі
лінії літер.
Перемикач Direction (Напрямок) дозволяє змінювати
ефект опуклості на ефект втисненості (рис. 46). Він тісно
пов'язаний із налаштуваннями «освітлення» об'ємного
шару, і сприйняття ефекту об'єму залежить від обох на-
лаштувань.

Параметр Size (Розмір) дозволяє управляти розміром

фаски (рис. 45).

Рисунок 46

Параметр Soften (Пом'якшення) дозволяє зробити

ефект більш м'яким, іншими словами — просто розмити
Рисунок 45 тіні і відблиски, які накладає ефект для створення ілюзії

Стр. 21
Урок №11. Стилі шару
Глава. Стилі шару

об'єму (рис. 47). Малі значення цього параметра дозво-

ляють підкреслити гострі кути і чіткі межі форми шару,
а більш високі — виявити плавні лінії й обриси.

Рисунок 47

Розкривний список Style (Стиль) — один із найважли-

віших параметрів ефекту об'єму, він дозволяє перемика-
тися між кількома різними варіантами рельєфу (рис. 48):
■■ Outer Bevel (Зовнішній скіс) — створення ефекту фаски
від меж шару назовні; у цьому випадку зовнішній ви-
гляд ефекту рельєфу сильно залежить від забарвлення
Рисунок 48
фону документа або об'єктів, що лежать під шаром —
у деяких випадках ефект буде погано видно (напри- ■■ Pillow Emboss (Контурний рельєф) — назву цього ре-
клад, на чорному тлі навряд чи можна буде побачити жиму складно перекласти, але він зводиться приблиз-
тіні, а на білому — відблиски, створені ефектом); но до такого ефекту: контур шару ніби «вдавлюється»
■■ Inner Bevel (Внутрішній скіс) — створення ефекту вглиб, а зовні і всередині шару з'являється невеликий
фаски від меж шару всередину; «підйом»; цей режим дозволяє чітко виявити контури
■■ Emboss (Рельєф) — створення ефекту фаски одночас- шару і загалом він схожий на ефект тиснення на папе-
но в обидва боки від меж об'єкта; рі або металі;

Стр. 22
Урок №11. Стилі шару
Глава. Стилі шару
■■ Stroke Emboss (Рельєф штриху) — у цьому режимі ефект
рельєфу буде над обведенням шару, і буде видно тільки в
його межах. Зрозуміло, для використання цього режиму
має бути активний ефект шару Stroke (Обведення). Цей
режим корисний у тих випадках, коли ви хочете «забарви-
ти» фаску, оскільки він дозволяє бути впевненим, що межі
фаски і межі обведення, що фарбує його, завжди будуть
точно збігатися.
Розкривний список Technique (Метод) дає змогу ви-
брати один із трьох режимів малювання рельєфу — вони
відрізняються зовнішнім виглядом і загалом дозволяють
імітувати не стільки спосіб, скільки матеріал (рис. 49):
Рисунок 49
■■ Smooth (Згладжування) — це обраний за замовчуван-
ням тип техніки виконання, який більш-менш підхо-
дить для імітації будь-яких ефектів рельєфу;
■■ Chisel Hard (Жорсткий різець) — цей режим дозволяє
імітувати рельєф, створений шляхом вирізання ста-
мескою або різцем на твердому матеріалі — металі,
дереві, твердому пластику тощо;
■■ Chisel Soft (М'який різець) — цей режим дозволяє імі-
тувати рельєф, створений шляхом вирізання на м'яко-
му матеріалі (наприклад, на м'якій пластмасі).
Використання режиму Chisel Soft часто призводить до
появи графічних артефактів в ефекті рельєфу. На округ-
лих, плавних лініях з'являються «зубці» і «сходинки». Їх
можна замаскувати або навіть повністю прибрати, збіль-
шивши значення параметра Soften (Пом'якшення).
Один із найважливіших елементів ілюзії об'єму —
розташування відблисків і тіней на поверхні шару, яке,
власне, і формує ілюзію. Так само, положення відблисків
визначає кут падіння світла на «об'ємний об'єкт». Ство-
рюється ілюзія того, що об'єкт був освітлений джерелом
світла.
За положення джерела світла ефекту Bevel and Emboss
відповідають дві настройки: Angle (Кут) та Altitude (Висо-
та), які визначають положення джерела світла в просторі
уявної півсфери навколо шару (вплив цих параметрів по-
казано на рис. 50).
Стр. 23
Урок №11. Стилі шару
Глава. Стилі шару
Рисунок 50
Значення обох величин вимірюються в градусах. Для
параметра Altitude, що визначає висоту джерела світ-
ла над площиною, це буде діапазон від 0° до 90°, де 0° —
це найнижче становище, врівень з площиною, на якій є
об'єкт, а 90° — у зеніті, тобто вертикально над об'єктом.
Для параметра Angle, що визначає положення джерела
світла на уявному колі, діапазон буде від -180° до +180°,
де 0° означає положення справа від об'єкта, а -180° і +180°
означають положення зліва. Додатні значення розташо-
вані «зверху», а від'ємні — знизу, тобто, наприклад, 90°
відповідатиме положенню джерела світла вертикально
над об'єктом, а 120° відповідатиме положенню вгорі зліва.
При освітленні об'єкта справа знизу може виникати
ілюзія того, що він не опуклий, а втиснений — оскіль-
ки відблиски й тіні розташовуються саме там, де вони
б знаходились, якби об'єкт був утисненим. Коли дже-
рело світла розташоване зліва вгорі, в опуклого об'єкта
найяскравіше висвітлено верхні й ліві бокові сторони, а
у втисненого — нижні та праві бічні, тобто, ті, які звер-
нені до джерела світла максимально перпендикуляр-
но і не приховані від нього іншими частинами об'єкта.
Тому, якщо ми повернемо джерело світла так, щоб воно
висвітлювало об'єкт знизу і справа, мозок може почати
«плутатися» в інформації: адже насправді ми бачимо
плоске зображення, є тільки ілюзія об'єму, а її ознаки —
відблиски й тіні розташовані на об'єкті не так, як цього
очікує мозок.
У будь-якому разі, майте на увазі, що успішність ілю-
зії залежить більше, ніж від одного чинника. Наприклад,
якщо в композиції будуть інші об'ємні об'єкти, то вони
можуть посилювати чи послаблювати ілюзію об'ємності.
Перейдемо до інших налаштувань групи Shading (За-
тінення). У нижній частині групи зібрані налаштування,
керуючі зовнішнім виглядом відблисків і тіней.
За допомогою розкривних списків Highlight Mode (Ре-
жим підсвічування) і Shadow Mode (Режим тіні) можна
вибрати режими накладання, які будуть використовува-
Стр. 24
Урок №11. Стилі шару
Глава. Стилі шару
тися для накладання тіней і відблисків — для максималь-
ної реалістичності це мають бути режими Multiply і Screen
відповідно, однак їх можна змінити.
Тут же можна вибрати колір відблиску й тіні — пам'я-
тайте, що не має сенсу вибирати темні відтінки для від-
блисків, які накладаються в режимі освітлення, так само,
як і світлі — для створення тіні.
Два повзунки Opacity (Непрозорість) дають змогу по-
силити або послабити відблиски й тіні ефекту за рахунок
додавання прозорості.
Рисунок 51
Налаштування Gloss Contour (Контур глянцю) дозво-
ляє ускладнити форму відблисків і тіней, що може допо-
могти створити ефект глянцевих поверхонь (рис. 51).
Ефекти Contour і Texture
Для додаткового ускладнення ефекту рельєфу є ще
два ефекти: Contour (рис. 52) і Texture (рис. 53), які мо-
жуть бути активні тільки одночасно з ефектом Bevel
and Emboss.
Рисунок 52 Рисунок 53
Ефект Contour (Контур) дозволяє управляти безпосе-
редньо профілем уявної фаски, яка «додається» до об'єк-
Стр. 25
Урок №11. Стилі шару
Глава. Стилі шару

та (рис. 54). Зовсім не обов'язково, щоб вона була рівною:

вона може бути округлою, або навіть містити кілька за-
падин і опуклостей. Вибрати профіль фаски можна за
допомогою списку, а повзунок Range (Діапазон) може до-
помогти скоригувати пропорції фаски і її положення від-
носно меж об'єкта.

Рисунок 55

Колір візерунка не має значення, тільки яскравість;

за замовчуванням чорний і темні кольори відповідають
опуклим областям, а білий і світлий — втисненим, що,
втім, можна змінити за допомогою прапорця Invert (Не-
гатив).
Ви можете управляти розміром візерунка за допомо-
гою повзунка Scale (Масштаб), а положенням — простим
перетягуванням візерунка мишею при відкритому діало-
говому вікні Layer Style, подібно до того, як це було з ефек-
том Pattern Overlay.
Прапорець Link with Layer (Зв'язати з шаром) дозво-
ляє рельєфному візерунку переміщатися разом із шаром;
якщо його зняти, то при переміщенні шару візерунок
буде залишатися нерухомим відносно документа (а отже,
Рисунок 54
буде зміщуватися щодо об'єкта). Параметр Depth (Гли-
Ефект Texture (Текстура) дозволяє вибрати візе- бина) буде керувати глибиною рельєфу на об'єкті, тобто
рунок, який буде «видавлено» на всій поверхні об'єкта тим, наскільки сильно виділяються на ньому вдавлені й
(рис. 55). опуклі ділянки.

Стр. 26
Урок №11. Стилі шару
Глава. Стилі шару
Інші налаштування відображення шару
Повернемося до розділу діалогового вікна Layer Style
із загальними настройками відображення шару, який
називається Blending Options (Параметри накладання)
(рис. 56). Тут доступні деякі знайомі настройки: напри-
клад, режим накладання кольору й непрозорість шару
(Opacity). Розглянемо лише ті, які частіше потрібні при
роботі.
Рисунок 56
Простою і досить затребуваною є настройка Fill Opa­
city (Заливка). Вона керує непрозорістю вмісту шару.
Її відмінність від настройки Opacity може бути зро-
зуміла тільки при використанні динамічних ефектів. У
принципі, як Opacity, так і Fill Opacity, дозволять зробити
шар прозорим, але при використанні Opacity одночасно з
самим шаром прозорими будуть ставати і застосовані до
нього ефекти, а при використанні настройки Fill Opacity
ставати прозорим буде тільки сам шар, а ефект не будуть
змінюватися (рис. 57).
Рисунок 57
Це потрібно, щоб зробити прозорий або напівпрозо-
рий шар, до якого застосовані повноцінні непрозорі ефек-
ти, наприклад, тіні або обє'му.
Рисунок 58
На рисунку 58 незважаючи на те, що сам шар неви-
димий, тінь розміщена тільки навколо нього — завдяки
Стр. 27
Урок №11. Стилі шару
Глава. Стилі шару

прапорцю Layer Knocks Out Drop Shadow (Шар об'єд-

нує тінь) у налаштуваннях самого ефекту Drop Shadow
(Тінь). Якщо його вимкнути, можна добитися іншого
ефекту: ілюзії розмитості тексту, наче ми растеризували
текстовий шар і застосували інструменти або фільтри
розмиття (рис. 58).
Перейдемо до групи налаштувань Blend If (Накладати
якщо...), яка управляє прозорістю шару залежно від його
яскравості або від яскравості шару, який розташований
під ним. Вона схожа на використання умовних режимів
затемнення і накладання, але тут ми можемо прив'яза-
ти умову до яскравості будь-якого з шарів незалежно від Видео 1
яскравості другого.
Маркери, підписані словами This Layer (Цей шар), доз-
воляють робити прозорими темні і світлі області поточ-
ного шару (відео 1). Це не має сенсу з текстовими шарами,
оскільки зазвичай у них яскравість однакова на всьому
просторі шару.
Маркери, підписані словами Underlying Layer (Нижній
шар), дозволяють управляти яскравістю поточного шару
залежно від яскравості пікселів шару, який розташова-
ний під ним (відео 2), наприклад, змусити шар ставати
прозорим у тих місцях, де на тлі є дуже світлі або дуже Видео 2
темні кольори.
Для встановлення умов прозорості досить перемісти- рими областями шару необхідно розділити кожен маркер
ти один або обидва маркери в одній або обох групах. Для на дві частини (рис. 59), перетягнувши його, утримуючи
створення плавного переходу між прозорими й непрозо- клавішу Alt на клавіатурі.

Стр. 28
Урок №11. Стилі шару
Глава. Стилі шару

Рисунок 59

Встановлення сторонніх стилів

Встановити новий стиль у Photoshop нескладно. Спо-
чатку потрібно завантажити необхідний стиль і розпа-
кувати його в обрану папку.
Рисунок 61
Аби встановити стиль, відкрийте панель Styles (Сти-
лі) (рис. 60). Виберіть потрібний стиль. Він з'явиться в списку сти-
лів на панелі Styles (рис. 62).

Рисунок 60

У меню в палітрі виберіть пункт Import Styles (Імпор-

тувати стилі) (рис. 61). Рисунок 62

Стр. 29
Урок №11. Стилі шару
Глава. Стилі шару

Приклади використання У низці випадків окремі ефекти можна використо-

Поговоримо про те, як використовувати кілька ефектів вувати, щоб посилити переконливість і реалістичність
одночасно для досягнення більш цікавого і реалістичного інших ефектів. Наприклад, як показано на рис. 64, мо-
результату. Це, зокрема, потребує обговорення питання жемо додатково затемнити або освітлити ту ділянку
сумісності окремих ефектів і їхніх налаштувань. зображення, яку намагаємося зробити «опуклою» або
Важливе значення має єдність налаштувань освітлен- «втисненою».
ня в кожному з ефектів. На рисунку 63 показаний приклад
одночасного використання ефектів тіні й об'єму; у верх-
ньому тексті освітлення погоджено, а в нижньому — ні.
Навіть у тому випадку, якщо людина, що бачить створе-
ний вами ефект, не є ані художником, ані дизайнером,
вона може інстинктивно відчути, що ефект непереконли-
вий — саме через те, що настройки освітлення в ньому не
відповідають тому, як були б висвітлені реальні предмети
в реальній ситуації.

Рисунок 64

Розташування відблисків і тіней у деяких випадках

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

Стр. 30
Урок №11. Стилі шару
Глава. Стилі шару

ефект об'єму і слугує додатковою підказкою для мозку,

як йому слід інтерпретувати побачене, і як саме «повіри-
ти» в ілюзію об'єму.
Є й інші комбінації ефектів, які добре поєднуються
один з одним, наприклад, ефект Satin може чудово до-
повнити ефект об'єму, якщо ви намагаєтеся імітувати
глянцеві і поліровані поверхні. На рисунку 65 наведені
приклади створення складних ефектів з використанням
декількох окремих ефектів шару.

Рисунок 65

Стр. 31
Графічний редактор Adobe Photoshop
Урок №11. Стилі шару

© STEP IT Academy, www.itstep.org

Усі права на захищені авторським правом фото, аудіо та відеотвори, фрагменти яких використані в матеріалі,
належать їхнім законним власникам. Фрагменти творів використовуються з ілюстративною метою в обсязі,
виправданому поставленим завданням, в межах навчального процесу і в навчальних цілях Відповідно до
ст. 1274 ч. 4 ГК РФ і ст. 21 і 23 Закону України «Про авторське право й суміжні права». Обсяг і спосіб цитованих
творів відповідає прийнятим нормам, не завдає шкоди нормальному використанню об'єктів авторського
права і не обмежує законні інтереси автора та правовласників. Цитовані фрагменти творів на момент
використання не можуть бути замінені альтернативними, що незахищені авторським правом аналогами,
і як такі відповідають критеріям сумлінного і чесного використання.
Усі права захищені. Повне або часткове використання матеріалів заборонено. Узгодження використання
творів або їхніх фрагментів проводиться з авторами і правовласниками. Узгоджене використання матеріалів
можливе лише за умов згадування джерела.
Відповідальність за несанкціоноване копіювання і комерційне використання матеріалів визначається чинним
законодавством України.