Як в photoshop створити обтравочную маску, photoshop

У цій статті по обтравочним маскам я розповім, як створювати призначені для користувача макети фото і шрифти. Це може виявитися корисним при створенні блогу і дизайну, які виглядають професійно. Якщо у вас немає Photoshop. ви можете завантажити безкоштовну 30-денну ознайомлювальну версію:

Так як я буду розповідати про два способи використання відсічній маски (макети фото і шрифти), то це керівництво буде розділене на дві частини.

Використання відсічній маски для шрифтів

Крок 1: Створіть в Photoshop новий документ. Якщо документ буде використовуватися в інтернеті, я рекомендую встановити дозвіл 72. Далі введіть слова:

Крок 2: Створіть поверх текстового шару новий шар. Це можна зробити або перейшовши в Шари> Новий> Шар (у верхньому меню), або натиснувши на іконку в правому нижньому куті палітри шарів. Ваш новий шар буде порожнім (білим). Я вирішила створити кілька барвистих начерків за допомогою інструмента «Пензель»:

Крок 3: Переконайтеся, що в палітрі обраний новий шар (як у мене, наприклад). Потім перейдіть в Шари> Створити обтравочную маску в Фотошопі. Або наведіть курсор миші між вашими двома шарами (в палітрі), утримуючи при цьому клавішу Alt. Ви побачите, що в цьому місці з'явилася невелика стрілка, і при натисненні лівої кнопки миші буде створена відсічні маски:

Крок 4: Подивіться, яка крута річ у нас вийшла:

Замість того щоб створювати новий шар в два кроки, можна перетягнути фотографію або іншу графіку поверх тексту. У наведеному нижче прикладі я перетягнула в документ блискуче золоте зображення. Потім, коли ви створите обтравочную маску в Фотошопі, напис придбає ефект зображення, яке ви використовуєте, щоб зробити напис виглядає золотий!

Використання відсічній маски для призначених для користувача макетів фото

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

Крок 1: Перед тим, як створити обтравочную маску, допомогою інструменту «Прямокутник» (зліва в палітрі інструментів) створіть квадрат. Не має значення, якого кольору він буде:

Крок 2: Створіть ще три квадрата. Для цього клікніть правою кнопкою миші по шару першого квадрата, а потім натисніть кнопку «Створити дублікат шару». Таким чином, ви створите точну копію квадрата, яку можна помістити поруч з першим. Після цього можна виділити перші два квадрата (праворуч в палітрі шарів), знову натиснути кнопку «Створити дублікат шару» і перетягнути ці дві нові копії вниз. Тепер у нас є чотири квадрати однакових розмірів, вирівняні по горизонталі і вертикалі:

Крок 3: Перетягніть в документ фотографію або зображення. Ця фотографія прийме форму квадрата, так як вона знаходиться в палітрі шарів ВИЩЕ квадрата. Наведений нижче малюнок показує, що в палітрі шарів моє зображення знаходиться вище верхнього лівого квадрата, а він знаходиться вище фонового шару документа.

Знову перейдіть в Шари> Створити обтравочную маску. При створенні відсічній маски вам потрібно вибрати верхній шар (тобто фотографію, яку ви хочете обрізати). Як згадувалося вище, прискорено це робиться за допомогою наведення курсору миші між двома шарами (в палітрі шарів), утримуючи клавішу Alt. Зображення буде підрізати під розміри квадрата. Хочете перемістити зображення? Просто перетягніть шар фото в потрібну позицію:

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

Переклад статті «How to Create a Clipping Mask in Photoshop (And Why It's Great For Bloggers!)» Був підготовлений дружною командою проекту Сайтобудування від А до Я.