Как сделать triggered в фотошопе
В 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
Нажмите клавиши Ctrl + Shift + Alt + E, чтобы объединить все видимые слои в один слой, а затем с помощью инструмента Овальная область (Elliptical Marquee Tool), создайте выделение вокруг переднего колеса автомобиля.
Шаг 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) и с помощью мягкой чёрной кисти, прокрасьте поверх верхней части девушки, которая расположена в середине. При прокрашивании, будьте аккуратны, не заходите кистью дальше от объекта фокусирования. Как вы можете увидеть, эффект – нежный, но ощутимый.
Вы можете использовать данный тип выборочного размытия, чтобы усилить фокус на объекте, части тела (например, лица, глаз) или определённом участке изображения. Единственное, что нужно запомнить- это то, что нежные эффекты работают лучше всего.
Шаг 3.
Настраиваем градиент. Цвет можно выбрать любой, сочетаемый с картинкой главного объекта.
Помещаем главный объект на этот фон. главный объект должен быть отделен от фона.
Шаг 5.
выделяем инструментов прямоугольное выделение часть объекта, захватывая основные цвета.
Копируем эту часть на новый слой сочетанием клавиш ctrl + J
С помощью ctrl+T растягиваем эту скопированную часть на всю ширину баннера.
Делаем такое же действие, выделяя фрагмент на брюках и ботинке.
Объединяем получившиеся 2 слоя в один ctrl+ E. И подвигаем наверх баннера.
Заходим в меню фильтр — искажение — полярные координаты.
Перемещаем слой с полярными координатами под слой с фото главного объекта и увеличиваем рамкой трансформации до нужного размера.
Создаем маску на слое с кругом.
Находясь на маске , удаляем часть круга черной кистью.
Переходим на слой с главным объектов и заходим в стили слоя, чтобы создать тень главному объекту.
Теперь чтобы круг не висел в воздухе , ему надо создать тень. Для этого мягкой кисть создаем пятно на новом слое под кругом и рамкой трансформации ее сплющиваем и растягиваем до нужного размера.
Сама по себе опция «Свободная трансформация» (Free Transform) несколько ограничена в своих возможностях. Вот почему Adobe Photoshop включает в себя дополнительные режимы преобразования, которые значительно расширяют возможности программы. Пройдите по вкладке Редактирование —> Трансформация (Edit —> Transform).
Обращаю Ваше внимание, не «Свободная трансформация» (Free Transform), а просто «Трансформация» (Transform)!
После перехода открывается список дополнительных опций:
Англо-русский перевод опций трансформации:
Scale — Масштабирование
Rotate — Поворот
Skew — Наклон
Distort — Искажение
Perspective — Перспектива
Warp — Деформация
Rotate 180° — Поворот на 180°
Rotate 90° CW — Поворот на 90° по часовой
Rotate 90° CCW — Поворот на 90° против часовой
Flip Horizontal — Отразить по горизонтали
Flip Vertical — Отразить по вертикали
Внимание! Если вам необходимо выбрать одну из этих дополнительных опций и у Вас уже активен инструмент «Свободная трансформация», нет никакой необходимости выбирать их из меню «Редактирования». Просто щелкните правой кнопкой мыши в любом месте документа те же опции появятся в контекстном меню:
Давайте рассмотрим подробнее работу этих опций.
«Масштабирование» (Scale) и «Поворот» (Rotate) мы рассмотрели выше.
Наклон (Skew)
При выбранной данной опции, при перетаскивании любого из боковых маркеров Вы будете наклонять изображение, сохраняя при этом стороны параллельными:
Если же перед перетаскиванием бокового маркера зажать клавишу Alt, то противоположные стороны будут двигаться в противоположном направлении относительно центра трансформации:
Если перетаскивать угловой маркер, то наклонятся будет только одна сторона:
При перетаскивании углового маркера и зажатой клавише Alt, наклоняется как одна, так и противоположная сторона, причём противоположная наклоняется в параллельно первой, а противоположная вершина двигается в противоположном направлении:
При перетаскивании углового маркера и зажатых клавишах Alt+Shift, наклоняется как одна, так и противоположная сторона, причём противоположная наклоняется в зеркальном направлении к первой:
Искажение (Distort)
Когда эта опция выбрана, нажмите на угловой маркер и перетащите его в любом направлении. Изменения будут похожи на Наклон (Skew), но с полной свободой передвижения. При зажатой клавише Alt, противоположный угол буде двигаться в противоположном направлении:
Перемещение бокового маркер также похож на режим Наклон (Skew) в том, что при этом изображение или выделения будет наклонятся, но, опять же, вам дается полная свобода передвижения, позволяя вам вместе с наклоном одновременно масштабировать область. Если удерживать клавишу Alt, противоположная сторона будет двигаться в противоположную сторону:
Перспектива (Perspective)
При выбранной опции «Перспектива», горизонтальное или вертикальное перемещение углового маркера двигает также и противоположный угол в противоположном направлении, что создаёт псевдо-3D эффект. Здесь я перетаскиваю маркер в левого верхнего угла горизонтально внутрь. При этом, правый верхний угол также движется внутрь:
Перемещение боковых маркеров изменяет изображение аналогично режиму «Наклон» (Skew).
Деформация (Warp)
С помощью этой опции можно деформировать изображение методом изгиба. При активации «Деформации» на изображении появляется габаритная рамка с направляющими лучами. Поворот и растягивание/сжатие лучей позволяет изогнуть изображение в произвольной форме:
Кроме того, имеется возможность перемещать перекрестья внутренних линий:
Вот пример практического применения опции. С помощью «Деформации» я повернул в пространстве и несколько изогнул лист с фотографией:
Быстрое переключение на режимы «Наклон» (Skew), «Искажение» (Distort) и «Перспектива» (Perspective) с клавиатуры
Если активен инструмент «Трансформация», то для временного выбора дополнительных режимов необязательно заходить в меню/
Для быстрого выбора «Наклона» зажмите клавишу Ctrl и воспользуйтесь боковым маркером.
Для быстрого выбора «Искажения» зажмите клавишу Ctrl и воспользуйтесь угловым маркером.
Для быстрого выбора «Перспективы» зажмите клавиши Ctrl+Shift+Alt и воспользуйтесь угловым маркером.
Применение или отмена трансформации
Для применения трансформации нажмите клавишу Enter, для отмены — Esc.
Также, можно кликнуть по кнопкам, которые расположены в правой части панели параметров. Для применения кликните по галке, для отмены — по перечёркнутому кругу:
Инструмент «Свободная трансформация» (Free Transform) является одной из самых полезных и часто используемых функций в программе Photoshop. Как понятно из названия, он предназначен для изменения размера, перестройки, вращения и перемещения изображений и выделенных областей в документе.
В этом материале мы получим необходимые навыки для работы с этим инструментом, и в том числе, рассмотрим, как перейти к другим видам режимов преобразования, не выходя из «Свободной трансформации».
Для работы я возьму вот такое изображение:
Оно состоит из двух слоёв, белого фонового слоя и слоя с ромбами на прозрачном фоне.
На рисунке показана Панель слоёв этого документа Обратите внимание, что слой с ромбами активен (выделен синим), это важно, потому что трансформация применяется только к активному слою (слоям), либо к выделенной области на активном слое, если такая область имеется:
Активация инструмента «Свободная трансформация»
Официальным способом активации этого инструмента является выбор через вкладку главного меню Редактирование —> Свободное трансформирование (Edit —> Free Transform).
Но, как и почти все команды в Photoshop, «Свободная трансформация» имеет несколько вариантов активации, и, как можно догадаться, для вызова этой команды существует способ проще и быстрее, чем официальный, это нажатие «горячих» клавиш Ctr+T.
После активации инструмента вокруг пикселей на слое появляется габаритная рамка с маркерами на серединах сторон и на углах. С помощью этих маркеров мы можем трансформировать всё, что находится внутри габаритной рамки, попросту перетаскивая их:
Изменение формы выбранной области
Давайте начнем с рассмотрения самых простых способов изменить выбранную область, т.е. область, находящуюся внутри габаритной рамки.
Для регулировки ширины области, нажмите левой клавишей мыши на левый или правый маркер и, удерживая клавишу мыши зажатой, просто перетащите маркер влево или вправо. Для регулировки высоты воспользуйтесь верхним или нижним маркером и перетащите его вверх или вниз. Здесь я перетаскиваю правый маркер вправо. Обратите внимание, что при этом ромбы вытянулись по горизонтали:
Перемещение одного из этих боковых маркеров само по себе будет передвигает только соответствующую боковую сторону, но, если перед началом перетаскивания зажать клавишу Alt, то, при перетаскивании маркера перемещаться будут обе боковые стороны, причём в противоположных направлениях относительно центра выбранной области.
В примере ниже я зажал Alt и перетаскиваю правый маркер вправо, при этом левая сторона области движется наружу влево.
То же самое произошло, если бы я, удерживая Alt, перетащил бы верхний или нижний маркер:
Чтобы изменить ширину и высоту области одновременно, нажмите и перетащите любой из угловых маркеров. Если перед этим зажать клавишу Alt, перемещаться будут все четыре стороны габаритной рамки относительно центра:
Изменение размера
При изменении формы описанным выше способом мы можем нарушить пропорции изображения. К примеру, если перетащить вправо правую сторону прямоугольника с пропорциями сторон 4х3, то пропорция уже будет, скажем, 5х3 или 6х3 или что-то около того. Иными словами, вместе с размером изменяется и форма.
Но, довольно часто перед пользователем стоит задача изменить размер, но при этом сохранить оригинальную форму нетронутой.
Например, вам может понадобиться уменьшить фотографию для того, чтобы она подходила по размеру под рамку, но при этом Вы не хотите, чтобы лицо на фотографии стало непропорционально широким или вытянутым. Вам нужно просто его уменьшить, не меняя пропорции.
Для того, чтобы изменить размер чего-либо с помощью «Свободной трансформации» (Free Transform) с сохранением пропорций, следует перед перетаскиванием маркеров зажать клавишу Shift..
Если вместе с Shift зажать ещё и клавишу Alt, то размер будет изменяться от центра:
Вращение
Метод поворота изображения или выделения с помощью «Свободной трансформации» несколько отличается от метода изменения формы и размеров. Вместо перетаскивания маркеров следует вывести курсор мыши за пределы габаритной рамки, при этом Вы увидите, что курсор превратился в изогнутую линию с маленькими стрелками на обоих концах. После этого нажмите левую клавишу мыши и, не отпуская её, протащите курсор для поворота. Если перед перетаскиванием Вы зажмёте клавишу Shift, рамка будет поворачиваться на фиксированный угол в 15° за одно движение мыши:
Ось вращения (центр трансформации)
Если Вы внимательно посмотрите в центр габаритной рамки, Вы заметите небольшой символ в виде кружка. Этот символ представляет собой центр трансформации, и именно поэтому, по умолчанию, он находится в центре. Это также объясняет то, почему в данный момент изображение поворачивается вокруг своего центра — потому что центр трансформации находится в центре изображения.
Мы можем изменить положение этого центра, просто перетащив его с помощью мыши в любое другое место. Например, если я хочу, чтобы моё изображение поворачивалось относительно своего нижнего правого угла, все, что мне нужно сделать, это перетащить центр трансформации в этот угол:
Перемещение
Чтобы переместить изображение или выделенную область внутри документа, нажмите левой клавишей мыши в любом месте внутри габаритной рамки (но не на центр трансформации!) и, не отпуская клавишу, перетащите курсор в нужное место.
Другие параметры трансформации
Сама по себе опция «Свободная трансформация» (Free Transform) несколько ограничена в своих возможностях. Вот почему Adobe Photoshop включает в себя дополнительные режимы преобразования, которые значительно расширяют возможности программы. Пройдите по вкладке Редактирование —> Трансформация (Edit —> Transform).
Обращаю Ваше внимание, не «Свободная трансформация» (Free Transform), а просто «Трансформация» (Transform)!
После перехода открывается список дополнительных опций:
Про дополнительный опции рассказывается в статье «Трансформация: дополнительные режимы».
Применение или отмена трансформации
Для применения трансформации нажмите клавишу Enter, для отмены — Esc.
Также, можно кликнуть по кнопкам, которые расположены в правой части панели параметров. Для применения кликните по галке, для отмены — по перечёркнутому кругу:
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Читайте также: