Сайт о телевидении

Сайт о телевидении

» » Как в фотошопе сделать расплывчатые края. Как размыть края в фотошопе

Как в фотошопе сделать расплывчатые края. Как размыть края в фотошопе

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

Выполнить данной действие можно несколькими способами, и сейчас мы их поочередно рассмотрим. Начнем с наиболее простого метода:

  1. Открываем в Фотошопе требуемое изображение и определяемся с областью, которую в конечном счете хочется видеть размытой.
  2. Не забудьте, что мы работаем не с оригинальной картинкой, создайте дополнительный слой, чтобы в случае неудачи не испортить исходник.
  3. Теперь приступаем непосредственно к процессу: на левой вертикальной панели в Photoshop кликните правой кнопкой мыши по инструменту «Быстрое выделение» и выберите там «Овальная область».
  4. С помощью этого инструмента выделите на снимке область, которая должна оставаться нетронутой, скажем, лицо.
  5. Откройте раздел «Выделение», строчка «Модификация» – «Растушевка». После этого перед вами появится новое окошко с одним-единственным параметром – выбором радиуса размытия. Однако знать точное количество пикселей вы не можете, поэтому здесь нужно действовать методом проб. Попробуйте оттолкнуться от значения 50 пикселей и посмотрите, что получится.

Способ второй

Есть еще один способ создать размытые края в Фотошопе, для многих он предпочтительнее и удобнее первого. В данном случае используется инструмент «Быстрая маска», который можно найти практически в самом низу вертикальной панели программы, с левой стороны. Кстати, есть альтернативный вариант попасть в режим быстрой маски: нажмите на своей клавиатуре букву Q.


После этого откройте раздел «Фильтр» на панели инструментов и выберите там строку «Размытие» – . Откроется окошко, в котором, с помощью ползунка, вы можете регулировать степень размытия краев. Таким образом, видно преимущество данного способа над первым: здесь вы действуете не по наитию, а четко видите, какой должен быть задан радиус. Нажмите «ОК».


Теперь, чтобы увидеть результат своей работы, на клавиатуре одновременно выберите клавиши ++l. Далее удаляем выделенную область посредством кнопки . И последнее – избавляемся от бегущей линии, для чего следует нажать +D.

Как видите, способы совсем несложные, однако они обеспечивают такой эффект, как размытие краев в Photoshop.

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

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

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

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

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

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

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


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

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

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

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

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



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

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

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

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

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

О программе Adobe Photoshop.

Adobe Photoshop – один из наиболее популярных пакетов для обработки растровой графики. Несмотря на высокую цену, программой пользуются до 80% профессиональных дизайнеров, фотографов, художников компьютерной графики. Благодаря огромным функциональным возможностям и простоте использования Adobe Photoshop занимает доминирующее положение на рынке графических редакторов.

Тема 2.2 Выделение объектов. Как сделать края фотографии полупрозрачными (выделение с растушёвкой в Adobe Photoshop).

Бывают случаи, когда фотографии с резкими краями выглядят хуже, чем кадры с плавным увеличением насыщенности. Эффект растушёвки краёв известен художникам и гравёрам уже многие столетия.

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

В этом уроке мы попробуем подойти к теме более основательно – разобрать все возможности растушёвки с помощью выделения.

Для эффективной работы Вам стоит ознакомится с предыдущим уроком. «Выделение в Adobe Photoshop. Часть 1: Простая геометрия».

Немного теории

Что такое растушёвка? И что такое полупрозрачность?

В предыдущем уроке («Выделение в Adobe Photoshop. Часть 1: Простая геометрия») рассказывалось о философии «работы через слои» в Photoshop.

Проиллюстрируем:

  • Скопируйте часть фотографии на новый слой.
  • И установите бегунок «Непрозрачность » в палитре слоёв на уровень менее 100%.
  • Получите примерно такой результат:

Заметьте, изменение уровня прозрачности влечёт изменение общего вида нашей композиции. Однако, при любом уровне больше 0 мы отчётливо видим края изображения.

Если же переход сделать плавным – получим то, что называется растушёвкой.

Итак, растушёвка выделения – плавный переход прозрачности с 0% до 100% на границах выделенной области.

Практическая часть

Растушёвку краёв можно задать тремя способами. Основной – установки свойств инструмента «Выделение ».

Для этого достаточно:

  • Выбрать инструмент.
  • До выделения установить радиус растушёвки в контекстном меню свойств. Радиус растушёвки указывается в пикселях. Причём «реальный» радиус в 2 раза больше указанного вами. Дело в том, что граница выделения становится зоной полупрозрачности (50%). Переход 50-0 (от полупрозрачности к полной прозрачности) осуществляется на пикселях ВНЕ выделенной зоны. 100-50 – внутри. И там, и переход реализуется на указанное вами количество пикселей.
  • Выделите необходимую зону. В случае выделения прямоугольником вы заметите, что углы стали «сглаженными». Естественно – они попали в зону растушёвки.
  • Скопировать фрагмент.

Теперь возникает вопрос: что с ним делать? Самое простое – вставить на новый слой.

  • Для этого просто выбираем пункт «Вставить » в меню «Редактирование ». Или нажимаем «CTRL+V ».
  • Фрагмент встанет на новый слой.
  • Выбрав инструмент «Перемещение », сдвиньте фрагмент.

Получили самый простой коллаж!

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

Растушёвка с прозрачностью на базе существующей фотографии.

Для того, чтобы оставить только выделенный фрагмент достаточно удалить слой (или слои), находящиеся снизу:

  1. Щелчком левой клавиши мыши на пиктограмме слоя выделите его (делаем активным).
  2. Наведите курсор на пустое пространство рядом с пиктограммой, нажмите левую клавишу мыши.
  3. Удерживая клавишу нажатой, перетащите пиктограмму слоя в «мусорный ящик» внизу палитры слоёв.
  4. Повторяйте п. 1-3 до тех пор, пока у вас не останется только нужный слой.
  5. Обрежьте (кадрируйте) снимок. Как это делается – описано в уроке по кадрированию фотографий .
  6. В меню «Файл » выберите пункт «Сохранить как ». Задав имя файла, выберите тип. Прозрачность сохраняют файлы PSD , TIFF , PNG . Если вы собираетесь работать с фотографией “на любительском” уровне – выбирайте PNG. Этот формат воспринимает большинство пользовательских программ.

Замечание : Удалить слой можно ещё тремя способами. А именно:

1. Выделить слой и выбрать пункт «Удалить » из меню «Слои »

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

2. Перенести фрагмент в новый файл. Для этого:

  • Скопируйте выделенную область.
  • Создайте новый файл в размерах «буфера обмена» ().
  • Вставьте в новый файл выделенную область.
  • Сохраните файл.

Альтернативные методы установки радиуса растушёвки

Что делать, если зону выделения создали, а растушевать забыли? Отчаиваться не стоит. Отменять выделение – и подавно. Существует два способа коррекции растушёвки в уже созданном выделении.

Коррекция через меню «Выделение»

  • В меню «Выделение » выберите пункт «Модификация ». И далее «Растушёвка »
  • В открывшемся диалоговом окне задайте необходимый радиус растушёвки и нажмите Enter .
  • Далее – по алгоритму, описанному выше.

Коррекция через функцию «Уточнить края»

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

  • Нажмите её.
  • В появившемся диалоговом окне подкорректируйте радиус растушёвки. Несомненным плюсом данного способа является его наглядность – границы выделения меняются в зависимости от выбранного параметра.

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


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

Существует несколько способов сделать растушевку края фотографии. И результат работы несколько разнится. Давайте изучим оба.

Для начала подготовим фото. Для этого вам следует создать рабочую область белого цвета. А потом перетащить туда понравившееся фото. Примерно так:

Первый – размытие края фотографии с помощью инструмента растушевка.

Выделяем область, близкую к границе фото.


Делаем клик по выделенной области правой клавишей мыши. Из выпадающего списка выбираем «растушевка».


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


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


Что у нас получилось после инвертирования.


Теперь просто нажимаем кнопку del.


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

Сводим слои и сохраняем.

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

На мой взгляд, этот эффект интереснее предыдущего за счет неравномерного размытия границы.

Возвращаемся к исходному изображению. Повторяем выделение. Инвертируем.

Теперь ищем операцию «размытие по Гауссу».



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


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

И уж совсем простой способ – третий. Но он «для самых маленьких». Самый простой для понимания и самый трудоемкий. Выполнить эти действия аккуратно удастся не с первого раза.


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

После чего, зажимая shift ведем курсором по краю фото.

Для сравнения «до»


И «после»


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

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

Привет всем!

Сегодня четвертый урок и я научу вас делать, так называемые «рваные картинки «… Мы не будем для этого использовать какие-то спецпрограммы, а обратимся к нашему старому и доброму Фотошопу !

