Курс Photoshop для архітекторів: Візуалізація та Колаж

Що ви зможете після курсу

• Налаштувати Photoshop під завдання подачі: робочу область, продуктивність, одиниці вимірювання та колірні профілі — і зберігати файл у потрібному форматі
• Виділяти, трансформувати й ретушувати: ласо, чарівна паличка, лікувальні інструменти, вільне трансформування, маски замість вирізання
• Вести колекорекцію за гістограмою: Levels, Curves, Hue/Saturation, Color Balance — коригувальними шарами, не руйнуючи картинку
• Зібрати колаж фасаду: імпорт PDF з AutoCAD, текстури бетону, дерева та мармуру через обтравні маски, тіні та перспективні площини
• Зробити генплан: Google-підоснова, шари за елементами, текстури, тіні, рельєфні лінії — і схемні варіанти з того самого файлу
• Працювати з рендером і світлом: збирання з рендер-елементів, нічна версія з теплими вікнами, відображення, врізка людей і анімація в GIF

Кому підійде курс

Курс не навчає 3D-моделюванню, налаштуванню рендера в 3ds Max і кресленню в AutoCAD — ці програми потрібні лише як джерела готових файлів.

Як проходить навчання

• Кожен інструмент — одразу на завданні подачі — База Photoshop освоюється на фасадах, генпланах та інтер’єрах, а не на абстрактних вправах
• Неруйнівні прийоми протягом усього курсу — Маски, смарт-об’єкти та коригувальні шари дають змогу передробити будь-яке рішення без передробки всієї роботи
• Вихідні матеріали як у реальному проєкті — PDF-креслення AutoCAD, Google-підоснова та рендер-елементи — робоча практика, а не навчальні абстракції
• Один файл — кілька подач — Композиції шарів і керування видимістю дають з однієї роботи реалістичну, стилізовану та схемну версії, день і ніч
• Розбори жанру та референсів — Типологія архітектурних подач, принципи композиції та джерела палітр і текстур — матеріал для власних робіт

Що знадобиться

• Adobe Photoshop — основний інструмент усіх уроків
• Комп’ютер із запасом оперативної пам’яті для багатошарових файлів — налаштуванню продуктивності присвячений перший урок
• Банки текстур і референсів: Textures.com, CGTexture.com, Pinterest, Behance — звідти береться матеріал для колажів

Чому самостійно зазвичай не виходить

Photoshop величезний: сотні команд і налаштувань, і без системи легко застрягти на рівні «щось рухаю, але картинка не збирається». Типова біда самоучки — руйнівні правки: вирізання замість маски, прямі налаштування кольору замість коригувальних шарів. Один невдалий крок — і робота відкочується до початку, бо повернутися вже нікуди.

Друга пастка — «працює, але не виглядає». Без розуміння жанру подачі картинка не читається: тіні не виявляють форму, текстури не в масштабі будівлі, плани сперечаються між собою за кольором. На курсі прийоми світла, текстур і композиції йдуть разом із розумінням, навіщо потрібен кожен шар — від типології архітектурних подач до збирання кадру за планами глибини.

Що зміниться

Як улаштований шлях

1. База Photoshop Налаштування, інтерфейс, шари, виділення та трансформація — кожен інструмент одразу пробується на завданні подачі
2. Колаж фасаду та генплан PDF з AutoCAD та Google-підоснова перетворюються на готові картинки: текстури, обтравні маски, тіні, перспектива, колір
3. Світло та візуалізація Збирання з рендер-елементів: денна та нічна версії, світло у вікнах, відображення, врізка людей, загальний тон за референсом
4. Аксонометрія та анімація Композиції шарів, смарт-об’єкти та таймлайн: кілька версій однієї картинки та оживлення подачі в GIF

Програма курсу

79 уроків · 8 модулів · 15 годин 57 хвилин відео · Шлях від першого запуску Photoshop до подачі з нічною версією та анімацією: кожен розділ закінчується готовою роботою.

