Размытие по краям. Фотошоп размытие границ

Сегодня перед любым из нас распахнуты двери в волшебный мир компьютерных технологий, теперь не нужно, как раньше, возиться с проявкой и печатью – а потом долго огорчаться, что фото вышло немного неудачным.

Сейчас от удачного момента до запечатления на фотографии достаточно одной секунды, причем это может быть и быстрый кадр для семейного альбома, и высокопрофессиональная съемка, где работа после переноса «пойманного» момента только начинается.

Впрочем, обработка любого графического файла сегодня доступна любому, и научиться делать самому красивые кадры можно очень быстро. Одним из наиболее популярных программ, которые помогают отшлифовать любое фото, конечно же, является Adobe Photoshop.

В этом уроке я покажу, как легко и просто можно делать размытые края в Фотошопе. Думаю, это будет и интересно, и полезно!

Самый-самый простой способ. Для размытия краев открываем нужное изображение, собственно, в Photoshop, а затем определяемся с зоной, которую хотим увидеть размытой в итоге наших стараний.

Не забывайте, что работаем мы в Photoshop ни в коем случае не с оригиналом! Создаем дополнительный слой всегда, пусть даже вы уже умеете хорошо работать с фото – случайные неудачи не должны испортить исходник ни в коем случае.

На левой небольшой вертикальной панели в Фотошопе кликаем правой кнопкой мышки на инструмент, который зовется «Выделение» , а затем выбираем «Овальная область» . При помощи его определяем ту область на картинке, которую НЕ нужно размывать, допустим, лицо.


Открываем затем «Выделение» , выбираем «Модификация» и «Растушевка» .

Должно появиться небольшое новое окошечко с одним-единственным, но нужным, параметром – собственно, выбором радиуса нашего будущего размытия. Здесь пробуем раз за разом и смотрим, что выходит. Для начала, скажем, выберите 50 пикселей. Методом проб подбирается требуемый результат.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем клавишу DEL , чтобы удалить лишнее. Для того, чтобы увидеть результат, необходимо снять видимость со слоя с исходным изображением.

Способ номер два

Есть ещё один вариант, как размывать края в фотошопе, и он используется намного чаще. Здесь мы будем работать с удобным инструментом по имени «Быстрая маска» — его легко найти почти в самом низу вертикальной панельки программы слева. Можно, к слову, просто нажать Q .



Затем открываем «Фильтр» на панели инструментов, выбираем там строчку «Размытие» , а затем «Размытие по Гауссу» .

Программа открывает окно, в котором легко и просто мы можем регулировать саму степень размытия. Собственно, здесь и заметно невооруженным глазом преимущество: вы здесь работаете не по какому-то наитию, перебирая варианты, а чётко и ясно определяя радиус. Затем просто нажимаем «ОК» .

Чтобы увидеть, что у нас вышло в итоге, выходим из режима быстрой маски (нажав на ту же кнопку, или Q ), затем нажимаем одновременно CTRL+SHIFT+I на клавиатуре, а выделенную область просто удаляем кнопкой DEL . Завершающий шаг – убираем ненужную линию выделения, нажимая CTRL+D .

Как вы видите, оба варианта совсем простые, однако при помощи их вы сможете легко размыть края изображения в Photoshop.

Удачных вам фотографий! И не бойтесь никогда экспериментировать, именно в этом и таится волшебство вдохновения: иногда из самых, казалось бы, неудачных фото создается настоящий шедевр.

1 голос

Доброго времени суток, уважаемые читатели моего блога сайт . Сегодня говорим про фотошоп и я расскажу вам о еще нескольких «фишках» работы с краями картинок в целом и слоев в частности. Грамотная работа в этом направлении – лучший показатель профессионализма, а потому я уделяю этому вопросу большое внимание.

Из этой статьи вы узнаете как в фотошопе размыть края, чтобы создать крутую картинку для поста в своем блоге и, раз уж пошла такая тема, я научу вас обрабатывать границы слоя несколькими новыми профессиональными способами, о которых еще не упоминал.

Работа с картинкой для сайта

Откровенно говоря, размытие краев для картинки, которую вы собираетесь вставить в текст статьи – устаревший способ оформления. Сейчас его уже почти никто не использует, однако интерес к этому вопросу весьма существенный, судя по запросам в поисковой системе и количеству статей на эту тему.

Потому я не могу не показать вам как достичь желаемого эффекта, но заодно хочу предложить лучшую альтернативу аж в двух вариациях. Вдруг удастся кого-нибудь убедить отказаться от использования устаревшего метода в пользу менее избитого.

Итак, для начала о главном. Открываем изображение.

Теперь выбираем инструмент прямоугольное выделение. Если не можете отыскать, то задержите на пару секунд зажатую кнопку мыши на второй кнопке панели слева. Здесь может быть инструмент овальная область.

Кстати, если вы будете использовать овал, то фотография станет эффектнее. Прямоугольные рамки уже изжили себя, а вот овалы пока в топе. Судя по социальным сетям. Ну, пример я покажу вам чуть позже.

Итак, вернемся к основной теме. Пока выбираем прямоугольник.

Рисуем на картинке область, которая останется не размытой. Если вы хотите, чтобы незамутненным остался квадрат, по удерживайте Shift пока рисуете. Зажимаете кнопку и ведете мышью по рисунку. Мне нужен прямоугольник, а потому я этого делать не буду, а вы поэкспериментируйте.

После того как вы это сделали, эффекты будут применяться не для внутренней части выделенного объекта, а для внешней рамки. Переходим к фильтрам, раздел «Размытие». Тут много разных возможностей, можете попробовать каждый и посмотреть как работает та или иная функция. Чаще остальных специалисты используют «Размытие по Гауссу…». Попробуем для начала его?

Дергайте за ползунок и смотрите какие изменения происходят с фотографией. Не забудьте поставить галочку, чтобы включить «Просмотр».

Мне не меньше нравится «Размытие в движении».

Схема действий такая же, а эффект несколько отличается.

Готово. Но, как и обещал, покажу вам еще два интересных эффекта.

Ну, во-первых, сейчас очень популярно писать цитаты на картинках и вы это уже умеете делать. Просто достаточно не использовать «Инверсию». Берете инструмент «Прямоугольное выделение». Выбираете область.

Не используйте инверсию, а сразу переходите к «Фильтрам» и размытию по Гауссу. Немного смазываете фокус и при помощи инструмента «Текст» . Очень важно, чтобы изображение было размыто не сильно и слегка угадывалось. Поэкспериментируйте.

Теперь, как и обещал, покажу как сделать размытие по краям более эффектным. Выбираете картинку и под кнопкой прямоугольное выделение выбираете эллипс. Опять же, чтобы фигура была ровной, зажимаете кнопку Shift, а затем выбираете инверсию в разделе «Выделение» в верхнем меню.

Применяете фильтр размытие по Гауссу.

В принципе уже неплохо. Можно использовать. Чтобы снять ползающих муравьев одновременно зажмите Ctrl+D или кликните в любом месте фотографии.

Можете обрезать, чтобы картинка была квадратной.

Вот так, теперь вы знаете как размыть края фотографии красиво и профессионально. Теперь перейдем к более интересному и сложному вопросу, а именно размытие границ слоя. Не переживайте, получится у каждого!

Профессиональная работа со слоями для новичков

Чтобы грамотно выставить края вырезанного слоя придется постараться. Я могу лишь показать инструменты, а вот настраивать придется самостоятельно. Если хотите по-настоящему крутой эффект, то первое время может понадобиться не один час. Но, приступим.

Открываем изображение.

Выбираем магнитное лассо. Его особенность заключается в том, что линия лассо как бы прилипает к границам объекта, который нужно вырезать. Если по каким-то причинам линия съезжает, достаточно поставить лишнюю точку, кликнув в том месте, где происходит скос. Тем самым вы закрепите линию. И она будет двигаться дальше, куда бы вам не понадобилось.

У меня съезжала линия на белых участках, а потому пришлось ставить точки в районе лица прежде, чем магнитное лассо выделит ненужный мне участок. Со временем у вас будет получаться быстрее, и вы будете знать где лассо иначе определяет объект.

Вот такой результат у меня получился.

В центре выделенного объекта кликаем на правую кнопку мыши. Далее выбираем опцию «Уточнить край», чтобы выполнить дополнительные настройки.

