Как сделать рваные края в фотошопе

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

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

Привет всем!
Существует множество способов сделать картинку уникальной.
Мне нравится делать в Фотошопе рваные края у картинки.
Сегодня я научу вас это делать. Не хочу для этого искать какие-то программы,которых в интернете много, а обратимся к нашему доброму, старому Фотошопу!
Разберем эту тему по пунктам и каждый из вас в конце приобретет новый навык!
Часто аналогичным способом оформляют скриншоты для статей сайта. Это придаёт снимку оригинальность.Собственно ,так Вы украсите скриншот или фото всего за несколько минут.

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

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

Открывайте программу Фотошоп и через меню Файл-Открыть… загружайте вашу картинку.
Или смотрите рисунок:

1. Кликаем 2 раза левой кнопкой мыши по замочку(делаем так всегда),чтобы открепить слой и начать работать с ним.
2. На панели выбирайте инструмент «Прямоугольная область» или Овал, выделяйте требуемую область на картинке.

3. Затем нажимаете — Быстрая маска ( или горячая клавиша Q).

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

4. Дальнейший шаг Галерея фильтров -Инструмент «Фильтр».

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

Для своего примера я выбрала-Штрихи – Разбрызгивание -Аэрограф.
Сделала настройки -Смягчение и Радиус разбрызгивания .
После выбора настроек не забывайте нажать “Ок“.

Вновь возвращаемся на главную редактора Фотошопа.
На картинке появились изменения вот такого вида.

6. Теперь надо выключить инструмент -Быстрая маска, просто кликните по ней повторно.

7. Затем пойдем -РЕДАКТИРОВАНИЕ-СКОПИРОВАТЬ или на клавиатуре клавиши Ctrl+C (копировать) и Ctrl+V (вставить)

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

Основной слой надо спрятать (нажав на глазик, который показывает видимость слоя).Далее выделить и нажать — Delete или на небольшую корзинку внизу окошка.Удалить основной слой.
Если у вас белый фон,то на белом фоне изменения незаметны
Экспериментируйте,это не повредит вашему результату!
Сделайте заливку фона, инструмент-Заливка (горячая клавиша – G).
Есть и другие способы. Идем в СЛОИ( клик правой кнопкой мыши по слою ) и выбираем – СТИЛИ слоёв.
В новом окне, можно выполнить всевозможные настройки.
Сохраните изменения ,нажав “Ок”

Следующем шагом сохраняете картинку в формате PNG!
(Файл – Сохранить как…) или для Web.
У вас будет своё,а у меня вышло вот так:

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

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

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

А теперь нажмите на маленькую кнопку соц. сетей внизу.
Пока,пока…

Урок 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) перемещаем наш скачанный шрифт!

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

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

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

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

Инвентаризация идет… Правда не такими большими шагами, как я хотел, но идет…

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

Из-за таких длительных задержек, я все-таки решил писать статьи…

Как я уже говорил и снова скажу: «Обо всем поведаю в своем отчете!».

Подписывайтесь на мой блог, читайте, комментируйте — вместе веселее!

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

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

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

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

1. Первым делом нам нужно создать новый слой, нажав комбинацию клавиш SHIFT+CTRL+N. После этого переместите его под наше фото с тигром. Для этого зажмите правую кнопку мыши на миниатюре в панели слоев и просто переместите ее чуть ниже, под тигра.
2. Теперь выбираем инструмент «Заливка» , а затем в палитре ищем белый цвет. После этого заливаем созданный нами слой, чтобы он стал белым. Для вас ничего не изменится, так как заливка происходит под фото с нашим красавцем из семейства кошачих.
3. Теперь выбираем «Ластик» на панели инструментов.
4. Но, к сожалению, подходящей кисти для стирания в стандартном наборе программы нет. Поэтому нам нужно будет загрузить отдельный инструмент. Чтобы вы не рыскали и не искали это дело в интернете, я о вас позаботился заранее. Надеюсь, что вы не забыли скачать архив с дополнительными материалами для сегодняшнего урока. А о том, как загрузить кисть в фотошоп, рассказывал в своей отдельной статье. Прочитайте ее. Она маленькая. И зато вы будете знать, как это все делается. Но по хорошему, можете просто запустить файл с расширением ABR двойным нажатием мышки, после чего кисти встанут в отдельный набор.
5. Далее нажимаем правой кнопкой мыши в области рисунка, а затем выбираем один из установленных кистей. А после этого выбираем масштаб побольше и аккуратно тыкаем с одной из сторон, чтобы получилось похоже на настоящие равные края.
6. Ну а дальше начинаем потихоньку применять остальные кисти для стирания части фотки. Например, для левой и правой сторон можно использовать одни кисти, а для верха и низа другие. Периодически можно тыкнуть и еще некоторыми узорами из скачанного набора, чтобы смотрелось более разнообразно.

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