• Photoshop з нуля: налаштування, інтерфейс і база інструментів 17 уроків

  Від налаштувань програми та колірних профілів до шарів, виділення, кадрування та трансформації — стартовий розділ, де кожен інструмент освоюється на завданнях подачі.

  • Налаштовуємо програму під роботу 5 уроків

    Preferences і продуктивність, колірні профілі, устрій інтерфейсу, створення документа під друк та керування розміром картинки.

    • Налаштування7:16

      Огляд налаштувань програми в меню Edit → Preferences: які галочки ввімкнути (відкриття документів вкладками, масштабування коліщатком миші), як розподілити оперативну пам’ять на вкладці Performance і куди записувати тимчасові файли. Одиниці вимірювання лінійок виставляються на пікселі або міліметри під завдання, а розмір шрифту за потреби перемикається із пунктів на міліметри.

    • Колірний режим3:46

      Пояснюється, що таке колірний профіль — правило, за яким пристрої домовляються про кольори, і чому масові широкоформатні плоттери можуть не розпізнати профіль Adobe RGB (1998). У Color Settings робочий простір RGB перемикається на поширений sRGB, а CMYK — на US Web Coated (SWOP) v2; такі налаштування знижують ризик викривлень під час друку.

    • Інтерфейс7:44

      Знайомство з будовою інтерфейсу: меню, панель інструментів і рядок параметрів; панелі відкріпляються та пристиковуються назад, клавіша Tab ховає додаткові вікна, а меню Window повертає будь-яке закрите вікно. Через меню Window збирається власна конфігурація робочої області — навігатор, палітра Історія та панель шарів.

    • Новий файл і навігація10:35

      Створення нового документа з ручними параметрами: одиниці вимірювання під завдання (пікселі для веба, міліметри для друку), роздільна здатність під друк, прозоре тло та збереження налаштувань пресетом. Відкриття зображень із конвертацією колірного профілю та навігація: масштабування коліщатком миші, сполучення Ctrl+ і Ctrl-, переміщення по документу із затиснутим пробілом.

    • Розмір зображення4:25

      Команда Image Size змінює габарити готового документа повністю; без втрат працює зменшення, а збільшення та повторне масштабування знижують якість. Розмір задається у відсотках або лінійних одиницях, роздільна здатність і обсяг файла перераховуються автоматично; там само Image Rotation повертає документ на 90 градусів і віддзеркалює його по горизонталі та вертикалі.

  • Шари — каркас будь-якого файлу Photoshop 6 уроків

    Стек шарів, об’єднання та групи, формати збереження, копіювання та прийом Copy Merged: порядок у документі, з якого виросте подача.

    • Шари6:02

      Шари як принцип устрою документа Photoshop: документ влаштований як аплікація, порядок рядків у панелі збігається з розташуванням об’єктів на полотні. Розбираються значки видимості, створення й видалення шарів, осмислені імена, додавання PNG-об’єкта із прозорістю в робоче поле та переміщення шарів по стеку.

    • Параметри шару4:53

      Правий клік по різних зонах панелі шарів відкриває різні меню: показ і приховування шарів, кольорові маркери для навігації, розмір попереднього перегляду. Розбираються три варіанти об’єднання — із розташованим нижче шаром, злиття лише видимих і повне зведення — та незворотність цієї операції.

    • Групи шарів9:46

      Щоденні операції з шарами: виділення та переміщення по одному і серіями, вибір шару через правий клік по полотну або Ctrl+клік по об’єкту. Зв’язування шарів командою Link Layers і організація документа групами-папками з іменем і кольоровим маркером, зокрема вкладеність папок.

    • Параметри збереження11:30

      Огляд збереження через Save As у чотирьох форматах: PSD зберігає весь проєкт із шарами й папками, JPEG компактний, але склеює шари та втрачає прозорість, PNG зберігає прозорість, TIFF тримає шари й відкривається без Photoshop. Окремо — прапорець As a Copy, ступінь стиснення JPEG і конвертація колірного профілю в sRGB.

    • Розмір полотна і дублювання шару7:32

      Команда Canvas Size збільшує робочі поля документа без масштабування вмісту; точка-індикатор у схемі документа задає напрямок розсування полів. Дублікат шару створюється командою Duplicate Layer із контекстного меню панелі або перетягуванням рядка із затиснутим Alt.

    • Copy Merged і прозорість6:04

      Прийом Copy Merged: видимі шари копіюються як єдине зображення та вставляються на новий шар — знімок композиції без фактичного зведення. Ctrl+клік по зображенню шару виділяє його вміст по межах для повторного використання, а повзунок непрозорості регулює видимість шару від нуля до ста відсотків.

  • Виділяємо, ріжемо, трансформуємо 6 уроків

    Полігональне ласо та чарівна паличка, звичайне та перспективне кадрування, вільне трансформування — і лекція про жанри архітектурної подачі зі вступним вебінаром про устрій курсу.

    • Полігональне ласо9:40

      Полігональне ласо — інструмент виділення, де контур будується послідовними кліками по точках; помилкову точку скасовує Backspace, області додаються зі Shift і віднімаються з Alt. Готове виділення зберігається під час перемикання та об’єднання шарів, а об’єкт переноситься на окремий шар командою Layer via Copy.

    • Чарівна паличка13:17

      Чарівна паличка та її ключовий параметр — поріг чутливості, що задає діапазон відтінків, які приймаються за обраний колір. Галочка Contiguous обмежує виділення суміжними областями, а інструмент Color Range із меню Select виділяє один колір по всьому зображенню з налаштуванням порогу за чорно-білим попереднім переглядом.

    • Кадрування3:10

      Кадрування рамкою Crop і головний інструмент групи — Perspective Crop Tool: за чотирма кліками будується перспективна сітка, контрольні точки підтягуються до перспективи знімка. Після підтвердження зображення перебудовується в ортогональну розгортку — прийом застосовується для розгорток фасадів із перспективних фотографій.

    • Трансформування12:30

      Смарт-об’єкти та вільне трансформування за Ctrl+T: масштабування, обертання, стискання й викривлення, опорна точка, яку можна переміщувати, модифікатори Shift, Alt і Ctrl, вкладка зі Skew, Perspective і Warp. Порівнюється поведінка звичайного шару та смарт-об’єкта після підтвердження трансформації Enter.

    • Трансформування виділення3:36

      Розрізняються два прийоми: Free Transform із меню виділення змінює вміст шару, а Transform Selection деформує саму рамку виділення, не торкаючись зображення до підтвердження Enter. У трансформуванні виділення працюють ті самі сполучення Alt, Shift і Ctrl, а у поєднанні із прив’язками виходять пропорційні фрагменти виділення.

    • Архітектура38:47

      Вступна лекція вибудовує типологію архітектурної подачі із семи груп — від графіки до реалістичної візуалізації — і в кожному блоці промотує історію прийому від сучасних прикладів до витоків. Розбираються приклади від Піранезі та персидських мініатюр до колажів бюро Dogma, Fala і Колхаса, відмивок OMMX, фотомакетів і візуалізації; наведені приклади слугують референсами під час вибору власної мови подачі проєкту.

