Как сделать рваные края в фотошопе
Обновлено: 04.07.2024
Сегодня четвертый урок и я научу вас делать, так называемые «рваные картинки«… Мы не будем для этого использовать какие-то спецпрограммы, а обратимся к нашему старому и доброму Фотошопу!
Разберем эффект рваных краев в фотошопе по пунктам и каждый в конце обретет новый навык!
Если честно, то я вот заметил, что все, кто пишет на данную тематику — не особо всё расписывают, или что-то объясняют… Такое чувство, что они пишут сами для себя (или для умельцев своего уровня).
Их посты короткие и малоинформативные!
Я и сам не раз попадал на такие вот блоги… Да, вроде есть статья и результат на лицо! А как дойти этого результата — об этих подробностях они любят умалчивать…
Как сделать рваные края?
На самом деле здесь, как и в любом деле: если все разложить по полочкам и во всем разобраться — результат не заставит ждать!
Если вы мой постоянный читатель, то у вас уже наверняка есть сама программа и вы научились некоторым моментам работы в ней…
Поэтому, все эти мелочи сегодня затрагивать не будем!
Использование фильтров в фотошопе -именно благодаря этому способу, в данной статье, мы научимся делать эффект «рваные края»!
Есть еще масса способов, но сегодня мы о них вспоминать не будем…
Чего тянуть? Пора бы и к делу…
Открываем Фотошоп и с помощью меню Файл-Открыть… добавляем нашу экспериментальную картинку. Или смотрите рисунок:
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 скачать шрифт
Как правильно установить шрифты?
Шрифты устанавливаются не в саму программу фотошоп, а в систему нашего компьютера. Поэтому, их использование не ограничено только одной программой…
Итак, какие действия нужно произвести для добавления нового шрифта?
Заходим в системный диск нашего компьютера (зачастую это Локальный диск C) — папка Windows — Fonts… (полный путь C:WindowsFonts)
В последнюю папку (Fonts) перемещаем наш скачанный шрифт!
— шрифт применяется только для больших букв;
— все знаки препинания остаются без его внимания;
— некорректное отображение (к примеру, буква «Д» на рисунку выше)
Немного новостей с жизни блога….
Инвентаризация идет… Правда не такими большими шагами, как я хотел, но идет…
На это все тоже есть свои причины… К примеру, я создавал блог под заказ и т.д.
Доброго вам времени суток, мои дорогие друзья. Христос Воскрес! Как ваши дела? Как ваше настроение? У меня отличное! Чувствуется май. Но перейдем к статье. Раньше периодически я видел очень интересный эффект на фотографиях, когда края немного размыты, но сама фотка остается нетронутой. Вот поэтому я тоже решил сделать такой же эффект на некоторых изображениях.
И сегодня я покажу и вам, как сделать размытые края в фотошопе. И экспериментировать я буду над стариной Человеком-Пауком из одноименного фильма. Можно конечно выбрать инструмент «Размытие» и просто закрашивать им края изображения. Но как по мне этот способ не очень, поэтому я буду использовать другие.
- Итак, откройте нужное вам изображение любым удобным для вас способом.
- Теперь возьмите инструмент «Прямоугольное выделение» и выделите им всё изображение. Затем зажмите клавишу ALT и не отпуская ее выделите с помощью прямоугольной области еще часть изображения, только поменьше. В общем у вас должно быть два прямоугольных выделения, образовывая своеобразную рамку.
- Теперь идем в знакомое меню «Фильтр» и выбираем «Размытие» — «Размытие по Гауссу» . Поставьте где-нибудь на 5, хотя тут уже на ваше усмотрение. Вы уже сами будете выбирать, как вам нравится.
- После этого уберите выделение: либо выберете «Выделение» — «Отменить выделение» , либо просто щелкните этим инструментом по любому месту на картинке. Можно вообще нажать комбинацию CTRL+D.
Вот так мы размыли края изображения. И на это у нас ушло не более минуты. Но как видим, размытие имеет четкие границы. Некоторые любят оставить так, а некоторые предпочитают плавный переход.
Совет: На самом деле можно не делать два выделения с помощью зажатого Альта. Можно сделать одно выделение только в том месте, до куда будет идти размытие. А уже после этого нужно инвертировать выделение. Для этого нажмите комбинацию клавиш SHIFT+CTRL+I или выберете меню «Выделение» — «Инверсия» . Тогда у вас автоматически создастся выделенная рамка.
Плавное размытие
Для того, чтобы у нас был не резкий переход, нам нужно проделать первые два пункта из предыдущего способа, но затем ход немного изменится.
- Итак у нас есть двойное выделение. Теперь идите в меню «Выделени е» — «Модификация» — «Растушевка» . И поставьте где-нибудь на 10. Помните? Мы ведь с вами уже пользовались растушевкой, когда делали закругленные края в фотошопе. Видите? Теперь углы снова закруглились.
- Ну а теперь делаем то же самое, что и в третьем пункте прошлого способа, а именно выбираем «Размытие по Гауссу» .
- Теперь снимаем выделение и смотрим, что у нас получилось. Как видите, теперь всё плавненько.
Обратите внимание ! Величина радиуса размытия по Гауссу и растушевки зависит от размера самого изображения. Здесь я ориентировался на конкретно этот размер. Экспериментируйте.
Другие способы размытия
Вам необязательно использовать фильтр по Гауссу, ведь есть и много других фильтров рaзмытия. Давайте я вам покажу на примере еще одного, а дальше вы уже попробуйте всё сами.
- Повторяем два первых шага из первого примера, чтобы у вас появилась рамка из пунктирной линии.
- Теперь идем в «Выделение» — «Модификация» — «Растушевка» . Ставим значение на 30. Видите как мощно у вас закруглилось выделение?
- Ну а теперь переходим в «Фильтр» — «Размытие» — «Радиальное размытие» . Ставим значение на 15-16 и нажимаем ОК.
- Теперь снимаем выделение с помощью комбинации клавиш CTRL+D наслаждаемся результатом.
По-моему здорово получилось. Картинка стала более интересной. Вы можете сами посмотреть другие фильтры из этой же группы, и посмотреть как они работают и какие эффекты дают.
Ну вот вроде и всё, что я хотел вам рассказать об этом. Да. Такой вот небольшой и несложный урок). Но если вы хотите освоить фотошоп полностью, то настоятельно рекомендую вам полностью изучить один классный видеокурс . Благодаря ему вы сможете изучить фотошоп в кратчайшие сроки, если конечно не будете лениться.
Ну а я на сегодня заканчиваю. Жду от вас комментариев по теме. И кстати обязательно подпишитесь на обновления блога, тогда вы всегда будете знать о выходе новых статей по нужной вам тематике. Также советую погулять по блогу, так как статей много и наверняка вы найдете для себя что-нибудь интересное. Удачи вам. Пока-пока!
Доброго всем времени суток. мои дорогие друзья и гости моего блога. Сегодня бы мне хотелось бы вам рассказать о том, как сгладить края в фотошопе после вырезания, так как если этого не сделать, то эти недочеты слишком бросаются в глаза, особенно после овального выделения или прямоугольного лассо.
Простое сглаживание
Начнем мы, пожалуй, с самого простого способа. Откройте два изображения (откуда будете вырезать и куда вставлять). В моем случае это будет невеста и пляж.
- Аккуратно выделите объект любым подходящим инструментом выделения, например тем же прямоугольным лассо и перенесите его на слой с другим изображением. Мы такое уже проделывали, когда заменяли фон на картинке в фотошопе. И как вы сможете заметить, наше вырезанное изображение будет слегка косячным (хотя не всегда). Останутся всякие углы, из-за которых фотография будет смотреться неестественно.
- Теперь, не снимая выделения, вызовите меню «Выделение» — «Модификация» — «Сгладить» . Если вы случайно сняли выделение, то не волнуйтесь. Просто зажмите клавишу CTRL и нажмите левую кнопку мыши на слое с объектом. В этом случае он снова выделится.
- В открывшемся меню выберите такой радиус, чтобы он убрал все углы, но в то же время не очень их закруглял. Я для своего случая взял цифру 10, но у вас она может отличаться. После этого края действительно удается сглаживать, а все неровности останутся за пределами пунктирной линии. Но и это еще не всё. Нам нужно убрать все эти остатки. (SHIFT+CTRL+I), чтобы был выделен не сам объект, область вокруг него. А теперь просто нажмите клавишу DELETE, тогда все ненужные угловые детали удалятся, а изображение станет гладким.
В конце можно еще сделать небольшую растушевку. Для этого снова идите в меню «Выделение» — «Модификация» , но теперь уже выбираете «Растушевка» . Здесь вам нужно поставить размеры самой растушевки. Но не ставьте слишком много. Посмотрите сами, сколько вам будет достаточно. Мне, например, хватило и 6, а кому-то может потребоваться 15. Экспериментируйте. Вы всегда сможете вернуться назад.
Уточнение края
Ну и теперь способ немного сложнее, но эффективнее. С этой функцией мы уже сталкивались, когда выделяли волосы в фотошопе. Но сегодня она нам пригодиться для простого сглаживания.
В итоге у нас получается очень даже симпатичное изображение, без каких либо углов и зазоров. Все гладко и аккуратно. Это то, чего мы и добивались. Ну конечно вы можете сделать дальнейшую обработку изображения, но об этом в другой статье. Но самое главное, что вы теперь знаете, как сгладить края в фотошопе после вырезания.
Ну а на этом я свою сегодняшнюю статью буду заканчивать. Но если вы еще хотите хорошо подтянуть свои знания по фотошопу или изучить его с нуля, то рекомендую вам посмотреть эти классные видеоуроки. Все рассказано очень доступным языком и будет понятно любому уровню пользователя. Курс реально «Просто пальчики оближешь».
Ну а я с вами буду прощаться. Надеюсь, что моя сегодняшняя статья вам понравилась. Поэтому не забудьте подписаться на обновления моего блога и поделиться материалами с друзьями в социальных сетях. А я буду стараться почаще выкладывать для вас интересные статьи. Удачи вам. Пока-пока!
С вами как всегда автор блога, или уже малость известный под псевдонимом — Ёжик… Сегодня я хотел бы сделать продолжение предыдущей статьи!
Поэтому, будем снова безжалостно рвать наши картинки, что-то химичить, фантазировать и в итоге обязательно получим уникальный, и неотразимый результат!
Территория наших экспериментов — программа фотошоп!
Прошлый раз все работы проводились с помощью фильтров… Теперь мы будем использовать еще один инструмент программы, а именно — «Кисть«.
Нет, простыми кистями мы не отделаемся! Тут нужны специальные — рваные кисти…
Они облегчат вашу работу и помогут сделать эффективное творение! Но, для начала проверим есть ли у вас эти кисти в наличии…
P.S. Если программу скачивали с моего блога, то можете сразу переходить к следующему этапу — таких кистей в данной версии нет!
Открываете программу фотошоп → выбираете инструмент «Кисть» → в окне выбора кистей ищите в конце кисти с рваными краями (думаю, для вас это сложности не предоставит):
Если нет, придется вам их скачать и произвести установку по моей инструкции…
Итак, предоставляю вашему вниманию рваные кисти для фотошопа, вот такой наборчик из 38 штук:
Кликните по ссылки ниже и начнется автоматическая загрузка вот этого бесплатного сборника!
СКАЧАТЬ НАБОР КИСТЕЙ
Ну и что, скачать — скачали… А что же дальше?
Как установить кисти в фотошоп?
Для начала разархивируйте скачанный ZIP архив… Можно воспользоваться обычным WinRAR, или как у меня (на Windows 8) стоит еще в придачу стандартный «Проводник«:
Скрываете шифрованный файл и папку, которая внутри, перетаскиваете на рабочий стол своего компьютера.
Теперь снова открываем фотошоп…
В панели инструментов выбираем кисть и потом переходим в окно выбора набора кистей (смотреть выше ↑ ) … И в конце делаете вот такие действия:
Выскочит окно для выбора кистей, которые вы хотите загрузить… Находите папочку на рабочем столе — открываете ее — в ней вот такой файлик — «38 Torn Edges.abr«:
Смело нажимайте на кнопочку «Загрузить«!
После этой процедуры кисти должны будут добавиться.
P.S. Кисти также можно загрузить вот так: вместо пункта «Загрузить кисти…» — выбрать пункт «Управление наборами…» (см. рисунок выше)
Наконец-то я дошел к самой сути этого поста!
Я не знаю кто и как применяет кисти в данной ситуации, но я покажу свои способы!
Итак, поехали! Надеюсь, фотошоп у вас уже открытый…
Первым делом — загружаем нашу картинку и снимаем в слоях замочек, создав новый слой(как и что — все это уже было в предыдущих постах).
Взяли инструмент «Ластик» (горячая клавиша E), в окне выбора кистей выберите рваную кисть. Данные кисти слишком большого размера, поэтому их нужно подгонять под размеры картинок.
Для начала нам нужно посмотреть параметры картинки:
Что нужно смотреть я выделил:
Пока нам нужна только высота… У меня она 442 px, зададим этот размер для кисти:
Теперь у вас должны быть выбраны: Ластик — Нужная кисть — Размер под картинку…
Проводим кистью по краю картинки… Итог таков: путем стирания изображения мы получаем рваные края. С другой стороны делаем такое же действие!
Вот что получилось:
Думаю, что суть вы поняли… Верх и низ по желанию тоже можно изменить.
А чтобы придать картинке больше эффектов, можете воспользоваться «Параметрами наложения…«:
Исходник нужно сохранять в формате PNG, чтобы сохранить задний фон прозрачным!
Второй сценарий немножко отличается…
Закинули картинку, сняли ограничение со слоя, создали дубликат слоя (клик правой кнопкой мыши по слою — Создать дубликат слоя…).
Выделяете созданную копию слоя и зажимаете Ctrl+Delete — останется белый лист. Его перемещаем под основной слой. Вот итог:
Слой-копию можно закрасить в любой цвет (к примеру, используя заливку — горячая клавиша G)… Ну, а дальше все как и первый раз!
Читайте также: