Меню

Фотошоп как сделать рамку с рваными внешними краями

Как легко сделать рваные края в фотошопе с помощью кисти, фигуры и обтравочной маски

OBSHHIY 3

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

Screenshot 1 3

Кисть и ластик

Вот что в итоге получилось у меня. Вполне симпатично. Здесь я наобум без какой-либо логики просто пользовался ластиком с установленными мной кистями.

Screenshot 8 3

Фигуры

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

Вот, что в итоге у меня получилось таким способом. И главное, что за считанные секунды. Ну ладно, за 1-2 минуты.

Screenshot 14

Обтравочная маска

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

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

Screenshot 20

Рваная рамка

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

Screenshot 23

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

Ну а на этом я с вами прощаюсь. Надеюсь, что сегодняшний урок вам понравился. Обязательно подписывайтесь на мой блог и паблики в социальных сетях, чтобы не пропустить выхода новых статей. Удачи вам. Пока-пока!

Источник

Рамка с рваными краями

Рамка с рваными краями

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

Такие элементы дизайна частенько используются в различных целях.

Поэтому думаю, что узнать про это Вам будет весьма полезно.

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

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

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

В завершение мы научимся сохранять и применять созданную рамку.

ramka s rvanymi krayami

Открываем в фотошоп (Ctrl+O) фотографию с пейзажем из папки с исходниками.

1

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

Читайте также:  Как сделать чтобы приложения ставились на sd карту

2

Переименовываем фоновый слой в «Фото».

Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

3

Создаем новый пустой слой и называем его «Рамка».

4

5

Заливаем слой «Рамка» белым цветом.

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

6

7

8

Зажимаем клавишу Alt и в панели слоев щелкаем по иконке добавления маски слоя, чтобы добавить к слою «Рамка» инвертированную маску слоя – маску слоя, залитую черным цветом.

После этого слой «Рамка» станет невидимым, но в дальнейшем мы это исправим.

9

10

Активируем инструмент Кисть и загружаем набор с широкими кистями.

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

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

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

Выбираем кисть, отмеченную ниже стрелочкой.

Чтобы изменить размер кисти, воспользуйтесь клавишами квадратных скобок – клавиши «Х» и «Ъ» в русской раскладке или используйте соответствующий ползунок в меню выбора кистей.

В панели цвета в качестве основного оттенка устанавливаем белый.

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

В панели слоев рисуем по маске слоя «Рамка» (именно по маске слоя, не по самому слою!), рисуем кистью белого цвета, чтобы восстановить видимость слоя «Рамка».

Помним, что черный цвет на маске слоя скрывает видимость слоя, а белый – восстанавливает.

Если необходимо в процессе работы «скрыть» часть слоя, просто смените цвет кисти на черный – для этого нажмите на клавиатуре клавишу D.

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

11

12

13

14

15

16

Выше всех слоев создаем новый пустой слой и называем его «Холст».

17

В уроке р амка с рваными краями з аливаем слой «Холст» белым цветом (Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем белый оттенок)

18

Переходим в меню Фильтр-Галерея фильтров.

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

19

20

21

В панели слоев меняем режим наложения слоя «Холст» на Умножение.

22

23

Рамка с рваными краями готова.

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

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

Чтобы воспользоваться исходником, откройте PSD файл (Файл-Открыть).

Помещаем в документ (Файл-Поместить) фотографию, которую хотим поместить в рамку.

Для примера используем изображение «Фото 2» из папки с исходниками.

Фотография должна находиться в панели слоев выше слоя «Фото», но ниже слоев «Холст» и «Рамка».

Чтобы изменить размер изображения, вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки, чтобы растянуть изображение на весь холст.

24

25

26

27

28

29

При необходимости понижаем в панели слоев прозрачность слоя «Холст».

30

31

Для наглядности результат в виде до и после.

32

33

Рамка с рваными краями готова.

%D1%84%D0%B8%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B8%CC%86 %D1%80%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82

Прекрасного настроения и творческих успехов!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

Комментарии

d60e4667e3505a7755e4a1de52a78411?d=https%3A%2F%2Fwww.photoshopsunduchok.ru%2Fcomponents%2Fcom jcomments%2Fimages%2Fno avatar

6bc17917e2a554a111112a1a4da3532c?d=https%3A%2F%2Fwww.photoshopsunduchok.ru%2Fcomponents%2Fcom jcomments%2Fimages%2Fno avatar

s 60071566243953img 20190619 191622 kopiya

Понравилось? Поделитесь:

Добавить комментарий

Популярные уроки сайта:

Постер на день влюбле…

stories.2021.urokris.poster na den vlyublennyh.prevnsp 213

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

Читайте также:  Пять фото в один ряд как можно сделать

Как убрать сетку в фот…

stories.2021.video.kak ubrat setku v fotoshope3nsp 213

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

Замена неба в фотошоп…

stories.2021.obrabotka.zamena neba v fotoshope.prevnsp 213

Замена неба в фотошопе Всем привет! С вами снова Елена Король и мы по старой доброй привычке будем изучать новые возможности свежей версии Adobe Photoshop 21. Часто бывает, что у нас есть.

Цветокоррекция при фо…

stories.2021.video.fotomontazhe v fotoshope 2nsp 213

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

Как сделать фотомонта…

stories.2021.video.fotomontazh v fotoshope 2nsp 213

Как сделать фотомонтаж в фотошопе В этом уроке мы с Вами займемся небольшим фотомонтажем. Рассмотрим способ, как можно вырезать объект и перенести его на новую фотографию. Также постараемся аккуратно вписать данный объект.

Как сделать игральную…

stories.2021.urokris.kak sdelat igralnuyu kartu v fotoshope.prevsnsp 213

Как сделать игральную карту в фотошопе Всем привет! Сегодня мы будем рисовать винтажную игральную карту. В данном уроке мы не только с нуля нарисуем игральную карту, но и «состарим» ее при помощи разных.

Как сделать 3D сердечк…

stories.2021.urokris.kak sdelat 3d serdechko.prevnsp 213

Как сделать 3D сердечко в фотошопе Всем привет! Сегодня мы будем рисовать 3д сердечко. Такое 3д сердечко вы сможете подарить любимому человеку, достаточно только оформить его в виде открытки, написав текст. Сначала мы создадим новый.

Мини-курс «Фотомонт…

stories.2020.obrabotka.lab urok 11.fm 3 600nsp 213

Мини-курс: «Фотомонтаж в Photoshop. Вариант №3» «Работа с альфа-каналами и вырезанным объектом» Два предыдущих мини-курса по фотомонтажу вызвали большой интерес у моих подписчиков. Поэтому приготовил для Вас 3-й вариант использования фотошопа для соединения.

Иконка WhatsApp в фотошоп…

stories.2021.urokris.ikonka whatsapp.prevnsp 213

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

Как быстро создать те…

stories.2021.video.kak bystro sozdat ten2nsp 213

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

Как правильно вписать…

stories.2021.video.kak pravilno vpisat obektnsp 213

Видео урок Как правильно вписать объект в новый фон В этом уроке мы с Вами займемся фотомонтажем. Рассмотрим процесс вырезания объекта и перенос его на новый фон. Для нашей фотографии это сделать.

Как перенести естеств…

stories.2021.video.kak perenecti tennsp 213

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

Как нарисовать планет…

stories.2021.urokris.kak narisovat planetu s kolcom.prevnsp 213

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

Две частые ошибки при …

stories.2021.video.dve oshibki fotomontazhnsp 213

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

Читайте также:  Как сделать подарок маме на день рождения для детей

Фотомонтаж в Photoshop. Ва…

stories.2020.obrabotka.lab urok 11.fv2 600nsp 213

Тренинг: «Фотомонтаж в Photoshop. Вариант №2» «Работа с небом и с его отражениями» Приготовил для Вас небольшой тренинг по фотомонтажу. Тренинг очень простой, для начинающих. Но, я предлагаю всем поработать своими ручками, что очень.

Дрожащая анимация в ф…

stories.2021.animaciya.drozhashchaya animaciya.%D1%84%D0%B8%D0%BD%D0%B0%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9 %D1%80%D0%B5%D0%B7%D1%83%D0%BB%D1%8C%D1%82%D0%B0%D1%82nsp 213

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

Как перенести тень вм…

stories.2021.video.kak perenesti tennsp 213

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

Фотомонтаж в Photoshop. Ва…

stories.2020.obrabotka.lab urok 11.fm 600nsp 213

Фотомонтаж в Photoshop. Вариант №1 Как качественно отделить сложный объект от фона, перенести его на новую картинку и грамотно вписать в новое окружение Этот мини-курс посвящен фотомонтажу. Мы с Вами объединим две картинки. Но.

Создание масок из кан…

stories.2021.video.sozdanie masoknsp 213

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

Как сделать стекающий…

stories.2021.text.kak sdelat stekayushchij tekst v fotoshope.prevnsp 213

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

Как улучшить картинку…

stories.2021.video.kak uluchshit kartinkunsp 213

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

Яркий логотип в фотош…

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

Как сделать светящийс…

stories.2021.text.kak sdelat svetyashchijsya tekst v fotoshope.prevnsp 213

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

Коррекция контровых ф…

stories.2020.obrabotka.kontrovykh fotografij.0nsp 213

Коррекция контровых фотографий в фотошопе. Метод №1 Контровая фотография – это такой момент съёмки, когда источник света находится позади снимаемого объекта. В результате можем получить проработанный передний план и «убитый» задний, или наоборот. В целом.

Коррекция контровых ф…

stories.2020.obrabotka.kontrovykh fotografij 2.0nsp 213

Коррекция контровых фотографий в фотошопе. Метод №2 Продолжаем тему работы с тенями и светами, применительно к коррекции контровых фотографий. Первый урок здесь: https://www.photoshopsunduchok.ru/uroki/fotograf/5427-kontrovykh-fotografij Мы с Вами остановились на том, что выяснили, что метод, изложенный в 1-м.

Рождественская откры…

stories.2021.urokris.rozhdestvenskaya otkrytka dlya fotochopa.prevnsp 213

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

Новогодние пресеты дл…

Новогодние пресеты для фотошопа У нас продолжается Новогодняя неделя и вскоре мы будем праздновать Старый Новый год! 🙂 В связи с этим решил подарить Вам 8 пресетов (стилей, 3D лутов) для раскрашивания.

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020

Источник

Adblock
detector