Первым делом определитесь с видом, чтобы корректировать было удобнее. Я предпочитаю работать на черном, белом или на слоях.

Теперь можно настраивать 4 основные показателя: сглаживание, растушевка, контрастность и смещение краев. К сожалению, единого правила как должны выглядеть показатели не существует. Многое зависит от фона, а потому, если есть возможность старайтесь сразу работать с изображением, вставленным в необходимую фотку.

После того как выставили настройки сохраняем изменения и зажимаем на клавиатуре Ctrl+C (копировать) и вставить (Ctrl+V), чтобы появился новый слой. Снимаем иконку «глаз» в меню фон.

Опять же придется экспериментировать и удалять ореолы и кайму пока не достигнете желаемого эффекта, который вас полностью удовлетворит.

Готово. Существует множество способов поработать с фоном картинки. Посмотрите видео, в нем еще много интересных способов. Единственное, что хотелось бы отметить. Автор ролика усложняет работу с размером кисти. Используйте скобки (“{”,”}”), чтобы увеличить или уменьшить диаметр.

Ну и для того, чтобы откатить действия на шаг назад лучше не лезть в верхнюю панель, а пользоваться сочетанием клавиш Ctrl+Z или историей. Изучайте сочетания и работа будет проходить быстрее.

Теперь вы знаете все о краях объекта и картинки. Если вас интересует фотошоп, то . В программе есть куча скрытых функций и возможностей. Чем больше вы открываете, тем круче получаются фотографии.

Для ускорения процесса познания могу порекомендовать курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате 3.0 ». Вы научитесь куче приемов и узнаете все об инструментах и функциях. Именно это и отличает профессионала от человека, который просто любит поработать в фотошопе.


Если же вы интересуетесь дизайном сайтов, то на Нетологии скоро откроется двухмесячная школа веб-дизайнеров, где профессионалы из крупнейших корпораций в России готовят полностью готовых к работе специалистов — «Веб-дизайнер» . В конце обучения вам даже придется делать и защищать дипломную работу, которая станет частью будущего портфолио.

А для начала, пока идет запись, можно посмотреть на курсы и школу Алексея Захаренко «Школа веб-дизайна» . Первые три дня вы бесплатно получаете полный доступ к сервису.


Ну вот и все. Если вам понравилась эта статья – подписывайтесь на рассылку и получайте больше интересных публикаций о заработке в интернете прямо к себе на почту. Возможно совсем скоро вы начнете от своих проектов. Это же так просто.

Удачи вам в ваших начинаниях и до новых встреч.

Д ля размытия края изображения в русскоязычной версии программы Фотошоп воспользуйтесь простой инструкцией.

Пошаговая инструкция

Необходимо воспользоваться инструментом Прямоугольная область и нанести, к примеру, прямоугольник произвольного размера на картинку.

Навести курсор внутрь выделенного прямоугольника и правой кнопкой мыши вызвать контекстное меню, в котором выбрать «Уточнить край».

В окне выставить ползунки согласно своей задумке. Рассмотрим некоторые функции при действии «Уточнить край»:

Также здесь же можно просмотреть то, что у нас получается в пяти разных режимах:

  1. Посмотреть наше выделение со стандартной границей выделенной области.
  2. Посмотреть нашу выделенную область как быструю маску.
  3. Просмотреть на черном фоне.
  4. Просмотреть на белом фоне.
  5. И просмотреть маску, определяющую выделенную область.

Если мы собираемся картинку оставить на белом фоне, то остановимся на четвертом варианте. Жмем ОК.

Теперь нажать сочетание CTRL+J. И щелкнуть по глазу на слое Фон.

Так и сохраняем в формате JPEG или PNG.

Это не все. Практически такое же размытие края картинки можно сделать при помощи одной автоматической функции под названием Растушевка. После того, как вы выделите прямоугольную область и правой кнопкой вызовете меню, выбирайте в нем Растушевку. Затем ставьте подходящий радиус в окошко.

Далее – действуйте по тексту, который был выше: CTRL+J. И снова щелкните по глазику на слое фона.

Результат сохраните. Вот как просто делается размытие края!


