*На обкладинці — робота Олександри Боси.
Фотошоп — твій друг, а не ворог, якщо навчитися правильно його використовувати. Спершу складно знайти у фотошопі чарівну паличку, ласо, потрібний шар і себе. Але все приходить із досвідом.
Такий досвід має Олександра Боса — графічна дизайнерка, що працює у Photoshop 6+ років. Вона має спільні проєкти з «ПриватБанком», Unicef, Zagoriy Foundation і Lviv Book Forum. Олександра розповіла нам, для чого використовують Adobe Photoshop, які задачі в ньому точно дадуть джуну та які do’s and don'ts у роботі з софтом.
Для чого потрібен Adobe Photoshop?
Це графічний редактор, який використовують для ретуші, редагування фото, створення складних композицій, растрових ілюстрацій, текстур і навіть 3D-елементів.
Растрові ілюстрації — це…?
Це ілюстрації, визначені пікселями, тоді як векторні визначені математичним вектором. Відмінність ще в тому, що растрові втрачають якість при збільшенні, а векторні можна збільшувати як завгодно.
Хто зазвичай використовує Photoshop у роботі?
Графічні дизайнери, ретушери, ілюстратори, концепт-артисти, моушн-дизайнери. Але взагалі це базова програма, яку можуть знати й акаунт-менеджери, і люди, недотичні до дизайну та фотографії. Це таке, що всім потрібно. Зменшити картинку, обрізати її, змінити колір, перезберегти в іншому форматі.
З якими форматами працює Photoshop?
З форматом psd — це вихідник, з яким можна працювати й видозмінювати. Він зберігає шари документа. Експортувати можна в багатьох форматах. Найпопулярніші — tiff, jpeg, png. Є також функція створення покадрової анімації та експортування її в gif.
Розкажи докладніше про задачі, які точно для Photoshop?
#1. Растрова графіка та редагування фото. Вони виходять більш об'ємні, живіші, там зручніше працювати з тінями, накладати ефекти. Якщо ти працюєш із текстурами в Illustrator, то він може глохнути від кількості залінкованих файлів. З Photoshop це зручніше.
#2. Колажі та мокапи. Хоча мокапи зараз роблять і у Figma, але найчастіше готові мокапи є у Photoshop.
#3. Домалювати частини картинки. Зараз з’явилася функція Generative Fill із застосуванням Artificial Intelligence. Дуже часто клієнт скидає картинку, а вона не підходить за розміром. Щось зрізається, домальовуєш за пару секунд. Або навпаки — замальовуєш непотрібні елементи.
Оформлення внутрішніх комунікацій «ПриватБанку». Авторка (тут і далі): Олександра Боса. Розроблено під час роботи в Postmen. Джерело: obosa
А для чого Photoshop не дуже?
Для створення UХ/UI, макетів сайтів, застосунків. Це повністю покриває Figma, вона набагато зручніша. Там можна створювати анімації для інтерфейсу, легко шерити з командою, вносити зміни та працювати з великою кількістю артбордів. У Photoshop вони теж доступні, але якщо їх забагато, він висне.
Для 3D та анімації він застарілий. 3D-артисти не використовують його для створення 3D-шейпів. Для суперпростої покадрової анімації або гіфки на 10–20 кадрів — це ок. Але не більше.
Також не дуже вдалий для багатосторінкових видань, це покриває InDesign. А для брендбуків я б використовувала Illustrator або Figma.
З чого краще почати вивчати Photoshop?
Пробувати щось у ньому зробити. Наприклад, ти бачиш постер. Спробуй повторити його. Можна завчити якийсь тул і потім не згадати. А так ти пробуєш, у тебе не виходить, ти дивишся і читаєш в інтернеті, як це зробити. Ти використовуєш, як правило, найбільш вживані інструменти й таким чином вчишся.
Що джуніор має вміти робити у Photoshop?
Джун має вміти створювати текстовий блок, налаштовувати кегль (розмір шрифту — прим. ред.), інтерліньяж (відстань між літерами — прим. ред.), користуватися пензликом, штампиком, чарівною паличкою. Розуміти, як працювати з масками. Базові налаштування — фото, колір, тон. Зробити об’єкт чорно-білим, інвертувати (змінити кольори або значення пікселів на протилежні — прим. ред.). Вміти трансформувати зображення.
Дуже корисно джунам, які приходять на роботу в агенцію, працювати зі смартоб'єктами. Це спеціальні шари, які дозволяють редагувати зображення без втрати його якості. Також користуватися мокапами (макетами, зображеннями реального предмета, на яке накладається елемент дизайну: логотип, обкладинка, скриншот — прим. ред.). Розумітися на гарячих клавішах.
Можливо, фільтри типу gaussian blur (розмиття зображень — прим. ред.). І layer styles — накладання кольору й тіні.
Проєкт від Unicef «Мапа смачних пригод». Розроблено під час роботи в Postmen
А що у фотошопі має вміти синьйор?
Складну ретуш типу Dodge and Burn, створювати фотореалістичні композиції, працювати зі світлом, готувати до друку. І створювати якісь екшени, наприклад, для типової обробки зображень. Коли тобі скидають 20 портретів, тобі треба їх обробити однаково.
Dodge and Burn — це така техніка ретуші, коли ти працюєш із рівнями. Якщо якісь недоліки шкіри, прищі або зморшки, можна це робити штампиком, але тоді ти втрачаєш багато текстури шкіри й воно виглядає неприродно. А так ти налаштовуєш на фото світло і затемнюєш те, що потрібно затемнити, і засвітлюєш те, що потрібно засвітлити.
Концепт дизайну обкладинки для платівки «Бумбокс»
Які поширені помилки роблять новачки у Photoshop?
Найпоширеніша — не звертати уваги на те, на якому шарі ти працюєш, або працювати взагалі на одному шарі. Якщо ти створюєш новий елемент, йому потрібен окремий шар, бо так ти зможеш видалити, переробити, перемалювати. А інакше тобі доведеться, скоріш за все, робити все по новій.
Друге — вставляти фотографії та змінювати пропорції фото, коли це не потрібно. Або занадто сильно збільшувати — і втрачати якість. Завжди треба пам'ятати про пропорції. Також корисно переводити шари у смартоб'єкти, щоб не втрачати якість.
Ще одна помилка — при створенні файлу вводити розмір та не дивитися на одиниці виміру. Ти думаєш, що це тисяча пікселів, а в тебе тисяча сантиметрів. І потім воно чомусь висне і не хоче зберігатись, бо не вистачає оперативки. Також треба звертати увагу на колірний режим та роздільну здатність зображення: CMYK — для друку, RGB — для діджиталу.
Вносити зміни не в той шар. Ти можеш перейти до того кроку, де в тебе все пішло не так. Але перед тим маєш подивитись у налаштуваннях, скільки кроків зберігається в історії.
Оформлення Lviv Book Forum ХХХ. Розроблено під час роботи в PlaiBuro
Чи потрібно зберігати кожен шар, з яким працюєш?
Я не зберігаю, бо воно є у вихіднику. Коли ти зберігаєш psd, варто не забувати зберігати файл, натискати Command-S після кожної зміни. Або також зайти в налаштування і поставити автосейв, воно буде кожні 5–10 хвилин зберігати автоматично. І це також допомагає, якщо комп або програма зависне — так віднайдеш резервний файл.
Айдентика коктейль-бару Asere. Розроблено під час роботи в PlaiBuro
Які do’s and don'ts роботи з софтом ти б виділила?
Do's — це однозначно робота з масками. Якщо це ретуш, то краще робити дублікат кожного зображення після зміни. Взагалі краще тримати оригінальне зображення, якщо це стосується фотокорекції.
Структурувати роботу в софті. Групувати елементи за сенсом, підписувати шари, розбивати на шари (де це можливо), підписувати файли зрозумілою назвою, щоби потім була зручна навігація.
Працювати з текстом у векторі, не переводити його в растр. По-перше, ти не внесеш у нього потім зміни, по-друге, погіршується якість. Використовувати напрямні. Це такі лінії, які можна рухати макетом. Вони допомагають вирівнювати елементи.
Ілюстрація Олександри для Rozetka
Які стереотипи існують навколо Photoshop?
Що він старомодний, не такий юзер-френдлі, що зараз уже всі користуються Figma. В якихось аспектах це правда. Але все одно Photoshop незамінний в ретуші. Для мене навіть в ілюстрації він у чомусь приємний, бо картинка виходить живіша. Тут можна зробити класний леттеринг (створення букв і написів вручну — прим. ред.).
Ще клієнти часто думають, що у Photoshop можна все, навіть зробити ремонт в офісі. Зараз із функцією Generative Fill це частково правда, але раніше це було можливо лише якщо засісти на декілька днів.
Ще люблять скидати фотографію 50 на 50 пікселів та хочуть отримати з неї full hd. Є ж якісь межі.
Концепт айдентики для бургерної Etnos
Здається, що Photoshop — це Canva для професіоналів. Чим він кращий?
Залежить від задач, які потрібно виконати. Просту композицію, простий пост, текст і фото комусь буде простіше зробити в Canva. Я не думаю, що потрібно для цього лізти у Photoshop. Photoshop надає більше свободи для експериментів і творчості.
У Canva супербазові налаштування зображення: колір, насиченість, як стандартні на айфоні. У Photoshop це можна робити з масками та фільтрами — мені набагато зручніше. Готувати файли для друку — в Canva ти цього не зробиш.
У Canva зручніше експортувати файл з гіфкою. Навіть у Figma для цього потрібен плагін.
Але якщо людина хоче почати шлях у дизайні, треба вміти користуватись Photoshop. З Canva, на жаль, не візьмуть на роботу.
Якщо людина на базовому рівні знає тільки Photoshop, чи візьмуть її на роботу?
Їй потрібен набір софтів. Якщо вона йде на рівень стажера — окей вчитись по ходу, але 100% знадобиться й Illustrator, i Photoshop, i Figma. Залежить від місця роботи.
Що краще робити у Photoshop, а що — у Figma?
Обробляти зображення краще у Photoshop. Figma зручна для SMM. Там можна створити купу артбордів, це абсолютно ніяк не впливає на продуктивність програми.
У Figma є плагіни, де можна експортувати відео. Так само й Photoshop, але це займає багато часу. Я використовую і те й інше. В основному Figma для SMM і брендбуків. Брендбуки у Photoshop не роблять.
Айдентика для навчального ютуб-проєкту Neviglasy. Розроблено під час роботи в PlaiBuro
Чим відрізняються Figma, Photoshop, Indesign та Illustrator?
Figma — це UI/UX, SMM, візитівки, айдентика і брендбуки.
Photoshop — це обробка фото, все, що пов'язано з концепт-артом, ретушшю, можливо, постери. Це широкоформатний друк із растровими елементами.
Indesign — це багатосторінкові видання. Цей софт — для створення газет, журналів та презентацій.
Illustrator — для роботи з векторною графікою. Я там створюю логотипи.
Банер для вистави, повністю зроблений в Adobe Photoshop
Які гарячі клавіші у Photoshop треба знати?
- ■ Найпростіші:
Command-N — для створення нового файлу.
V — перемістити елементи, не руйнуючи тло зображення.
В — brush. Активується елемент пензля, який дозволяє малювати на зображеннях.
T — активується інструмент для введення тексту.
Command-C, Command-V — це всі знають.
Command-Х — забрати елементи.
Command-Z — корисна команда, попередній крок. Або Command-Shift-Z — повернути назад, до того, що було після Command-Z.
Також у Photoshop є два кольори внизу, Foreground і Background. Щоб їх міняти місцями — Х. Це корисно, коли працюєш із масками. Ти просто не відриваючи руки починаєш спочатку прибирати якусь частину, а потім додавати.
Концепт айдентики для Adidas
- ■ Сommands:
Є ще Command-[ — перенести поточний шар на шар вище.
І так само Command-] — на шар нижче.
Command-S — зберегти файл або Command-Shift-S — зберегти файл в іншому форматі.
Щоб з'явилися лінійки — Command-R.
- ■ Для роботи з масками:
Коли працюєш із масками, дуже зручна штука — option-backspace. Вона зафарбовує всю маску в той колір, який стоїть на foreground. Або Command-backspace — замалює в той колір, який стоїть на background.
- ■ Для прямих ліній:
Також затискаючи Shift, ти робиш усе прямо. Або переносиш об'єкти прямо, або коли малюєш пензликом, проводиться пряма лінія.
Ще класна практика — використовувати option, а не Command-С, Command-V. Так воно не зберігає зміни в буфер обміну. Додаючи shift, можна створити об'єкт і посунути його по прямій.
Яку мову виставляти для Photoshop?
Однозначно англійську, бо нею більше туторіалів. Взагалі я прихильниця того, щоб інтерфейс був англійською. Бо іноді створюють файли українською, потім перекидають комусь, а кирилиця не зчитується.