🏠

АНИМАЦИЯ БЛИКА в фотошопе

Это текстовая версия YouTube-видео "АНИМАЦИЯ БЛИКА в фотошопе".

Нажмите на интересующую вас фразу, чтобы открыть видео на этом моменте.

Всем привет, меня зовут Дмитрий и в данном видео мы рассмотрим способ создания анимации блика на объекте. Я на днях делал фото своего китового объектива и решил продемонстрировать создание анимации именно на нём. Потому что на данном примере мы рассмотрим два вида анимации блика - это контурный блик и простой - на плоском объекте. Объектив отлично для этого подойдёт. Мы сделаем анимированный блик на его плоском защитном стекле линзы и контурный блик на вот этой хромированной каёмке. И так, у меня открыто фото объектива, размеры я ему задал стандартные 1920x1080 пикселей. Исходники к уроку с данным фото можно скачать, как обычно, по ссылке в описании. Начнём с блика на защитном стекле линзы. В первую очередь необходимо нарисовать фигуру стекла, по которой мы будем пускать блик. Если у вас другой объект, то нужно отрисовать фигуру той части объекта, на которой вы будите делать анимацию блика. Снимаем блокировку слоя, кликнув по замочку, хотя в данном случае это можно и не делать. Создаём новый слой, на котором будем рисовать фигуру. Воспользуемся инструментом "Эллипс". На нужна фигура чёрного цвета. Но сначала для редактирования лучше устанавливать её цвет исходя из цвета самого объекта. Смотрите, что я имею в виду. Я сейчас задам фигуре чёрный цвет и нарисую вот такой эллипс. Так как объектив чёрный, то фигуру на его фоне плохо видно и мы не сможем чётко подогнать её по границам стекла. Поэтому в данном случае лучше задать фигуре какой-нибудь яркий цвет, например красный. Теперь переходим в "Редактирование" - "Трансформирование" и берём инструмент "Искажение". С помощью данного инструмента подгоняем эллипс под фигуру стекла объектива. Теперь меняем цвет фигуры обратно на чёрный и задаём этому слою параметры наложения "Экран". Фигура стекла у нас есть, теперь нужно изобразить на ней блик. Создаём новый слой, накладываем его на фигуру стекла и давайте назовём слой "блик". Теперь берём инструмент "Градиент", устанавливаем ему параметр "Зеркальный" и рисуем данным градиентом на стекле объектива блик. Я нарисую вот под таким углом и не большой ширины. Если мы возьмём инструмент "Перемещение" и подвигаем блик по фигуре стекла, то увидим, что блик смотрится не плохо. Но можно его сделать немного прозрачнее, я сделаю примерно 35%. Вот теперь блик выглядит более реалистично, остаётся его только заанимировать. Меняем рабочую среду на "Движение" и создаём шкалу времени для видео. В шкале времени имеется слой с бликом, которому нужно задать анимацию движения. Чтобы это сделать мы берём блик и устанавливаем его в начальную точку, из которой он начнёт движение. Ползунок вот этот на тайм-лайне должен находится на первом кадре. И вот здесь во вкладке слоя блик нажимаем на часики значения "Позиция". Таким образом мы создали ключ. Теперь передвигаем ползунок на тайм-лайне, допустим вот сюда, берём блик и перетаскиваем его в конечную точку, в которой он завершит движение по стеклу. И на шкале автоматически появляется второй ключ. Теперь, если проиграть анимацию, нажав на пробел, то можно увидеть, что блик движется по стеклу в заданном нами направлении. Скорость движение надо увеличить, а то он как-то слишком медленно движется. Для этого просто перетащим конечный ключ немного ближе к начальному на шкале времени. Снова проиграем анимацию. Думаю можно еще побыстрее сделать. Ну вот так уже нормально. Один блик готов, теперь будем делать второй вот на этой хромированной каёмке. Как и в предыдущем случае нам нужно отрисовать фигуру этой каёмки и так же наложить на неё блик. Создаём новый слой, берём инструмент "Эллипс" и рисуем контур каёмки. Я сделаю слой немного прозрачным, чтобы было удобнее совмещать фигуру с каёмкой объектива. И точно так же, инструментом "искажение" совмещаем край фигуры с краем кромки. Теперь возвращаем фигуре непрозрачность на 100% и делаем копию этого слоя с фигуруй. Удерживая "Alt" на клавиатуре перетаскиваем слой выше и получаем его копию. Для чего это нужно, сейчас поймёте. Задаём этой копии фигуры черный цвет. Теперь немного сдвигаем слой с копией фигуры вправо и получаем вот такую фигуру каёмки, которую нам теперь нужно просто вырезать с нижнего красного слоя. Выделяем чёрную фигуру, удерживая "Ctrl" и кликнув в панели слоёв по значку этого слоя левой кнопкой мыши. Теперь скрываем этот слой, выделяем слой с красной фигурой и растрируем его, кликнув правой кнопкой мыши и выбрав в меню "Растрировать слой". И просто нажимаем Delete на клавиатуре и выделенная лишняя часть красной фигуры удаляется, остаётся только фигура каёмки. Фигура получилась не совсем точной, поэтому можно снова взять инструмент "Искажение" и подкорректировать её форму. Копию слоя с чёрным эллипсом можно удалить, она нам больше не понадобиться. И так, каёмку мы сделали, теперь нужно создать блик и заанимировать его движение. Для начала мы сделаем каёмку чёрной. Кликаем по слою с ней правой кнопкой мыши и выбираем параметры наложения. Здесь подключаем параметр "Цвет" и задаём чёрный. Теперь кликаем по слою правой кнопкой мыши и преобразуем фигуру в смарт-объект. Задаём данному слою параметр наложения экран. Да, кстати, тут можно сделать не простой блик, а поинтереснее. Для этого мы размоем фигуру каёмки по гауссу. Выберем в верхнем меню "Фильтр" - "Размытие" - "Размытие по Гауссу" и выставим радиус примерно на 3 пикселя. И преобразуем этот слой в смарт-объект. Теперь создаём новый слой, на котором будем рисовать блик и накладываем его на фигуру с каёмкой. Берём простую мягкую кисть белого цвета и рисуем её блик. Получается вот такой вот эффект. Зададим слою с каёмкой параметр наложения "Экран" и смотрим что у нас получилось. Если перемещать блик по каёмке, то видно, что он не с жёсткими ровными краями, а подразмытый потому что мы размыли по гауссу саму фигуру каёмки. Так блик выглядит естественнее. Теперь сделаем его анимацию. Выровняем слои в шкале времени и заанимируем движение блика по каёмке. Делается это как и в первом случае с помощью параметра "Позиция". Ставим ключевую точку на первом кадре. Для того, чтобы движение блика было по окружности каёмки, придётся добавить не две ключевые точки, а несколько, через одинаковое расстояние на шкале времени. Я поставлю еще четыре точки. И так первую мы поставили, перемещаем ползунок на тайм-лайне и двигаем по каёмке блик, затем снова перемещаем ползунком и опять сдвигаем блик. В последнем положении мы просто сдвигаем блик в сторону, чтобы он пропал с каёмки. В результате получаем вот такую анимацию. Давайте блик сделаем по-прозрачней и немножко подвинем, а то он слишком смещён за края каёмки. Ну и теперь можно настроить продолжительность анимации, отрегулировав размер дорожек. Вот такая вот анимация в итоге получается. Для того, чтобы её сохранить гифкой, выбираем в верхнем меню "Файл" - "Экспортировать" - "Сохранить для веб". Тут выставляем формат Gif и задаем параметры повторов "Постоянно", чтобы анимация бесконечно проигрывалась или "Однократно", чтобы анимация проигрывалась один раз. Нажимаем сохранить и выбираем путь сохранения. Вот таким образом можно сделать анимацию бликов на каком нибудь объекте, на тексте, да на чём угодно, всё зависит уже от ваших задач и фантазии. Ну а на этом у меня всё, всем пока и до скорых встреч!

Ad Х
Ad Х