Как сделать эффект падения в фотошопе
В Photoshop CC и более поздних версиях получили дальнейшее развитие новые фильтры из галереи размытия (Blur Gallery). Впервые галерея размытия появилась в Photoshop CS6.
«Размытие контура» (Path Blur) является четвертым из пяти фильтров в галерее. Он позволяет добавлять эффекты движения к изображениям по одному нескольким направлениям. Данный урок покажет вам, как эффективно использовать этот фильтр, добавляя эффекты движения к фотографии, что делает фото живым и объёмным, та затем я покажу, как использовать несколько направлений размытия при помощи маски смарт-фильтра, что придаёт эффект скорости на фотографии.
Примечание. В данном уроке мы рассмотрим опции нового фильтра, а полученные знания применим для создания эффекта движущегося на большой скорости автомобиля в следующем уроке.
В материале я использовал две фотографии, скачать из Вы можете здесь и здесь .
Давайте приступим. Открываем фото облаков, нажимаем правой клавишей мыши на фоновый слой и преобразуем слой в смарт-объект:
Переходим по вкладке главного меню Фильтр —> Галерея размытия —> Размытие контура (Filter —> Blur Gallery —> Path Blur), чтобы войти интерфейс фильтра. Действия фильтра по умолчанию предварительно показывается на самом документе. Эту опцию можно отключить. Также, на документе появилась голубая стрелка, показывает начало и конец, а также, направление размытия. Остальные элементы управления расположены на панелях справа:
Направление и расположение пути легко изменить.
Вы можете нажать на конечные и среднюю точки, чтобы их переместить и скорректировать направление размытия:
Если навести мышку на путь, то можно поставить новую точку:
Вы можете переместить путь целиком, для этого надо зажать Ctrl, навести мышку на путь, зажать левую клавишу и перетащить:
Вы можете добавить ещё один или несколько путей размытия. Для этого надо навести курсор в любое свободное место документа, курсор изменит вид на «булавку», затем зажать левую клавишу и протащить курсор:
На панели размытия имеется параметр «Скорость» (Speed). Он определяет степень размытия по заданному направлению. Важно иметь ввиду, что это глобальный параметр, т.е. он действует на все имеющиеся пути:
При включённой опции «Центрированное размытие» (Centered Blur) размытие происходит относительно центра стрелки, и пиксели изображения в центре остаются на месте. При отключенной опции размытие отсчитывается от начала стрелки, и и пиксели смещаются по направлению стрелки.
Работа с конечными точками
Как упоминалось выше, установка «Скорость» (Speed) ??имеет глобальный характер. Поэтому, для того, чтобы регулировать количество размытия, следует настроить значения конечных точек «Скорости». Рассмотрим, как это сделать. Сначала убедитесь, что включена опция «Редактировать формы размытия» (Edit Blur Shapes). Затем нажмите на конечную точку пути для выбора этой точки, после чего Вы заметите, как на концах пути появились две красные стрелки. Они имеют собственные конечные точки. Чтобы изменить значение «Скорости» в конечной точке, перетащите точку стрелки в документе, либо ползунок «Скорость конечной точки» (End Point Speed), или введите значения вручную:
Для дальнейшего изменения формы размытия в конце пути Вы можете перетащить центральную точку на красной стрелке. Имейте ввиду, что добавлять промежуточные точки, как на основном пути, Вы не можете:
Работа с несколькими путями
Вы можете добавить сколько угодно путей к любому изображению у вас есть. В основном, дополнительные пути добавляются для того, чтобы получить размытие с разными направлениями, либо чтобы ограничить или удалить действие размытия для определённых областей изображения.
Чтобы добавить новый путь, поместите курсор туда, где вы хотите видеть начало пути, кликните левой клавишей мыши, переместите курсор в нужном направлении, кликните для создания промежуточной опорной точки, повторите действие по созданию промежуточных точек нужное количество раз. Для завершения создания пути, кликните на месте, где должен быть конец пути, подождите 2 секунды с отпущенной клавишей, пока не появится символ точки на конце линии, и кликните ещё раз. Вместо этого, для завершения пути можно просто нажать клавишу Esc:
После создания путей, вы можете настроить «Скорость» на конечных точках. На этом изображении значение «Скорости на левых конечных точках равно нулю, а на правых около двухсот:
Совет: Для удобства работы используйте горячие клавиши. Нажмите и удерживайте клавишу H, чтобы временно скрыть траектории путей. Отпустите кнопку, чтобы они снова отображались. Нажмите клавишу P, чтобы выключить/включить предварительный просмотр действия фильтра.
Эффект движения при вспышках стробоскопа
У Photoshop CC имеется ещё одна интересная опция размытия в движении — это эффект импульсной вспышки, что-то вроде съёмки в темноте при включённом стробоскопе. Управление эффектом расположено на другой панели.
Параметр «Интенсивность импульсной вспышки» (Strobe Strength) определяет силу виртуальной вспышки и управляет балансом между светом окружающей среды и светом виртуальной вспышки.
Параметр «Импульсные вспышки» (Strobe Flashes) определяет количество вспышек за экспозицию.
Если «Интенсивность импульсной вспышки» установлена на 0%, то на рисунке будет показано непрерывное размытие, т.е. эффект стробоскопа не отобразится. Если он установлен в 100%, то эффект вспышки становятся чёткими, без смазывания. Значение между 0 и 100 дает эффект смазанных вспышек:
Мы рассмотрели некоторые теоретические моменты создания эффекта движения в Photoshop СС. Как воплотить это на практике и создать эффект движущегося автомобиля, рассказывается здесь.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
В этом уроке вы узнаете, как использовать все типы размытия для создания иллюзии движения, а также добавления фокуса к изображению в программе Adobe Photoshop.
Итоговый результат
Исходные материалы:
Шаг 1
Вначале, давайте добавим эффект движения статическому изображению автомобиля.
Откройте изображение “Автомобиль” в программе Photoshop и далее продублируйте изображение с автомобилем Ctrl + J.
Шаг 2
Примените фильтр Размытие в Движении (Motion Blur), для этого идём Фильтр- Размытие – Размытие в Движении (Filter > Blur > Motion Blur).
Шаг 3
К дубликату слоя с размытием добавьте слой-маску, для этого идём Слой – Слой-маска – Показать всё (Layer > Layer Mask > Reveal All).
На слой-маске слоя, обработайте изображение автомобиля с помощью мягкой чёрной кисти для того, чтобы эффект размытия в движении присутствовал только на заднем фоне.
На скриншоте ниже, я прокрасил изображение автомобиля красным цветом там, где вы должны прокрасить чёрной кистью на слой-маске слоя, в качестве ориентира.
Результат должен быть, как на скриншоте ниже.
Шаг 4
Шаг 5
Далее, к выделенной области, примените фильтр Радиальное Размытие (Radial Blur), для этого идём Фильтр – Размытие – Радиальное Размытие (Filter > Blur > Radial Blur). В параметре Метод (Method Blur), выберите опцию Кольцевой (Spin) и сместите бегунок параметра Степени (Amount) до конца вправо. В этом шаге, мы применим Кольцевое Размытие (Spin Blur) к нашему колесу, чтобы оно выглядело, как будто быстро вращается.
Колесо должно выглядеть, как показано на скриншоте ниже:
Шаг 6
Повторите действие с радиальным размытием к заднему колесу. Результат должен быть, как на скриншоте ниже.
Шаг 7
Добавьте слой-маску к слою с радиальным размытием, идём Слой – Слой-маска – Показать всё (Layer > Layer Mask > Reveal All) и с помощью мягкой чёрной кисти с непрозрачностью 50%, прокрасьте вокруг краёв вращающихся колёс, чтобы скрыть какие-либо заметные / грубые линии.
Шаг 8
Создайте ещё один объединённый слой из всех видимых слоёв, нажав клавиши Ctrl + Shift + Alt + E. А затем к объединённому слою, добавьте Размытие в Движении (Motion blur), установите значение Смещения (Distance) 700px.
Результат Размытия в Движении (Motion Blur):
Шаг 9
Поменяйте режим наложения для данного слоя на Осветление (Screen), далее, добавьте слой-маску, для этого идём Слой- Слой-маска – Скрыть всё (Layer > Layer Mask > Hide All).
Прокрасьте на слой-маске слоя поверх задней части автомобиля, создавая ощущение движения.
Примечание переводчика: слой-маска скроет размытие в движении 700рх., а с помощью белой кисти, вы вновь проявите эффект размытия, только в области задней части автомобиля.
Продублируйте данный слой, нажав клавиши Ctrl + J. Далее, нажмите Alt + Backspace, чтобы залить слой-маску чёрным цветом, затем сместите слой немного верх (удерживая клавиши Ctrl + Shift + нажмите клавишу со стрелкой ВЕРХ один раз):
Прокрасьте на слой-маске белой кистью, как показано на скриншоте ниже:
Другие типы Размытия
Ещё один интересный эффект, который вы могли бы применить к объекту или человеку, создавая ощущение, что он бежит очень быстро, это Линейное Размытие (Zoom Blur).
Откройте изображение “Бегущий человек”, также продублируйте слой с изображением бегущего человека.
Далее, идём Фильтр – Размытие – Радиальное Размытие (Filter > Blur > Radial Blur). В параметре Метод (Method Blur), выберите опцию Линейное Размытие (Zoom Blur).
К дубликату слоя с размытием, добавьте слой-маску, для этого идём Слой- Слой-маска – Скрыть всё (Layer > Layer Mask > Hide All). Аккуратно прокрасьте с помощью белой кисти на слой-маске слоя, чтобы проявилось только изображение бегущего человека, а также немного прокрасьте участок земли перед человеком. Результат должен быть, как на скриншоте ниже.
Другая техника – это применение фокуса к изображению объекта или человека с помощью Размытия по Гауссу (Gaussian Blur) и размытия картинки за исключением объекта / человека, на котором мы хотим сфокусироваться. Итак, давайте попробуем.
Откройте изображение “Тинэйджеры”, также продублируйте слой с изображением тинэйджеров.
Примените Размытие по Гауссу (Gaussian Blur), установите радиус размытия 3.5px. Для этого идём Фильтр – Размытие- Размытие по Гауссу (Filter > Blur > Gaussian Blur).
Теперь, давайте предположим, что мы хотим сфокусировать только девушку, которая расположена в середине.
К дубликату слоя с размытием, добавьте слой-маску, для этого идём Слой – Слой-маска – Показать всё (Layer > Layer Mask > Reveal All) и с помощью мягкой чёрной кисти, прокрасьте поверх верхней части девушки, которая расположена в середине. При прокрашивании, будьте аккуратны, не заходите кистью дальше от объекта фокусирования. Как вы можете увидеть, эффект – нежный, но ощутимый.
Вы можете использовать данный тип выборочного размытия, чтобы усилить фокус на объекте, части тела (например, лица, глаз) или определённом участке изображения. Единственное, что нужно запомнить- это то, что нежные эффекты работают лучше всего.
Задать вопрос по уроку, а также поделится своей работой можно на странице урока сайта Фотошоп-мастер
1. Скачайте тренировочные изображения. Откройте файл Photo 1, empty scene.jpg в Photoshop и переименуйте слой по умолчанию Background в Photo 1, empty scene.
2. Теперь перетащите второе изображение Photo 2, scene with model.jpg на холст Photoshop, щелкните новый слой правой кнопкой мыши и выберите Растрировать слой.
Подсказка. Не забывайте использовать штатив при съемке. Для этого эффекта понадобятся две фотографии: одна с изображением пустой сцены, а вторая — с человеком, который сидит на табурете или стуле на фоне этой же сцены. Используйте ручной режим камеры, чтобы такие настройки, как экспозиция и баланс белого, оставались одинаковыми на обеих фотографиях.
3. Выберите слой Photo 2, scene with model и нажмите Добавить векторную маску в нижней части панели Слои. Контур вокруг миниатюры белой маски означает, что теперь для редактирования выбрана маска, а не изображение.
4. Выберите инструмент Кисть на панели инструментов слева.
5. Убедитесь, что для размера кисти задано значение 100 пикселей, а для жесткости — 0%.
6. В нижней части панели инструментов нажмите двунаправленную стрелку, чтобы выбрать черный в качестве цвета кисти.
Подсказка. Если для редактирования выбрана маска, вам будут доступны только черный и белый цвета. Закрашивая области маски черным цветом, вы делаете части изображения прозрачными, так что слой под ними становится виден.
7. Закрасьте ножки табурета, чтобы отобразить нижний слой с пустой сценой. Настройте размер и жесткость кисти для большей точности.
8. Если вы случайно «стерли» часть юбки, можно снова сделать ее видимой: просто измените основной цвет кисти на белый и проведите ей по юбке. Это снова сделает верхний слой видимым.
9. Используйте инструмент Масштаб (значок лупы) на панели инструментов, чтобы увеличить изображение для точной работы с границами объектов.
Фильтр «Рассеянный свет» служит для имитации просмотра изображения сквозь матовое стекло, туман, рассеивающий фильтр или другую рассеивающую свет среду. При этом добавляется прозрачный белый шум, свет рассеивается все более по мере удаления от центра выделенной области.
Для определения искажения выделенной области фильтр «Смещение» использует изображение, называемое схемой искривления. Например, если использовать схему искривления в форме параболы, можно создать изображение, которое выглядит как рисунок, напечатанный на ткани, растянутой за углы.
Для данного фильтра требуется файл схемы искривления, представленный в виде однослойного изображения в формате Photoshop или изображения в битовом режиме. Можно использовать собственные файлы или файлы, размещенные в следующих каталогах:
- C:\Program Files\Adobe\Photoshop Elements 2018\Presets\Textures
- C:\Program Files\Adobe\Photoshop Elements 2018\Required\Plug-Ins\Displacement Maps
В рабочей среде «Редактирование» выберите изображение, слой или определенную область.
Выберите Фильтр > Искажение > Смещение .
Для определения масштаба эффекта смещения задайте в поле «По горизонтали» и «По вертикали» значения в диапазоне от -999 до 999.
Если горизонтальный и вертикальный масштаб равны 100%, то наибольший сдвиг составляет 128 пикселей (поскольку применение среднего значения, соответствующего серому цвету, соответствует отсутствию сдвига)..
Схема искривления будет равна по размерам выделенной области. Теперь можно определить, как расположить изображение:
Растянуть по размеру
Изменяет размеры схемы искривления.
Заполняет выделенную область мозаичным узором из повторяющихся схем искривления.
Вставить отсеченные фрагменты
Заполняет неопределенное пространство содержимым, взятым с противоположного края изображения.
Повторить граничные пиксели
Расширяет область цветных пикселей по краю изображения в направлении, указанном вами.
Фильтр «Стекло» предназначен для имитации видимости изображения сквозь различные типы неровного стекла, имеющего разную текстуру. В раскрывающемся списке «Текстура» можно выбрать одну из штатных текстур или с помощью команды «Загрузить текстуру» загрузить файл в формате Adobe Photoshop (PSD) с изображением, которое может стать текстурной основой Можно настроить параметры масштаба, искажения и смягчения. Для использования собственного файла текстуры нажмите значок и выберите Загрузить текстуру .
Фильтр «Пластика» — инструмент модифицирования изображения, позволяющий манипулировать участками как пластичным материалом. Изменения происходят в окне предварительного просмотра изображения, которое позволяет применять специальные инструменты для искажения, скручивания расширения и сжатия или отображения фрагментов изображения. Инструмент позволяет выполнить тонкую ретушь недостатков или существенно исказить внешний вид для создания специального художественного эффекта, например шаржа.
Применение фильтра «Пластика»
В рабочей среде «Редактирование» выберите изображение, слой или определенную область.
Для изменения масштаба изображения в окне предварительного просмотра выполните одно из следующих действий:
Выберите масштаб из раскрывающегося меню в нижней левой области диалогового окна.
Выберите инструмент масштабирования в диалоговом окне и нажмите изображение для увеличения или нажмите его, удерживая клавишу Alt (Option в ОС Mac OS), для уменьшения. Инструмент масштабирования также можно протащить над областью просмотра, которую нужно увеличить.
Активируйте инструмент на панели инструментов.
Сдвигает пиксели вперед по мере перетаскивания.
Скручивание по часовой стрелке
Поворот пикселей по часовой стрелке при перетаскивании или при нажатой кнопке мыши.
Скручивание против часовой стрелки
Поворот пикселей против часовой стрелки при перетаскивании или при нажатой кнопке мыши.
Сдвиг пикселей в направлении центра области кисти при перемещении или при нажатой кнопке мыши.
Сдвиг пикселей по направлению от центра области кисти при перемещении или при нажатой кнопке мыши.
Сдвиг пикселей перпендикулярно направлению штриха. Чтобы сдвинуть пиксели влево, перетащите инструмент. Чтобы сдвинуть пиксели вправо, перетащите инструмент, удерживая клавишу Alt (Option в ОС Mac OS).
Полное или частичное восстановление внесенных изменений.
Чтобы изменить размер кисти, перетащите всплывающий ползунок или введите значение в диапазоне от 1 до 15000 пикселей.
Чтобы изменить нажим кисти, перетащите всплывающий ползунок или введите значение в диапазоне от 1 до 100.
Низкое значение нажима кисти производит менее заметные изменения.
- Если у вас сенсорный экран и вы пользуетесь стилусом, выберите параметр «Нажим стилуса».
Чтобы создать эффект перетаскивания прямой линии от текущей точки к предпоследней точки, в которой вы произвели щелчок, нажмите инструментом «Деформация», «Сдвиг пикселей» или «Зеркальное отражение», удерживая нажатой клавишу Shift.
Чтобы применить изменения, внесенные в изображение в окне предварительного просмотра, к оригинальному изображению, нажмите кнопку «ОК».
Выберите инструмент «Реконструировать» и удерживайте кнопку мыши или выполните перетаскивание по областям с искажениями. В центре кисти изображение восстанавливается намного быстрее. Чтобы восстановить прямую линию от текущей точки к предпоследней точки, в которой вы произвели щелчок, нажмите мышью, удерживая нажатой клавишу Shift.
Чтобы восстановить изображение в окне просмотра полностью, до состояния, предшествующего открытию диалогового окна, нажмите клавишу Alt (Option в ОС Mac OS) и кнопку «Восстановить». И наоборот, чтобы восстановить оригинальное изображение и вернуть предыдущие настройки инструментов, нажмите «Вернуть».
В этом первом уроке из серии уроков по эффектам слоя я расскажу все, что нужно знать для работы с эффектами и стилями слоя в программе Photoshop CC 2020. Мы начнем с определения разницы между эффектом слоя и стилем слоя, далее мы рассмотрим, как использовать готовые наборы стилей слоя и как добавлять одним нажатием кнопки мышки эффекты на изображение. Также мы изучим новые стили слоя, которые появились в версии программы Photoshop CC 2020, и я покажу вам, где можно найти стили слоев более ранних версий программы.
Помимо этого, вы рассмотрите, как добавлять и редактировать свои собственные эффекты слоя и как применять новые удивительные градиенты и узоры программы Photoshop CC 2020. Я покажу вам даже, как добавить несколько копий эффекта на один и тот же слой, как увеличить размер эффекта, чтобы он подошел к масштабу изображения, как сохранить ваши эффекты в виде готового стиля слоя и многое другое!
Этот урок написан для версии программы Photoshop CC 2020, поэтому, прежде чем вы начнете изучать урок, убедитесь, что у вас установлена нужная версия Photoshop.
Нам нужно многое изучить, поэтому давайте начнем!
Настраиваем документ
Если вы хотите продолжить урок, откройте любое изображение в качестве слоя заднего фона и далее добавьте какой-либо текст на него. В моем случае я воспользовался текстурой, которую скачал с сайта Adobe Stock, и добавил следующие слова «СЛОЙ» (LAYER) и «ЭФФЕКТЫ» (EFFECTS). В этом уроке я буду работать с текстовыми слоями, но эффекты можно также наложить и на слои-фигуры, и на пиксельные слои:
Исходный документ с текстом на слое заднего фона. На панели слоев видно, что текстура расположена на фоновом слое, а каждое слово - на отдельном слое:
На панели слоев отображены три слоя
Что такое эффекты слоя в программе Photoshop
Эффекты слоя – это набор неразрушающих, редактируемых эффектов, которые можно применить почти к любому типу слоев. В программе представлены 10 различных эффектов слоя, которые можно сгруппировать в три основные категории «Тени и блики», «Наложения» и «Обводки». Эффекты слоя напрямую связаны с самим слоем. Поэтому если вы вносите изменения в содержимое слоя, любые эффекты, которые вы применяли к данному слою, также мгновенно обновятся.
Что такое стили слоя?
Часто термины «Стили слоя» и «Эффекты слоя» путают, считая это одним и тем же, однако эффекты слоя – это отдельные эффекты, такие как, например, «Тень» (Drop Shadow), «Обводка» (Stroke), «Внешнее свечение» (Outer Glow) и т.д. Стиль слоя – это соединение двух и более эффектов вместе для придания слою определенного образа. Стили слоев также включают режимы наложения, применяемые к слою, вместе с настройками непрозрачности и заливки.
Какие преимущества дает нам применение эффектов слоя?
Эффекты слоя простые в применении, полностью редактируемые и неразрушающие содержимое слоя. Также они не добавляют веса к общему размеру документа в Photoshop. Эффекты слоя чаще всего применяют к текстовым слоям, однако их можно использовать и при работе с изображениями и векторными фигурами для добавления реализма или креатива способами, которые без эффектов слоя было бы трудно или практически невозможно применить.
Вы также можете добавлять множественные эффекты к одному и тому же слою, включать или отключать эффекты, редактировать настройки и удалять эффекты слоя без внесения постоянных изменений на изображение. Вы даже можете добавлять эффекты слоя к целой группе слоев, чтобы применить эффект сразу к нескольким слоям за раз. И вы можете сочетать эффекты слоя с текстом, чтобы создавать невероятные текстовые эффекты, не внося изменений в сам текст.
Где найти эффекты слоя?
Вы можете найти список эффектов слоя в двух основных местах.
Раздел «Слои»
Одно из мест – это раздел «Слои» в строке меню в верхней части экрана. Перейдите в раздел «Слои» (Layer) и выберите «Стиль слоя» (Layer Style). Вам откроется перечень всех эффектов слоя, из которых вы сможете выбрать нужный, включая Тиснение (Bevel & Emboss), Обводка (Stroke), Внутренняя тень (Inner Shadow), и пр. Для того чтобы добавить эффект, выберите его из списка:
Читайте также: