Зміст
Інструмент "Обрізання" у Photoshop - це простий елемент панелі інструментів, який дозволяє видаляти небажані частини зображення. Але ви можете виявити, що він має набагато більше можливостей, ніж здається на перший погляд.
Adobe Photoshop - це неймовірно потужний і універсальний інструмент, яким дизайнери та фотографи користуються вже десятки років. Одним із найголовніших його процесів є обрізання, яке видаляє частину фотографії або дизайну.
Інструмент "Обрізання" не є руйнівним, тобто ви можете вибрати обрізані частини, які ви хочете зберегти. Потім ви можете оптимізувати ці обрізані краї на більш пізньому етапі
Дивіться також: Як створювати власні GIF-файли
Джерело зображення: Unsplash
Хоча інструмент "Обрізання" неймовірно ефективний у виконанні своєї основної функції, ви також можете використовувати його для вирівнювання зображень під час самого процесу обрізання.
У цьому посібнику ви дізнаєтеся про основи кадрування та його роботу в Adobe Photoshop. Ми також дізнаємося, як вирівняти зображення за допомогою інструмента "Кадрування" та як обрізати зображення неруйнівними методами.
Окрім інструмента "Обрізання", інструмент "Ласо" - це ще один фантастичний спосіб видалення фігур із зображення. Наприкінці цієї статті ми опублікуємо урок, який пояснить, як ефективно використовувати інструмент "Ласо".
Основи роботи з інструментом для обрізки
Інструмент "Обрізання" - це неймовірно динамічний інструмент, який заслуговує на кілька уроків. Навіть якщо ви вже давно користуєтеся цією функцією Photoshop, з цього посібника ви дізнаєтеся пару трюків!
Почнемо з самих основ оригінальних функцій обрізання у Photoshop.
Вибір інструмента "Обрізання
Ми починаємо цей процес, відкривши оригінальну фотографію і вибравши інструмент "Кадрування" на панелі інструментів. Ви знайдете його вгорі панелі інструментів. Ви також можете натиснути клавішу C, щоб вибрати інструмент "Кадрування".
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Використання інструмента "Обрізання
Вибравши інструмент "Обрізання", ви помітите, що Photoshop створить рамку навколо вихідного зображення. Розмір цієї рамки визначатиметься застосуванням інструмента "Обрізання" до попереднього зображення.
Перш ніж продовжити, нам слід повернути інструмент "Кадрування" до початкових налаштувань. Для цього перейдіть до панелі параметрів у верхньому лівому куті екрана. Клацніть правою кнопкою миші або клацніть Ctrl + на піктограмі "Кадрування", а потім виберіть "Скинути інструмент".
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Це відновить наше співвідношення сторін до стандартного значення, а поля Ширина і Висота будуть порожніми. Завершіть натисканням клавіші Esc. Якщо ви все ще не бачите межі, виберіть інший інструмент на панелі інструментів, а потім поверніться до інструмента Обрізання.
Тепер рамка обрізання має правильно оточити зображення. Ви помітите, що по краях і чотирьох кутах зображення з'явилися ручки обрізання.
Зверніть увагу, що цей скріншот є прикладом, взятим з PhotoshopEssentials
Ви можете клацнути і перетягнути ці маркери кадрування, щоб змінити розмір зображення до потрібної точки.
Зверніть увагу, що цей скріншот є прикладом, взятим з PhotoshopEssentials
Виділена область всередині кадрування буде збережена, тоді як Photoshop обріже затемнену область. Ви можете клацнути і перетягнути зображення всередині кадрування, щоб найкращим чином розташувати кінцеве зображення. Зверніть увагу на сітку правила третин всередині кадрування, яка допоможе вам отримати найкраще скомпоноване зображення.
Ще простіший спосіб обрізати зображення - просто вибрати інструмент "Кадрування", а потім клацнути і перетягнути рамку кадрування до потрібного розміру. Ви також можете змінити розмір рамки кадрування за допомогою маркерів.
Перезавантаження врожаю
Якщо ви незадоволені результатом, ви можете скинути цей процес, а не скасувати його взагалі. Перейдіть до кнопки "Скинути", яку можна знайти у верхній частині панелі параметрів. Після цього ми можемо скинути Crop Box без втрати значного прогресу.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Контролюйте співвідношення сторін
Ви можете створити власне співвідношення сторін під час вільного використання інструмента "Кадрування". Якщо ви хочете зберегти початкове співвідношення сторін зображення, просто утримуйте клавішу Shift і клацніть та перетягніть один із кутових маркерів інструмента "Кадрування".
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Якщо ви хочете змінити розмір Crop Box від центру, утримуйте клавішу Option або Alt під час перетягування маркерів.
Специфічні аспектні співвідношення
Photoshop дозволяє працювати не лише з попередньо встановленими співвідношеннями сторін. Якщо ви хочете, щоб ваше зображення вписувалося, наприклад, у фоторамку, ви можете встановити певне співвідношення сторін за допомогою панелі параметрів.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Клацніть на випадаюче меню "Співвідношення сторін" і виберіть потрібне вам співвідношення сторін для вашого кадру, наприклад, 1 : 1 (квадрат) або 4 : 5 (8 : 10). У цьому уроці ми виберемо співвідношення 4 : 5 (8 : 10).
Вибране вами співвідношення сторін буде автоматично введено до полів Ширина і Висота.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Ви можете поміняти місцями значення ширини і висоти за допомогою піктограми "Поміняти місцями" на панелі параметрів. За допомогою піктограми "Поміняти місцями" можна перемикатися між книжковим і альбомним режимами.
Якщо ви хочете встановити власне співвідношення сторін відповідно до фоторамки, просто введіть відповідні значення у поля "Ширина" і "Висота" на панелі параметрів.
Ви можете зберегти це користувацьке співвідношення сторін, повернувшись до спадного меню "Співвідношення сторін" на панелі параметрів і вибравши "Нове попереднє налаштування обрізання". На завершення дайте назву своєму користувацькому співвідношенню сторін і натисніть кнопку "ОК".
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Нестандартні розміри та роздільна здатність
Інструмент "Кадрування" також можна використовувати для встановлення певного розміру та роздільної здатності зображення. Для цього відкрийте спадне меню "Співвідношення сторін" на панелі параметрів, а потім виберіть "Ш x В x Роздільна здатність".
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Введіть значення співвідношення сторін, як зазвичай, у полях "Ширина" та "Висота", додавши "in" після кожного числа. Наприклад, 14 in x 11 in.
Ви помітите, що праворуч від полів Ширина і Висота є третє поле. Це одна з більш специфічних опцій обрізання, яка дозволяє нам додати значення роздільної здатності.
З точки зору стандартів якості зображення для друку, стандартом є 300 пікселів на дюйм. Отже, вводимо 300 у це поле. Нарешті, ми побачимо режим вимірювання для цього зображення у пікселях на дюйм у полі праворуч від поля Значення роздільної здатності.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Тепер, коли ми вдосконалили наші налаштування, давайте змінимо орієнтацію кадрування. Якщо ви задоволені межами кадрування, клацніть прапорець в кінці панелі параметрів. Ви також можете скористатися командою кадрування Enter або Return.
Щоб переконатися, що ми маємо правильний формат файлу, ми можемо перейти до меню "Зображення", вибрати "Розмір зображення" і відкрити діалогове вікно. Там ви маєте підтвердити, що ваше кадрування вже встановлено, а ширина і висота встановлені на 14 x 11 дюймів і 300 пікселів на дюйм.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Якщо ви хочете скасувати обрізання, просто перейдіть до меню "Правка" і виберіть "Скасувати обрізання".
Накладання врожаю
Тепер давайте дізнаємося, як використовувати накладання обтинання, яке є ще одним зручним елементом опцій інструмента "Кадрування". Виберіть інструмент "Кадрування" і виділіть ним наше зображення. Ви побачите, що сітка 3 x 3 заповнює межу.
Як згадувалося раніше, ця сітка відображає правило третини, яке є важливим орієнтиром для графічних дизайнерів, оскільки дозволяє їм створювати цікавіші композиції. Якщо вирівняти об'єкт зображення або фотографії з лініями сітки, що перетинаються, ваш об'єкт буде краще виділятися.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Це лише одне з доступних нам накладань обрізки. Перейдемо до панелі параметрів і виберемо піктограму "Накладання", щоб побачити різні доступні накладання. Виберемо "Золотий перетин", який схожий на "Правило третини", тільки точки перетину сітки в ньому щільніші.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Хоч Photoshop і корисний для обрізання фотографій, ви можете виявити, що цей процес забирає багато часу при обрізанні простих фігур і зображень. Графічні дизайнери можуть заощадити багато часу в своїх повсякденних завданнях, використовуючи такий інструмент, як Vectornator, для виконання простих завдань графічного дизайну.
Як вирівняти зображення за допомогою інструмента "Кадрування
У Photoshop є безліч додаткових опцій обрізання, наприклад, випрямлення зображень. Наприклад, припустимо, ви зробили гарну фотографію океану, але при ближчому розгляді виявили, що горизонт викривлений.
На щастя, ми можемо виправити це перекошене зображення за допомогою інструмента "Кадрування".
Виберіть інструмент "Обрізання" та інструмент "Випрямлення
Давайте почнемо процес випрямлення, вибравши інструмент "Обрізання" на панелі інструментів, а потім інструмент "Випрямлення" на панелі параметрів.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Підводячи риску
Вибравши інструмент "Випрямлення", клацніть один кінець горизонту, а потім клацніть лівою кнопкою миші або клацніть і перетягніть до іншого кінця горизонту.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Щойно ви відпустите ліву кнопку миші або клацання, зображення миттєво вирівняється.
Обрізання кордонів
Щойно зображення буде вирівняно, знову з'явиться рамка кадрування. Ви помітите, що краї зображення тепер не синхронізовані з основною областю всередині рамки кадрування і що за нею залишилися порожні області.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Щоб обрізати область усередині межі кадрування, змініть її розмір за допомогою маркерів, а потім просто натисніть клавішу Enter або Return.
Як неруйнівно обрізати зображення
Наш наступний урок проведе вас через процес неруйнівного обрізання зображень. Будь ласка, виберіть зображення або фотографію, яку ви хотіли б використати для цього процесу (бажано з центральною фігурою), і тоді ми можемо почати!
Якщо ви хочете дізнатися, що говорять про редагування зображень інші авторитетні фахівці з графічного дизайну, Vectornator пропонує прості та зрозумілі навчальні посібники з цілої низки процесів редагування зображень, зосереджених на векторизації.
Правильне співвідношення сторін
Завантаживши зображення, виберіть інструмент "Обрізання" на панелі інструментів, а потім розкривне меню "Співвідношення" на панелі параметрів і виберіть співвідношення 4 : 5 (8 : 10).
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Завершіть цей крок клацанням лівою кнопкою миші або перетягуванням маркерів межі кадрування, доки не отримаєте бажаний тип зображення. Натисніть клавішу Enter або Return, і ми отримаємо акуратне кадрування портрета.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Як змінити орієнтацію
Якщо ви бажаєте, щоб ваше зображення мало альбомну орієнтацію, ви можете повернутися до панелі параметрів і натиснути на піктограму "Змінити орієнтацію".
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Тепер рамка кадрування повернеться до зображення у альбомній орієнтації. На цьому етапі рамка кадрування, ймовірно, буде збільшена досить сильно, тому, можливо, варто клацнути лівою кнопкою миші або клацнути і перетягнути рамку кадрування назовні.
Керування фоном
Коли ви відпустите ліву кнопку миші, ви помітите, що навколо зображення з'явилося біле тло. Ця порожня область з'явилася через те, що Photoshop видалив пікселі після нашого початкового обрізання.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Фотошоп використав білий колір через стандартне налаштування заливки фону. Фотошоп видаляє ці пікселі за допомогою параметра "Видалити обрізані пікселі", який можна знайти на панелі параметрів, і який за замовчуванням увімкнено.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Вибір правильних налаштувань
Тепер ми повернемо наше зображення до початкового вигляду. Для початку скасуйте обрізання, повернувшись до панелі параметрів і натиснувши кнопку "Скасувати". Потім перейдіть до меню "Файл" і виберіть пункт "Повернути".
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Давайте поміняємо співвідношення сторін у меню Параметри, повернувши його на книжкове. Ви також можете клацнути і перетягнути ручки межі кадрування, щоб отримати більш задовільне кадрування. Однак, не натискайте Enter або Return поки що!
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Перш ніж обрізати зображення, переконайтеся, що ми вимкнули опцію Видалення обрізаних пікселів. Завершіть цей крок, натиснувши клавішу Enter або Return.
Обрізка без руйнування
Тепер ви можете натиснути Enter або Return, щоб підтвердити виділення. На цьому етапі здається, що нічого не змінилося, але зачекайте, поки ми змінимо розмір виділеного фрагмента.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Повернімо співвідношення сторін у альбомний режим за допомогою меню Параметри. Після цього замість білого тла, що з'являється за межами межі кадрування, ви побачите решту зображення.
Ми зберегли обрізані пікселі, вимкнувши функцію "Видалити обрізані пікселі", тобто Photoshop приховав решту зображення, а не видалив його.
Потім ми можемо змінити розмір межі кадрування на свій розсуд і натиснути клавішу Enter або Return.
Переміщення зображення
Вимкнення функції "Видалення обрізаних пікселів" має й інші переваги.
Оскільки фотошоп залишив решту зображення за межами обрізаної частини, ми можемо переставити його для кращої композиції.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=6IPsFtYQ6UI&ab_channel=PhotoshopEssentials
Повернімося до панелі інструментів і виберіть інструмент "Переміщення". Тепер ми можемо клацнути лівою кнопкою миші або клацнути і перетягнути зображення, доки не отримаємо кінцевий продукт, який нас влаштовує.
Тепер, коли ми знаємо, як користуватися інструментом "Обрізання", давайте розглянемо його більш тонкі функції.
Підказки та хитрощі щодо обрізання
Ми знаємо, що користуватися інструментом "Обрізання" для його найпростіших функцій дуже просто. Більшість людей просто обрізають ту частину зображення, яку хочуть зберегти, а решту викидають.
Інструмент "Кадрування" необхідний для створення чудової композиції, якщо використовувати його на повну потужність. Тепер давайте дізнаємося, як користуватися інструментом "Кадрування", як справжній майстер фотошопу, за допомогою цих порад.
Удосконалення співвідношення сторін
Тепер, коли ви знаєте, як працює елемент "Співвідношення сторін" з обрізанням, давайте з'ясуємо, як створити ідеальну композицію. Спочатку завантажимо зображення з помітною фігурою на ньому.
Правило трьох, переглянуте ще раз
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner
Ми починаємо цей процес, перейшовши до панелі параметрів і вибравши піктограму "Накладення", вибравши Правило третини.
Змінити положення накладання посіву
Після застосування цього накладення ми можемо утримувати клавішу Alt або Option і клавішу Shift, щоб зберегти початкове співвідношення сторін, перемістивши накладення "Обрізання" на обличчя фігури.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner
Застосуйте культуру
Вам потрібно вирівняти два верхні перетини сітки з очима фігури. Щойно ви натиснете Enter і застосуєте обрізання, ви помітите, наскільки вражаючим стало обличчя (і очі) фігури. Цей метод обрізання чудово підходить для того, щоб привернути увагу до найпривабливіших рис фігури, які, як правило, знаходяться на обличчі.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner
Уникайте обрізання цих ділянок
Обличчя - це фантастична частина фігури, яку можна обрізати, але як щодо решти тіла? Коли справа доходить до обрізання всієї фігури, є деякі зони, які краще не вирізати.
Один із принципів дизайну полягає в тому, що ви не повинні обрізати суглоби фігури. Щиколотки, коліна, стегна та лікті повинні бути залишені в обрізах, а не вирізані.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner
Пограйтеся з накладанням посівів
Щоб краще продемонструвати цей принцип, давайте перемістимо накладання обрізки навколо зображення з помітною фігурою. Утримуючи клавіші Alt або Options + Shift, перетягніть накладання обрізки навколо фігури.
Обрізання у виділеній точці
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner
Спробуйте накласти накладення Crop Overlay на одну з виділених ліній на малюнку, а потім натисніть Enter.
Ймовірно, ви відчуєте деякий дискомфорт від такого обрізання. Як правило, обрізання фігури на будь-якому з виділених рівнів призводить до незручного кінцевого зображення.
Визначення фокусу
Цей пункт не потребує особливого пояснення, але є два моменти, про які слід пам'ятати при обрізанні фігури, залежно від того, що ви хотіли б виділити.
Якщо ви залишаєте тіло людини в остаточному зображенні, його фізичні характеристики будуть підкреслені, наприклад, постава, одяг і мова тіла.
З іншого боку, кадрування близько до обличчя фігури підкреслює її індивідуальність і вираз обличчя.
Пам'ятайте про ці принципи, коли вирішуєте, на чому б ви хотіли зосередити увагу глядача в рекламі або публікації в соціальних мережах.
Більше про накладання
Давайте обговоримо різні накладання Photoshop трохи докладніше, оскільки вони обидва необхідні для обрізання зображення в найбільш естетично привабливий спосіб.
Чому б нам не завантажити картинку з пейзажем і маленькою, але цікавою фігуркою, що плаває десь посередині, щоб краще зрозуміти ці принципи?
Золота спіраль
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner
Давайте почнемо це глибоке занурення в накладання, вибравши інструмент "Обрізання" на панелі інструментів. Перейдіть до пункту "Накладання" на панелі параметрів. Хоча "Правило третини" є стандартним налаштуванням цього відділу, ми пограємось з новим параметром.
Якщо натиснути клавішу O, ми зможемо перемикатися між накладаннями. Давайте перебирати різні накладання, поки не дійдемо до накладання "Золота спіраль".
Додавання напруги
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner
Накладення "Золота спіраль" має бути у позиції, зображеній вище, але якщо це не так, ви можете натиснути Shift + O, щоб перемістити його так, щоб спіраль закінчувалася в лівому нижньому кутку екрана. Тепер перетягнемо накладання "Обрізка" так, щоб спіраль закінчувалася там, де розміщена ваша фігура.
Натисніть Enter, щоб підтвердити обрізання, а потім подивіться на своє нове зображення!
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=-jXeNGHm5yA&ab_channel=YesI%27maDesigner
Він повинен виглядати набагато краще, ніж оригінал, з набагато краще підкресленою фігурою. Золота спіраль додає напруженості вашому зображенню, гарантуючи, що фігура буде в центрі уваги, не відволікаючи увагу від краси пейзажу.
Дивіться також: Якими були перші анімаційні фільми?Коли ви використовуєте Золоту спіраль, спробуйте обрізати зображення так, щоб фігура була спрямована всередину зображення, а не назовні. Таке позиціонування приверне більше уваги до загальної сцени і сфокусує напругу в пейзажі.
Якщо ви хочете дізнатися більше про Правило Третини, співробітники Vectornator чудово розуміють, коли і як правильно використовувати Правило Третини.
Як вирізати зображення з фону
Вирізання зображень з фону - це простий процес, але він вимагає трохи часу і розуміння інструменту "Ласо" у Photoshop. Давайте відразу почнемо з пошуку відповідного зображення для цього уроку, бажано з людиною на передньому плані.
Налаштування зображення
Після того, як ви отримали ідеальне зображення або фото, ми можемо розпочати цей підручник, завантаживши його у вашу робочу область.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Після того, як вихідне зображення буде на місці, перейдіть до розділу "Шар" у правому нижньому куті дисплея і розблокуйте його, щоб перетворити на шар. Це можна зробити, клацнувши лівою кнопкою миші на маленьку піктограму замка.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Давайте збільшимо масштаб малюнка. Якщо ви бажаєте скористатися інструментом, виберіть інструмент "Масштаб", який можна знайти в лівій частині екрана внизу панелі інструментів.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Правильний інструмент для роботи: інструмент "Ласо
У цьому уроці ми будемо використовувати інструмент "Магнітне ласо". Його можна вибрати на панелі інструментів або просто натиснувши клавішу L.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Інструмент "Магнітне ласо" працює так само, як інструмент "Перо", за допомогою якого можна провести точну лінію навколо об'єкта. Перевага інструмента "Магнітне ласо" полягає в тому, що Photoshop автоматично визначає контур об'єкта, коли ви малюєте навколо нього.
Ваше завдання - провести магнітним ласо навколо об'єкта, який ви хочете вирізати.
Направляння інструменту магнітного ласо
Починаємо зашморгувати! Найдоступніше місце для початку роботи з інструментом "Магнітне ласо" зазвичай знаходиться внизу фігури. Отже, якщо ви хочете зашморгнути людину, почніть з її ніг.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Ми клацнемо в точці біля п'яти фігури, а потім проведемо мишею вздовж стопи, до щиколотки і по решті контуру фігури.
Хоча інструмент "Магнітне ласо" зробить більшу частину роботи за вас, ви можете клацнути в певних точках контуру для максимальної точності.
Можливо, ви почнете цей процес повільно, коли звикнете до нього, але незабаром ви наберете швидкість, оскільки інструмент "Магнітне ласо" є відносно точним.
Інструмент "Магнітне ласо" може мати проблеми з гострими кутами, тому ви можете допомогти йому, клацнувши лівою кнопкою миші або клацнувши мишею по цих точних краях.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Ви можете виявити, що інструмент Магнітне ласо не вловлює певні кольори. Не хвилюйтеся, якщо контур вийшов неідеальним, ми виправимо це пізніше.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Обведіть повний контур уздовж фігури, а потім завершіть роботу, закінчивши її там, де ви почали, за допомогою інструмента "Магнітне ласо". Завершіть роботу, клацнувши лівою кнопкою миші або клацнувши на першій зробленій вами точці.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Після того, як ви закінчите обведення контуру, з'явиться тонка чорно-біла лінія. Тепер ми можемо виправити ділянки, які інструмент "Магнітне ласо" захопив неправильно.
Удосконалення контуру
Щоб згладити перегини нашого контуру, ми скористаємося інструментом "Полігональне ласо". Ви можете вибрати його на панелі інструментів або натиснути клавішу L, а потім клацнути лівою кнопкою миші чи клацнути на ньому.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Ми також виберемо "Додати до виділення" на панелі параметрів. Це дозволить нам додати наші нові зміни до початкового контуру.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Тепер до інструмента "Багатокутне ласо" додано символ "+". Якщо утримувати клавішу Alt або Option, символ "+" перетвориться на символ "-". З цими налаштуваннями ми можемо почати обводити ділянки нашої фігури, які не були охоплені під час початкового процесу трасування.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Утримуючи клавішу Alt або Options, клацніть лівою кнопкою миші або клацніть, щоб зробити першу точку. Тепер ви можете відпустити клавішу Alt або Options і простежити пробіл, який потрібно видалити.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Як тільки ви з'єднаєте лінії, ви помітите, що форма набуває того ж чорно-білого, зміїстого контуру.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Ми також можемо скоригувати наш початковий контур у такий спосіб, клацнувши лівою кнопкою миші в тому місці, де інструмент "Магнітне ласо" почав виходити за межі фігури. Клацніть лівою кнопкою миші або клацніть навколо фактичного краю фігури, а потім завершіть додавання, утримуючи клавішу Ctrl.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Утримуючи клавішу Ctrl, ви помітите, що символ "+" під інструментом "Багатокутне ласо" перетворився на круглий. Не відпускайте клавішу Ctrl і завершіть роботу, клацнувши лівою кнопкою миші або клацнувши мишею.
Після того, як ви будете задоволені планом, ми можемо перейти до наступного кроку!
Додавання маски шару
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Тепер ми додамо маску шару. Опустимося у правий нижній кут дисплея і натиснемо на іконку Додати маску шару. Ваше тло зникне, але ви завжди зможете повернутися до нього, знявши виділення з маски.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Згладжування вирізаного зображення
Тепер, коли у нас є вирізана фігура, ми можемо зробити деякі штрихи, щоб довести її до повного робочого стану. Давайте почнемо цей процес, вибравши інструмент "Пензель" на панелі інструментів.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Також виберіть пункт "Перо" зі списку "Перо" на панелі параметрів інструмента "Пензель". Тепер ви можете розтушувати краї фігури пір'ям.
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Це може бути дещо трудомістким завданням, але воно того варте, коли у вас є реалістична на вигляд окрема фігура.
Позбавлення від фону
Якщо ви хочете повністю видалити тло, клацніть правою кнопкою миші або клавішами Ctrl+C на шарі і виберіть пункт "Перетворити на смарт-об'єкт" (Convert to Smart Object).
Зверніть увагу, що цей скріншот є прикладом, взятим з //www.youtube.com/watch?v=Hw0-SehGcgg&ab_channel=VerticDesigns
Тепер у вас залишилася акуратна, самостійна фігура, яку ви можете використовувати в будь-якому своєму проекті.
Цей підручник був довготривалим процесом, і ви повинні знати, що ви можете вирізати зображення набагато швидше (і дешевше) за допомогою таких програм, як Vectornator.
Як вирізати у Vectornator
Хоча інструмент обрізання Photoshop добре підходить для фотографій, графічні дизайнери можуть заощадити багато часу, використовуючи швидший інструмент вирізання Vectornator для своїх ілюстрацій. Vectornator також безкоштовний у використанні, на відміну від дорогої підписки на Photoshop.
Намалюйте прямокутник
Давайте почнемо цей урок з малювання прямокутника за допомогою інструмента "Прямокутник". Виберіть інструмент "Прямокутник" на панелі інструментів, а потім натисніть або клацніть і перетягніть прямокутник на полотно.
Виділимо наш прямокутник за допомогою інструмента "Виділення" і перейдемо на вкладку "Стиль". Там ми можемо натиснути або клацнути перемикач "Заливка і обведення", щоб зафарбувати наш прямокутник.
Про опорні точки
Тепер, коли у нас є прямокутник, ми можемо додати до нього опорні точки, які слугуватимуть відправними точками для нашого завдання з розкрою.
По-перше, нам потрібно додати опорні точки. Ми можемо почати цей процес за допомогою інструмента Пряме виділення з панелі інструментів.
Тепер виберіть прямокутник інструментом "Пряме виділення". Ви помітите, що опорні точки з'явилися в чотирьох кутах вашого прямокутника.
Якщо ми хочемо розрізати наш прямокутник по центру, нам потрібно додати опорні точки до центру прямокутника. Існує два способи додати опорні точки, перший - клацнути або натиснути на лінію прямокутника.
Як бачите, цей процес не дуже точний, і вам може бути важко розмістити опорну точку в прямому центрі вашого прямокутника. Чому б нам не спробувати другий і більш точний спосіб додавання опорних точок замість цього?
Автоматичне додавання опорних точок
Щоб автоматично і точно додати опорні точки до прямокутника, перейдіть на вкладку "Контур" у верхньому правому куті екрана. Звідти ви можете натиснути або клацнути кнопку "Додати вузли".
Натискайте або клацайте кнопку Додати вузли, доки не з'явиться рівно по три нові опорні точки з кожного боку прямокутника.
Використання інструмента "Ножиці
Дизайн інтерфейсу програми
Успішно додавши опорні точки до нашого прямокутника, ми можемо скористатися інструментом "Ножиці". Виберіть його на панелі інструментів.
Повернімося до наших опорних точок, зокрема до тієї, що посередині верхнього рядка. Натисніть або клацніть на ній інструментом "Ножиці". Ви помітите, що ця опорна точка змінила колір з білого на червоний, щоб показати ваше виділення.
Виділивши верхню середню точку прив'язки інструментом "Ножиці", натискаємо або клацаємо на прямо протилежній точці прив'язки в нижній середині прямокутника.
Здійснюємо зріз
Бум! Ось він, симетрично вирізаний прямокутник, який тепер розділений на два. На завершення цього уроку ми пограємося з нашими двома прямокутниками за допомогою інструмента "Виділення", щоб переконатися, що ми вирізали наш початковий прямокутник правильно.
Висновок про обрізання
Це все про обрізання, принаймні на сьогодні. Молодці, що опрацювали всі наші підручники!
Як ви вже добре знаєте, обрізання - це неймовірно універсальна функція, яка має набагато більше значення, ніж просто вирізання зображень.
Також приємно бачити, що ви можете використовувати інші інструменти, такі як інструмент "Ласо", щоб вирізати щось із зображення. Інструменти Photoshop мають багато застосувань і можуть бути застосовані до будь-яких творчих завдань.
Хоча Photoshop є потужним інструментом, існує безліч інших дизайнерських програм, які дозволять вам розрізати і змінювати зображення, наприклад, Vectornator. Ми рекомендуємо вам також поекспериментувати з різними інструментами дизайну, оскільки ви можете виявити, що деякі з них набагато простіші, ніж інші.
Зрештою, для базового кадрування не потрібне дороге програмне забезпечення. Ми сподіваємося, що вам сподобався цей вичерпний посібник з кадрування і що ви покращили свої навички роботи в Photoshop. Насолоджуйтеся своїми новими навичками!