• Інструменти обробки: пензель, ретуш, колір, маски 12 уроків

  Пензель і піпетка, лікувальні інструменти, колекорекція за гістограмою — Levels, Curves, Color Balance, — векторні об’єкти, смарт-об’єкти, маски шарів і режими накладання. Практика — врізка персонажів у сцену з перспективою.

  • Інструменти «Пензель» і «Піпетка»6:52

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

  • Інструменти Spot Healing9:38

    Огляд ретушуючих інструментів, що працюють за принципом пензля: Spot Healing Brush прибирає об’єкти з нерегулярного фону, Patch Tool переносить ділянки з непомітними стиками, штамп копіює фрагменти зображення через прицілювання. У тренувальному файлі персонажів прибирають пластиром і заплаткою, а фігуру велосипедиста переносять штампом в окремий шар.

  • Корекція. Гістограма10:39

    Вступний урок блоку кольорокорекції: спочатку налаштування світло-тіньових співвідношень (тонів), потім кольорів. Гістограму розбирають як графік розподілу темних, середніх і світлих тонів, зокрема зчитування каналів RGB та крайні значення цифрової системи — чисті білий і чорний.

  • Корекція. Levels10:04

    Робота з інструментом Levels: переназначення точок чорного і білого за гістограмою додає в зображення чисті крайні тони та збільшує контраст. Зворотна операція через Output Levels обмежує тональний діапазон — прийом для підготовки до друку на пристроях, що спотворюють стовідсотковий чорний.

  • Корекція. Колір15:15

    Огляд кольорової групи інструментів кольорокорекції: Hue/Saturation із режимом Colorize, вибіркова Vibrance, Black & White, Photo Filter, інверсія та Color Balance. Показано застосування інструментів як до всього зображення, так і до виділеної ділянки; пари протилежних кольорів із Color Balance готують до роботи з кривими.

  • Корекція. Curves11:37

    Інструмент Curves: точки на кривій окремо керують світлом і тінями, даючи більше градацій, ніж єдиний повзунок середніх тонів у Levels. Перемикання кольорових каналів додає правку кольору за парами протилежних відтінків — світла роблять теплішими, тіні холоднішими, після чого контраст повертається в загальному режимі RGB.

  • Векторні об’єкти18:21

    Знайомство з векторним блоком Photoshop: відмінність векторної графіки від растрової, побудова контурів пером з кутами та кривими, редагування опорних точок і об’єднання фігур через Merge Shapes. Коротко показано панелі Character і Paragraph для налаштування тексту; вектор радять зберігати недоторканим, а зайве ховати масками.

  • Смарт-об’єкт5:39

    Смарт-об’єкт редагується як окремий документ через зв’язок із вихідним файлом: правки ведуться у вихідній геометрії, а після збереження автоматично з’являються в основному документі. Звичайні копії смарт-об’єкта взаємозалежні та змінюються одночасно, а команда New Smart Object via Copy створює незалежну копію, що живе окремо.

  • Маска шару21:41

    Будова масок шару: біле в масці залишає ділянку видимою, чорне ховає її без видалення пікселів, градації сірого працюють як прозорість. Розбираються створення маски з виділення, інверсія, тимчасове вимкнення, а також кріплення масок до груп і смарт-об’єктів.

  • Трансформування і маска шару6:39

    Практичне заняття: персонажів з окремого файла розставляють по глядацькій залі з урахуванням перспективи, трансформуючи не весь шар, а виділені фрагменти через Free Transform. Нижні частини фігур не обрізаються, а ховаються маскою, тому вихідний шар залишається недоторканим і його можна редагувати будь-коли.

  • Простий режим накладання і швидке трансформування9:19

    Принцип режимів накладання шарів на прикладі трьох базових: Multiply робить світлі пікселі прозорими, Screen розчиняє темні, Overlay змішує відтінки подібно до яскравості та контрастності. Попутно показано швидке трансформування шару рамкою Move Tool і вибір потрібного шару правим кліком.

  • Blending Options24:31

    Стилі шару (Blending Options) застосовуються до всього вмісту шару одразу й залишаються редагованими. Послідовно розбираються обведення, Color Overlay, Gradient Overlay, Pattern Overlay, зовнішнє світіння та Drop Shadow, а також копіювання стилів між шарами й галочка Use Global Light, що задає спільне джерело освітлення.

• Колаж фасаду від креслення до атмосфери 15 уроків

  Повний цикл подачі: лекція про просте і складне, імпорт PDF з AutoCAD, текстури бетону, дерева та мармуру через маски, перспектива, тіні, коригувальні шари та фінальна атмосфера з людьми та деревами.

  • Креслення стає основою колажу 4 уроки

    Огляд палітри архітектурних подач, імпорт PDF-ліній з AutoCAD смарт-об’єктом, підготовка та посадка текстури бетону через маску.

    • Просте і складне. Лекція40:02

      Огляд палітри архітектурних подач — від псевдогравюр і колажних розрізів до фотореалістичних візуалізацій: розбори «до і після» показують, з яких вихідних матеріалів і прийомів збирається готова картинка. Розглядаються псевдогравюра, розрізи, багатошарові плани і генплани, лаконічні та складні технічні колажі, фотомонтаж і візуалізація — від фотореалізму з детальною моделлю до простої моделі з великою доводкою в Photoshop і пакетом render elements. Підсумок — уміння орієнтуватися в типах подач і усвідомлено обирати ступінь колажності свого проєкту.

    • Імпорт PDF7:37

      Перший крок збирання картинки: створюється документ формату А3 і лінійна основа з AutoCAD переноситься в Photoshop через PDF. Ключовий момент — вставка смарт-об’єктом: векторний файл залишається векторним, і лінії не втрачають якості під час масштабування. Під час вставки обирається media box замість bounding box, щоб аркуш не обрізався за крайними лініями і композиція не порушилася.

    • Створення збільшеної текстури6:49

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

    • Маска7:05

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

  • Обтравні маски та текстурування фасаду 4 уроки

    Розмітка ділянок заливкою, посадка текстур дерева та мармуру за обтравними масками, прості фони з напівтекстурою.

    • Обтравна маска2:29

      Знайомство з обтравною маскою — альтернативою звичайної, яка виручає, коли ділянки майбутньої текстури розкидані по картинці окремими плямами. На практиці створюється новий шар із змістовною назвою, і на ньому заливкою з налаштуваннями «зразок з усіх шарів» і «суміжні пікселі» кольором розмічаються всі місця під майбутню текстуру.

    • Обтравна маска 23:54

      Текстура дерева переноситься в макет, підганяється за масштабом вільним трансформуванням і прив’язується до залитих кольором ділянок обтравною маскою. Показані прийоми швидкого заповнення: виділення вмісту шару кліком із Ctrl по його іконці і створення копій перетягуванням з Alt усередині одного шару.

    • Обтравна маска 34:38

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

    • Просте тло7:53

      Створення простого тла: сіре небо й однотонні площини пожвавлюються легким монохромним шумом, який показує матеріал замість цифрового кольору. Цегляна і бетонна текстури для другої будівлі підбираються з масштабом, відповідним розміру будинку; бетон у віконних прорізах береться без чіткого масштабу.

  • Перспектива, тіні та фінальна доводка 7 уроків

    Текстури в перспективі, цоколь і лісовий задній план, коригувальні шари, тіні фасаду, забруднення та патьоки — і фінальна атмосфера: туман, люди, сніг, неон.

    • Перспектива6:21

      Накладання текстури на фасад, що йде в перспективу: текстура перетворюється на смарт-об’єкт, який, на відміну від звичайного шару, зберігає якість і рамку трансформації. Кути текстури поєднуються з кутами будівлі вільним трансформуванням із Ctrl і Shift, а масштаб підганяється через маску, відокремлену від текстури.

    • Інші текстури5:37

      Завершення набору текстур сцени: кам’яний цоколь збирається в перспективу за принципом цегляної стіни і кладеться обтравною маскою, лісовий задній план обрізається маскою неба, а тротуар заливається сірим кольором із додаванням шуму.

    • Коригувальні шари8:34

      Зворотна колорокорекція після розкладки текстур: замість руйнівних прямих налаштувань з розділу Image — Adjustments застосовуються коригувальні шари, чия дія обмежується вбудованою маскою або обтравною маскою, а для смарт-об’єкта використовується Smart Filter. Показано, як заново відкрити збережені налаштування подвійним кліком і перенести готову корекцію на іншу текстуру копіюванням з Alt.

    • Тіні фасаду15:33

      Тіні фасаду створюються трьома способами: за готовими лініями на картинці, ручним промалюванням полігональним ласо і стилями шарів Inner Shadow та Drop Shadow; кожна тінь розміщується на своєму шарі з окремою прозорістю. Для похмурого дня краям тіні надається м’якість гумкою та інструментом розмиття, а в заглибленнях вікон поруч із тінню додаються білі рефлекси другим Inner Shadow у зворотний бік.

    • Другорядні текстури5:24

      Режими накладання дозволяють переносити елементи однієї текстури на іншу, коли вирізати їх не можна: освітлювальні Lighten і Screen залишають світлі елементи верхньої текстури, затемнювальний Multiply — темні, а рівні прибирають рамку зображення і зайве затемнення. Приклади: блискавка на пейзажі через Screen і рівні, сліди іржі на світлій плитці через Multiply.

    • Другорядні текстури 212:42

      Збирання другого шару текстур сцени: забруднення й патьоки на фасадах, ліс і зимове сонце в небі через Screen, відображення у вікнах і люди з квітами за склом. Ефекти прив’язуються обтравними масками до шарів скління і неба та приглушуються прозорістю і зниженням насиченості, щоб вписатися в загальну гаму.

    • Фінальна доводка17:24

      Фінальна доводка колажу: серпанок і повітряна перспектива градієнтом від білого до прозорого, дерева, люди і птахи, неонова вивіска зі світінням Outer Glow і сніг режимом Lighten або Screen — кожен елемент додається окремим шаром. Завершує картинку коригувальний шар кривих, і все при цьому залишається редагованим.

