Как сделать размытые края в фотошопе
Как размыть края изображения в фотошопе
Привет, друзья. Сегодня мы с вами изучим вопрос: как размыть края изображения в фотошопе. Наверняка каждый из вас задавался таким вопросом. И сегодня я вам покажу несколько вариантов.
Выделение
Возьмем инструмент «Перемещение» и соч. кл. Cntrl+Shift+N создаём новый слой. Нажимаем ОК.
Выбираем инструмент «Овальная выделенная область». Наводим курсор в левый верхний угол. Зажимаем левой кнопкой мыши чтобы создать «Выделение» и тянем в правый Нижний угол.
Теперь сделаем «Инверсию выделения» чтобы его развернуть. Жмем пр. мышкой и выбираем здесь «Инверсия выделенной области».
Теперь у нас выделено вокруг. И давайте закрасим всё чёрным цветом, (Shift+F5) выбираем заливку, выбираем чёрный цвет, нажимаем ОК.
Отменим выделение (Cntrl+D), и размоем этот слой. Переходим во вкладку Выделение — Модификация — Растушевка. Размоем на 150 пикселей.
Нажимаем ОК. И вот края размыты, отлично!
Растушевка
Откроем фотошоп, затем откроем изображение, которое хотим отредактировать. Первым делом мы определяется, с какой областью мы будем работать. Какие края нам надо будет размывать?
На расположенной слева панели инструментов видимо “Выделение” (обычно находится сверху на втором месте) и нажимаем на него правой кнопкой мыши. Среди появившихся вариантов выберите “Овальную область”.
Выбираем область, которую нам не нужно будет размывать.
Затем переходим к верхнему меню и выбираем “Выделение”. В открывшемся списке наводим курсор на “Модификацию” и выбираем «Растушевку», либо сразу нажимаем на Shift+F6, так же как в примере выше.
Открывается окно, в котором нам необходимо внести радиус растушевки. Чем он шире, тем мягче будет переход, шире и сама область.
Теперь нужно удалить все ненужное. Инвертируем выделение соч. кл. Ctrl+Shift+I и нажимаем на кнопку Delete.
И вот опять мы видимо волшебство — мягкий переход от максимально насыщенного оттенка цвета к полному растворению!
По Гауссу
Видим пункт «Прямоугольная область» (клавиша М).
Обозначаем наши границы, которые впоследствии будем размывать, с помощью вышеупомянутого инструмента «Прямоугольная область».
Затем находим в верхней панели «Выделение» переходим в «Инверсия» или Ctrl+Shift+I.
Следующий шаг «Выделение» — «Отменить выделение».
Отлично, у нас всё получилось! Мои поздравления!
Затемнение краев или виньетка
Открываем изображение. На панели слоев внизу нажимаем на кнопку корректирующих слоев и выбираем здесь «Градиент». У нас открывается панель с настройками градиента.
Цвет у нас будет от чёрного к прозрачному, чтобы было затемнение. Стиль радиальный и поставим галочку напротив инверсии, чтобы по центру было прозрачным а по краем чёрным.
Можно здесь увеличить масштаб до 150. Кликаем на палитру, можно сместить прозрачную область ближе к краю, если потребуется. А можем наоборот — сжать тёмную часть к центру.
Выставили ползунок таким образом, теперь видим что у нас все хорошо получилось! У нас получилось затемнить края изображения.
Камера Raw
Переходим во вкладку «Фильтр» — Камера Raw.
Затем на панели справа нажимаем «Коррекция дисторсии» и внизу видим «Виньетирование», смещаете ползунок по шкале влево, чтобы затемнить края, и также можно смещать среднюю точку внизу. Нажимаем здесь ОК чтобы применить изменения.
Всё получилось! Все можно изменять, передвигая среднюю точку и добиваться нужного эффекта.
Кисти
Сочетанием клавиш создаём новый слой. Нажимаем ОК. Новый слой создан. Возьмём инструмент кисть, жёсткость 0％. И размер 700, если что его можно будет изменить по вашему усмотрению.
Либо можно размыть по Гауссу, как делали в примерах выше.
Размытие готово, у нас всё получилось!
В заключении
Тем временем, наш урок подошёл к концу, пришло время прощаться, дорогие любители фотошопа. Надеемся, вы узнали что-то полезное для себя, напишите в комментариях. Возможно, вам еще что-то пригодится в наших уроках. До свидания! Удачной недели, и плодотворных будней.
Растушевка в фотошопе. Как сделать растушевку краев
Фотошоп знает несколько способов как можно сделать растушевку изображения. В этой статье вы узнаете, что вообще такое растушевка, где она расположена и разберем пример как сделать растушевку в фотошопе.
Растушевка (Feather) — это плавное растворение краев изображения. С помощью нее можно смягчить края и сделать плавный переход к нижнему слою.
Она доступна, только когда вы работаете с выделением и выделенной областью!
Принцип работы:
Создается выделенная область, с указанием размеров растушевки. Видимых изменений не появилось. Мы только указали фотошопу, что по обе стороны выделения нам нужен эффект растворения. Далее необходимо удалить ту часть изображения, в сторону которой будет идти растворение. В результате фотошоп будет выборочно какие-то пиксели удалять, а какие то делать полупрозрачными. Ниже на примере вы увидите как это выглядит.
Сперва разберемся где находится растушевка и как ее выбрать.
1. Инструменты фотошопа, связанные с выделением:
Возьмем для примера любой из перечисленных инструментов, например, Лассо и посмотрим на панель параметров. Среди всего прочего, вы обнаружите настройку, позволяющая задать размер растушевки. В точно таком же виде данный параметр представлен и в остальных инструментах.
2. Команда меню в группе «Выделение»
Опять-таки, создав выделенную область, в панели управления станет доступной команда Выделение — Модификация — Растушевка.
Зачем нужна эта команда, если казалось бы, достаточно настроек на панели параметров?
Вся соль в очередности действий. Создавая выделенную область, вам необходимо сначала все продумать: хотите ли вы применить к ней растушевку, и каких она должна быть размеров. Если об этом не подумать, а опомнится, когда выделенная область уже создана, вы не сможете через панель параметров к ней применить желаемые настройки. Согласитесь, это не удобно: ну, например, вы не знаете какие размеры нужны и вы хотите посмотреть на результат применяя разное количество пикселей — для этого нужно каждый раз создавать новую выделенную область — а если это сложный объект, наподобие развивающихся на ветру волос?
Именно для таких случаев нужно пользоваться командой Выделение — Модификация — Растушевка. Появится диалоговое окно «Растушевка выделенной области», в котором вы вводите значение и сразу смотрите результат, меняя по желанию в ту или иную сторону.
Также хочу отметить, что командам меню, в отличии от настроек панели параметров, можно указывать горячие комбинации клавиш для быстрого доступа. Вот и в данном случае, уже по умолчанию, вы увидите, что команда доступна по комбинации клавиш Shift+F6 (кстати все стандартные наборы клавиш можно изменить на свое усмотрение — посмотрите как это сделать).
Давайте теперь посмотрим как на практике применяется растушевка. Попробуем сделать растворяющиеся края изображения.
Если на палитре слоев рядом с миниатюрой виднеется иконка замочка, значит фоновый слой заблокирован. Для разблокировки кликните дважды по слою. В появившемся диалоговом окне «Новый слой», ничего не меняя, нажмите на ОК.
Создадим выделенную область по периметру изображения. Для этого возьмем инструмент Прямоугольная область и, сделав отступ от края чуть меньше сантиметра, создадим рамку выделения.
Если справа или слева от выделения не будет пространства изображения, команда Растушевка станет недоступной.
Выберите команду Выделение — Модификация — Растушевка и в появившемся диалоговом окне укажите значение в пикселях каких размеров должно быть растворение краев изображения. Я взял 20 пикселей.
После этого углы выделения должны стать закругленными.
Теперь внимание. Подумайте. Выделение чего вы сделали? Правильно — по сути мы в рамочку взяли центр изображения. Поскольку следующим этапом мы должны удалить лишние пиксели, то в настоящее время удаление будет происходить в центре. А нам нужно наоборот. Применим команду Инверсия Ctrl+Shift+I Она создает обратное выделение.
Теперь под рамочкой у нас края изображения. Посмотрите как изменились «марширующие муравьишки»:
Эффект удаления суммируется — если нажать на удаление несколько раз, то фотошоп будет все больше и больше захватывать пикселей.
В своем примере я нажал три раза на удаление.
Растушевка резких краев
Также растушевка пригодится, чтобы сгладить эффект резких краев у изображения. Это особенно актуально, когда работа идет над коллажем.
Добавляя новые объекты к коллажу, очень заметен эффект не естественного перехода границ одного объекта к другому. Для примера разберем создание мини-коллажа.
Создайте папку на компьютере и скачайте в нее исходные материалы: текстура и клипарт львов.
Создайте новый документ. Я выбрал размер: 655 х 410 пикселей.
Добавьте клипарт львов на новый слой. Для этого перейдите в ранее созданную папку, и нажмите правой кнопкой мыши на изображение со львами. Выберите из выпадающего меню Открыть с помощью — Adobe Photoshop.
Либо посмотрите какие еще бывают способы как открыть изображение в фотошопе.
Левушки откроются в новой вкладке фотошопа. Нужно переместить их в наш ранее созданный документ. Для этого потяните вкладку с картинкой в сторону рабочего пространства, чтобы изображение появилось в отдельном окне.
Вот, что должно получиться:
Теперь выберите инструмент Перемещение и перетащите львов в ранее созданный документ.
Добавим текстуру фона. Для этого повторите шаги со 2 по 3.
В итоге поверх львов должна появится зеленая текстура огромных размеров. Не спешите ее уменьшать! Оставьте как есть. Позже ее только подвинем.
На палитре слоев переместите слой со львами выше текстуры.
А теперь вернемся к предмету этой статьи — к растушевке!
Обратите внимание, как контрастируют края изображения со львами на фоне зеленого цвета.
Во-первых, сразу виден дефект отделения от белого фона — видите как виднеется тонкая белая полоса?
Во-вторых, даже если бы не было белой полосы, то переход от шерсти животного к окружающему фону не выглядит естественным образом.
Чтобы это все поправить и сделать красиво, давайте применим растушевку к краям изображения со львами. Сделаем небольшое размытие и плавный переход к фону. Приступим!
Зададим размер растушевки — Shift+F6 — введем 3 пикселя.
На этом можно было бы и закончить, поскольку пример с растушевкой уже у вас перед глазами. Но ради красоты доведем композицию до конца.
Выберите на палитре слой с текстурой, возьмите инструмент Перемещение и подвигайте текстуру так, чтобы лучи как бы выходили из головы влюбленного тигра.
Теперь создадим цветовую гармонию.
Создайте новый слой, возьмите инструмент Заливка и залейте слой желтым цветом #f0ff02. Поместите этот слой между текстурой и львами.
Добавим маленькую тень в стилях слоя со львами. Повторите такие же настройки:
Финальный аккорд — добавим насыщенности и глубины для композиции. Создадим корректирующий слой Кривые и подвигаем ее немного:
Размываем края у фотографии в Photoshop
С помощью современных цифровых технологий сегодня любой может выполнить обработку фотографий в соответствии со своими требованиями и желаниями. Одной из таковых программ для обработки фотографий является Adobe Photoshop. Его возможности практически безграничны в этом плане, следовательно, вам не должно составить большого труда размыть края у фотографии или у какого-нибудь объекта с помощью представленных инструментов.
Как размыть края у фотографии в Photoshop
Программа предлагает пользователям несколько инструментов для выполнения данной операции. Давайте подробнее с ними ознакомимся. Для вашего удобства вся статья разбита на варианты, которые отличаются между собой в зависимости от используемого инструмента и/или алгоритма действий.
Всё расписано пошагово и дополнительно проиллюстрировано скриншотами из рабочего окна программы, благодаря чему у вас не должно возникнуть затруднений в выполнении инструкции даже если вы новичок.
Вариант 1: Растушёвка
Данный способ достаточно прост, так как включает в себя минимум необходимых действий. Вам же потребуется только добавлять к фотографии соответствующие фильтры.
Инструкция к данному способу выглядит следующим образом:
В случае с сохранением видимости фонового слоя и его последующим размытием вы получите что-то вроде виньетки у фотографии. Мы уже писали про то, как можно добавить виньетку к изображению. Рекомендуем ознакомиться по представленной ссылке.
Вы также можете не включать видимость у фона. В таком случае всё то, что будет за пределами выделенной области станет прозрачным фоном. Вместо него вы можете вставить любое другое изображение или сохранить так, если планируете использовать где-то именно такую фотографию – с круговым размытием краёв.
Вариант 2: С использование корректирующего слоя-маски
В Adobe Photoshop предусмотрены маски, с помощью которых можно скрыть те или иные детали изображения, но и также накладывать на них различные эффекты. С их же помощью вы можете без проблем размыть края у картинки.
Давайте посмотрим на примере представленной инструкции, как это можно реализовать:
Таким образом вы получили фотографию с размытыми границами и прозрачным фоном. На его место можно вставить любое изображение, оставить всё как есть или размыть «родной» фон.
Вариант 3: Инструмент «Размытие»
Этот вариант подходит далеко не во всех случаях, так как подразумевает лёгкое размытие. Однако в некоторых ситуация лучше всего использовать именно его.
Вот так выглядит инструкция к этому варианту:
Напоследок, вам останется только сохранить получившийся результат на ваш компьютер. Для этого воспользуйтесь комбинацией клавиш Ctrl+S или нажмите на кнопку «Файл» и выберите из контекстного меню вариант «Сохранить как». В «Проводнике» вам лишь потребуется указать, в каком формате сохранять готовый результат, какое имя ему присвоить и в какую директорию сохранить.
Изображению рекомендуется присваивать один из следующих форматов в случаях:
В ходе этой статьи мы рассмотрели все доступные способы размытия краёв у фотографии в Adobe Photoshop. Чаще всего используются первые два способа, поэтому на них мы рекомендуем обратить особое внимание.
Как правильно сгладить края объекта на картинке в Photoshop
Доброго времени суток, уважаемые читатели моего блога. Сегодня мы будем говорить про один очень важный момент. От того насколько качественно вы научитесь пользоваться функцией, о которой сегодня пойдет речь, зависит уровень вашего профессионализма. И несмотря на то, что публикации на похожую тему я уже писал неоднократно, эта статья тоже будет содержать в себе нечто новое.
Я расскажу вам о том, как сгладить края в Фотошопе, покажу как работать с готовой картинкой, края которой выглядят некрасиво, пиксельно, а также поведаю что делать с фото, чтобы после вырезания оно привлекательно выглядело и не выделялось из общей картины, когда нужно вставить объект в коллаж.
Простое сглаживание
Начнем мы, пожалуй, с самого простого способа. Откройте два изображения (откуда будете вырезать и куда вставлять). В моем случае это будет невеста и пляж.
В конце можно еще сделать небольшую растушевку. Для этого снова идите в меню «Выделение» — «Модификация», но теперь уже выбираете «Растушевка». Здесь вам нужно поставить размеры самой растушевки. Но не ставьте слишком много. Посмотрите сами, сколько вам будет достаточно. Мне, например, хватило и 6, а кому-то может потребоваться 15. Экспериментируйте. Вы всегда сможете вернуться назад.
Несколько слов для тех, кто хочет большего
Ну а если вам хочется поскорее разобраться со всеми инструментами и самим находить способы решения той или иной проблемы, то вам, как никому, нужно знать максимум обо всех имеющихся инструментах.
». Благодаря ему вы будете знать куда больше и уже через месяц начнете работать в программе так, как это делают профессионалы.
Не верите? Просто попробуйте. Думаете, что вам это может не пригодиться? А между тем на подобных навыках тысячи людей организуют себе дополнительный заработок. Веб-дизайн – это всего лишь картинки, которые создают специалисты при помощи этой программы и отсылают заказчикам за большие деньги.
Скачайте бесплатный курс «Профессия веб-дизайнера за 10 дней
» и узнайте все подробности.
До новых встреч и обязательно подписывайтесь на рассылку.
Более плавным и ровным за счет удаления/добавления дополнительных пикселей или делая их полупрозрачными.
В результате этого, края такого выделения станут лучше и естественнее сливаться с другими пикселями, выходящими за пределы границы выделения.
Данная настройка активируется на панели параметров следующих инструментов:
Почему именно эти инструменты?
Данная группа инструментов создает выделенную область, то есть некую замкнутую границу, при редактировании которой часто нужно, чтобы края оставались плавными, то есть сглаженными.
Но возникают вопросы, почему в этом списке нет инструментов и – ведь они тоже создают выделенную область!?
Я думаю следующее. Касательно Прямолинейного выделения, вспомните-ка – они квадратные. Создавая прямоугольное выделение, границы всегда вертикальные и горизонтальные, углы четко повторяют форму пикселя, таким образом, мы не имеем дефекта, когда края прямоугольника могут быть резкими и рваными – они всегда прямые и ровные. Значит и сглаживание им совершенно не нужно.
Что касается Быстрого выделения, то там есть альтернативный параметр – Жесткость кисти
, она то и регулирует какими в итоге будут края. Причем эта настройка более гибкая, позволяющая регулировать эффект по 100% — шкале.
Постойте-ка – а то причем? Это совсем далеко от выделенной области! Верно. А вы не заметили, что Волшебный ластик и почти одно и тоже? Просто ластик сразу удаляет пиксели, а палочка их добавляет в выделение. А если это один и тот же принцип действия, то и сглаживание должно быть и там и там.
Уточнение края
Ну и теперь способ немного сложнее, но эффективнее. С этой функцией мы уже сталкивались, когда выделяли волосы в фотошопе. Но сегодня она нам пригодиться для простого сглаживания.
В итоге у нас получается очень даже симпатичное изображение, без каких либо углов и зазоров. Все гладко и аккуратно. Это то, чего мы и добивались. Ну конечно вы можете сделать дальнейшую обработку изображения, но об этом в другой статье. Но самое главное, что вы теперь знаете, как сгладить края в фотошопе после вырезания.
Ну а на этом я свою сегодняшнюю статью буду заканчивать. Но если вы еще хотите хорошо подтянуть свои знания по фотошопу или изучить его с нуля, то рекомендую вам посмотреть эти классные видеоуроки. Все рассказано очень доступным языком и будет понятно любому уровню пользователя. Курс реально «Просто пальчики оближешь».
Ну а я с вами буду прощаться. Надеюсь, что моя сегодняшняя статья вам понравилась. Поэтому не забудьте подписаться на обновления моего блога и поделиться материалами с друзьями в социальных сетях. А я буду стараться почаще выкладывать для вас интересные статьи. Удачи вам. Пока-пока!
С уважением, Дмитрий Костин.
Растушевка
Алгоритм растушевки очень схож с предыдущим. Данный эффект позволяет размыть края, тем самым, создавая плавный переход между участками выделенной области и смежными с ней. Примечательно, что этот вид размытия границ приводит к уменьшению детализации краев выделенного участка.
К слову, инструменты, к которым можно применить растушевку, те же самые, что и в случае со сглаживанием.
После того как вы определитесь с одним из перечисленных выше инструментов, в шапке Панели инструментов вы заметите пункт «Растушевка». Степень размытия вы должны варьировать самостоятельно, задавая значение в пикселях.
Далее необходимо выбрать инструмент «Выделяющая кисть», выбрать мягкую кисточку и создать выделенную область в окне изображения.
Как видите, с помощью таких нехитрых правил вы легко и просто можете сгладить края в Photoshop. Надеюсь, у вас все получится!
Обнаружение краёв
После выбора вида просмотра, переходим в раздел Обнаружение краёв (Edge Detection)
, ставим галочку
Показать радиус (Show Radius)
и увеличиваем
Радиус (Radius)
, перемещая ползунок вправо, чтобы добавить обрезанные волосы к выделенной области. При этом стараемся как можно меньше захватить фон.
. При перемещение ползунка радиуса вправо, к выделенной области начнёт добавляться часть изображения, которая была за пределами первоначального выделения. При этом радиус увеличивается во всех направлениях от первоначального края выделения на то количество пикселей, которое Вы определяете при перемещении ползунка.
. Автоматически корректирует радиус для чётких и нечётких краёв. То есть, если мне нужно увеличить радиус в нечётких областях (в моём примере это волосы), а в области чётких краёв (в моём примере это плечи) оставить радиус небольшим, то необходимо включить параметр
Умный радиус (Smart Radius)
. В зависимости от изображения и типа краёв
Умный радиус (Smart Radius)
может сработать как во благо, так и во вред. Если граница выделенной области по всей длине имеет одинаково чёткие или нечёткие края, или если Вам необходимо более точно контролировать настройку радиуса, то параметр
Умный радиус (Smart Radius)
следует отключить.
Вывод
После смещения края выделенной области, переходим в раздел Вывод (Output)
. Уменьшает ореолы по краям выделенной области и заменяет цвет в области уточнения краёв на цвет ближайших полностью выделенных пикселей.
. Регулирует уровень очистки цвета.
. В раскрывающемся списке выберите вариант вывода уточнённой выделенной области:
Заключительные настройки
После очистки цвета можно вернуться в раздел Настройка края (Adjust Edge)
и при необходимости подкорректировать параметры:
Сгладить (Smooth)
,
Растушевка (Feather)
,
Контрастность (Contrast)
и
Сместить край (Shift Edge)
. В моём примере я не корректировал эти параметры и оставил всё как есть. Нажимаем
ОК
и при необходимости корректируем результат с помощью кисти на маске слоя. Радуемся полученному результату:
Работа с картинкой для сайта
Откровенно говоря, размытие краев для картинки, которую вы собираетесь вставить в текст статьи – устаревший способ оформления. Сейчас его уже почти никто не использует, однако интерес к этому вопросу весьма существенный, судя по и количеству статей на эту тему.
Потому я не могу не показать вам как достичь желаемого эффекта, но заодно хочу предложить лучшую альтернативу аж в двух вариациях. Вдруг удастся кого-нибудь убедить отказаться от использования устаревшего метода в пользу менее избитого.
Итак, для начала о главном. Открываем изображение.
Теперь выбираем инструмент прямоугольное выделение. Если не можете отыскать, то задержите на пару секунд зажатую кнопку мыши на второй кнопке панели слева. Здесь может быть инструмент овальная область.
Кстати, если вы будете использовать овал, то фотография станет эффектнее. Прямоугольные рамки уже изжили себя, а вот овалы пока в топе. Судя по социальным сетям. Ну, пример я покажу вам чуть позже.
Итак, вернемся к основной теме. Пока выбираем прямоугольник.
Рисуем на картинке область, которая останется не размытой. Если вы хотите, чтобы незамутненным остался квадрат, по удерживайте Shift пока рисуете. Зажимаете кнопку и ведете мышью по рисунку. Мне нужен прямоугольник, а потому я этого делать не буду, а вы поэкспериментируйте.
После того как вы это сделали, эффекты будут применяться не для внутренней части выделенного объекта, а для внешней рамки. Переходим к фильтрам, раздел «Размытие». Тут много разных возможностей, можете попробовать каждый и посмотреть как работает та или иная функция. Чаще остальных специалисты используют «Размытие по Гауссу…». Попробуем для начала его?
Дергайте за ползунок и смотрите какие изменения происходят с фотографией. Не забудьте поставить галочку, чтобы включить «Просмотр».
Мне не меньше нравится «Размытие в движении».
Схема действий такая же, а эффект несколько отличается.
Готово. Но, как и обещал, покажу вам еще два интересных эффекта.
Ну, во-первых, сейчас очень популярно писать цитаты на картинках и вы это уже умеете делать. Просто достаточно не использовать «Инверсию». Берете инструмент «Прямоугольное выделение». Выбираете область.
Теперь, как и обещал, покажу как сделать размытие по краям более эффектным. Выбираете картинку и под кнопкой прямоугольное выделение выбираете эллипс. Опять же, чтобы фигура была ровной, зажимаете кнопку Shift, а затем выбираете инверсию в разделе «Выделение» в верхнем меню.
Применяете фильтр размытие по Гауссу.
В принципе уже неплохо. Можно использовать. Чтобы снять ползающих муравьев одновременно зажмите Ctrl+D или кликните в любом месте фотографии.
Можете обрезать, чтобы картинка была квадратной.
Вот так, теперь вы знаете как размыть края фотографии красиво и профессионально. Теперь перейдем к более интересному и сложному вопросу, а именно размытие границ слоя. Не переживайте, получится у каждого!