Разберем эффект рваных краев в фотошопе по пунктам и каждый в конце обретет новый навык!

Если честно, то я вот заметил, что все, кто пишет на данную тематику — не особо всё расписывают, или что-то объясняют… Такое чувство, что они пишут сами для себя (или для умельцев своего уровня ).

Их посты короткие и малоинформативные!

Я и сам не раз попадал на такие вот блоги… Да, вроде есть статья и результат на лицо! А как дойти этого результата — об этих подробностях они любят умалчивать…

Как сделать рваные края?

На самом деле здесь, как и в любом деле: если все разложить по полочкам и во всем разобраться — результат не заставит ждать!

Если вы мой постоянный читатель, то у вас уже наверняка есть сама программа и вы научились некоторым моментам работы в ней…

Поэтому, все эти мелочи сегодня затрагивать не будем!

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

Есть еще масса способов, но сегодня мы о них вспоминать не будем…

Чего тянуть? Пора бы и к делу…

Открываем Фотошоп и с помощью меню Файл-Открыть… добавляем нашу экспериментальную картинку. Или смотрите рисунок:

P.S. Сэкономил немного на дисковом пространстве блога и взял картинку со старого поста…

Берем инструмент «Прямоугольная область » и с помощью него выделяем нужный участок на картинке:

P.S. Не обязательно брать для выделения прямоугольник! Вы можете взять и овал…

После выделения в панели инструментов нажимаем — Редактирование в режиме «Быстрая маска», или горячая клавиша Q:

Область картинки, которая пойдет под редактирование получит красный цвет (место, где и будут находится наши рваные края) :

Следующий этап: Инструмент «Фильтр» — Галерея фильтров…:

В итоге мы попадаем на вот такую страницу:

P.S.

Результат смотрите на окошке слева, если все нравится нажимаете «Ок «.

Также, можете поэкспериментировать и с другими фильтрами (там тоже есть эффекты рваных краев )…

И мы снова попадаем на главную страницу редактора Фотошопа и картинка приобретает уже вот такой вид:

Теперь, чтобы все окончательно закрепить и просмотреть финальный результат — выходим из инструмента «Быстрая маска»:

P.S. Кто не знает как отключить инструмент «Быстрая маска» — посмотрите выше как вы ее включили и просто сделайте по ней повторный клик…

Нажимаем на клавиатуре клавиши Ctrl+C (копировать) и Ctrl+V (вставить) — так мы создали дополнительный уже обрезанный с использованием нашего фильтра слой…

P.S. Есть и более долгий способ создания слоя… Я думаю, это вам не к чему!

Первый слой можно скрыть (нажав на глаз, который указывает видимость слоя ), или удалить его (выделить и нажать Delete, или на небольшую корзинку ):

Как видите, результат на белом фоне незаметный…

Значит немного экспериментов не повредит!

Можно сделать заливку заднего фона, но здесь ей не место… А хотя, вроде неплохо получилось:

P.S. Выбор инструмента «Заливка» горячая клавиша — G…

Берем на вооружение другие методы: делаем клик правой кнопкой мыши по слою и выбираем — Параметры наложения…:

Перед вами появится новое окошко, где можно произвести различные настройки… У меня получилось вот так:

P.S. Сделайте клик по картинке и она откроется в новом окне!

После всех изменений нажимаете «Ок » и сохраняете картинку в формате PNG!(Файл — Сохранить как… )

А вот мой результат:

А теперь небольшой подарок!

Предлагаю вам установить специальный шрифт с рваными краями !

Что это такое? А вот смотрите:

Это шрифт под названием — 28 days later . Скачать его можете, кликнув по ссылке ниже:

28 days later скачать шрифт

Как правильно установить шрифты?

Шрифты устанавливаются не в саму программу фотошоп, а в систему нашего компьютера. Поэтому, их использование не ограничено только одной программой…

Итак, какие действия нужно произвести для добавления нового шрифта?

Заходим в системный диск нашего компьютера (зачастую это Локальный диск C ) — папка Windows — Fonts… (полный путь C:WindowsFonts )

В последнюю папку (Fonts ) перемещаем наш скачанный шрифт!

Примечания:

— шрифт применяется только для больших букв;

— все знаки препинания остаются без его внимания;

Поддерживает кириллицу;

— некорректное отображение (к примеру, буква «Д» на рисунку выше )

Немного новостей с жизни блога….