Как сделать края фотографии рваными
Как легко сделать рваные края в фотошопе с помощью кисти, фигуры и обтравочной маски
Всем привет! Давно мы с вами не фотошопили, поэтому мне хотелось бы вернуть старую традицию и поиграться в знаменитом фоторедакторе. И сегодня я хотел бы рассказать вам, как сделать рваные края в фотошопе для достижения потрясающего эффекта. Такие элементы дизайна частенько используются в различных целях. Поэтому я уверен, что узнать про это вам будет весьма полезно. Для этого возьмем такую фотографию, и пошаманим с ней.
Кисть и ластик
Вот что в итоге получилось у меня. Вполне симпатично. Здесь я наобум без какой-либо логики просто пользовался ластиком с установленными мной кистями.
Фигуры
На самом деле сделать края рваными можно сделать и с помощью фигур. Я бы даже сказал, что это гораздо легче. Если вы хотите научиться работать с фигурами в фотошопе, то рекомендую вам прочитать мою отдельную статью на эту тему. Но в принципе, даже если вы ничего про это не знаете, я думаю, что вам будет все понятно.
Вот, что в итоге у меня получилось таким способом. И главное, что за считанные секунды. Ну ладно, за 1-2 минуты.
Обтравочная маска
А вот еще один мощный вариант сделать рваные края в фотошопе с помощью фигур, только гораздо легче. Для этого нам вполне подойдут фигуры, которые мы скачали ранее. Поэтому заново откройте картинку, и начнем с полного нуля.
И по сути это всё. Как видите, теперь наш тигр точно вписался в нашу рваную рамку, по краям которой расположился прозрачный фон. Кстати, можете сохранить эту картинку в формате PNG и использовать ее с прозрачным фоном, накладывая на другие изображения. Может получиться очень интересно.
Рваная рамка
Такой вариант рваных краев у нас получился, когда мы используем готовую рамку. Можно еще немного поиграть со стилями слоя, чтобы придать какой-либо эффект. Например, по желанию можно включить немного тени. Как видите, ничего сложного в этом нет.
Конечно, все это простейшие варианты. Можно сделать все намного эффектнее и интереснее. Но тогда на это уйдет гораздо больше времени и потребуется больше усилий.
Ну а на этом я с вами прощаюсь. Надеюсь, что сегодняшний урок вам понравился. Обязательно подписывайтесь на мой блог и паблики в социальных сетях, чтобы не пропустить выхода новых статей. Удачи вам. Пока-пока!
Урок 4. Эффект рваных краев в фотошопе… Очередная ступенька для чайника!
Сегодня четвертый урок и я научу вас делать, так называемые «рваные картинки«… Мы не будем для этого использовать какие-то спецпрограммы, а обратимся к нашему старому и доброму Фотошопу!
Разберем эффект рваных краев в фотошопе по пунктам и каждый в конце обретет новый навык!
Если честно, то я вот заметил, что все, кто пишет на данную тематику — не особо всё расписывают, или что-то объясняют… Такое чувство, что они пишут сами для себя (или для умельцев своего уровня).
Их посты короткие и малоинформативные!
Я и сам не раз попадал на такие вот блоги… Да, вроде есть статья и результат на лицо! А как дойти этого результата — об этих подробностях они любят умалчивать…
Как сделать рваные края?
На самом деле здесь, как и в любом деле: если все разложить по полочкам и во всем разобраться — результат не заставит ждать!
Если вы мой постоянный читатель, то у вас уже наверняка есть сама программа и вы научились некоторым моментам работы в ней…
Поэтому, все эти мелочи сегодня затрагивать не будем!
Есть еще масса способов, но сегодня мы о них вспоминать не будем…
Чего тянуть? Пора бы и к делу…
Открываем Фотошоп и с помощью меню Файл-Открыть… добавляем нашу экспериментальную картинку. Или смотрите рисунок:
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) перемещаем наш скачанный шрифт!
— шрифт применяется только для больших букв;
— все знаки препинания остаются без его внимания;
— некорректное отображение (к примеру, буква «Д» на рисунку выше)
Немного новостей с жизни блога….
Инвентаризация идет… Правда не такими большими шагами, как я хотел, но идет…
На это все тоже есть свои причины… К примеру, я создавал блог под заказ и т.д.
Из-за таких длительных задержек, я все-таки решил писать статьи…
Как я уже говорил и снова скажу: «Обо всем поведаю в своем отчете!».
Подписывайтесь на мой блог, читайте, комментируйте — вместе веселее!
Как сгладить края после вырезания объекта в Фотошопе
Называется сие чудо «Уточнить край». В этом уроке я расскажу, как сгладить края после вырезания в Фотошопе с его помощью.
В рамках данного урока показывать, как вырезать объекты, я не буду, поскольку на сайте такая статья уже присутствует. Прочитать ее можно, перейдя вот по этой ссылке.
Итак, предположим, объект мы уже отделили от фона. В данном случае это та же самая модель. Я ее специально поместил на черный фон для того, чтобы лучше понять, что происходит.
Как видим, у меня получилось довольно сносно вырезать девушку, но это не помешает нам изучить приемы сглаживания.
Итак, для того, чтобы поработать над границами объекта, нам необходимо его выделить, а если быть точным, то «загрузить выделенную область».
Переходим на слой с объектом, зажимаем клавишу CTRL и кликаем левой кнопкой мыши по миниатюре слоя с девушкой.
Как видим, вокруг модели появилось выделение, с которым мы и будем работать.
Теперь, для того, чтобы вызвать функцию «Уточнить край», нам вначале нужно активировать один из инструментов группы «Выделение».
Только в этом случае кнопка, вызывающая функцию, станет доступной.
В списке «Режим просмотра» выбираем наиболее удобный вид, и приступаем.
Нам понадобятся функции «Сглаживание», «Растушевка» и, возможно, «Сместить край». Давайте по порядку.
«Сглаживание» позволяет сгладить углы выделения. Это могут быть острые пики или пиксельные «лесенки». Чем выше значение, тем больше радиус сглаживания.
«Растушевка» создает градиентную границу по контуру объекта. Градиент создается от прозрачного к непрозрачному. Чем выше значение, тем шире граница.
«Сместить край» перемещает край выделения в ту или иную сторону, в зависимости от настроек. Позволяет удалить участки фона, которые могли попасть внутрь выделения в процессе вырезания.
В учебных целях я выставлю значения побольше, чтобы видеть эффекты.
Ну чтож, идем в окно настроек и выставляем нужные значения. Еще раз повторю, что мои значения будут завышенными. Вы же подбирайте их под свое изображение.
Выбираем вывод в выделение и нажимаем ОК.
Далее необходимо отсечь все ненужное. Для этого инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем клавишу DEL.
Выделение убираем комбинацией CTRL+D.
Ка видим, все очень сильно «сгладилось».
Несколько моментов в работе с инструментом.
Размер растушевки при работе с людьми не должен быть слишком большим. В зависимости от размера изображения 1-5 пикселей.
Сглаживанием также не стоит злоупотреблять, так как можно потерять некоторые мелкие детали.
Смещением края стоит пользоваться только при необходимости. Вместо этого лучше заново, более аккуратно, выделить объект.
Я бы выставил (в данном случае) такие значения:
Этого вполне достаточно, чтобы убрать мелкие огрехи вырезания.
Вывод: инструмент есть и инструмент довольно удобный, но не стоит слишком на него надеяться. Тренируйте свои навыки работы с пером, и Вам не придется мучить Фотошоп.
СублиМастер
Посмотрите на картинку. Симпатичное изображение, но смотрится оно на майке как-то броско. Резкие края рисунка нужно немного сгладить, тогда и выглядеть оно будет более естественно.
Попробуем сделать эффект рваных краев на нашем изображении. А поможет нам в этом старый добрый Photoshop.
Откроем нашу картинку в Фотошопе, активируем инструмент Прямоугольная область и, немного отступив от краев, выделим наше изображение.
Теперь войдем в режим Быстрой маски, нажав соответствующую кнопку на панели или нажав клавишу Q. Вокруг изображения появилась красная область.
Теперь идем Фильтр—Штрихи—Аэрограф.
Жмем ОК и возвращаемся в Фотошоп. Теперь снова жмем нужную кнопку, чтобы выйти из режима Быстрой маски.
Рваный край нашего изображения выделен. Теперь идем Выделение—Инверсия.
Осталось нажать кнопку Delete и снять выделение, пройдя Выделение—Отменить выделение.
Снова вернусь в начало, войду в режим Быстрой маски и пройду Фильтр—Штрихи—Разбрызгивание.
В открывшемся окне попробую различные настройки.
Далее жму ОК и выхожу из режима Быстрой маски. Снова Инверсия—Delete—Выделение—Отменить выделение.
Теперь край моего рисунка выглядит так:
Ну и напоследок сравним две футболки.
Не знаю как вам, а мне второй вариант нравится больше. Картинка с размытыми или рваными краями смотрится на футболке более естественно и не так вызывающе.
Понравилась статья? Вы можете подписаться на новости и первыми узнавать о новых статьях и уроках сайта СублиМастер.
Делаем фигурные края у фотографии
Принцип создания фигурных краёв, или фигурной стилизации краёв у фотографии в Photoshop, описываемый в этой статье, аналогичен способу вставки фотографии в рамку, о котором рассказывается здесь, но назначение этого метода несколько иное.
Обработка краев фотографии используется для придания фото какого-либо стиля или направления, например, если Вы хотите сделать из современной фотографии старинную. Кроме того, используя данный метод, можно создать так называемую «чёрную рамку».
Я использовал фото отсюда, только применил к нему корректирующий слой «карта градиента» с набором для фотографического тонирования Sepia4, для придания фото ретроспективного стиля.
Вот моя основа для работы:
И что у меня получилось в результате:
Займёмся, наконец, обработкой краёв.
Если слой с Вашей фотографией является фоновым слоем в палитре слоёв, преобразуйте его в обычный.
Зажмите клавишу Ctrl и кликните по значку создания нового слоя внизу панели слоёв, в результате новый слой создастся под активным.
Залейте новый слой белым цветом, для чего нажмите клавишу D и затем Ctrl+Delete.
Снова зажмите клавишу Ctrl и кликните по миниатюре слоя с фото:
Теперь у нас появилось выделение по форме фотографии.
Отключаем быструю маску, нажав на клавишу Q, после чего маска отобразится как выделенная область. Вот что у нас получилось в результате:
Нажимаем Enter для применения трансформации.
Нажимаем Ctrl+J для копирования выделения на новый слой. Теперь осталось только перейти на самый нижний слой и залить его чёрным цветом (для этого нажимаем D, затем Alt+Delete). Вот как выглядит панель слоёв:
А вот как выглядит готовое фото:
Преимуществом данного способа является то, что Вы всегда можете изменить размер рамки со стилизованным рваным краем, изменив размер среднего слоя с рамкой (у меня это «Слой 2») с помощью инструмента «Свободная трансформация».
Для лучшего понимания материала Вы можете скачать файл PSD, сделанный по этому уроку: