Курс викладається російською мовою: відео та матеріали російськомовні. Українська версія курсу з’явиться пізніше.
Що ви зможете після курсу
- Налаштувати Photoshop з нуля: колірні профілі, панелі інструментів, власне робоче середовище
- Працювати зі шарами, групами, масками та стилями шарів — змінювати будь-яку частину макета, не ламаючи решту
- Виділяти об’єкти чарівною паличкою, ласо та пером, відокремлювати їх від фону
- Набирати й оформлювати текст за правилами типографіки: гарнітура, кегль, міжрядкові інтервали
- Обробляти фото: заміна кольору, пластика, різкість, розмиття фону, кольорокорекція в Camera Raw
- Записувати власні екшени та застосовувати готові, щоб рутину виконувалася одним натисканням
Кому підійде курс
Новачкам з нуля
Курс починається з встановлення Photoshop і первинного налаштування, тому підійде тим, хто ніколи не працював у редакторі. Кожен інструмент показується в макеті, а теорія графіки пояснюється на побутових прикладах.
Тим, хто хоче брати замовлення
Практичні роботи доводяться до кінця: візитка — до файлу для друкарні, обкладинки — до завантаження у спільноту. Фінальний блок розбирає устрій фриланс-бірж і спілкування із замовниками.
Власникам сторінок і спільнот
Окремий модуль присвячений оформленню ВКонтакте: логотип, обкладинки для десктопу та мобільних, картинки меню й рекламний банер збираються за реальними розмірами платформи.
Курс не про 3D, моушн-дизайн і поглиблений веб-дизайн — і не обіцяє доходу без вашої практики.
Як проходить навчання
- Кожен інструмент показується в макеті — Одразу видно, навіщо прийом потрібен у реальній роботі, а не лише в теорії
- Практика доводиться до результату — Візитка, гурток, календар і банер — перші роботи для портфоліо
- Окремий блок теорії графіки — Розуміння растру, вектора та роздільної здатності оберігає від мильного друку та зіпсованих файлів
- Безкоштовні легальні ресурси в уроках — Шрифти, іконки та фотографії берете з відкритих джерел — без зламаних збірок
- Порядок від простого до складного — До фільтрів та екшенів підходите вже з міцною базою шарів і виділень
Що знадобиться
- Комп’ютер з виходом в інтернет
- Adobe Photoshop — встановлення офіційної версії через Creative Cloud показане в першому модулі
- Безкоштовні ресурси по ходу курсу: Google Fonts, Flaticon, Unsplash
Чому самостійно зазвичай не виходить
Відкритий Photoshop зустрічає десятками кнопок і панелей, і перша спроба зазвичай закінчується на інструменті «переміщення». Уроки з інтернету дають окремі трюки, але не пояснюють базу: навіщо потрібні колірні профілі, чим растр відрізняється від вектора, чому текст перед друком растризують. Без цієї бази файли для друкарні бракують, обкладинки обрізаються на телефонах, а картинки виглядають саморобними.
Курс вибудовує шлях по порядку: спочатку налаштування програми та теорія графіки, потім шари та виділення, далі інструменти на практиці і лише після цього фільтри, екшени та фриланс. Кожен прийом показується в реальному макеті — від візитки до оформлення спільноти.
Що зміниться
До курсу
- Photoshop лякає десятками кнопок і панелей
- Шари плутаються, а будь-яка правка ламає всю картинку
- Виділити об’єкт вручну — робота на цілий вечір
- Фото після обробки виглядають перефарбованими і «заміленими»
- Незрозуміло, за що братися і де брати перші замовлення
Після курсу
- Інтерфейс налаштований під вас: потрібні панелі під рукою, зайве прибрано
- Шари, групи та стилі розкладені по поличках — кожна частина макета змінюється окремо
- Об’єкти виділяються паличкою, ласо та масками за хвилини
- Колір, різкість і пластика правляться усвідомлено, з розумінням кожного повзунка
- У портфоліо — готові роботи, а в голові — карта виходу на фриланс
Як влаштований шлях
- Налаштування Програма встановлюється офіційно і налаштовується під задачі: колірні профілі, панелі, робоче середовище.
- База Шари, виділення, текст і теорія графіки — фундамент, без якого макети розвалюються.
- Практика Візитка доводиться до друкарського файлу, гурток і календар приміряються на мокапи, спільнота ВКонтакте отримує оформлення.
- Обробка і заробіток Фотокорекція та екшени автоматизують рутину, а розбір фрилансу показує, де брати замовлення і як не потрапити в халепу.
Програма курсу
76 уроків · 10 модулів · 9 годин 11 хвилин відео · Кожен розділ закінчується практикою: від налаштувань програми до макетів у портфоліо
-
Встановлення офіційної версії через Creative Cloud, ризики зламаних збірок, колірні профілі, панелі та робоче середовище — підготовка, після якої програма працює на вас.
- Встановлення Photoshop 20207:00
Покроковий розбір встановлення редактора: оформлення платного акаунта Adobe, завантаження програми через Creative Cloud і вхід із підтвердженням через SMS. Окремо пояснюється, чим небезпечні зламані збірки та що дає легальна підписка, включно з профілем на Behance.
- Налаштування колірного профілю3:37
На побутовому прикладі пояснюється, чому знімок на моніторі відрізняється від відбитка та навіщо потрібен колірний профіль. У налаштуваннях програми задаються робочі схеми: sRGB для вебу, CMYK для друку та параметр градацій сірого.
- Основні налаштування Photoshop4:24
Робочий простір очищається від зайвих панелей, а в основних налаштуваннях підбираються колір інтерфейсу, частка пам’яті комп’ютера та глибина історії дій. Одиниці вимірювання переводяться в пікселі, роздільна здатність задається для друку та для екрана.
- Налаштування панелі інструментів3:27
Показано, як відкріпити панель інструментів і повернути її на місце, а потім замінити повний список компактним набором, завантаженим із готового файлу. Додатково через меню перегляду вмикається лінійка для точної роботи.
- Налаштування основних вкладок праворуч7:30
Права частина інтерфейсу збирається заново: зайві вкладки закриваються, на місце повертаються навігатор, панелі для тексту, зразки та властивості. Готова компоновка зберігається як іменоване робоче середовище та відновлюється після скидання.
- Встановлення Photoshop 20207:00
-
Головне меню, панель інструментів і панель керування, створення документа, шаблони та мокапи, відкриття і збереження файлів у потрібних форматах.
- Головне меню Фотошопа6:49
Огляд розділів головного меню програми: які з них потрібні в повсякденній роботі, а які майже не використовуються. Показано, де розташовані файлові операції, перемикання колірних режимів RGB і CMYK, зміна розмірів зображення та полотна, колорекція, виділення та фільтри.
- Панель інструментів і панель керування інструментами4:46
Як влаштована панель інструментів: її можна закріпити з будь-якого боку екрана, а в інструментів зі значком трикутника розгортаються приховані підменю. Окремо розглядається панель керування вгорі, де налаштовується активний інструмент, і два кольорові квадрати — основний колір і колір фону, які змінюються місцями та скидаються до чорного з білим.
- Створюємо макет3:25
Практика створення нового документа: вводяться ширина та висота в пікселях або сантиметрах, роздільна здатність, колірний режим і фон. Пояснюється, коли обирати RGB, а коли CMYK, і який колірний профіль підходить для роботи під екран та інтернет. Підсумок — власний порожній макет із потрібними параметрами.
- Шаблони та мокапи4:45
Про готові заготовки програми: збережені пресети повторюваних форматів, шаблони для редагування та мокапи, що показують роботу в оформленні, наприклад картинку в рамці на стіні. Є набори під веб, мобільні пристрої та відео, зі стандартними розмірами на кшталт аркуша А4 і обкладинки для роликів. Заготовки безкоштовні й легко переробляються під власне завдання.
- Як відкрити файли в Фотошопі6:55
Різні способи завантажити зображення в програму: через кнопку відкриття та хмарні документи, перетягування картинки з браузера та вставку з буфера обміну. Показано, як відкриті файли розподіляються по вкладках і як відповідати на запит програми про перетворення колірного профілю на sRGB.
- Способи збереження файлів у Фотошопі3:59
Як зберігати змінені документи: через сполучення клавіш Ctrl+S або меню, де шлях «Зберегти як» дає змогу змінити формат, наприклад на PNG. Розглядається регулювання якості JPEG: повзунок змінює вагу файлу, а попередній перегляд показує підсумковий розмір до підтвердження. Незбережені зміни позначаються зірочкою на вкладці документа.
- Головне меню Фотошопа6:49
-
Растр і вектор, шрифти як векторні об’єкти, PPI і DPI — короткий теоретичний блок, який оберігає від мильного друку та битих файлів.
- Що таке растрове зображення3:38
Розберемося, як влаштоване растрове зображення: воно складається з пікселів, і кожен квадратик має своє місце на сітці та свій колір, які записуються у файл. Подивимося, що відбувається з фотографією при сильному збільшенні, і навчимося впізнавати растр за розширеннями на кшталт JPEG і PNG.
- Векторне зображення. Чим відрізняється від растру4:52
Порівнюємо два типи графіки: растр запам’ятовує колір кожного пікселя, а вектор описує зображення лініями через математичні формули. Тому вектор не втрачає різкості при будь-якому масштабі, а растр при збільшенні розмивається — його можна лише зменшувати. Заодно дізнаємося, які редактори працюють з вектором і як відрізнити тип файлу за розширенням.
- Про шрифти та вектор3:56
З’ясуємо, чому текст, набраний у Photoshop, — це вектор, який вільно змінює розмір без втрати якості, і що відбувається з написом після растрування. Розберемо, навіщо друкарні просять переводити всі написи в криві перед друком і як за панелі шарів помітити, що текст уже став растровим.
- Що таке PPI та DPI5:25
Розберемо одиниці щільності графіки: PPI — це пікселі на дюйм, від їхньої кількості залежить чіткість зображення, а DPI — точки фарби на дюйм, термін із поліграфії. Дізнаємося, яку роздільну здатність задавати для графіки в інтернеті, а яку — для макетів, які готуються до друку.
- Поєднаємо растр і вектор. Практика.6:06
Практика з поєднання двох типів графіки: підбираємо велике чітке фото через пошук зображень із фільтром за розміром, накладаємо на нього завантажену в SVG векторну фігуру та підганяємо її переміщенням, масштабуванням та обертанням. Готовий колаж зберігаємо в JPEG із максимальною якістю.
- Що таке растрове зображення3:38
-
Від першого шару до готових стилів: групи, трансформації, копіювання та об’єднання, заливки, обведення, тіні, тиснення та градієнти.
- Що таке шар і навіщо він потрібен5:12
Пояснюється, що таке шар — незалежний рівень зображення — і чому елементи макету зручніше розкладати на різних шарах: будь-який із них можна сховати, змістити або змінити, не торкаючись решти. Показано створення та видалення шарів, а також увімкнення відсікання мініатюри, завдяки якому навіть дрібні деталі видно в прев’ю. Окремо — як порядок шарів визначає вигляд картинки: верхні рівні перекривають нижні.
- Група шарів5:40
Про те, навіщо шари в макеті об’єднують у групи-папки: у веб-дизайні їх бувають тисячі, і без групування легко заплутатися. Показано два способи створити групу — кнопкою на панелі шарів і перетягуванням виділених шарів на значок нової групи. Додатково — перейменування папок, згортання та кольорові мітки.
- Виділення шарів і їх переміщення4:28
Два способи знайти потрібний шар: автовибір інструментом «Переміщення» просто на полотні та правий клік, що відкриває список шарів під курсором. Показано, як налаштувати автовибір у режимі шару чи групи та ввімкнути рамку навколо вибраного об’єкта. Окремо розглянуто розумні напрямні — лінії, що допомагають вирівнювати об’єкти під час перетягування.
- Обертання і деформація шарів7:40
Практика трансформування: обертання шару керуючою рамкою з точним кутом на панелі параметрів, дзеркальне відображення знаком мінус і зміна розмірів перетягуванням маркерів. Після растрування стають доступними режими меню «Редагування» — викривлення, перспектива та деформація. Наприкінці — нагадування про поєднання клавіш для скасування дії, створення шару та збереження документа.
- Копіювання та об’єднання шарів5:03
Два способи дублювати шар: перетягування об’єкта по полотну із затиснутими Ctrl та Alt і перенесення шару на значок створення нового шару. Розглядається об’єднання через Ctrl+E і питання, коли злиття виправдане, а коли шари краще лишити окремими та зібрати в групу. Показано також перенесення шару в інший відкритий документ перетягуванням на вкладку.
- Стиль шару. Копіювання стилю шару. Очищення стилю.4:48
Де задається стиль шару: вікно параметрів накладання відкривається подвійним клацанням по вільному місці рядка шару, а значок FX відкриває повний список ефектів. Показано перенесення готового ефекту одразу на кілька шарів через копіювання та вставлення стилю. Також розглянуто вимкнення ефектів значком ока і зняття всього оформлення очищенням стилю.
- Стилі шару «Накладання кольору» та «Обведення»7:09
Два базові стилі — «Накладання кольору» та «Обведення». Розглядаються вибір відтінку через палітру та бібліотеки кольорів, режими накладання, непрозорість кольору відносно самого шару, а також розмір і положення обведення — зовні, всередині чи по центру. Показано, що обведення заповнюється не лише кольором, а й градієнтом або вбудованим візерунком.
- Стилі шару «Накладання градієнта»5:09
Стиль «Накладання градієнта»: види переходів — лінійний, радіальний та інші, кут, масштаб, інверсія, режими накладання і прозорість. У редакторі градієнтів застосовуються готові набори, а власний перехід збирається з контрольних точок кольору та прозорості. Зазначено, що градієнт не видно, доки на шарі ввімкнено накладання кольору.
- Стилі шару «Тиснення», «Світіння», «Візерунки»7:25
Розгляд решти стилів шару: «Тиснення» для об’ємних кнопок, «Внутрішня тінь», внутрішнє та зовнішнє світіння, «Глянець» і візерунок-патерн. По кожному ефекту показано ключові параметри та випадки застосування, наприклад зовнішнє світіння помітніше на темному тлі. Як робочий підхід пропонуються готові заготовки стилів замість ручного підбору численних налаштувань.
- Стилі шару «Тінь» і параметри накладання5:00
Розгляд тіні: кут і глобальне освітлення, що поєднує напрямок тіней у всіх шарів, зміщення, розмах і розмиття. Показано прийом із сильним розмиттям при майже нульовому зміщенні, через який об’єкт ніби парить у повітрі, а також відмінність між непрозорістю шару та непрозорістю заливки, коли видимими лишаються обведення й ефекти. Наприкінці — перенесення готових стилів на інші шари копіюванням та вставленням.
- Що таке шар і навіщо він потрібен5:12
-
Типографіка і правила шрифтів, потім повний цикл візитки: заготівка, плашки, фігури та обтравні маски, мокап і файл для друкарні.
-
Види шрифтів, гарнітура і кегль, інструмент «Текст» і текстові області, правила поєднання шрифтів та поповнення колекції безкоштовними гарнітурами з кирилицею.
- Напрямні у Фотошопі7:25
Практичне заняття: документ візитки налаштовується під друк — розміри задаються в міліметрах, роздільна здатність 300 пікселів на дюйм, колірний режим CMYK. Освоюються напрямні: допоміжні лінії, витягнуті з лінійки, окреслюють зону, за яку під час різання тиражу нічого виходити не повинно.
- Види шрифтів4:54
Теорія про чотири основні види шрифтів: антиква із засічками, гротеск без них, декоративні та символьні. Розбирається, у яких завданнях доречний кожен вид і чому замість набраного тексту на екрані іноді з’являються квадрати.
- Гарнітура. Кегль і міжрядковий простір.3:43
Вводяться поняття роботи з текстом: гарнітура як родина шрифтів з різними накресленнями, кегль як розмір літер і міжрядковий простір. Дається правило розрахунку інтервалу між рядками — не менше ніж півтора кегля.
- Інструмент «Текст»10:30
Розбір інструмента «Текст»: вибір гарнітури й накреслення, ціле значення кегля в пікселях, режим згладжування під друк або веб. Окремо — панель «Символ» із міжрядковим і міжлітерним інтервалами, а також колір, капітель, індекси та підкреслення.
- Текстова область7:02
Учить верстати зв’язний текст: текстова область малюється перетягуванням, і в неї однією дією вставляються кілька абзаців шаблонної риби. Показано, як змінювати габарити блоку, не чіпаючи кегля, і оформлювати вміст через панель «Абзац» — вирівнювання, відступи, нахил.
- Правила використання шрифтів у макеті8:42
Звід правил роботи зі шрифтами в макеті: скільки гарнітур допустимо, яких інтервалів дотримуватися між рядками, як співвідносити заголовок з основним текстом і яким має бути мінімальний кегль. Плюс контраст тексту з фоном і підбір шрифтових пар із різних груп.
- Додаємо нові шрифти6:56
Де взяти безкоштовні гарнітури з підтримкою кирилиці та як встановити їх у систему через папку Fonts, щоб після перезапуску вони з’явилися в редакторі. Заодно пояснюється, чому не варто накопичувати шрифти понад потребу: на слабкому комп’ютері текстові операції сповільнюються.
- Напрямні у Фотошопі7:25
-
Збираємо візитку покроково: заготівка з контактами, плашки та фігури, фото через обтравну маску, презентаційний мокап і підготовка до друку.
- Створюємо заготовку візитки9:43
Збирається чорнова заготовка односторонньої візитки: на макет без прикрас накидаються всі обов’язкові відомості — від імені та професії до телефона, пошти й адреси. Ім’я та номер виділяються розміром шрифту, весь текст об’єднується в окрему групу шарів.
- Малюємо плашки на візитці13:46
На заготовці малюються прямокутна плашка під адресу та коло під майбутню фотографію. Попутно налаштовується порядок шарів з окремою групою для декору, вирівнювання підказують швидкі напрямні, а макет зберігається в PSD — форматі, який зберігає всі шари.
- Фігури9:29
Огляд інструмента «Фігури»: чим різняться режими фігури, контура й пікселів, як працюють заливка та обведення. Показано малювання прямокутника, еліпса, многокутника, лінії та довільних форм із підгонкою розмірів і заокруглень у панелі властивостей.
- Обтравна маска8:10
Як улаштована обтравна маска: зображення розміщується шаром над фігурою й обрізається за її контуром. Прийом відпрацьовується на візитці — фотографія вставляється в круглий аватар, попутно розбирається, чому картинка може приховуватися під накладанням кольору та що з цим робити.
- Збираємо макет візитки27:38
Практична збірка макета: вибудовується ієрархія тексту з акцентами, елементи вирівнюються за швидкими напрямними, кольори підбираються обережно. Іконки шукаються в єдиному стилі на Flaticon, фон вставляється обтравною маскою, готова картинка експортується для веба.
- Мокап візитки9:58
Знайомство з мокапами — заготовками PSD, які показують дизайн у реальному оточенні, наприклад візитку серед предметів на столі. Збережена візитка вставляється у вкладений файл шаблону, той оновлюється сам — і презентаційну картинку залишається тільки вивантажити.
- Підготовка візитки до друку6:50
Фінальне доведення макета перед здачею в друкарню: шари розкладаються по папках, зайві видаляються, відступи від країв витримуються за вимогами друку. Колірний профіль узгоджується з конкретною друкарнею, тексти растризуються, після чого файл зберігається в TIFF або PDF, а вихідник залишається з живими шрифтами.
- Створюємо заготовку візитки9:43
-
-
Виділення і колір, пензлі та заливки, колажі та маски, перо і вектор — від чарівної палички до власного пензля та SVG-іконок.
-
Розміри та рамка макета, чарівна паличка і ласо, піпетка зі зразками кольорів і збірка палітри за колірним колом.
- Зміна розмірів макета6:19
Вчимося змінювати розмір і формат зображення: обрізати та нарощувати полотно інструментом «Рамка», зокрема за готовими пропорціями, а також задавати точні значення через команду розміру полотна. Додані поля заливаються кольором тла, а з кадрованого знімка з підписом збирається картинка для інтернету.
- Чарівна паличка: 2 способи6:57
Показано два способи прибрати однотонне тло: виділення чарівною паличкою з підбором допуску та команда «Кольоровий діапазон», де потрібний колір указується піпеткою. У результаті предмет залишається на прозорому тлі та зберігається в PNG.
- Виділення об’єктів5:21
Розбираємо виділення самого об’єкта, коли тло неоднорідне: від ручного обведення ласом до автоматичного розпізнавання меж. Інверсія виділення дає змогу видалити тло однією дією та зберегти персонажа в PNG з прозорістю.
- Ласо3:29
Знайомство з трьома різновидами інструмента «Ласо» — звичайним, прямолінійним і магнітним — та їхньою поведінкою на різних контурах. У роботі залишається прямолінійний: об’єкт обводиться клацаннями, і виділенням можна повністю керувати.
- Піпетка та зразки кольорів4:20
Вчимося брати піпеткою колір будь-якої точки зображення та робити його основним. Зібрані відтінки додаються в окремий набір зразків, з якого складається палітра конкретного проєкту.
- Кольорова схема макета6:04
Розбираємо основні кольорові схеми на кольоровому крузі: комплементарну, аналогову, тріадну та їхні поєднання. Показано два шляхи зібрати палітру для макета: автоматично на сервісі Adobe або отриманням кольорів із картинки й логотипа піпеткою.
- Зміна розмірів макета6:19
-
Налаштування пензля і створення власного, заливка з урахуванням вмісту, види градієнтів і збірка свого повторюваного візерунка.
- Пензлі. Набори пензлів.9:24
Розбір налаштувань пензля: непрозорості, натискання, згладжування та жорсткості, від якої залежить м’якість країв мазка. А також — налаштування панелі під себе, робота зі вбудованими та завантаженими наборами і вплив розміру вихідного наконечника на якість відбитка.
- Створюємо власний пензель5:24
Створюємо власний пензель із намальованої фігури або завантаженої картинки та даємо йому ім’я. Потім налаштовуємо поведінку відбитка: інтервал, динаміку форми та розсіювання.
- Заливка4:20
Опановуємо заповнення шару або виділеної ділянки основним кольором і візерунком, керуючи допуском — шириною охоплення сусідніх пікселів. Окремо показано заливку з урахуванням вмісту, яка прибирає з фотографії зайві об’єкти.
- Градієнт7:07
Знайомимося з градієнтом — плавним переходом між кольорами, який малюється протягуванням лінії по полотну. Розбираємо види переходів, налаштування кольорових точок і прозорості, а також готові набори трендових градієнтів.
- Патерни8:43
Розбираємося, як влаштований патерн: невеликий візерунок, що повторюється по горизонталі та вертикалі подібно до шпалер. Накласти можна готовий візерунок через стиль шару, а можна зібрати власний із картинки, домагаючись стиків без швів за допомогою напрямних.
- Інструмент Гумка10:48
Вивчаємо гумку та її особливу поведінку на фоновому шарі, де замість стирання вона малює нижнім кольором палітри. Налаштовуємо розмір і жорсткість, плавно розчиняємо край фотографії та збираємо монтаж із прозорими PNG-картинками.
- Пензлі. Набори пензлів.9:24
-
Дизайн гуртка і календаря на мокапах, швидка та обтравна маски, плавні переходи між фотографіями та реставрація старих знімків штампом.
- Робимо власну кружку4:54
Готуємо макет кружки до друку: підбираємо габарити та роздільну здатність, закладаємо межі на випадок зміщення під час друку. Готовий дизайн приміряється на мокапі кружки та вивантажується в JPEG.
- Швидка маска та обтравна маска5:36
Розбираємо два види масок редактора. У режимі швидкої маски виділення будується малюванням градієнтом або пензлем, а обтравна маска поміщає фотографію всередину фігури, приховуючи все за її межами.
- Плавний перехід між фотографіями3:04
Показано два прийоми м’якого стикування двох знімків на різних шарах: стирання межі великою гумкою та видалення ділянки, виділеної швидкою маскою з чорно-білим градієнтом. Другий спосіб дає змогу спрямувати перехід у будь-який бік.
- Дизайн календаря3:41
Вправа на обтравну маску: всередині мокапа календаря змінюємо картинку місяця на власну, обрізаємо її за межами фігури та підганяємо колір стіни під зображення. Готовий макет зберігається для вебу в PNG.
- Штамп. Реставрація фото.11:40
Опановуємо штамп, який копіює вибрані фрагменти зображення на інші ділянки: спочатку задається джерело клонування, потім прибираються зайві деталі. На практиці зачищається фактурне тло та реставрується старий знімок із заломами й точками.
- Робимо власну кружку4:54
-
Побудова контурів пером і робота з SVG-файлами: завантаження іконок, перенесення між макетами без втрати якості.
- Інструмент Перо4:49
Вчимося креслити пером замкнений контур: розставляти точки, вигинати дуги напрямними вусиками та виправляти положення опорних точок. Готовий контур перетворюється на виділення, заливка якого дає хвилясту декоративну лінію для банера.
- Робота з SVG-файлами8:09
Розбираємося, що дає векторний формат SVG: іконки масштабуються без втрати якості. Вчимося завантажувати їх із сайту іконок, відкривати в програмі, переносити між макетами та експортувати з PSD, не растеризуючи шар.
- Інструмент Перо4:49
-
-
Заміна кольору об’єкта, фільтр Пластика, розумна різкість, розмиття фону та кольорокорекція в Camera Raw.
- Змінюємо колір яблука й сукні6:06
Вчимося змінювати колір об’єкта на фото командою «Замінити колір»: деталі, що збігаються за тоном, відокремлюються виділенням, діапазон відтінків підбирається піпеткою та повзунком розкиду, а новий тон задається повзунками. На прикладі сукні показано, як заздалегідь виключити з виділення шкіру, щоб вона не перефарбувалася разом із тканиною.
- Фільтр Пластика8:21
Знайомство з фільтром «Пластика»: ручна деформація пензлем із налаштовуваними розміром і натиском плюс автоматична правка рис обличчя, які фільтр розпізнає сам. Показано, як підправити очі, ніс, лінію підборіддя та усмішку, звузити фігуру й точково попрацювати пензлями роздування та зморщування.
- Розумна різкість4:30
Підвищуємо різкість знімка фільтром «Розумна різкість»: ефект перевіряється на збільшеному прев’ю, радіус збільшується поступово, а крапинки шуму, що з’явилися, пригнічуються окремим повзунком. Заодно огляд сусідніх фільтрів групи різкості та ситуацій, де кожен із них доречний.
- Розмиття фону4:43
Два способи розмити фон, залишивши об’єкт різким: розтушоване ласо з подальшим розмиттям за Гауссом або копія шару, що розмивається ціликом, з якої гумка прибирає розмиття там, де потрібна чіткість. Розібрано, як керувати м’якістю переходу між об’єктом і фоном.
- Фільтр Camera Raw4:13
Колорокорекція темного знімка фільтром Camera Raw: повзунки зібрані в групи для кольору, світла, чіткості та насиченості, і значення для кожного кадру підбираються заново. Показано застосування готових наборів налаштувань, збереження власної комбінації та обробку одразу серії кадрів.
- Змінюємо колір яблука й сукні6:06
-
Записуємо власні операції та застосовуємо готові: ретуш портрета, олівцевий начерк і «олійна» картина з фотографії.
- Екшен у Photoshop4:23
Як записати ланцюжок дій у Photoshop і призначити його на функціональну клавішу, щоб відтворювати на будь-якому документі одним натисканням. На практиці створюється власна операція, яка згодом застосовується до нового макета. Типовий сценарій — нанесення водяних знаків або приведення знімків інтернет-магазину до єдиного розміру.
- Ретуш фото — шкіра, очі, губи тощо9:30
Ретуш портрету готовими екшенами: операції підбираються під завдання — шкіра, очі, губи, зуби, загальний тон. Результат доводиться м’яким пензлем, великі дефекти прибираються штампом, напрацювання об’єднуються в один шар. Завершує обробку кольорокорекція, яка вирівнює відтінок зображення.
- Створюємо малюнок олівцем13:26
Перетворення фотографії на олівцевий начерк готовим екшеном: перемикаємо програму на англійський інтерфейс і завантажуємо додані пензлі, патерни та сам файл операції. Перед запуском знімок переводиться в шар Background, а потрібний об’єкт обводиться та зафарбовується червоним. Готовий скетч доопрацьовується вручну — проявляються та приховуються деталі, зверху додається кольоровий градієнт.
- Пишемо картину олією6:04
Стилізуємо знімок під олійний живопис одним екшеном: пензлі та патерни не потрібні, достатньо завантажити єдиний файл ATN і підтверджувати кроки програми. Надто велике зображення варто заздалегідь зменшити, інакше обробка розтягнеться надовго. Наприкінці з’являються шари для зміни кольору та зернистості, світлоту підлаштовуємо на свій смак.
- Екшен у Photoshop4:23
-
Логотип, обкладинки для десктопу та мобільних, картинки меню й рекламний банер — готовий комплект для групи ВКонтакте.
- Створення логотипа для групи8:15
Найпростіший елемент оформлення спільноти: квадратний макет логотипа збирається в Photoshop із центральними напрямними, після чого його читабельність перевіряється в круглому кадрі. Готовий файл експортується для веба та завантажується в спільноту замість поточного фото профілю.
- Мокап обкладинки для групи3:00
Розглядаються робочий розмір обкладинки спільноти та шаблон із напрямними, що позначають межі видимої зони. Пояснюється, чому під час перегляду з телефона обрізаються краї зображення і де розміщувати значущі елементи, щоб вони не пропали після цього обрізання.
- Розміщення інформації на обкладинці9:18
Які відомості виносити на банер: назву групи, місто, адресу, телефон і години роботи — і чому текст набирається великим шрифтом, щоб залишатися читабельним після стиснення картинки соцмережею. Додатково — уніфіковане оформлення номера телефона та вивантаження готового файлу через «Зберегти для веб».
- Мобільна версія обкладинки5:57
Спільнота приймає до п’яти вертикальних мобільних обкладинок, які плавно змінюють одна одну. Показано, як за шаблоном із напрямними вмістити ключову інформацію у видиму зону та зібрати мобільні версії, переносячи елементи з готової десктопної обкладинки, щоб оформлення на різних пристроях було в одному стилі.
- Створення картинок для меню11:14
Невеликі обкладинки пунктів меню наповнюються фотографіями через обтравочні маски на основі шаблона з квадратними заготовками. Інструмент «Розкрій» ділить макет на фрагменти, і під час збереження для веба кожна картинка вивантажується окремим файлом, а порожнє поле макета не експортується.
- Банер для соцмереж26:15
Збірка рекламного банера на прикладі розпродажу магазину одягу: квадратний формат під мобільну аудиторію, палітра від кольорів логотипа та не більше двох шрифтів. Головний акцент — велика цифра знижки всередині кола, а фотографія врізається обтравочною маскою з дотриманням правил кадрування людей.
- Створення логотипа для групи8:15
-
Устрій фриланс-бірж, типи замовників, передоплата і правки, підводні камені — чесна карта виходу на заробіток.
- Поради та секрети фрилансу21:06
Як влаштовані біржі фрилансу для дизайнера: розділи проєктів, вакансій і конкурсів, платний статус акаунта та окремий майданчик замовлень, доступний новачкам. Розбираємо перевірку замовника за відгуками, узгодження передоплати замість безпечної угоди та відгук під конкретне завдання замість шаблонного.
- Підводні камені11:07
Шість типів замовників — від тих, хто не хоче платити, до клієнтів, які точно знають, що хочуть отримати, — і стратегія роботи з кожним. Як розпізнати проблемного замовника за першими ознаками, знизити ризики поетапною оплатою та огородити себе від критики, щоб зберегти натхнення.
- Поради та секрети фрилансу21:06
Часті запитання
Тут зібрані відповіді майже на всі запитання, які ставлять перед купівлею. Натисніть на запитання, щоб розкрити відповідь.
Про цей курс
-
Так. Курс починається з встановлення програми через Creative Cloud і первинного налаштування: колірні профілі, панелі, робоче середовище. Досвіду в дизайні не потрібно.
-
Заняття проходять на Photoshop 2020. Встановлення офіційної версії через Creative Cloud розібране в першому модулі, разом з розбором ризиків зламаних збірок.
-
Візитку з файлом для друкарні, дизайн гуртка і календаря на мокапах, комплект оформлення спільноти ВКонтакте: логотип, обкладинки, картинки меню та рекламний банер.
-
Ні, всі прийоми курсу виконуються мишею. Планшет згадується лише як варіант для тих, кому зручніше малювати пензлями та ласо від руки.
-
Фінальний модуль розбирає фриланс: біржі, безпечну угоду, типи замовників, передоплату та правки. Курс додає роботи в портфоліо і показує порядок дій, але дохід залежить від вашої практики.
-
В уроках показані безкоштовні джерела: Google Fonts з підтримкою кирилиці, Flaticon для SVG-іконок, Unsplash для фотографій — і порядок встановлення, щоб редактор не сповільнювався.
Доступ і матеріали
-
Одразу після оплати, тієї ж секунди й автоматично. Чекати на підтвердження не потрібно. Доступ надходить двома шляхами водночас. Перший: на пошту, вказану при оформленні замовлення, приходить лист із посиланням на матеріали. Другий: те саме посилання з’являється у вашому акаунті на сайті, у розділі «Завантаження», і залишається там назавжди.
-
Усі відео та додаткові файли лежать у хмарному сховищі. Посилання на нього — у вашому акаунті на сайті, розділ «Завантаження», і в листі, який надійшов після оплати. Акаунт тут не формальність, а спосіб доставки: курс залишається в ньому назавжди. Навіть якщо лист загубився або ви згадали про купівлю через рік, посилання буде на місці.
-
Завантажувати можна і варто. Радимо зберегти відео на комп’ютер і дивитися звідти. Причина проста: хмарне сховище не розраховане на перегляд відео. Іноді воно дозволяє увімкнути ролик просто у браузері, але якість при цьому помітно гірша за вихідну. На своєму комп’ютері ви побачите курс таким, яким його записували.
-
Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на info@siluette.com.ua, ми його відновимо.
-
Насамперед: доступ у вас є в будь-якому разі. Увійдіть на сайт і відкрийте розділ «Завантаження» — посилання на курс уже там, незалежно від того, дійшов лист чи ні. Найчастіше лист губиться через одруківку в адресі під час оформлення замовлення. Ще варто заглянути до теки «Спам». Не виходить розібратися — не витрачайте час: напишіть на info@siluette.com.ua або в чат у правому нижньому куті сайту, ми допоможемо.
-
Найкраще на комп’ютері або ноутбуці: завантажте відео й відкрийте будь-яким звичним плеєром. Знадобляться встановлені відеокодеки — на більшості комп’ютерів вони вже є. Завантажити курс можна на скільки завгодно пристроїв. А от телефон ми не радимо, і з двох причин. На маленькому екрані погано видно деталі, особливо якщо в уроці показують інтерфейс програми. І на телефонах часто немає кодеків для форматів, у яких записані відео.
Оплата та повернення
-
Банківською карткою Visa, MasterCard або «Простір», через Google Pay, Apple Pay, Masterpass, Visa Checkout, платіжний QR-код, Botpay у Telegram чи Privat24. Є й оплата частинами: Монобанк (3 або 4 платежі), А-Банк (2, 3 або 4 платежі та розстрочка), Банк Глобус (8 платежів), «Скибочка» від OTP Bank (3 платежі), миттєва розстрочка та оплата частинами від ПриватБанку.
-
Так. Платіжна система приймає картки з Євросоюзу та будь-яких інших країн. Одна деталь, про яку часто забувають: банк може попросити підтвердити платіж — у мобільному застосунку або кодом із СМС. Якщо оплата не проходить, перевірте застосунок банку та повідомлення.
-
Додайте до кошика два курси або більше — знижка застосується автоматично до всіх товарів у кошику. Два курси: мінус 20% на обидва. П’ять курсів: мінус 20% на всі п’ять. Знижка поєднується з будь-якими акційними цінами й діє на весь каталог без винятків.
-
Цифрові товари поверненню та обміну не підлягають. Це загальне правило для всіх електронних товарів в Україні — постанова Кабінету Міністрів № 172 від 19 березня 1994 року. При цьому ми завжди на зв’язку. Якщо доступ не відкривається, посилання перестало працювати або файли пошкоджені — напишіть на info@siluette.com.ua, вкажіть дату та номер замовлення. Відновимо. Якщо щось незрозуміло в самому курсі, теж пишіть — підкажемо.
-
Поки що ні. Ми працюємо лише з приватними покупцями — безготівкової оплати за рахунком від юридичних осіб зараз немає.
Як проходить навчання
-
Ні. Усі курси — це записи уроків для самостійного вивчення: викладач не відповідає на запитання і не перевіряє домашні завдання. Саме тому курси коштують значно дешевше за навчання з куратором. Ви отримуєте той самий матеріал, але займаєтеся самі та у своєму темпі.
-
Так, цифровий сертифікат — на запит і безкоштовно. Напишіть на info@siluette.com.ua, вкажіть ім’я та прізвище саме в тому вигляді, в якому хочете бачити їх у сертифікаті, і ми надішлемо його протягом доби.
-
Для більшості курсів — ні. Вони розраховані на початковий рівень і пояснюють з азів. Якщо курс потребує підготовки, це сказано в його описі.
-
Ні. Ані дедлайнів, ані розкладу, ані доступу, що згорає. Завантажили — дивіться коли зручно, з будь-якими перервами.
-
Курс купується для особистого використання, і ми просимо ставитися до цього по-людськи: за кожним уроком стоїть робота, а ціна й так суттєво знижена.
Підтримка
-
Найкраще на info@siluette.com.ua. Є й чат у правому нижньому куті сайту, але пошта надійніша: там можна все описати докладно та додати знімки екрана. Прохання: опишіть, що саме ви робили і що пішло не так, та додайте знімок екрана з помилкою. Так ми вирішимо питання одразу, а не з’ясовуватимемо півдня, що сталося.
-
У робочий час, з 9:00 до 19:00, на пошту зазвичай відповідаємо протягом години, у чаті — за кілька хвилин. Після 19:00 теж буває, але час відповіді не обіцяємо.






Відгуки покупців
07.10.2025 Підтверджений клієнт
Це просто енциклопедія по Photoshop! Розбирають абсолютно все, від налаштувань до заробітку. Найповніший курс, який я бачив.
12.06.2025 Підтверджений клієнт
Я повний новачок, і цей курс допоміг мені подолати страх перед цією програмою. Пояснюють все з нуля, дуже терпляче і докладно.
30.03.2025 Підтверджений клієнт
Для тих, хто хоче не просто "клацати", а й заробляти на цьому, - цей курс просто знахідка.
02.07.2024 Підтверджений клієнт
Реставрація старих фото - це просто магія! Відновив бабусин фотоальбом. Вона була в захваті. Дякую за ці знання!
04.05.2024 Підтверджений клієнт
Дуже багато практики! Візитка, кухоль, календар, ретуш... Після курсу в мене вже було невелике портфоліо. Це дуже круто!