• Генплан: від Google-підоснови до схемних версій 12 уроків

  Збирання PDF-аркушів, чищення Google-підоснови, шари за елементами, текстури та тіні, рельєфні лінії, сонячне світло — і схема з того самого файлу. Плюс вебінар, альтернативні джерела матеріалу та урок про композицію.

  • Об’єднання всіх шарів4:33

    Початок роботи над генпланом: кілька PDF із лініями — рельєф, контур території, зведені лінії та насадження — збираються в один файл поверх білого тла, причому кожен аркуш вставляється точно на попереднє місце через Paste in Place. Прийом спирається на те, що аркуші експортовано з AutoCAD в одній рамці; на суміщені лінії знизу підкладається підоснова з Google-карт.

  • Підготовка Google-карти10:58

    Підготовка Google-підоснови для генплану: строката карта очищається інструментом Replace Color — зайві кольори десатуруються до сірого, а теплий і холодний зелений зводяться до одного тону виділенням чарівною паличкою та заливкою нового шару в режимі Color. Для контрасту нижній шар знебарвлюється, і на чорно-білій основі з зеленими насадженнями плями забудови виділяються одразу.

  • Групування4:22

    Генплан розбирається за елементами на окремі шари: перед зміною кольору створюється резервна копія підоснови, контур озера наноситься вручну й заливається, а об’єкти виділяються чарівною паличкою по білому тлу з інверсією виділення. Окремими шарами стають також дерева та газони — плями під майбутні текстури заливаються послідовно.

  • Текстурування генплану9:58

    Текстурування генплану: знімки зі супутникових карт накладаються на заготовлені шари через обтравну або звичайну маску, підганяються за масштабом і стикуються без помітних меж. Написи на знімках прибираються точковим пензлем відновлення, доріжки освітлюються налаштуванням тону, насиченості та світлості, а стики текстур розмиваються м’яким ластиком із невеликою прозорістю.

  • Тіні генплану9:58

    Ручна побудова чітких тіней на генплані: копія шару об’єктів перефарбовується в чорний, зміщується та опускається під об’єкти, а тіні великих об’єктів вирізаються багатокутним ласо на окремий шар і зміщуються сильніше. Тіні домальовуються до основ будівель, власні тіні сходів і кола малюються на прозорому шарі, а масивам дерев і берегу призначаються Drop Shadow і тонка внутрішня тінь.

  • Лінії рельєфу4:56

    Генплан набуває графічності завдяки шару рельєфних ліній: лінії обрізаються по газону та озеру через виділення пікселів шару або маску, перефарбовуються в білий і стоншуються інверсією виділення з Delete, а товщина компенсується прозорістю. Контур озера залишається чорним — він передає глибину, а не рельєф.

  • Деталі генплану5:06

    Перший прохід за кольором і деталями генплану: падаючі тіні робляться помітно прозорішими, кольори та текстури підганяються під оточення зниженням насиченості та зсувом відтінку, а газонам і озеру додається тонка обводка через Blending Options. Порядок шарів переперевіряється, безіменні шари отримують назви, тіні дерев коригуються за тінями об’єктів, щоб падати в один бік.

  • Сонячне світло8:17

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

  • Схеми та шари2:57

    Керування видимістю шарів змінює стилістику одного файлу: з реалістичного генплану виходять схематичні варіанти — контури води на чистому білому полі або будинки на чорній підкладці. Так без перескладання зображення з одного робочого файлу виділяються дороги, будинки чи зелені насадження, коли потрібно показати не загальну картинку, а окрему частину плану.

  • Альтернативи37:54

    Теоретичний розбір альтернативних джерел матеріалу для колажу: середовище та текстури збираються не лише з фотографій, а й із живопису, графіки та абстрактних патернів, а колажі за матеріалом поділяються на реалістичні, змішані й абстрактні. Розглядаються джерела пошуку — профільні сайти безшовних текстур, Pinterest та музейні онлайн-галереї, — два способи накладання текстури, ортогональний і перспективний, а також випадки, коли порушення масштабу чи відмова від текстурування стає усвідомленим прийомом.

  • Вебінар54:44

    Вебінар розбирає домашні завдання та прийоми Photoshop, що виходять за межі прямого призначення інструментів: смарт-об’єкти для текстур і повторюваних об’єктів із заміною вмісту всередині робочого файлу та вкладені смарт-об’єкти, де правка оновлює і тінь. Окремо — правило лінії горизонту для очей персонажів, композиції шарів (Layer Comps) для кількох погодних і сюжетних станів зображення та Content-Aware Scale для розтягування тла без деформації людей і помітних об’єктів.

  • Композиція12:52

    Теорія композиції в архітектурних подачах: принцип третин, формат із відношенням сторін у вигляді простого дробу, діагональна побудова, центричність і периметральність розбираються на ортогональних колажах, перспективах та аксонометріях. Показано, як навмисне порушення симетрії дрібними деталями додає зображенню динаміки і навіщо навіть ортогональним зображенням потрібна плановість через повітряну перспективу та точку сходу.