Доброго вам времени суток, мои дорогие друзья. Христос Воскрес! Как ваши дела? Как ваше настроение? У меня отличное! Чувствуется май. Но перейдем к статье. Раньше периодически я видел очень интересный эффект на фотографиях, когда края немного размыты, но сама фотка остается нетронутой. Вот поэтому я тоже решил сделать такой же эффект на некоторых изображениях.

И сегодня я покажу и вам, как сделать размытые края в фотошопе. И экспериментировать я буду над стариной Человеком-Пауком из одноименного фильма. Можно конечно выбрать инструмент «Размытие» и просто закрашивать им края изображения. Но как по мне этот способ не очень, поэтому я буду использовать другие.


Вот так мы размыли края изображения. И на это у нас ушло не более минуты. Но как видим, размытие имеет четкие границы. Некоторые любят оставить так, а некоторые предпочитают плавный переход.

Совет: На самом деле можно не делать два выделения с помощью зажатого Альта. Можно сделать одно выделение только в том месте, до куда будет идти размытие. А уже после этого нужно инвертировать выделение. Для этого нажмите комбинацию клавиш SHIFT+CTRL+I или выберете меню «Выделение» — «Инверсия» . Тогда у вас автоматически создастся выделенная рамка.

Плавное размытие

Для того, чтобы у нас был не резкий переход, нам нужно проделать первые два пункта из предыдущего способа, но затем ход немного изменится.


Обратите внимание ! Величина радиуса размытия по Гауссу и растушевки зависит от размера самого изображения. Здесь я ориентировался на конкретно этот размер. Экспериментируйте.

Другие способы размытия

Вам необязательно использовать фильтр по Гауссу, ведь есть и много других фильтров рaзмытия. Давайте я вам покажу на примере еще одного, а дальше вы уже попробуйте всё сами.


По-моему здорово получилось. Картинка стала более интересной. Вы можете сами посмотреть другие фильтры из этой же группы, и посмотреть как они работают и какие эффекты дают.

Ну вот вроде и всё, что я хотел вам рассказать об этом. Да. Такой вот небольшой и несложный урок). Но если вы хотите освоить фотошоп полностью, то настоятельно рекомендую вам полностью изучить один классный видеокурс . Благодаря ему вы сможете изучить фотошоп в кратчайшие сроки, если конечно не будете лениться.

Ну а я на сегодня заканчиваю. Жду от вас комментариев по теме. И кстати обязательно подпишитесь на обновления блога, тогда вы всегда будете знать о выходе новых статей по нужной вам тематике. Также советую погулять по блогу, так как статей много и наверняка вы найдете для себя что-нибудь интересное. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин.

Изображение в Фотошопе может подвергаться растушевке несколькими способами. Эта статья поможет объяснить, чем именно является растушевка, в каком месте она располагается, и на примере покажет, каким образом ее можно выполнить в графическом редакторе.

Растушевка или Feather является постепенным растворением краев в изображении. Благодаря этому края смягчаются и создается постепенный и равномерный переход до нижнего слоя. Доступна она может быть исключительно при работе с выделением и отмеченной областью.

Основные положения при работе: вначале обозначаем параметры растушевки, затем создаем выделенную область. Явных изменений при этом не видно, поскольку таким образом мы указали программе, что две выделяемые стороны нуждаются в растворении. Затем избавляемся от определенной части картинки в сторону, куда предполагается растворение. Результатом таких действий будет выборочное удаление определенных пикселей, а другие превратятся в прозрачные. Подробнее об этом мы поговорим в практической части урока.

Настройки растушевки для инструментов

Группа «Выделение» :

  • Область в форме прямоугольника;
  • область в форме овала;
  • зона в горизонтальной строке;
  • зона в вертикальной строке.

Другие инструменты выделения:

  • «Лассо» ;
  • «Магнитное лассо» ;
  • «Прямолинейное лассо» .

В качестве примера берем один инструмент из списка — Лассо . Смотрим на панель с характеристиками. Выбираем настройку на верхней панели инструментов, которая даст возможность задать параметры для растушевки, а затем выделяем область. Для других инструментов параметр находится в том же месте.

Меню «Выделение»

Если произвести выделение определенной области, на панели управления получим доступ к действиям – «Выделение - Модификация» , и далее – «Растушевка» .

Какое же предназначение данного действия, если на панели с параметрами и так вполне достаточно различных настроек? Ответ в правильном порядке действий. Вам необходимо все тщательно продумать перед выделением определенной части. Нужно определить необходимость использования растушевки и параметры ее применения. Если не обдумать эти действия, а затем изменить ваши предпочтения уже после создания выделенной области, нельзя будет применить желаемые настройки к ней с использованием панели с параметрами.

Также возникнут и сложности при желании посмотреть результаты, при которых будет использоваться различное количество пикселей, поскольку для этого придется открывать новую выделенную область каждый раз, особенно этот процесс усложнится при работе с комплексными объектами. При работе с подобными случаями поможет применение команды – «Выделение - Модификация – Растушевка» . Всплывет диалоговое окошко – , где можно вводить значение, а результат будет получен сразу же по применении функции.

Именно при помощи действий, расположенных в меню, а не настроек, что находятся на панели для параметров, указывают клавишные комбинации для осуществления скорейшего доступа. В таком случае видно, что команда будет доступной при использовании клавиш — SHIFT+F6 .

Теперь переходим к практической стороне использования растушевки. Начинаем создавать края изображения с растворением.

Практика

Растушевка для сглаживания резких границ

Растушевка поможет и для сглаживания резких границ картинки, что весьма эффективно при работе с коллажами. Заметным становится эффект неестественного перепада краев разных объектов при добавлении новых эффектов к коллажу. В качестве примера рассмотрим процесс создания небольшого коллажа.

  1. На компьютере создаем папку, в которую скачаем исходники — текстуру, а также клипарт с животными. Создаем новый документ, к примеру, с размером 655 на 410.
  2. Клипарт добавляем к новому слою, для чего нужно перейти к созданной ранее папке. Нажимаем правую кнопку мышки на изображении с животными и выбираем из всплывающего — Открыть с помощью , затем AdobeP hotoshop .

  3. В новой вкладке в Фотошопе будут открыты животные. Перемещаем их в предыдущую вкладку — выбираем компонент «Перемещение» , перетаскиваем животных в документ, что был заранее создан. После того как в рабочем пространстве откроется нужный документ, не отпуская кнопку мыши, тянем картинку на холст.

    Должно получиться следующее:

  4. Изображение будет большим и не поместится целиком на холст. Берем команду – «Свободное трансформирование» , используя CTRL+T . Появится рамка вокруг слоя с животными, необходимый размер для которой подобрать можно благодаря ее движению за углы. Это позволит подобрать точный размер. Только при этом держите SHIFT , чтобы не нарушить пропорции в изображении.

  5. Важно: Большие габариты могут не позволить рамочке поместится в видном пространстве в Фотошопе. Нужно убавить масштаб для документа — CTRL+− .

  6. Следующий этап предполагает добавление текстуры к фону, для чего проделываем опять этапы 2, 3. Поверх слоя с животными появится текстура с огромными размерами. Оставьте все как есть, а не старайтесь ее уменьшать, поскольку позже мы ее просто передвинем. Переместите слой с животными выше текстуры на палитре со слоями.

  7. Внимания заслуживает процесс придания контраста краям картинки с животными на зеленом фоне. Дефект отделения от фона белого цвета будет виден сразу же, поскольку вы заметите тонкую полоску белого. Если вы этого дефекта не наблюдаете, значит, переход получился вовсе неестественен от шерсти животного до окружающей среды. В таком случае нам понадобится растушевка для внесения поправок к краям картинки с животными. Производим незначительное размытие, а затем плавный переход до фона. Держите на клавиатуре CTRL и кликайте мышью на миниатюру, где значится слой на палитре — это поможет произвести выделение области по самому контуру слоя.

  8. CTRL+SHIFT+I поможет произвести инвертирование выделения.

    SHIFT+F6 вводит размер растушевки, для чего возьмем 3 пикселя.

    Delete поможет удалить лишнее после применения растушевки. Для лучшего эффекта мы нажали три раза.

    CTRL+D поспособствует удалению лишнего теперь выделения.

    Теперь увидим значительную разницу. Таким образом мы добились смягчения краев на нашем коллаже.

Методы растушевки помогут вам сделать свои композиции более профессиональными.