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




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

Рубрика: Adobe Photoshop

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

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

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

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

  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 месяца и зарабатывать на этом деньги, то настоятельно рекомендую вам пойти в потрясающую онлайн школу веб-дизайна. В отличие от курса вы не будете предоставлены сами себе, а будете проходить полноценное обучение с проверкой домашних заданий и выдачи диплома. Более того, вам помогут освоиться на фрилансе и вы начнете зарабатывать деньги на своих знаниях еще до того как окончите обучение.

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

С уважением, Дмитрий Костин.

Этот блог читают уже более 7000 человек. Присоединяйся
Комментариев 1
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o:


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

Блог Дмитрия Костина
© 2015-2018 Блог Дмитрия Костина
Все о компьютерных программах, интернете и онлайн-заработке доступным языком
Политика конфиденциальности