ym104432846
Вставьте ссылку на видео из Youtube, Rutube, VK видео
Задайте вопрос по видео
Что вас интересует?
00:00:44
Постпроцессинг изображения:
  • 1. Для реализации спецэффекта потребуется карта черно-белого цвета и нода «Lumma blur»
  • 2. В качестве разрешения данных используется рендер размером 1280×720 пикселей
  • 3. Эффект размытия по краям придает глубину изображению и усиливает восприятие объема
00:03:09
Создание движущегося квадрата:
  • Для завершения второго этапа проекта (создания квадрата) использованы инструменты рендера и нод-редактора
  • В процессе работы созданы границы квадрата и настроены параметры движения объекта с помощью ноды движения мыши
  • Завершён второй этап проекта, планируется переход к третьему этапу — добавлению элементов оформления (крестики)
0: Всем привет уважаемые друзья, мы переходим ко 2 части видеоролика на тему данного эффекта и в прошлом видосе мы с вами закончили делать вот такой вот базовый инстанс, который позволяет нам из обычной картинки сделать что-то наподобие 3 д карт и
1: В этом видосе мы с вами займёмся постпроцессингом данной картины и добавим квадрат, который двигается в зависимости от нашей мыши. И с чего же мы с вами начнём? А начну я с того, что я вы
2: Беру здесь null, чтобы сразу наблюдать за тем, что у нас тут происходит, и в 1 очередь я хочу добавить сюда блум, добавить свечение.
3: Тут уже, в принципе, вы сами можете выбрать, как вы хотите это видеть, но
4: Давайте как-нибудь вот так вот оставим в целом нормально. Далее я хочу добавить по бокам блюр и для того, чтобы это сделать, мне понадобится замечательная Нода под названием люма.
5: Lumma блюр требует у нас какую-то карту черно белую, и в Роли этой карты я буду использовать рамп. Я возьму в ноде рамп данные из нашего рендера 1280 на 720. Я просто могу
6: Взять вот это вот разрешение, зажать его и перекинуть вот сюда нажать референс. Все. И теперь, если мы сюда пишем какое-то значение, то оно автоматически сразу подгоняется вот сюда это топово. Далее
7: Я делаю.
8: Примерно вот такую вот карту.
9: И закидываю её во 2 вход люма блюр здесь мне понадобится.
10: Настройки такие, что чёрное значение у меня это 1 white, это вот такие вот значения у меня почему-то сделано так и
11: Сила эффекта. Вот. И вы можете заметить, что у нас теперь посередине все чётко по бокам все размыто. Это придаёт нам эффект такой некой глубины, что заставляет ещё больше поверить в то, что происходит то, что
12: Это действительно какая-то 3 the тема 3 д. Цветок.
13: Так это все окей.
14: Па, па, па, дайте ещё с шумом немножко поиграюсь, мне вообще не нравится, как он выглядит.
15: Все вот такие вот настройки. Далее, чтобы сделать наш квадрат, нам понадобится для этого сначала ректен л ректен л. Я. Возьму опять же разрешение из ноды рендер.
16: Закину их просто сюда. Референс все, да, уменьшу немного размер, но он вообще у нас будет от шума зависеть и у нас уже
17: Здесь есть наш видос, да, мы с вами смотрели, сравнивали. И теперь, если я умножу это сюда, на наш квадрат, то у нас будет просто квадрат с
18: Нашим оригинальным видосом. И если я уже наложу через ноду овер сюда видео, то вот уже в принципе, вы понимаете, что нам нужно сделать вот у нас на фоне наш оригинал. Ой, то есть
19: На фоне у нас наше 3 д а квадрат у нас это наш оригинал.
20: Сейчас у меня замёрзли ноги. Пора вот такое вот надевать, что нам понадобится. Далее. Далее нам понадобится ещё 1 ретенг 2, то есть я их
21: Скопирую, вставлю, чтобы не *** с разрешением, и в 1 я поставлю по оси икс 0 0.
22: 1.
23: Вот так. Нет. Ну вот, 0, 0 2. Да, и сюда я тоже поставлю 0 точка.
24: 0, 0 2. И вот это тоже растяну. Да, нам просто нужны полоски. Просто полоски, которые мы благодаря ноде овер.
25: Накладываем уже вот сюда.
26: То есть мы 1 полоску накладываем поверх нашей картинки, 2 полоску накладываем поверх нашей картинки.
27: Вот у нас получается уже вот такая вот система, и теперь нам нужна граница этого квадрата. А то есть мы просто возьмём отсюда ноду, эдж.
28: У нас появляется граница, я чуть чуть.
29: Уменьши толщину.
30: И благодаря ноде овер снова закину это все поверх.
31: Наших получившихся
32: Линии и квадрата все вот у нас появился наш квадрат давайте немножко я уменьшу толщину всего вот этого вот потому что мне не особо нравится как это выглядит то есть как-то это вот так
33: 0 1 почему-то не видно. Давайте 0 0 1 5. Давайте так. 0 0 1 5. Ну вот нормально. Теперь я беру ноду, ма.
34: ИНН. Да, который позволяет мне детектить движение с моей мыши, у нас есть позиция t x. Позиция тиуай и левую кнопку мыши давайте я назову просто клик да, то есть когда я нажимаю, у меня происходит.
35: Клик канал меняет своё значение на единицу далее что я делаю благодаря ноде селект, я выбираю здесь отдельно ноду t x t y. Что мне надо сделать?
36: Да, то есть я хочу чтобы я нажимал клавишу левую и у меня квадрат перемещался в то положение, чтобы это все было плавно как я могу это сделать вот показываю здесь я благодаря ноде селект выбираю txt каналы.
37: Далее благодаря ещё 1 ноде селект я выбираю канал клик.
38: И теперь Нода холд, которая позволяет мне в 1 канал закинуть мои данные во 2 канал, закинуть клик. И теперь, когда я нажимаю, у меня, когда Нода холд в неё приходит.
39: Число 1, да, во 2 вход он запоминает вот эти вот данные, которые последний раз в этот момент были, и все. И чтобы это происходило плавно, я беру ноду лаг.
40: И на дону.
41: Все. И теперь вот эти вот значения из ноды нулл я перекидываю. И вот в этот рингтейл я выделяю шифтом сразу. Можно просто правой кнопкой мыши выделить, я выберу сразу все и в параметр центр я кидаю. Че
42: Reference сюда и ty сюда все мы с вами сделали эту тему конечно можно это чуть чуть поднастроить, чтобы это не выходило за рамки. Ну и так в принципе нормально все.
43: Супер наш квадрат готов, ребят, это прям просто, это легко и на этом 2 видос. 2 этап у нас заканчивается. Переходим к 3 этапу добавление крестиков и
44: Последний постпродакшн постпроцессинг, конкретно блок трек и остальные эффекты все, подписывайтесь на мой telegram, там же есть файл, мы переходим к следующей части.