• Колір і світло: подача в стилі візуалізації 9 уроків

  Роль кольору та світла в подачі, професія візуалізатора, робота з рендер-елементами, збирання бази від дальнього плану до ближнього, коригувальні шари, повітряна перспектива, врізка людей і загальний тон за референсом.

  • Колір і світло19:04

    Роль кольору і світла в архітектурній подачі: три методи поєднання кольорів, контраст теплого й холодного, монохромна гризайль і подача колажу без тіней, де глибину будують кольорові акценти та плановість. Окремо — перевірка тонів, що зливаються, чорно-білим фільтром і відмінності колажу від фотореалістичного рендера з його м’яким світлом, віньєтуванням і повітряною перспективою. Палітри у разі сумнівів набирають із живопису, фотографії, кіно та дитячих ілюстрацій.

  • Вступ12:45

    Вступний огляд подачі в стилі візуалізації: студії-орієнтири — від matte painting до full 3D з мінімальною постобробкою — і майданчики для натхнення на кшталт Behance та Pinterest. Окремо — джерела текстур для доріг, ландшафту, кладок і вікон; вихідним матеріалом для подальшої обробки слугуватимуть render elements з 3ds Max і Corona або скетч, а обробка — у Photoshop.

  • Презентація15:23

    Презентація про професію візуалізатора: сюжетність як головний принцип подачі, візуальний досвід, прийоми студій МИР, Luxigon, Pixel Flakes та інших, а також типові помилки на кшталт напівпрозорих людей і скопійованих елементів, що повторюються. Вихідним матеріалом для обробки стануть render elements зі зв’язки 3ds Max і Corona — тим самим способом вони отримуються з SketchUp, Revit і V-Ray.

  • Render elements16:37

    Підготовка проєкту до колажу: структура робочих папок, завантаження render elements одним скриптом за шарами та розбір призначення кожного — від direct і reflect до шару ID та альфи. Небо ховається маскою з альфа-каналу, reflect і refract вмикаються у режимі Screen, шари групуються, а кадр перекадровується без видалення обрізаних пікселів.

  • База49:04

    Складання бази візуалізації від далекого плану до ближнього: небо та фонові дерева, будівля з бетонною текстурою, мощення, підігнане під перспективу, трава й дерева переднього плану. Використовуються смарт-об’єкти, Background Eraser Tool, заливка з урахуванням вмісту, маски за шаром ID і налаштовані пензлі; елементи узгоджуються за світлом, перспективою та масштабом.

  • Коригувальні шари11:07

    Зведення кольору за допомогою коригувальних шарів: приглушення далекого плану у рівнях, узгодження відтінків дерев і трави через Color Balance та приглушення яскравого неба через Vibrance. Кожен коригувальний шар прив’язується до свого шару, а зайвий вплив знімається прямо в масці чорним пензлем.

  • Параметри накладання. Пензель46:21

    Надання об’єму через повітряну перспективу: пари рівнів на темне й світле для кожного плану, висвітлення неба біля горизонту, серпанок на дальніх кронах і затемнення будівлі з тіньового боку. До цього — бруд на стиках мощення шарами у режимі Multiply, тіні від будівлі та дерев за напрямом світла і пензлі, налаштовані під траву та крони.

  • Деталі11:10

    Врізка людей у фотомонтаж: очі та зріст фігур підганяються під лінію горизонту, а занурення в траву показується маскою шару та пензлем-травинкою. Тіні під людьми й деревом малюються від руки на окремих шарах з урахуванням напряму світла; у разі невідповідності фігури повертаються трансформацією.

  • Загальний тон36:43

    Загальне тонування рендера за референсом: Gradient Map забарвлює тіні в холодний, а світлі ділянки — в теплий відтінок, Photo Filter і Color Balance додають тепла передньому плану, рівні підвищують загальний контраст. Об’єм і повітряна перспектива будуються шарами Soft Light, сонячні промені — з білих прямокутників із розмиттям за Гауссом і розмиттям у русі; результат порівнюється з вихідним рендером і зберігається у PSD і JPEG.

• Нічна версія подачі 4 уроки

  З денної роботи збирається нічний кадр: заміна неба та LUT-пресети, тепле світло у вікнах, відображення та світло на об’єктах переднього плану.

  • Загальний тон11:39

    Нічна візуалізація будується на файлі денної роботи: група з ефектами підгонки видаляється, денне небо замінюється нічною текстурою, а її тон після підгонки підтягується Color Balance у бік синього. Коригувальний шар Color Lookup із 3D LUT-пресетами створюється окремим екземпляром для кожної групи шарів — будівель, мощення, трави, дерев — і прив’язується до них; для переведення дня в ніч обрано пресет Night For Day, небо залишається без корекції. Біля горизонту намічається серпанок окремим шаром із білим пензлем за зниженої непрозорості та нажиму.

  • Світло26:21

    Тепле світіння у вікнах нічної будівлі збирається з готових текстур: текстура переноситься в документ як смарт-об’єкт, масштабується та підганяється по поверхах, а для вигнутого фасаду використовується Warp із поділом широких шматків навпіл. Межі світіння задаються за шаром ID із рендера: вікна виділяються чарівною паличкою, виділення інвертується, і все зайве навколо них видаляється. Шар ставиться в режим Screen і пом’якшується розмиттям за Гаусом та Motion Blur; маска групи з чорним пензлем робить дальні вікна холоднішими та слабшими.

  • Відображення5:22

    Відображення нічної будівлі на нижній поверхні будується з копії групи вікон: усередині копії сторони об’єднуються, копія перевертається Flip Vertical і підганяється під фасад, а для вигнутої стіни застосовується Warp. Ефект робиться нерівномірним, зайве внизу знімається овальним пензлем по масці, щоб відображення читалося як глянцеве мощення. М’яке спрямоване світло з вікон промальовується на окремому верхньому шарі, який залишається в режимі Normal зі зниженою непрозорістю, оскільки Screen гасить теплоту відтінку.

  • Світло на об’єктах17:32

    Світло з вікон поширюється на траву, дерева та людей: на їхніх масках чорним пензлем із налаштуваннями розсіювання та форми частково знімається дія коригувального шару, а силуети та їхні тіні перевертаються Flip Horizontal, бо вночі будівлі освітлюють інший бік. Групі людей призначається фільтр Night for Day, і за його маскою ефект знімається там, куди падає світло; ті самі прийоми підходять для ліхтарів та інших джерел. Фінальний контраст збирається двома шарами Soft Light, після чого нічна версія зберігається в PSD та JPEG.

