Новости
Ви дізнаєтеся:
- Як і навіщо створювати векторну маску.
- Як редагувати векторну маску.
- Як застосовувати шари заливки (колір, градієнт і візерунок) до векторних форм.
- Як замаскувати текст.
- Як помістити один об'єкт в межі іншого.
- Як створити Clipping Mask (відсічні маски).
Урок складається з наступних розділів:
1. Навчальне відео.
2. Vector Mask (Векторна маска).
3. Приклад створення та редагування векторної маски.
4. Текст - маска.
5. Clipping Mask (Відсічна маска).
6. Питання.
7. Домашнє завдання.
Vector Mask (Векторна маска)
Векторна маска робить видимим область, яка знаходиться під маскою, все інше ховається. Векторна маска створюється будь-яким з векторних інструментів: Pan (Перо), Line (Лінія), Прямокутник, Еліпс, Довільна фігура і т. Д. У панелі параметрів відзначте режим Shape layers (Шар-фігура). Векторна маска автоматично з'явиться на новому шарі.
Коли в шарі вже є звичайна маска, кнопка для додавання маски внизу палітри Layers (Шари) все одно залишається доступною. Але ви не зможете додати в цей шар ще одну маску шару. Клацнувши вдруге по значку маски в палітрі Layers (Шари), ви додасте зовсім іншу маску - векторну. Підказка при наведенні мишки на цю кнопку зміниться: замість Add layer mask (Додати маску шару), буде написано: Add vector mask (Додати векторну маску). Можна додати векторну маску і через меню Layers (Шари) - Vector Mask (Векторна маска) - Revial all (Показати всі).
Якщо натиснути правою кнопкою миші по мініатюрі векторної маски в палітрі Layers (Шари), то в контекстному меню ви зможете вибрати Disable Vector Mask (Вимкнути векторну маску), Delete Vector Mask (Видалити векторну маску) і Rasterize Vector Mask (Растеризувати векторну маску). При раструванні векторної маски підправити контур ви вже не зможете.
Форму векторних фігур можна редагувати за допомогою клавіш ctrl, shift і інструменту Pen (Перо), а також інструментом Direct Selection (Стрілка).
У палітрі каналів ви не знайдете жодної маски. Загляньте в палітру Paths (Контури) - ви виявите її там під ім'ям Shape 1 Vector Mask (Векторна маска шар 1).
Векторна маска створює в шарі фігуру з чіткими кордонами. Її можна застосовувати для додавання елементів з чіткими контурами. До шару з векторною маскою можна застосовувати різні стилі. Ці стилі можна редагувати. З їх допомогою можна отримати декоративні елементи для сайту (кнопка, іконка, панель і т. Д.). Припустимо, ви зробили дизайн сайту або який-небудь web-елемент, але замовник просить збільшити його в 3 рази. Якщо цей елемент буде растровий, то при збільшенні ви отримаєте ступенчатость і шуми, а параметри накладення, такі як Bevel and Emboss (Тиснення) і Stroke (Обведення) спотворяться. Векторна маска дозволяє уникнути цих неприємних моментів.
Приклад створення і редагування векторної маски
Відкрийте файл вьюн.jpg. Візьміть інструмент Pan (Перо). У меню параметрів відзначте Paths (Створена контур). Якщо ви ще не вмієте працювати з цим інструментом, поверніться до уроків 5 і 6, де ми детально розбирали настройки і принцип роботи даного інструменту.
Після того, як контур буде замкнутий, ви зможете знайти векторну маску в палітрі Path (Контури). Перейменуйте її в Контур 1.
Поверніться в палітру Layers (Шари). Створіть копію шару з листочком.
Виберіть в меню Layers (Шари) - Vector Mask (Векторна маска) - Current Path (Активний контур). На шарі з'явиться мініатюра векторної маски з виділеним контуром.
Активуйте Контур 1 в палітрі Paths (Контури). Створіть три заливальних шару з векторною маскою. Для цього клацніть по значку створити новий шар, що коректує. Виберіть по черзі: Solid Color (Колір); Gradient (Градієнт); Pattern (Візерунок).
У вас з'явиться три нових шари.
Створити ці три шари можна через меню Layers (Шари) - New fill Layer (Новий шар заливка) - Solid Color (Колір); Gradient (Градієнт); Pattern (Візерунок).
У відеоуроці ви можете подивитися, як міняти кольори, градієнти та візерунки в створених шарах. Клацаючи мишкою по мініатюрах Кольори, Градієнта і Візерунка (не по векторної масці !!!) в палітрі Layers (Шари), ви зможете підібрати необхідний ефект на будь-який смак.
Одна з переваг векторних масок перед растровими - це можливість змінювати і масштабувати контур без небажаних наслідків для зображення. Перейдіть на палітру Path (Контури). Активуйте Контур 1, просто натиснувши на нього мишкою. перейдіть
в палітру Layers (Шари). Зробіть активної векторну маску, щоб вона була обведена рамочкою. Візьміть інструмент Direct Selection (Стрілка) і доторкніться їм до контуру. З'являться опорні точки, які можна переміщати на нові позиції. Шар заливка буде слухняно заповнювати новий простір контуру.
Текст - маска
До векторних форм відноситься і текст. Його можна маскувати, і їм можна замаскувати що завгодно. Тексту можна додати ефект роздробленості.
Відкрийте будь-яку фотографію. Перейдіть в палітру Channel (Канали). Створіть новий канал. Виберіть інструмент Type (Текст). Колір переднього плану задайте білий. Надрукуйте який-небудь текст, і він тут же перейде в виділення. Клацніть правою кнопкою миші по тексту і
в контекстному меню виберіть Make Work Path (Утворити робочий контур). Тепер перейдіть в палітру Paths (Контури). Перейменуйте Робочий контур в Контур 1. Відредагуйте контур за допомогою інструменту Direct Selection (Стрілка). Завантажте виділення, клацнувши по пунктирною кухоль внизу палітри Paths (Контури). Перейдіть в палітру Layers (Шари). Створіть новий шар. Перейдіть в палітру Channels (Канали) і клацніть по значку маски. З'явиться новий Альфа-канал. Виберіть кисть чорного кольору і намалюйте на буквах лінії.
Поверніться в палітру Layers (Шари) і клацніть по пунктирною кухоль, щоб завантажити виділення. Залийте виділення білим кольором. Застосуйте до шару стилі.
А якщо ще поекспериментувати з фільтрами, то можна отримати ще більш цікаві варіанти.
Clipping Mask (Відсічна маска).
Створюється при необхідності помістити один об'єкт або фон в межі іншого. Створимо маску для верхнього шару на основі нижнього. Нехай фоновий шар буде білим. Додамо текст. Колір букв може бути будь-хто. Додамо шар з фотографією над текстовим шаром. Викликаємо з меню Layers (Шари) - Make Clipping Mask (Створити відсічні маски). Або той же пункт з контекстного меню правої кнопки миші, якщо виділений верхній шар.
А також, що набагато зручніше: натиснувши й утримуючи клавішу Alt, наведіть на лінію між двома шарами на палітрі Layers (Шари), при цьому курсор перетвориться
в значок , А мініатюра верхнього шару зрушиться вправо. Зображення зникне за межами тексту, т. К. Непрозорі області шару з текстом відкривають вміст верхніх шарів в межах відсічній маски. Зліва від мініатюри верхнього шару з'явиться стрілка, а нижній шар стане підкресленим - за цими ознаками завжди можна сказати, що в документі є відсічні маски. Ні в палітрі контури, ні в каналах ви не знайдете вивчених раніше шарів з альфа-каналами. Немає і мініатюри маски в палітрі шари. Але маска все ж таки присутня в зображенні, причому ми можемо переміщати фотографію, вибираючи потрібний фрагмент, або змінювати масштаб, але фото не вийде за рамки тексту.
Замість тексту можна використовувати шар з фігурами. Намалюйте фігуру, зазначивши Shapes (Фігури) в панелі параметрів інструмента Custom Shape (Довільна фігура).
При створенні відсічній маски можна використовувати кілька шарів, розташованих послідовно.
Для видалення відсічній маски (як і для створення) клацніть по лінії між двома шарами, утримуючи клавішу Alt.
Можна використовувати прозорі області растрового шару для створення відсічної маски. Для цього створіть виділення і розтушуйте його Shift + F6 або Select (Виділення) - Modify (Модифікація) -Feather (Растушевка). Потім обов'язково залийте виділення будь-яким кольором за допомогою інструменту Paint Bucket (Заливка). Решта дії аналогічні прикладу з текстом. І не забувайте, що ви вже знайомі з режимами накладання та непрозорістю, їх можна і потрібно застосовувати в міру необхідності і до базового шару і до шару з маскою. Спробуйте використовувати також стилі шару і фільтри.
Якщо ви займаєтеся Web-дизайном, то обтравочні маски виявляться дуже корисними для створення елементів фону і різної графіки.
питання:
- Яку маску можна створити в Photoshop?
- Маска шару.
- Векторна маска.
- Альфа - канал.
- Швидка маска.
-Обтравочная маска.
- Прихована маска.
- Скільки масок можна створити на одному шарі?
- 2 маски шару.
- 1 маску шару і 1 векторну маску.
- 2 векторні маски.
- 2 будь-які маски.
-2 маски шару і 1 векторну маску.
- Яке дію не можна застосувати до маски шару?
- Feather (Розтушовування).
- Gaussian Blur (Розумієте по Гауса).
- Тимчасово відключити.
- Вилучити.
- Яке твердження не вірне?
- Білим кольором в Альфа-каналі позначаються виділені ділянки.
- При завданні відсічній маски можна використовувати кілька шарів.
- Швидка маска малюється чорним кольором, а стирається білим кольором або гумкою.
- Вибираючи Альфа-канал, відключаються всі колірні канали, і включається чорно-біле зображення.
- Векторна маска створює в шарі фігуру з розмитими межами.
Домашнє завдання:
Завантажити файли домашнього завдання можнго тут: Ви повинні Увійти або зареєструватися щоб побачити прихований текст.
1. Відкрийте файл 25_vjun.jpg або використовуйте будь-яку свою фотографію. Створіть векторну маску. Створіть три заливальних шару Колір, Градієнт і Візерунок. Змініть форму векторної маски. Збережіть у форматі PSD.
2. Створіть Clipping Mask (Відсічні маски) для тексту, шару з фігурою і розтушованого виділення.
Відгуки і зауваження учнів з групи тестування підручника. Відповіді на поставлені запитання додані в урок:
Настя: - Я начебто розібралася з уроком ... Відсічна маска далася легко, навіть без відео уроку ..., а ось векторна маска трохи викликала сумніви ... За теорією все ясно і зрозуміло !!! І чому я раніше не працювала з масками, особливо з Відсічна? Такі гарні еффети і головне, все швидко досягається!
Жанна: - Загальна побажання у мене по всіх уроків ... Шкода, що ти не кладеш все картинки, які є в уроці. Наприклад там, де машину на красиву дорогу ставиш. і т.д.
B.Olga.B: - Роблячи домашнє завдання, особливих труднощів не було. Тільки коли робила маску для розтушованого виділення, заливаючи овал, підвели настройки непрозорості, вийшла прозора заливка, довелося переробляти.
Бабенко Юлія: - Дякую, урок корисний, про струмом взагалі не знала. Складнощі були, але переглянувши пару раз урок пройшли. Просто потрібно бути уважною!)) Одне зауваження: коли ми працюємо з текстом і необхідно утворити виділений контур, необхідно щоб був виділений інструмент виділення (прямокутне, овальне) інакше не виходить, може це тільки в мене (
Нечипоренко Інна: - Так до цього моменту з масками не працювала. Було цікаво і пізнавально. Складного не було, я б тільки додала, що при роботі з маскою і фігурою основний фон не повинен бути закріплений інакше виходить тільки перенести копію маски, тому замочок потрібно прибирати і тоді буде спрацьовувати шар фігури. Уроки обов'язково стануть в нагоді. СПАСИБОЧКИ ОГРОМНЕЕШЕЕ за такий трудіще, який ти робиш для ВСІХ !!!!!!
Зябрева Наталя: - Світлана, здрастуйте! Прошу вибачення за настільки довге мовчання, я, напевно, самий відсталий учень! Просто у мене «крякнув» ФШ, пропали всі стандартні функції (плагіни), частина інструментів, все кисті ....... За уроку. Текстовий файл. стр. 2 «створимо три обтравочних шару з векторною маскою. Для цього клацніть по значку ... »Думаю тут треба підписати, як в відео уроці, що треба активувати контур1 на вкладці« контури », а потім створювати заливний шар. Відео урок. Все зрозуміло, за винятком остаточної обробки тексту «на ставку» .Так багато і швидко все сказала, що я нічого не зрозуміла))) Ну в принципі, ми всі це вже проходили, так що треба просто поексперементувати.
Жёлтікова Ольга: - Здрастуйте, Світлана! Затрималася з відповіддю, бо так і не змогла доробити завдання. 1. Чомусь у мене замість переміщення опорних точок переміщується контур? ,,,,, 2. Маска з фігурою не вийшла, нічого не видно, а з написом все було нормально ... Так хотілося навчитися працювати з масками, а ось що виходить. Підкажіть, що не так, де я помилилася ... Дуже чекаю відповіді, хочеться все-таки розібратися і доробити завдання.
Автор: Оля, ви швидше за все відзначили в панелі параметрів інструменти не значок фігури а значок контуру. Має вийти! Перевірте, інструмент біла стрілка, два рази натискаємо на контур (перший раз виділяємо, другий для редагування). А навіщо так багато опорних точок? Ви напевно не обводили пером, а просто перевели виділення в контур. І у шару з колірною заливкою не потрібно додавати стиль градієнт і візерунок, вони просто витісняють обраний вами колір. Перевірила д / з, там у всіх верств опорні точки тягнуться, тільки їх занадто багато. Бажаю удачі. Пишіть, якщо знову не вийде.
Титова Ольга: - Привіт, Світлано! Маски дуже цікаві, з другою частиною у мене проблем не виникло, я цим користувалася. А ось з першою частиною у мене заморочки, ні як ладу не дала, при додавання обведення у мене не заповнювався градієнтом, ось як я його поставила, а більше він не збільшувався при розширенні малюнка. Сподіваюся я є свій косяк виклала))))))). Спасибі тобі за урок !!!!
Олена Михайлова: - Здрастуйте Світлана! Прошу вибачити за затримку, але несподівано підвів комп'ютер, довелося лагодити. Відправляю вам домашнє завдання уроку. Я перемудрувала при збереженні файлів, і друге завдання у мене збереглося в форматі JPG. Відсічна маска до тексту застосована до слова «ЗИМА». Як завжди, коментарі: ....... (Автор: - Спасибі! Все виправила!).
Скільки масок можна створити на одному шарі?Яке дію не можна застосувати до маски шару?
Яке твердження не вірне?
І чому я раніше не працювала з масками, особливо з Відсічна?
1. Чомусь у мене замість переміщення опорних точок переміщується контур?
А навіщо так багато опорних точок?