Фигуры

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

1. Для начала установить нужные нам «рваные фигуры», которые не идут в стандартном комплекте. Ничего сложного в этом нет. Достаточно лишь скачать архив , войти в него и открыть файл, находящийся внутри. После этого всё встенет куда надо автоматически.
2. Далее, нажимаем правой кнопкой мыши на инструмент «Фигура» . Затем выбираем пункт «Произвольная фигура» .
3. В настройках инструмента под верхним меню ставим так, чтобы заливка была белого цвета, а обводки вообще не было.
4. Теперь идем выбирать саму фигуру, нажав левой кнопкой мыши в соответствующем меню сверху. В самом конце будут наши свежеустановленные фигурки. Возьмем самую подходящую из них.
5. Теперь, ставим курсор мыши немного за пределамифотографии сверху, после чего зажимаем левую кнопку и тянем все это дело в правый угол. Но если получается слишком неестественно, то можно растянуть данную фигуру только на половину слоя, после чего создать еще одну и покурыть вторую часть фотки.
6. Ну а дальше, выбирая из подходящих фигур, проделываем то же самое и с остальными сторонами фотографии. Основное преимущество фигур перед кистями заключается в том, что их можно трансформировать (CTRL+T) и изменять их размер под свои нужды. Например, я скопировал слой с фигурой, увеличил ее и трасформировал, после чего переместил наверх.

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

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

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

1. Выберите инструмент «Произвольная фигура» , как мы это делали выше. И теперь возьмите подходящий шаблон фигуры, который будет имитировать нашу рваную рамку.
2. Теперь просто зажимаем левую кнопку мыши где-нибудь в левом верхнем углу и начинаем тянуть все это дело в противоположную сторону. Должна получиться белая рамка, которая закрывает основное фото с кисой.
3. Теперь, обязательно снимите замочек с нашего основного слоя. Для этого нужно будет просто нажать на него.
4. Далее, переместите миниатюру слоя с фигурой ниже нашего тигра. Для этого просто зажмите левую кнопку мыши на слое с фигурой и опустите ее вниз на миниатюре.
5. После этого нажмите на слое с тигром (ну или кто там у вас) правой кнопкой мыши и выберите пункт «Создать обтравочную маску».

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

Рваная рамка

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

1. Загружаем наше фото и скачанную рамку в один и тот же документ. Они должны находиться на разных слоях, как показано на скриншоте ниже. Только обязательно снимите замок со слоя с тигром, чтобы потом не было проблем.
2. Далее, как мы видим, у нас очень похожая ситуация с прошлым способом. В принципе так оно и есть. Поэтому снова перемещаем слой с рамкой вниз, чтобы тигр перекрывал ее.
3. А дальше жмем правой кнопкой мыши на слое с полосатым зверем и выбираем пункт «Обтравочная маска» . В общем всё как и раньше. После этого вы заметите изменения на миниатюре слоя и на самом изображении.

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

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

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

Но ели вы хотите стать настоящим веб-дизайнером всего за 1-2 месяца и зарабатывать на этом деньги, то настоятельно рекомендую вам пойти в потрясающую онлайн школу веб-дизайна . В отличие от курса вы не будете предоставлены сами себе, а будете проходить полноценное обучение с проверкой домашних заданий и выдачи диплома. Более того, вам помогут освоиться на фрилансе и вы начнете зарабатывать деньги на своих знаниях еще до того как окончите обучение.

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

Источники:

https://utomriko.ru/kak-sdelat-rvanye-kraya-v-fotoshope.html
https://infonion.ru/uroki-fotoshop/urok-4-effekt-rvanyx-kraev-v-fotoshope-ocherednaya-stupenka-dlya-chajnika/
https://koskomp.ru/rabota-s-kompyuternyimi-programmami/adobe-photoshop/kak-sdelat-rvanye-kraya-v-fotoshope/