• Аксонометрія та інтер’єр: кілька версій однієї картинки 8 уроків

  Стилі аксонометрії, рендер-елементи для виділення об’єктів, композиції шарів, інтер’єрний колаж поверх рендера, нічна аксонометрія, світло ламп і вкладені смарт-об’єкти з розмиттям Tilt Shift.

  • Аксонометрія: стилі2:39

    Урок показує, як з однієї лінійної підоснови збирається кілька варіантів подачі: реалістичний денний вигляд, абстрактна стилізація та нічна версія картинки. Версії об’єднані через Layer Comp, який вмикає й вимикає видимість шарів одним натисканням. В абстрактній подачі змінюються масштаб текстур, освітлення та настрій, а той самий механізм перемикання шарів підходить для кількох атмосфер однієї стилістики.

  • Інтер’єр: render elements5:43

    Урок розбирає відмінності в підготовці рендера під візуалізацію та під колаж: під візуалізацію сцена наповнюється всіма предметами з тінями та рефлексами заздалегідь, а під колаж площини очищають від предметів, щоб ті не заважали накладанню текстур. Render element — картинка в простих кольорах, де кожен об’єкт або матеріал виділено окремим кольором; виділення за кольором дозволяє накласти потрібну текстуру, а для вікон із заднім планом створюється маска. Показано також налаштування чарівної палички: вимкнення Contiguous Pixels, щоб вибрати весь колір по картинці, та мінімальне значення Tolerance.

  • Аксонометрія: Layer comps2:53

    Урок знайомить із панеллю Layer Comp: стани видимості шарів зберігаються в іменовані композиції, між якими картинка перемикається одним натисканням. У діалозі композиції задаються ім’я та галочки — головна відповідає за видимість шарів, інші запам’ятовують позицію шару та його ефекти, як-от зовнішнє світіння чи падаюча або внутрішня тінь. Нічна композиція без частини об’єктів збирається приховуванням шарів, після чого між денною, нічною та нічною без об’єктів версіями можна вільно перемикатися.

  • Інтер’єрний колаж3:19

    Урок показує збірку інтер’єрного колажу поверх рендерної підоснови: першим додається живописний задній план, далі через render elements виділяються стіни, і текстура штукатурки лягає на стіни та стелю. Наповнення картинки береться з ручної графіки — живопису, аплікації, намальованих елементів; вирізаних із фотографії людей можна використовувати з ефектом аплікації, коли стиль шару Drop Shadow створює враження паперової вирізки. Завершує роботу загальний коригувальний шар, який виводить картинку на потрібну яскравість, тон і колір.

  • Аксонометрія: ніч3:14

    Урок пояснює переведення денної аксонометрії в нічну сцену: темно-синій шар у режимі множення затемнює кадр, а напівпрозорість дозволяє вихідному зображенню прочитуватися крізь нього. Штучне освітлення показується вирізами в синьому шарі — порожнечі різної непрозорості відкривають денну картинку, а над ліхтарем додається шар, що змінює кольоровість, бо лампи світять жовтіше за нейтральне денне світло. Тим самим прийомом вводиться розсіяне світло навколо джерел, що додає картинці додаткові рівні освітленості.

  • Інтер’єрна візуалізація3:03

    Урок розбирає доопрацювання зображення, зібраного з рендера: сірий шум у темних ділянках виправляється в першу чергу, наприклад екран телевізора зафарбовується чорним. Відбиття на склі збирається з самої картинки — вирізаний фрагмент готової частини кімнати дзеркально підставляється через маску, створюючи ілюзію відбиття без точної фізики. Загальна яскравість піднімається кривими: темне світлішає, а світле майже не змінюється, інакше з’являться пересвіти; через render elements додаються фон і людина, що задають масштаб.

  • Аксонометрія: світло3:53

    Урок показує два прийоми роботи зі світлом: маленькі лампи робляться білою точкою пензлем на новому шарі, до якого додається зовнішнє світіння зі стилів шару, що створює навколо точки ореол. Світловий промінь виділяється через виділення всіх пікселів шару клацанням із натиснутим Ctrl або Command по іконці шару, потім інверсією через Select Inverse та перетином виділень залишається тільки промінь, який заливається на новому шарі кольором з урахуванням створеного раніше градієнта. Після зняття виділення режим накладання нового шару змінюється на м’яке світло, і тим самим прийомом перефарбовуються промені та інші об’єкти, що світяться.

  • Аксонометрія: смарт-об’єкти7:17

    Урок продовжує роботу зі смарт-об’єктами: розтиражовані на зображенні об’єкти на кшталт повторюваних фонтанчиків з падаючими тінями влаштовані як вкладені смарт-об’єкти, і заміна вмісту найвнутрішнішого об’єкта оновлює і тінь, і всі копії в основному файлі після збереження. Смарт-фільтри застосовуються всередині смарт-об’єкта: до тіні ліхтаря додається розмиття з Blur Gallery з режимом Tilt Shift, щоб тінь була різкішою на початку й сильніше розмивалася до кінця. Зміна вихідного об’єкта не руйнує застосований фільтр: тінь перебудовується, а градієнтне розмиття залишається з урахуванням цих змін.

• Анімація подачі 2 уроки

  Таймлайн Photoshop: анімація за шарами та за кадрами, робота з чужою GIF, плавність через автодобудову кадрів та експорт у GIF або відео.

  • Анімація за шарами10:36

    Покадрова анімація в Photoshop: кадри збираються на панелі таймлайн на основі видимості шарів, команда Make Frames From Layers перетворює виділені шари на кадри з налаштуванням тривалості та циклу. Для складних сцен кожен кадр збирається в окрему іменовану групу, щоб керувати видимістю груп, а не окремих шарів. Окремо показано, як вбудувати готову GIF-анімацію у свою роботу: прорідити її, видаливши кожен другий шар, і перетворити персонажа на чорний силует за допомогою маски та коригувального шару.

  • Анімація за кадрами6:15

    Анімація за ключовими кадрами на архітектурному прикладі з трьох шарів: світло ліхтаря, що вмикається, літак, що пролітає, та зшита фонова підкладка. Об’єкти переміщуються прямо на своєму шарі без створення копій, а функція Tween автоматично добудовує проміжні кадри, інтерполюючи позицію та прозорість. Готова анімація зберігається через експорт Save for Web у GIF або одразу у відео.

Часті запитання

Про цей курс

• Чи підійде курс, якщо я ніколи не працював в Photoshop?

  Так. Курс починається з налаштування програми, інтерфейсу та базових інструментів — шарів, виділення, трансформації, — і кожен інструмент одразу закріплюється на завданні архітектурної подачі.

