Как вытянуть круг в фотошопе
На сегодняшний день я использовал много разных фильтров размытия, но я не помню чтобы когда-либо использовал в своих работах фильтр Spin Blur (Размытие вращения) в Adobe Photoshop. Это специальное размытие предназначено для добавления движения какому-нибудь вращающемуся объекту. Этим объектом может быть что угодно, например, шкив двигателя, страницы книги, по которым дует проходящий ветер, или лопасти огромной ветряной турбины. Добавление движения к объекту привносит ему жизнь. Данный фильтр оживляет неподвижные изображения. Именно поэтому мне хотелось бы сегодня воспользоваться им, возможно, и вы посмотрите на него с другой стороны.
В качестве примера я буду использовать изображение с ветряной турбиной, лопасти которой неподвижны. Для начала я применю к изображению фильтр Spin Blur (Размытие вращения), а затем сделаю ещё один шаг и добавлю несколько дополнительных эффектов движения к лопастям. И в заключении я отредактирую маску фильтра, чтобы улучшить внешний вид всего изображения. Все эти действия мы будем делать в Photoshop.
Выбор изображения
Вот изображение, которое я буду использовать. Как видите оно «безжизненное».
Применение фильтра «Размытие вращения»
Я уже открыл изображение в Photoshop. Для начала сделайте клик правой кнопкой мыши по фоновому слою и выберите команду Convert to Smart Object (Преобразовать в смарт-объект). Это сделает изображение неразрушающим, а также появится маска, которая нам понадобится позже.
Перейдите в меню Filter > Blur Gallery > Spin Blur (Фильтр – Галерея размытия – Размытие вращения).
Как только вы окажитесь в рабочей среде фильтра «Размытие вращения», кликните по центру окружности и переместите его в центр соединения лопастей. Размытие содержится именно в этой окружности.
Поскольку площадь фильтра меньше, чем диаметр лопастей, кликните по внешнему краю окружности и переместите её наружу. Тем самым мы расширим область размытия.
После этого перейдите на правую панель, где расположена настройка Blur Angle (Угол размытия). Регулируя ползунок этой настройки, мы можем ускорить или замедлить эффект вращения. Я установил значение 15 градусов, на мой взгляд этого достаточно.
Добавление эффекта движения
На данном этапе мы сымитировали вращение лопастей. Мне хотелось бы добавить ещё несколько эффектов движения к вращающимся лопастям. Для этого перейдите на соседнюю вкладку Motion Effects (Эффекты движения) на правой панели.
Здесь я внёс следующие изменения: Strobe Strength (Интенсивность импульсной вспышки) 10%, Strobe Flashes (Импульсные вспышки) 4 и Strobe Flash Duration (Длительность импульсной вспышки) 2 градуса. Для чего же предназначены эти параметры?
- Strobe Strength (Интенсивность импульсной вспышки) – значение, определяющее степень размытия между действиями виртуальной вспышки.
- Strobe Flashes (Импульсные вспышки) – значение, которое определяет количество виртуальных вспышек.
- Strobe Flash Duration (Длительность импульсной вспышки) – значение, контролирующее длину виртуальной вспышки.
Я употребляю термин «виртуальный», потому что, очевидно, вспышка не настоящая. Это просто эффект, но скажу вам, что выглядит он реалистично.
Вот, какой результат получился у меня. Если сравнить данный скриншот с приведённым выше, то можно увидеть эффект вращения лопастей, что создаёт впечатление восприятия скорости.
Если вы довольны своим результатом, то нажмите OK, чтобы выйти из рабочей области фильтра «Размытие вращения». Photoshop вернёт вас в обычное рабочее пространство.
Доработка изображения
Теперь, когда у нас есть размытие, мне бы хотелось немного доработать изображение. Обратите внимание на снимок выше, вы увидите, что размытие применилось так же и к области, где находится турбина. Я не хочу, чтобы эта область была размыта, поэтому мне придётся её замаскировать. Для начала посмотрите на панель слоёв.
Верхний слой с изображением преобразован в смарт-объект, ниже него находится слой Smart Filters (Смарт-фильтр). Именно этот слой «Смарт-фильтр» содержит и маску, и применённый фильтр «Размытие вращения». Поскольку есть маска, то не должно возникнуть никаких проблем с удалением ненужной размытой области на изображении. Всё что необходимо сделать, это выбрать миниатюру маски, чтобы активировать её, а затем использовать инструмент Bruch Tool (B) (Кисть) чёрного цвета, чтобы обрисовать область, в которой не нужно размытие.
Ниже приведён результат:
Вот конечное изображение:
Мне понравилась работа. Я думаю, вы согласитесь, что теперь лопасти ветряной турбины крутятся.
Надеюсь, я ясно объяснил, как использовать фильтр Spin Blur (Размытие вращения) в Adobe Photoshop, который позволяет сделать объект движущимся или вращающимся. Спасибо за прочтение!
1. Скачайте материалы к уроку и откройте файл circular-stretch-effect.psd в Photoshop.
2. Нажмите на значок Создать новый слой, чтобы создать новый пустой слой.
Создание эффекта растягивания пикселей
3. Выберите слой Jump, затем нажмите на инструмент Прямоугольная область и, удерживая нажатой кнопку мыши, выберите в контекстном меню инструмент Область (горизонтальная строка).
4. Нажмите на точку на изображении, на котором присутствует большая часть цветов. Выделенная область будет обведена пунктирной линией. Скопируйте выбранную область, выбрав Редактирование > Копировать (комбинация клавиш Ctrl+C в Windows или ⌘+C в macOS).
5. Теперь выберите пустой слой, созданный ранее, и вставьте выделенную область, для этого нажмите Редактирование > Вставить (комбинация клавиш Ctrl+V в Windows или ⌘+V в macOS).
6. Чтобы повернуть и растянуть разноцветную линию, выберите инструмент Перемещение и установите флажок Показать элементы управления трансформированием. Появятся три маркера.
7. Переместите курсор на маркер в середине выделенной области, так чтобы отобразился курсор с двумя стрелками. Теперь, удерживая клавишу Shift, поверните выделенную область на 90 градусов.
Совет. Если удерживать нажатой клавишу Shift во время поворота, выделенная область поворачивается с шагом 15 градусов, что позволяет точно повернуть ее на 90 градусов.
Команда Деформация позволяет перетаскиванием контрольных точек изменять форму изображения, фигур, контуров и т. д. Кроме того, деформацию можно выполнять с помощью нужной формы во всплывающем меню «Деформация» на панели параметров. Фигуры в раскрывающемся меню «Деформация» можно изменять перемещением их контрольных точек.
Обновлено в Photoshop 22.5 (выпуск за август 2021 г.)
Выберите слой или фрагмент изображения, который требуется деформировать.
Сделав выбор, выполните одно из следующих действий.
Выберите Редактирование > Трансформирование > Деформация или
Нажмите клавиши Control + T (Win) / Command + T (Mac), затем нажмите кнопку Переключение между свободной трансформацией и режимами деформации на панели параметров.
Щелкните значок шестеренки на панели «Параметры», чтобы просмотреть дополнительные параметры визуальных направляющих . В Photoshop 22.4.1 (выпуск за май 2021) визуальные направляющие стали еще лучше благодаря дополнительным параметрам направляющих.
Теперь можно задать вариант отображения направляющей деформации и выбрать, когда должны отображаться визуальные направляющие: Автоматически показывать направляющие, Всегда показывать направляющие и Никогда не показывать направляющие . По умолчанию для сетки установлено значение Всегда показывать направляющие .
Также предусмотрена возможность изменить цвет и непрозрачность визуальных направляющих, а также количество линий, из которых состоит направляющая. Параметр Плотность устанавливает, сколько линий отображается между каждой линией разделения деформации . По умолчанию для плотности задано значение 2.
При использовании контрольных точек для искажения элемента вы также можете выбрать Вид > Вспомогательные элементы , чтобы показать или скрыть сетку деформации и контрольные точки.
Для трансформирования объекта с использованием набора настроек деформации выберите стиль деформации во всплывающем меню Деформация на панели выбора параметров.
Чтобы создать пользовательскую сетку деформации, выберите размер во всплывающем меню Сетка на панели параметров.
- Выберите один из размеров сетки по умолчанию: 3 x 3, 4 x 4, 5 x 5.
- Выберите Заказная , а затем укажите число столбцов и строк в диалоговом окне Пользовательский размер сетки .
Чтобы добавить больше контрольных линий сетки, выберите вариант разделения деформации.
- Выполните одно из следующих действий.
- На панели параметров нажмите любую кнопку в группе Разделить .
- Выберите Редактирование > Трансформирование > Разделить деформацию по горизонтали , Разделить деформацию по вертикали или Разделить деформацию крестообразно .
Дополнительные сведения о параметрах разделения деформации см. в разделе Разделение деформации.
- Для манипуляций с фигурой можно перетаскивать контрольные точки, сегмент ограничительной рамки или сетки, а также область внутри сетки. Кривая настраивается с помощью рукоятей опорных точек. Это аналогично настройке рукоятей искривленного сегмента в векторной графике.
- Щелкните линию сетки, чтобы активировать контрольные точки для редактирования деформации. Щелкните опорную точку (на пересечении линий сетки), чтобы редактировать окружающие ее контрольные точки. Перетащите контрольные точки для деформации изображения.
- Чтобы выбрать несколько точек, щелкайте опорные точки или перетаскивайте над ними указатель, удерживая клавишу Shift. При выделении двух и более точек вокруг них появляется прямоугольная рамка.
- Чтобы отменить выделение нескольких точек, щелкайте активные опорные точки или перетаскивайте над ними указатель, удерживая клавишу Shift. Размер прямоугольной рамки вокруг выделенных точек автоматически меняется при выделении или отмены выделения точек.
- Чтобы удалить выделенную линию сетки (вдоль нее видны контрольные точки), нажмите клавишу Delete или выберите Редактирование > Трансформирование > Удалить разделения деформации .
- Чтобы удалить горизонтальную и вертикальную линии сетки, проходящие через опорную точку, щелкните эту точку, затем нажмите клавишу Delete или выберите Редактирование > Трансформирование > Удалить разделения деформации .
- Чтобы изменить ориентацию стиля деформации, выбранного в меню «Деформация», нажмите кнопку «Изменить ориентацию деформации» на панели параметров.
- Чтобы сместить центр преобразования, щелкните квадрат на координатном манипуляторе контрольной точки на панели параметров.
- Чтобы задать интенсивность искажения в числовом виде, введите на панели выбора параметров значения изгиба (поле «Изгиб») и искажений по горизонтали («Х») и вертикали («Y»). Если в выпадающем меню «Стиль деформации» был выбран параметр «Заказной» или «Нет», то числовые значения задать нельзя.
Пользовательское разделение деформации было применено вокруг горлышка бутылки. Для плотности визуальных направляющих установлено значение 4. Между каждым разделением деформации находятся четыре направляющих.
Нажмите клавишу «Ввод» (Windows), или Return (Mac OS), или кнопку «Выполнить» на панели выбора параметров.
Чтобы отменить трансформацию, нажмите клавишу Esc или нажмите кнопку «Отмена» на панели параметров.
Каждый раз при деформации резкость растрового изображения (в отличие от формы или контура) немного снижается, поэтому рекомендуется выполнить несколько команд и только потом подтверждать суммарное преобразование, а не подтверждать все преобразования по отдельности.
В выпуске Photoshop 22.5 за август 2021 теперь можно использовать клавишу-модификатор Control (Win) / Command (Mac) для быстрого переключения вариантов разделения деформации без помощи строки меню.
- Удерживая клавишу «Control» (Win) / «Command» (Mac), щелкните в любом месте сетки деформации, чтобы разделить ее крестообразно в этом месте.
- Удерживая клавишу Control (Win) / Command (Mac), переместите указатель к краю существующей горизонтальной линии сетки. Щелкните, чтобы разделить деформацию по вертикали в этом месте.
- Аналогично, удерживая клавишу Control (Win) / Command (Mac), переместите указатель к краю существующей вертикальной линии сетки. Щелкните, чтобы разделить деформацию по горизонтали в этом месте.
Преобразование деформации с разными опорными точками
Можно перемещать маркеры (также называются маркерами Безье ) управления независимо друг от друга. Эти маркеры прикрепляются к опорным точкам при применении команды Разделение деформации для трансформирования с использованием сочетания клавиш.
В настоящее время доступно два варианта перемещения с помощью маркеров Безье:
- Согласованно : при перемещении одного маркера перемещаются все остальные. Значок имеет вид круга.
- Независимо : каждый маркер перемещается, не затрагивая другие маркеры, связанные с опорной точкой. Значок имеет вид квадрата.
Удерживая клавишу «Alt» (Win) / «Option» (Mac), щелкните точку, чтобы переключить состояние элемента управления Безье (независимое движение или согласованное). Также можно щелкнуть опорную точку, удерживая клавишу «Ctrl» (или щелкните правой кнопкой мыши), и выберите «Преобразовать опорную точку деформации» в контекстном меню.
- Угловые опорные точки: по умолчанию для угловых опорных точек задано независимое перемещение.
- Краевые/боковые опорные точки: по умолчанию для опорных точек по краям установлено согласованное перемещение горизонтальной / вертикальной пары.
- Внутренние опорные точки: по умолчанию для опорных точек по краям установлено согласованное перемещение горизонтальной / вертикальной пары.
Кроме того, можно выбрать несколько опорных точек (удерживая клавишу «SHIFT»), а затем изменить перемещение для всех этих точек одновременно.
Марионеточная деформация отображает визуальную сетку, с помощью которой можно существенно деформировать определенные фрагменты изображения, не затрагивая других областей. Этот инструмент может иметь множество применений: от легкой ретуши изображения (например, придания формы волосам) до полной трансформации (например, измерение положения рук или ног).
Помимо слоев изображения можно также применить функцию «Марионеточная деформация» к маскам слоя и векторным маскам. Чтобы применить к изображениям искажение, не затрагивая оригинал, используйте смарт-объекты. См. дополнительные сведения о создании смарт-объектов.
При преобразовании любого типа слоя перетаскивание углового маркера ограничительной рамки теперь по умолчанию масштабирует слой пропроционально . При этом кнопка Сохранять пропорции (значок ссылки) на панели параметров находится во включенном состоянии. Чтобы изменить поведение преобразования по умолчанию на непропорциональное масштабирование, выключите кнопку Сохранять пропорции (значок ссылки). Клавиша SHIFT служит переключателем для кнопки Сохранять пропорции . Если кнопка «Сохранять пропорции» включена, при нажатии клавиши SHIFT она выключается (и наоборот). Photoshop запоминает последнюю настройку поведения преобразования — пропорциональное или непропорциональное масштабирование. Это будет поведение преобразования по умолчанию, когда вы запустите Photoshop в следующий раз.
Используйте кнопку «Сохранять пропорции» (значок ссылки) на панели параметров, чтобы выбрать поведение масштабирования по умолчанию.
Как вернуть устаревшее поведение преобразования?
В строке меню выберите Редактировать (Windows) или Photoshop (Mac) > Установки > Общие , а затем выберите Использовать прежнюю версию свободного трансформирования .
Трансформирование масштабирования, поворота, наклона, растяжения или деформации изображения. Трансформирование можно применять к выделенной области, целому слою, нескольким слоям или к слою-маске. Кроме того, трансформирование применяется к контуру, векторной фигуре, векторной маске, границе выделения или к альфа-каналу. При работе с пикселами трансформирование влияет на качество изображения. Для того чтобы к растровым изображениям применялось неразрушающее трансформирование, следует использовать функцию «Смарт-объекты». (См. раздел Работа со смарт-объектами.) Трансформирование векторной фигуры или контура является неразрушающим, поскольку при этом изменяются только математические вычисления, с помощью которых создан объект.
Чтобы выполнить трансформирование, выделите нужный объект, затем выберите команду трансформирования. При необходимости перед началом трансформирования настройте контрольную точку. Перед тем как выполнять суммарное преобразование, можно последовательно выполнить несколько отдельных действий. Например, можно выполнять масштабирование с помощью инструмента «Масштаб» или путем перетаскивания рукоятей, затем применить команду «Искажение», изменяя степень искажения также перетаскиванием рукояти. Для того чтобы применить трансформирование, следует нажать клавишу «Ввод» или «Return».
Цвет пикселов, добавляемых или удаляемых во время трансформирования, вычисляется в Photoshop методом интерполяции, выбранным в разделе «Основные» диалогового окна «Установки». Скорость и качество трансформирования непосредственно зависят от этого параметра интерполяции. Бикубическая интерполяция, применяемая по умолчанию, выполняется медленнее всего, но дает наилучший результат.
Кроме того, деформировать и искажать растровые изображения можно с помощью фильтра «Пластика».
В этом поучительном Photoshop уроке для новичков, я покажу как обрезать изображение по кругу. Смотрите видео или читайте текстовую версию!
Обычно, когда мы думаем об обрезке изображений, то всегда представляем их в форме прямоугольника или квадрата. Если мы используем инструмент Crop (С) (Рамка), то других вариантов у нас нет.
Но кто говорит, что нам нужно использовать инструмент Рамка? В Photoshop можно легко обрезать фотографию с помощью инструмента выделения. Чтобы обрезать изображение по кругу, мы будем использовать инструмент Elliptical Marquee (M) (Овальная область). Я буду работать в Photoshop CC, но недавние версии так же подойдут.
Вот так выглядит изображение, обрезанное по кругу, с прозрачными углами, чтобы вы могли легко загрузить его в интернет или применить в другом дизайне.
1. Открываем изображение
Как всегда, начнём с открытия изображения в Photoshop. Вот фотография девушки , которую я буду использовать.
2. Преобразование фонового слоя в обычный
Если мы посмотрим на панель слоёв, то увидим, что наша фотография расположена на фоновом слое.
Прежде чем мы начнём обрезать изображение по кругу, нам необходимо преобразовать фоновый слой в обычный. Причина в том, что после обрезки вокруг изображения появятся прозрачные области, а в Photoshop фоновые слои не поддерживают прозрачность.
Для преобразования, нам необходимо переименовать фоновый слой. В Photoshop CC просто нажмите на значок блокировки с правой стороны слоя. В Photoshop CS6 и более ранних версиях зажмите Alt и дважды кликните по фоновому слою.
Программа мгновенно переименует слой «Background» на “Layer 0». Теперь он преобразован в обычный слой.
3. Инструмент «Овальная область»
На панели инструментов выберите Elliptical Marquee (M) (Овальная область). По умолчанию он располагается чуть ниже инструмента Rectangular Marquee (M) (Прямоугольная область) в той же вкладке. Поэтому кликните правой кнопкой мыши по инструменту Прямоугольная область и из раскрывающегося списка выберите нужный инструмент.
4. Создаём выделение
Выбранным инструментом Овальная область кликните внутри изображения и, потянув, образуйте выделение эллиптической формы. Чтобы оно получилось идеально круглым, при его создании зажмите клавишу Shift. Не беспокойтесь о расположении выделения, в следующем шаге мы переместим его в нужное место. Просто убедитесь, что размер круга достаточно большой, чтобы в него поместилась вся область, которую вы хотите сохранить.
Когда вы закончите отпустите сначала кнопку мыши, а затем клавишу Shift. В ином случае выделение снова приобретёт свободную форму эллипса.
5. Перемещение выделенной области
Если вы создали выделение в не совсем подходящем месте, то просто кликните внутри него и переместите куда нужно. Убедитесь что в верхней панели параметров активна команда New Selection (Новая выделенная область). Я переместил выделение так, чтобы лицо девушки было расположено точно в центре круга. Именно эту область я хочу сохранить. Остальная часть изображения будет обрезана.
6. Инвертируем выделение
На данный момент у нас выбрана область внутри круга. Но нам нужно выделить область, которая расположена вокруг него.
Для этого перейдите в меню Select (Выделение) и в раскрывающемся списке команд выберите Inverse (Инверсия).
7. Удаляем ненужную область
После инвертирования выделения нажмите клавишу Backspace или Delete, чтобы удалить область возле круга. В результате эта область заполнится шаблоном шахматной доски, так в Photoshop представляется прозрачная область.
Нам больше не нужно выделение, поэтому отмените его, перейдя во вкладку Select > Deselect (Выделение – Отменить выделение) или нажмите комбинацию клавиш Ctrl + D.
8. Обрезаем лишние прозрачные области
Чтобы обрезать лишние прозрачные области, окружающие фотографию, перейдите в меню Image > Trim (Изображение - Тримминг).
В диалоговом окне в разделе Based On (На основе) выберите параметр Transparent Pixels (Прозрачных пикселов). Убедитесь, что в разделе Trim Away (Обрезка) выбраны все параметры Top, Bottom, Left и Right (Сверху, Снизу, Слева и Справа) (они должны быть выбраны по умолчанию).
Нажмите OK, чтобы закрыть диалоговое окно Trim (Тримминг). Photoshop мгновенно обрежет лишние прозрачные области вокруг фотографии.
9. Сохранение изображения в формате PNG
Обычно мы сохраняем фотографии в формате JPEG, но данный формат не поддерживает прозрачность. Для сохранения прозрачных областей в углах и, чтобы они не заполнились белым цветом, сохраните обрезанное изображение в формате PNG, который поддерживает прозрачность.
Для этого в меню File (Файл) выберите Save As (Сохранить как).
В открывшемся диалоговом окне для параметра Format (Формат) установите PNG. Дайте название своему файлу и укажите, куда хотите его сохранить, затем нажмите кнопку Save (Сохранить).
Когда Photoshop попросит вас установить параметры для PNG, вы можете спокойно оставить их по умолчанию. Нажмите OK, чтобы сохранить изображение.
Теперь вы знаете, как легко можно обрезать изображение по кругу, используя инструмент Elliptical Marquee (Овальная область).
Читайте также: