Как размыть края у картинки? Фотошоп размывает границы! Растушевка выделенной области в фотошоп Как сделать размытие краев в фотошопе

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

Растушевка при помощи ластика

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

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

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

Вырезание при помощи ластика

Большей компенсации можно достигнуть, если вырезать объект при помощи ластика.

Создайте дубликат того слоя, из которого необходимо вырезать объект ("Слои" - "Создать дубликат слоя"). Это нужно, чтобы работать с незакрепленным слоем, в противном случае ластик будет не обрезать фрагмент, а заменять пиксели изображения на пиксели цвета фона.

Для растушевки в «Фотошопе» этим способом необходимо выбрать инструмент «Ластик», подобрать устраивающую вас кисть, настроить ее размер и жесткость и начать обводить объект этим инструментом. Пиксели вокруг вырезаемого объекта будут заменяться на прозрачные. В отличие от первого способа, вы будете контролировать, насколько близко нужно подходить инструментом к объекту: в одних случаях (например, при работе с изображением головы с развевающимися пушистыми волосами) это расстояние будет больше, в других случаях (например, при вырезании объектов с четко очерченными геометрическими формами) оно будет минимальным. По ходу работы можно также регулировать форму, величину и жесткость кисти ластика.

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

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

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

Работа со слоем-маской

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

Итак, для этого нужно создать слой-маску. Создайте дубликат рабочего слоя, а исходный слой удалите либо сделайте невидимым. Убедитесь в том, что активен (выбран) нужный слой и создайте слой-маску ("Слои" - "Создать новый слой-маску"). В окне «Слои» вы увидите, что в строке слоя рядом с прямоугольником-миниатюрой появился белый прямоугольник.

Вырезание фрагмента с растушеванными краями при помощи слоя-маски

Щелкните по белому прямоугольнику мышкой, чтобы работать не с самим слоем, а с его «маской».

Теперь, если выбрать инструмент "Кисть", черный цвет будет скрывать пиксели (делать их прозрачными), а белый - восстанавливать. Соответственно, серый цвет будет делать пиксели полупрозрачными.

Выберите инструмент «Кисть», настройте его, выберите черный цвет. Можно начинать обводить фрагмент изображения для того, чтобы скрывать пиксели вокруг него. Если что-то в работе вас не устраивает, всегда можно поменять цвет кисти на белый и восстановить пиксели. Либо можно выбрать серый оттенок и сделать края более аккуратными.

Для того чтобы к редактированию файла можно было возвратиться в дальнейшем, необходимо сохранить и слои, и слой-маску. Растушевка в «Фотошопе CS6» таким способом будет максимально комфортна, если вы будете использовать графический планшет.

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

Растушевка выделенной области в Фотошоп

Примените команду Feather (Растушевать), чтобы размыть границу выделенной в Фотошопе области на заданную ширину с той и с другой стороны рамки выделения. Например, при радиусе растушевки равном 5 пикселам растушеванная область будет иметь ширину в 10 пикселов.

Эффект растушевки не будет заметен до тех пор, пока вы не измените выделенную область с помощью инструмента рисования, копирования/вставки фрагмента, перемещения, заливки цветом, применения какого-либо фильтра или команды из меню Image (Изображение).

  1. Выберите команду Select > Feather (Выделить > Растушевать), нажав комбинацию клавиш Ctrl+Alt+D .
  2. В поле Radius (Радиус) введите число, не превышающее 250. Ширина затрагиваемой области зависит от разрешения изображения. Чем выше разрешение, тем больший радиус растушевки необходимо указать.
  3. Щелкните по кнопке ОК или нажмите клавишу Enter - см. рис. 6.47, 6.48.

Рис. 6.47 . Исходное изображение, границы выделенной области растушеваны

Рис. 6.48. Результат инвертирования выделенной области и нажатия клавиши Delete

Если радиус растушевки слишком велик для выделенной области, появится сообщение: No pixels are more than 50% selected (Нельзя растушевать более половины выделенных пикселов).

Чтобы указать радиус растушевки при создании выделенной области, автивизируйте инструмент Marquee или Lasso и на панели опций введите требуемую величину.

Рис. 6.46. «Смешение»,

Для создания изображения, показанного на рис. 6.46, скомпонованы отсканированные рисунки, фотографии и прочие элементы, подкорректирован уровень яркости различных компонентов в отдельных слоях с помощью режимов смешивания Darken, Multiply и инструментов Eraser и Burn .

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

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

Принцип работы:

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

Сперва разберемся где находится растушевка и как ее выбрать.

1. Инструменты фотошопа, связанные с выделением:

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

2. Команда меню в группе «Выделение»

Опять-таки, создав выделенную область, в панели управления станет доступной команда .

Зачем нужна эта команда, если казалось бы, достаточно настроек на панели параметров?

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

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

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

Давайте теперь посмотрим как на практике применяется растушевка. Попробуем сделать растворяющиеся края изображения.

Шаг 2

Если на палитре слоев рядом с миниатюрой виднеется иконка замочка, значит . Для разблокировки кликните дважды по слою. В появившемся диалоговом окне «Новый слой», ничего не меняя, нажмите на ОК.

Шаг 3

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

Примечание

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

Шаг 4

Выберите команду Выделение — Модификация — Растушевка и в появившемся диалоговом окне укажите значение в пикселях каких размеров должно быть растворение краев изображения. Я взял 20 пикселей.

После этого углы выделения должны стать закругленными.

Шаг 5

Теперь внимание. Подумайте. Выделение чего вы сделали? Правильно — по сути мы в рамочку взяли центр изображения. Поскольку следующим этапом мы должны удалить лишние пиксели, то в настоящее время удаление будет происходить в центре. А нам нужно наоборот. Применим Ctrl+Shift+I Она создает обратное выделение.

Теперь под рамочкой у нас края изображения. Посмотрите как изменились «марширующие муравьишки»:

Шаг 6

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

Примечание

Эффект удаления суммируется — если нажать на удаление несколько раз , то фотошоп будет все больше и больше захватывать пикселей.

В своем примере я нажал три раза на удаление.

Чтобы убрать рамку выделения нажмите Ctrl+D .

Растушевка резких краев

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

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

Шаг 1

Создайте папку на компьютере и скачайте в нее исходные материалы: текстура и клипарт львов .

Шаг 3

Шаг 12

Добавим маленькую тень в стилях слоя со львами. Повторите такие же настройки:

Шаг 13

Финальный аккорд — добавим насыщенности и глубины для композиции. Создадим корректирующий слой Кривые и подвигаем ее немного:

Результат:

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

1 голос

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

Наверное многие кто работает с картинками, задавался вопросом, а как же сделать так, что бы вот положить ее на фон или на другую картинку и чтобы краев не было видно, как размыть края у картинки? Может кто-то подумал что для этого нужны какие-то особенные знания в области фотошопа. Вовсе нет. Достаточно иметь эту программу и знать один лишь инструмент. Не смейтесь, но это … «веделение». А что бы размыть границы достаточно растушевать края картинки, как это делается:

Берем две картинки:

Вот этого вроде римского бойца:

И черный фон:

Затем открываем фотошоп.

Выбираем инструмент – выделение-овальная область

Выделяем, что нам надо:

Нажимает правую кнопку мыши – уточнить край

и готово – окно с настройками:

Так как нас интересует конкретно размытие края, то сразу идем к параметру растушевки и двигает флажок:

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

теперь просто копируем его (Cntrl+C) и вставляем куда нам надо. Получается как-то так:

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

На этом доклад окончен. Всем пока)