• Чи потрібно вміти працювати в 3ds Max або AutoCAD?

  Ні. 3D-програми та AutoCAD потрібні лише як джерела готових файлів — PDF-креслень та рендер-елементів. Моделювання, налаштування рендера та креслення на курсі не викладаються.

• Які подачі ми збираємо на курсі?

  Колаж фасаду з PDF-креслення, генплан на Google-підоснові, фотомонтаж із рендер-елементів, інтер’єрний колаж, аксонометрії в денній, нічній та стилізованій версіях — плюс GIF-анімація.

• Що таке неруйнівні прийоми і навіщо вони?

  Маски, обтравні маски, смарт-об’єкти та коригувальні шари правлять картинку без видалення пікселів: будь-яке рішення передроблюється без передробки всієї роботи, а з одного файлу виходять кілька версій — схема, ніч, стилізація.

• Звідки брати текстури та референси?

  На курсі розбираються банки текстур Textures.com і CGTexture.com, тематичні підбірки, а референси — Behance, Pinterest, Tumblr, живопис і кіно. Показано, як матеріал підганяється під масштаб будівлі та характер картинки.

• Курс лише про інструменти — чи про жанр подачі теж?

  Жанру присвячені окремі розбори: типологія архітектурних подач від графіки до візуалізації, принципи композиції на ортогоналях, перспективах та аксонометріях, роль кольору та світла в подачі.

Доступ і матеріали

• Коли і як я отримаю доступ до курсу?

  Одразу після оплати, тієї ж секунди й автоматично. Чекати на підтвердження не потрібно. Доступ надходить двома шляхами водночас. Перший: на пошту, вказану при оформленні замовлення, приходить лист із посиланням на матеріали. Другий: те саме посилання з’являється у вашому акаунті на сайті, у розділі «Завантаження», і залишається там назавжди.

• Де зберігаються матеріали курсу?

  Усі відео та додаткові файли лежать у хмарному сховищі. Посилання на нього — у вашому акаунті на сайті, розділ «Завантаження», і в листі, який надійшов після оплати. Акаунт тут не формальність, а спосіб доставки: курс залишається в ньому назавжди. Навіть якщо лист загубився або ви згадали про купівлю через рік, посилання буде на місці.

• Чи можна завантажити матеріали, чи тільки дивитися онлайн?

  Завантажувати можна і варто. Радимо зберегти відео на комп’ютер і дивитися звідти. Причина проста: хмарне сховище не розраховане на перегляд відео. Іноді воно дозволяє увімкнути ролик просто у браузері, але якість при цьому помітно гірша за вихідну. На своєму комп’ютері ви побачите курс таким, яким його записували.

• Як довго діє доступ?

  Безстроково. Курс залишається вашим назавжди, повертатися до нього можна скільки завгодно разів. Якщо через рік чи два посилання раптом перестане відкриватися з технічних причин — напишіть на 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% на обидва. П’ять курсів: мінус 20% на всі п’ять. Знижка поєднується з будь-якими акційними цінами й діє на весь каталог без винятків.

• Чи можна повернути курс або гроші?

  Цифрові товари поверненню та обміну не підлягають. Це загальне правило для всіх електронних товарів в Україні — постанова Кабінету Міністрів № 172 від 19 березня 1994 року. При цьому ми завжди на зв’язку. Якщо доступ не відкривається, посилання перестало працювати або файли пошкоджені — напишіть на info@siluette.com.ua, вкажіть дату та номер замовлення. Відновимо. Якщо щось незрозуміло в самому курсі, теж пишіть — підкажемо.

• Чи можна оплатити від організації за рахунком?

  Поки що ні. Ми працюємо лише з приватними покупцями — безготівкової оплати за рахунком від юридичних осіб зараз немає.

Як проходить навчання

• Чи є зворотний зв’язок із викладачем і перевірка завдань?

  Ні. Усі курси — це записи уроків для самостійного вивчення: викладач не відповідає на запитання і не перевіряє домашні завдання. Саме тому курси коштують значно дешевше за навчання з куратором. Ви отримуєте той самий матеріал, але займаєтеся самі та у своєму темпі.

• Чи видається сертифікат?

  Так, цифровий сертифікат — на запит і безкоштовно. Напишіть на info@siluette.com.ua, вкажіть ім’я та прізвище саме в тому вигляді, в якому хочете бачити їх у сертифікаті, і ми надішлемо його протягом доби.

• Чи потрібен досвід, щоб почати?

  Для більшості курсів — ні. Вони розраховані на початковий рівень і пояснюють з азів. Якщо курс потребує підготовки, це сказано в його описі.

• Чи є терміни проходження курсу?

  Ні. Ані дедлайнів, ані розкладу, ані доступу, що згорає. Завантажили — дивіться коли зручно, з будь-якими перервами.

• Чи можна поділитися курсом з іншою людиною?

  Курс купується для особистого використання, і ми просимо ставитися до цього по-людськи: за кожним уроком стоїть робота, а ціна й так суттєво знижена.

Підтримка

• Куди писати, якщо щось не працює?

  Найкраще на info@siluette.com.ua. Є й чат у правому нижньому куті сайту, але пошта надійніша: там можна все описати докладно та додати знімки екрана. Прохання: опишіть, що саме ви робили і що пішло не так, та додайте знімок екрана з помилкою. Так ми вирішимо питання одразу, а не з’ясовуватимемо півдня, що сталося.

• Як швидко відповідає підтримка?

  У робочий час, з 9:00 до 19:00, на пошту зазвичай відповідаємо протягом години, у чаті — за кілька хвилин. Після 19:00 теж буває, але час відповіді не обіцяємо.