Как сделать эффект увеличения в фотошопе
Обновлено: 03.07.2024
В этом уроке по эффектам Photoshop мы узнаем, как добавить действие и ощущение движения к фотографии с помощью эффекта размытия при увеличении. Мы будем использовать фильтр радиального размытия Photoshop, чтобы добавить начальное размытие, затем мы вернем часть исходного изображения, используя маску слоя и инструмент «Градиент». Это не только отличный (и популярный) способ оживить изображение, но и весь эффект можно выполнить менее чем за пять минут, если вы освоитесь с шагами.
Примечание. Эта версия руководства предназначена для Photoshop CS5 и более ранних версий. Пользователи Photoshop CS6 и CC (Creative Cloud) захотят ознакомиться с полностью обновленным учебным пособием по эффекту действия «Радиальное размытие».
Вот фото, которое я буду использовать в этом уроке:
Вот как это будет выглядеть после добавления эффекта размытия:
Это руководство из нашей серии фотоэффектов. Начнем!
Как создать эффект размытия при масштабировании
Шаг 1. Дублируйте фоновый слой
Первым шагом в создании эффекта масштабирования является дублирование фонового слоя, чтобы мы могли работать с отдельной копией изображения, что позволит нам позже вернуть часть исходного изображения. С нашей фотографией, недавно открытой в Photoshop, если мы посмотрим на панель «Слои», мы увидим, что в настоящее время у нас есть один слой, фоновый слой, который содержит нашу фотографию:
Чтобы дублировать фоновый слой, перейдите в меню «Слой» в строке меню в верхней части экрана, выберите «Создать», а затем выберите «Слой через копирование». Или, чтобы быстрее продублировать слой в Photoshop, используйте сочетание клавиш Ctrl+J (Win)/Command+J (Mac):
В любом случае вы указываете Photoshop сделать копию слоя, и если мы снова посмотрим на панель «Слои», мы увидим, что теперь у нас есть два слоя. Исходный фоновый слой находится внизу, а новый слой под названием «Слой 1» находится над ним. Если мы посмотрим на миниатюры предварительного просмотра слева от имен слоев, мы увидим, что оба слоя содержат одно и то же изображение, а это означает, что теперь мы можем делать все, что захотим, с изображением на «Слое 1», а исходная фотография останется в безопасности. и невредимым на фоновом слое под ним:
Шаг 2. Примените фильтр «Радиальное размытие»
Выбрав «Слой 1» на панели «Слои» (он должен быть выделен синим цветом), перейдите в меню «Фильтр» в верхней части экрана, выберите «Размытие», а затем выберите «Радиальное размытие»:
Открывается диалоговое окно Photoshop «Радиальное размытие». Фильтр Radial Blur дает нам выбор из двух разных типов размытия — Spin и Zoom. Поскольку мы создаем эффект масштабирования, установите для параметра «Метод размытия» в левой части диалогового окна значение «Масштаб». Непосредственно под параметром «Метод размытия» находится параметр «Качество». Выберите Лучшее для качества.
Мы определяем степень размытия, применяемую к изображению, с помощью параметра «Количество» в верхней части диалогового окна. Чем выше значение Amount, которое мы выбираем, тем сильнее применяется размытие. Перетащите ползунок вправо, чтобы увеличить значение суммы, или перетащите его влево, чтобы уменьшить его. К сожалению, фильтр «Радиальное размытие» не дает нам предварительного просмотра эффекта, поэтому вам, вероятно, придется попробовать несколько разных значений, прежде чем вы найдете тот, который лучше всего подходит для вашего изображения. Я объясню, как это сделать через мгновение. Я собираюсь установить для параметра Сумма значение 50, но значение, которое вы в конечном итоге выберете, может быть другим.
Наконец, используйте поле «Центр размытия» в правой части диалогового окна «Радиальное размытие», чтобы установить точку, из которой размытие будет «удаляться». Просто щелкните внутри поля, чтобы установить точку. Опять же, нет возможности предварительно просмотреть эффект перед запуском фильтра, поэтому будьте готовы попробовать несколько раз, прежде чем получится правильно. Я хочу, чтобы мой эффект размытия исходил из-за головы девушки, поэтому я собираюсь щелкнуть выше и правее центра в поле, чтобы установить свою точку.
Когда закончите, нажмите OK, чтобы выйти из диалогового окна. В зависимости от скорости вашего компьютера, а также размера и сложности вашего изображения вам может потребоваться немного подождать, пока Photoshop закончит применять размытие, поэтому не паникуйте, если вам кажется, что ничего не происходит. Подождав несколько секунд, пока Photoshop сделает свое дело, вот мое изображение с примененным размытием зума:
Если вас не устраивают первоначальные результаты размытия и вы хотите повторить попытку, сначала отмените фильтр, перейдя в меню «Правка» в верхней части экрана и выбрав «Отменить радиальное размытие». Или, чтобы быстрее отменить фильтр, используйте сочетание клавиш Ctrl+Z (Win)/Command+Z (Mac):
Затем, чтобы быстро снова открыть диалоговое окно «Радиальный фильтр», нажмите Ctrl+Alt+F (Win)/Command+Option+F (Mac). Выберите другое значение «Количество» и/или установите другую точку для эффекта масштабирования в поле «Центр размытия», затем нажмите «ОК», чтобы снова запустить фильтр. Вы можете отменять и повторять фильтр столько раз, сколько вам нужно, пока не получите желаемый результат.
Шаг 3. Добавьте маску слоя
Проблема с нашим эффектом размытия заключается в том, что он закрывает все изображение, а это совсем не то, что нам нужно. В моем случае эффект размытия искажает лицо девушки, поэтому я хочу скрыть эффект в этой части изображения и позволить исходной фотографии просвечиваться. Мы можем сделать это легко, используя маску слоя. Выбрав «Слой 1», щелкните значок «Маска слоя» в нижней части панели «Слои». Это значок в виде прямоугольника с круглым отверстием в центре:
В окне документа ничего не происходит, но справа от миниатюры предварительного просмотра для «Слоя 1» на панели «Слои» появляется миниатюра маски слоя, сообщающая нам, что мы добавили нашу маску слоя. Если вы внимательно посмотрите на миниатюру, то увидите вокруг нее белую выделенную рамку, которая говорит нам о том, что выбрана маска слоя, а не сам слой:
Граница выделения вокруг миниатюры маски слоя говорит нам о том, что выбрана маска, а не слой.
Шаг 4. Выберите инструмент «Градиент»
Мы собираемся нарисовать градиент от черного к белому на маске слоя, чтобы скрыть часть эффекта размытия и создать приятный плавный переход между эффектом «Слоя 1» и исходным изображением на фоновом слое. под этим. Чтобы нарисовать градиент, нам понадобится инструмент «Градиент» в Photoshop, поэтому выберите его на панели «Инструменты». Вы также можете выбрать инструмент «Градиент», нажав букву G на клавиатуре:
Шаг 5. Выберите градиент от черного к белому
Выбрав инструмент «Градиент», щелкните правой кнопкой мыши (Win) или щелкните, удерживая клавишу Control (Mac), в любом месте окна документа, чтобы быстро вызвать средство выбора градиента. Нажмите на градиент от черного к белому, чтобы выбрать его. Это третий градиент слева, верхний ряд:
Нажмите в любом месте за пределами средства выбора градиента, чтобы закрыть его, когда закончите.
Шаг 6. Выберите радиальный градиент
По умолчанию инструмент «Градиент» настроен на рисование стандартного линейного градиента, но у нас также есть различные стили на выбор, каждый из которых можно выбрать на панели параметров в верхней части экрана. Вы увидите ряд из пяти значков, каждый из которых представляет разные формы градиента (линейный, радиальный, угловой, отраженный и ромбовидный). Выберите «Радиальный градиент», нажав на его значок (второй слева):
Шаг 7. Растяните радиальный градиент, чтобы скрыть часть эффекта размытия
Я хочу, чтобы лицо девушки было видно через эффект размытия, поэтому, выбрав инструмент "Градиент", градиент от черного к белому и стиль "Радиальный градиент", я щелкну в центре ее лица, чтобы установить начальную точку. для градиента. Затем я просто перетащу мышь влево, пока не окажусь за ее волосами. Область между начальной и конечной точками градиента станет областью плавного перехода между эффектом размытия на «Слое 1» и исходным изображением на фоновом слое под ним. Так как я рисую радиальный градиент, градиент будет расширяться на 360° вокруг моей начальной точки (что означает, что на самом деле не имеет значения, в каком направлении вы перетаскиваете из начальной точки), создавая круглую форму с черным цветом в центре и постепенно меняясь. до белого, поскольку он простирается во всех направлениях:
Перетащите радиальный градиент в области, где вы хотите скрыть эффект размытия, и отобразите исходную фотографию внизу.
Поскольку мы нарисовали градиент на маске слоя, а не на самом слое, мы не видим градиент в окне документа. Вместо этого мы видим результаты градиента на маске слоя. Лицо девушки теперь видно через эффект размытия:
Несмотря на то, что мы не видим градиент в окне документа, мы можем увидеть его, если посмотрим на миниатюру маски слоя на панели «Слои». Черная область представляет собой часть слоя, которая теперь скрыта от просмотра. По мере того, как градиент становится светлее к краям, становится видна большая часть слоя. Белые области — это места, где слой полностью виден:
Если вас не устраивает первоначальный градиент, просто нажмите Ctrl+Z (Win)/Command+Z (Mac), чтобы отменить градиент, а затем повторите попытку.
Шаг 8. Уменьшите непрозрачность для точной настройки результатов
Если вы обнаружите, что эффект размытия слишком сильный, вы можете уменьшить его интенсивность, уменьшив непрозрачность «Слоя 1». Уменьшение значения непрозрачности слоя позволит просвечивать большей части исходного изображения на фоновом слое под ним. Вы найдете параметр «Непрозрачность» в правом верхнем углу панели «Слои». Следите за окном документа, когда регулируете непрозрачность, чтобы оценить результаты. Я собираюсь понизить уровень примерно до 70%:
На этом мы закончили! Вот, после точной настройки моих результатов с помощью параметра «Непрозрачность», мой окончательный результат «эффект масштабирования действия»:
И вот оно! Вот как можно добавить действие и движение к изображению с помощью эффекта размытия в Photoshop! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!
Президент WebFX. Билл имеет более чем 25-летний опыт работы в индустрии интернет-маркетинга, специализируясь на SEO, UX, информационной архитектуре, автоматизации маркетинга и многом другом. Опыт Уильяма в области научных вычислений и образование в Шиппенсбурге и Массачусетском технологическом институте послужили основой для MarketingCloudFX и других ключевых проектов исследований и разработок в WebFX.
Это руководство проведет вас через простой процесс создания эффекта увеличения для ваших иллюстраций. Его можно использовать по-разному, но в первую очередь для разработки учебных визуальных материалов.
Предварительный просмотр
Настройка документа Photoshop
1 Во-первых, мы собираемся открыть Photoshop и создать новый документ (Ctrl + N). В диалоговом окне «Новый документ» установите единицы измерения «Ширина» и «Высота» в пикселях (если это еще не сделано). Мы создаем квадратный холст; установите ширину и высоту на 600 пикселей.
Мы создаем графику с веб-разрешением, поэтому установите разрешение на 72 пикселя/дюйм.
Добавление графики на холст
2 Выберите изображение с хорошим разрешением (500 x 500 пикселей), которое имеет достаточное разрешение и детализацию для отображения в увеличенном масштабе. Векторная графика всегда великолепна, потому что вы можете масштабировать ее без потери качества. Здесь я использую значок конверта из бесплатного набора пластиковых иконок Six Revisions.
Вставьте (Ctrl + V) графику в рабочую область и назовите новый слой Zoom.
3 Дублируйте слой масштабирования, щелкнув его правой кнопкой мыши на панели слоев и выбрав Дублировать слой (Ctrl + J). Назовите дублированный слой «Маленькая графика».
4 Перейдите в меню «Правка» > «Трансформировать» > «Масштабировать» и уменьшите масштаб этого слоя до 40% и поместите вокруг верхней центральной части сцены. Скрыть видимость слоя Zoom.
Создание эффекта увеличения
6 Дублируйте слой round01, переименуйте новый слой round02 и уменьшите его масштаб до 90%.
8 Выберите round01 и перейдите в меню «Слой» > «Стиль слоя» > «Наложение градиента».
9 Давайте добавим контур. Выберите Стиль слоя > Обводка.
Создание дескриптора
11 Выберите слой «Мелкая графика» на панели «Слои», добавьте новый слой поверх него (Shift + Ctrl + N) и назовите маркер нового слоя. Инструментом «Эллипс» (U) нарисуйте еще один круглый круг (не забудьте удерживать нажатой клавишу Shift, чтобы получился идеальный круг), покрывающий основную деталь вашего маленького рисунка.
12. Дублируйте слой с фигурой ручки, назовите его "handle out" и уменьшите масштаб до 95%.
13 Растрируйте слои ручки и ручки, щелкнув правой кнопкой мыши соответствующий слой на панели слоев и выбрав Растрировать слой.
14 Создайте выделение вокруг фигуры, удерживая нажатой клавишу Ctrl и щелкнув миниатюру дескриптора слоя на панели слоев. Выберите слой-ручку на панели слоев с активной областью выделения, а затем нажмите клавишу Delete, чтобы удалить область под выделением.
15 Выберите > Отменить выбор (Ctrl + D), чтобы отменить выделение и удалить слой маркера (этот слой нам больше не нужен).
16 С помощью инструмента "Прямоугольник" (U) создайте тонкий прямоугольник, каждый конец которого касается ручки, и масштабируйте (в качестве альтернативы можно использовать инструмент "Линия").
17. Растрируйте слой с тонким прямоугольником и объедините его со слоем-ручкой, выбрав оба слоя на панели «Слои», а затем выбрав «Слой» > «Объединить слои» (Ctrl + E).
Добавление деталей масштабирования
19 Отобразите слой масштабирования и переместите его наверх слоя round03 на панели слоев.
20 Создайте выделение вокруг формы round03, нажав Ctrl и щелкнув миниатюру слоя round03 на панели слоев. Инвертируйте выделение, выбрав Select > Inverse (Shift + Ctrl + I).
Выберите слой масштабирования и нажмите клавишу Delete.
Затем добавьте стиль слоя с внутренней тенью («Слой» > «Стиль слоя» > «Внутренняя тень»): установите для параметра «Расстояние» значение 0 пикселей, а для параметра «Размер» — 25 пикселей.
22 Создайте новый слой ниже round01. Удерживая нажатой клавишу Ctrl, щелкните миниатюру round02, чтобы создать еще одну область выделения.
Готово!
Надеюсь, вам понравился этот урок. Покажите нам свою работу, включив ее в группу Six Revisions Flickr.
Эффект масштабирования придает динамику и выделяет темы.
Загрузить фото в Photoshop
Если вы хотите подчеркнуть тему изображения, чтобы она буквально выделялась, вам может пригодиться следующая процедура. Он особенно удобен для выделения движущихся объектов, поскольку размытие пикселей при движении создает иллюзию движения на неподвижном изображении.
То, что у нас есть, — это фотография кота в довольно интересной обстановке. Конечно, мы оставим голову кошки в центре изображения. Давайте увеличим его.
Соответствующая область
Выберите инструмент выделения в виде эллипса на палитре инструментов (или нажмите M) и обведите область, которую хотите выделить, эллиптической рамкой.
Щелкните область правой кнопкой мыши, чтобы отобразить контекстное меню, и выберите Растушевка. Растушевка размоет края выделения. Убедитесь, что размытие выглядит мягким. Для такого маленького изображения нормально от 30 до 40 пикселей, но для изображений большего размера края могут быть размыты на глубину в несколько сотен пикселей.
Инверсия
Поскольку мы хотим изменить не голову кошки, а область вокруг нее, снова щелкните правой кнопкой мыши и в меню выберите "Выбрать инверсию". Это инвертирует выделение.
Радиальный
А вот и самое главное: размытие, похожее на зум. В меню «Фильтр/Размытие» выберите «Радиальное размытие» и задайте указанные выше настройки.
Установите для параметра "Количество" (интенсивность размытия) высокое значение. Также убедитесь, что выбран Zoom. Параметр «Качество» здесь не имеет большого значения, но вы все равно можете выбрать вариант «Наилучшее».
Привлекает внимание
Если основная тема раньше не привлекала достаточно внимания, то теперь она будет. Все пиксели направлены на него.
Как мне создать этот эффект в Photoshop cs6?
Не забудьте отметить этот вопрос как полезный :)
Привет! Добро пожаловать в GD.SE :) Эффект выглядит как наложение с увеличенным слоем и белой обводкой. Было бы полезно, если бы вы рассказали нам, что вы пробовали и почему это не сработало.
Спасибо, @Yisela. Я новичок в Photoshop, я исследовал весь Интернет, но нашел только эффект масштабирования, а не объектив с эффектом масштабирования. Мне нужно пошаговое описание того, как это сделать.
1 Ответ 1
Я бы поступил так. Вам понадобится изображение в хорошем разрешении (размером с увеличенную часть). Прошу прощения за очень простые примеры, надеюсь, вы все равно поняли идею!
Откройте изображение. Сделайте круглое выделение части, которую вы хотите увеличить, используя Elliptical Marquee Tool.
Выбрав круг, скопируйте его и вставьте в новый слой (один из способов — щелкнуть правой кнопкой мыши по выделенному фрагменту, а затем "Создать через копирование").
В новом документе или в том же документе измените размер исходного изображения, чтобы фон выглядел «меньше». Сохраняйте круговой слой выбора исходного размера (не используйте Image > Image Size, вместо этого используйте Free Transform).
Добавьте белую обводку размером 5 пикселей (более или менее) к круглой фигуре, используя Параметры наложения > Обводка .
Добавьте тень под углом 90 градусов (идущую вверх-вниз), используя Параметры наложения > Тень.
Вы можете добавить больше эффектов, чтобы сделать линзу более реалистичной. Например, вы можете использовать инструмент «Деформация» ( «Правка» > «Трансформация» > «Деформация»), чтобы сделать круг более «раздутым», или добавить более темную внутреннюю тень (на слое выберите «Параметры наложения» > «Внутренняя тень»).
Читайте также: