Как сделать оборванную рамку в фотошопе
Всем привет! Давно мы с вами не фотошопили, поэтому мне хотелось бы вернуть старую традицию и поиграться в знаменитом фоторедакторе. И сегодня я хотел бы рассказать вам, как сделать рваные края в фотошопе для достижения потрясающего эффекта. Такие элементы дизайна частенько используются в различных целях. Поэтому я уверен, что узнать про это вам будет весьма полезно. Для этого возьмем такую фотографию, и пошаманим с ней.
Кисть и ластик
И начнем мы, пожалуй, с самого простого способа, а именно с использования специальной кисти. Но не спешите раньше времени. Будем все делать пошагово. И прежде чем мы начнем, [urlspan]скачайте архив с наборами кистей, фигур и рамок[/urlspan]. Нам они понадобятся дальше.
- Первым делом нам нужно создать новый слой, нажав комбинацию клавиш SHIFT+CTRL+N. После этого переместите его под наше фото с тигром. Для этого зажмите правую кнопку мыши на миниатюре в панели слоев и просто переместите ее чуть ниже, под тигра.
- Теперь выбираем инструмент «Заливка» , а затем в палитре ищем белый цвет. После этого заливаем созданный нами слой, чтобы он стал белым. Для вас ничего не изменится, так как заливка происходит под фото с нашим красавцем из семейства кошачих.
- Теперь выбираем «Ластик» на панели инструментов.
- Но, к сожалению, подходящей кисти для стирания в стандартном наборе программы нет. Поэтому нам нужно будет загрузить отдельный инструмент. Чтобы вы не рыскали и не искали это дело в интернете, я о вас позаботился заранее. Надеюсь, что вы не забыли скачать архив с дополнительными материалами для сегодняшнего урока. А о том, как загрузить кисть в фотошоп, рассказывал в своей отдельной статье. Прочитайте ее. Она маленькая. И зато вы будете знать, как это все делается. Но по хорошему, можете просто запустить файл с расширением ABR двойным нажатием мышки, после чего кисти встанут в отдельный набор.
- Далее нажимаем правой кнопкой мыши в области рисунка, а затем выбираем один из установленных кистей. А после этого выбираем масштаб побольше и аккуратно тыкаем с одной из сторон, чтобы получилось похоже на настоящие равные края.
- Ну а дальше начинаем потихоньку применять остальные кисти для стирания части фотки. Например, для левой и правой сторон можно использовать одни кисти, а для верха и низа другие. Периодически можно тыкнуть и еще некоторыми узорами из скачанного набора, чтобы смотрелось более разнообразно.
Вот что в итоге получилось у меня. Вполне симпатично. Здесь я наобум без какой-либо логики просто пользовался ластиком с установленными мной кистями.
Фигуры
На самом деле сделать края рваными можно сделать и с помощью фигур. Я бы даже сказал, что это гораздо легче. Если вы хотите научиться работать с фигурами в фотошопе, то рекомендую вам прочитать мою отдельную статью на эту тему. Но в принципе, даже если вы ничего про это не знаете, я думаю, что вам будет все понятно.
- Для начала установить нужные нам «рваные фигуры», которые не идут в стандартном комплекте. Ничего сложного в этом нет. Достаточно лишь [urlspan]скачать архив[/urlspan], войти в него и открыть файл, находящийся внутри. После этого всё встенет куда надо автоматически.
- Далее, нажимаем правой кнопкой мыши на инструмент «Фигура» . Затем выбираем пункт «Произвольная фигура» .
- В настройках инструмента под верхним меню ставим так, чтобы заливка была белого цвета, а обводки вообще не было.
- Теперь идем выбирать саму фигуру, нажав левой кнопкой мыши в соответствующем меню сверху. В самом конце будут наши свежеустановленные фигурки. Возьмем самую подходящую из них.
- Теперь, ставим курсор мыши немного за пределамифотографии сверху, после чего зажимаем левую кнопку и тянем все это дело в правый угол. Но если получается слишком неестественно, то можно растянуть данную фигуру только на половину слоя, после чего создать еще одну и покурыть вторую часть фотки.
- Ну а дальше, выбирая из подходящих фигур, проделываем то же самое и с остальными сторонами фотографии. Основное преимущество фигур перед кистями заключается в том, что их можно трансформировать (CTRL+T) и изменять их размер под свои нужды. Например, я скопировал слой с фигурой, увеличил ее и трасформировал, после чего переместил наверх.
Вот, что в итоге у меня получилось таким способом. И главное, что за считанные секунды. Ну ладно, за 1-2 минуты.
Обтравочная маска
А вот еще один мощный вариант сделать рваные края в фотошопе с помощью фигур, только гораздо легче. Для этого нам вполне подойдут фигуры, которые мы скачали ранее. Поэтому заново откройте картинку, и начнем с полного нуля.
И по сути это всё. Как видите, теперь наш тигр точно вписался в нашу рваную рамку, по краям которой расположился прозрачный фон. Кстати, можете сохранить эту картинку в формате PNG и использовать ее с прозрачным фоном, накладывая на другие изображения. Может получиться очень интересно.
Рваная рамка
Одним из самых простых способов добиться того, что мы хотим, это воспользоваться готовой рамкой. Единственным минусом при этом способе будет то, что рамки шаблонные. Вы используете лишь то, что имеете. Но если вам не принципиально, то почему бы не воспользоваться данным способом? Тем более, что разнообразных рваных рамок с прозрачным фоном можно найти большое множество. Но сегодня мы воспользуемся той, которую я скачал заранее. Вы также можете скачать эту рамочку [urlspan]по ссылке[/urlspan], и пользоваться ей. Итак, приступим.
- Загружаем наше фото и скачанную рамку в один и тот же документ. Они должны находиться на разных слоях, как показано на скриншоте ниже. Только обязательно снимите замок со слоя с тигром, чтобы потом не было проблем.
- Далее, как мы видим, у нас очень похожая ситуация с прошлым способом. В принципе так оно и есть. Поэтому снова перемещаем слой с рамкой вниз, чтобы тигр перекрывал ее.
- А дальше жмем правой кнопкой мыши на слое с полосатым зверем и выбираем пункт «Обтравочная маска» . В общем всё как и раньше. После этого вы заметите изменения на миниатюре слоя и на самом изображении.
Такой вариант рваных краев у нас получился, когда мы используем готовую рамку. Можно еще немного поиграть со стилями слоя, чтобы придать какой-либо эффект. Например, по желанию можно включить немного тени. Как видите, ничего сложного в этом нет.
Конечно, все это простейшие варианты. Можно сделать все намного эффектнее и интереснее. Но тогда на это уйдет гораздо больше времени и потребуется больше усилий.
Ну а если вы хотите знать фотошоп от А до Я и не тратить на обучение много времени, то я вам рекомендую посмотреть эти [urlspan]классные видеоуроки[/urlspan]. Каждый инструмент и функция разобраны настолько детально, что у вас не останется никаких вопросов. А благодаря простому человеческому языку, вы будете схватывать всё на лету.
Но ели вы хотите стать настоящим веб-дизайнером всего за 1-2 месяца и зарабатывать на этом деньги, то настоятельно рекомендую вам пойти в потрясающую [urlspan]онлайн школу веб-дизайна[/urlspan]. В отличие от курса вы не будете предоставлены сами себе, а будете проходить полноценное обучение с проверкой домашних заданий и выдачи диплома. Более того, вам помогут освоиться на фрилансе и вы начнете зарабатывать деньги на своих знаниях еще до того как окончите обучение.
Ну а на этом я с вами прощаюсь. Надеюсь, что сегодняшний урок вам понравился. Обязательно подписывайтесь на мой блог и паблики в социальных сетях, чтобы не пропустить выхода новых статей. Удачи вам. Пока-пока!
Из этого материала мы узнаем, как у фотографии создать эффект изношенных, рваных краёв с помощью встроенных кистей Photoshop.
Кроме того, для создания эффекта рваных краёв мы используем слой-маску и для придания некоторого объёма применим стили слоя.
За основу я взял фотографию отсюда
Вот какой эффект у нас получится в результате:
Давайте приступим. Открываем изображение в Photoshop, и как обычно, нажав Ctrl+J, копируем фоновый слой, чтобы на всякий случай всегда под рукой иметь нетронутый оригинал.
Нажмём на значок «Создать новый слой», расположенный внизу панели слоёв, но перед этим зажимаем клавишу Ctrl, и новый слой появляется под активным:
Заливаем его белым цветом, для этого нажимаем клавишу D, затем Ctrl+Delete. Кликаем по верхнему слою, чтобы сделать его активным, и применяем к нему маску слоя.
Теперь нам надо подобрать кисть, чтобы стереть, вернее, т.к. мы используем слой маску, скрыть края фото.
В программе Photoshop имеется достаточное количество предустановленных кистей, и мы воспользуемся одной из них.
На инструментальной панели выберите инструмент «Кисть» (Brush Tool).
Идём во вкладку главного меню Окна —> Наборы кистей (Window —> Brush Presets) и выбираем последнюю кисть в списке, в наборе по умолчанию. В официальной русской версии эта кисть называется «Круглая с грубой щетиной, в английской — «Rough Round Bristle».
Примечание. Чтобы найти кисть по имени, нужно кликнуть по значку в правом верхнем углу диалогового окна «Набора кистей» и выбрать строку «Большие миниатюры и имена» (Large list).
Теперь нам нужно сделать основным чёрный цвет, для этого нажмите клавишу D. затем X.
Подготовка закончена, давайте рисовать. Для начала, я провожу краешком кисти от левого верхнего угла до левого нижнего:
Таким образом мажем кистью по всем краям фотографии. Собственно, вот и всё, края готовы:
И для завершения эффекта к верхнему слою применим стиль слоя «Тень» (Drop Shadow).
Вот как выглядит готовое изображение:
Примечание 1. В моём случае, расположение объектов на фотографии позволяет стереть часть её краёв. Если же важные предметы сцены расположены близко к краям фото, Вам следует увеличить размер холста как, например, описывается здесь.
Примечание 2. В данном уроке я залил слой под фото белым цветом (средний в панели слоёв), но эффектнее будет смотреться не обязательно белый цвет, а цвет фона, на котором будет размещена фото. В примерах, показанных на странице, я залил этот слой цветом фона сайта.
Для создания эффекта рваной бумаги в фотошопе можно использовать несколько способов: с помощью кисти, имитирующей порванный край, готового шаблона или путем создания эффекта. Изобразить порванные края бумаги возможно самостоятельно, без готовых инструментов. Это придаст работе уникальный вид, позволит подкорректировать изображение под потребности.
Создание объекта
Для начала необходимо создать новый файл таким образом:
Преобразование слоя
На слое «Порванная бумага» установите маску слоя «Тень», нажав на соответствующую кнопку на панели слоев. Трансформируйте слой, активировав эту функцию комбинацией клавиш Ctrl+T. Установите параметры ширины и высоты слоя соответственно на 105% и 101%. Если эффект рванья должен быть выразительнее, увеличьте значения. Данная манипуляция увеличит слой по отношению к остальным. Перепроверьте, что центр преобразования находится ровно посередине.
Отрегулируйте радиус размытия, пройдя по пути: «Фильтр» (Filter) – «Размытие» (Blur) – «Размытие по Гауссу» (Gaussian Blur). Установите значение 2.
Перейдите на слой «Тень». На панели слоев активируйте режим «Умножение» (Multipy) и установите «Непрозрачность» (Opacity) на 10%.
На слое «Цвет» примените фильтр по пути: «Фильтр» (Filter) – «Галерея фильтров» (Filter gallery). Зайдя в раздел «Имитация», задайте эффекту «Аппликация» следующие данные:
- количество уровней (number of levels) – 3;
- простота краев (edge simplicity) – 2;
- четкость краев (edge fidelity) – 3.
Вернитесь на слой «Порванная бумага». Примените комбинацию клавиш Ctrl+F, чтобы наложился такой же фильтр. Не отключая маску «Тень», повторите комбинацию Ctrl+T, чтобы запустить трансформацию. Затем отрегулируйте параметры ширины и высоты на 101% и 99% соответственно. Теперь центр преобразования должен оказаться слева наверху. Если надо сделать эффект выразительнее – увеличьте изменяемые значения.
Перейдите на слой «Цвет» и пройдите путь: «Слои» (Layer) – «Стиль слоя» (Layer style) – «Внутренняя тень» (Inner shadow). Выберите режим наложения «Умножение» (Multiply) и присвойте параметры:
- «Непрозрачность» (Opacity) — 10%
- «Угол» (Angle) – -90°
- «Смещение» (Distance) – 3 пикселя
- «Размер» (Size) – 10 пикселей
- «Шум» (Noise) – 40%.
Теперь необходимо разместить кусочки бумаги на основном слое «Фон». Для этого перейдите на него и разместите над ним любое изображение, заполняя пространство холста полностью. Это будет текстура бумаги. Затем разместите другое изображение над слоем «Порванная бумага». Чтобы завершить создание этого элемента, пройдите по пути: «Слои» (Layer) – «Создать обтравочную маску» (Create clipping mask) и активируйте ее.
Видеоурок по эффекту «рваная бумага» в Фотошопе
Принцип создания фигурных краёв, или фигурной стилизации краёв у фотографии в Photoshop, описываемый в этой статье, аналогичен способу вставки фотографии в рамку, но назначение этого метода несколько иное.
Обработка краев фотографии используется для придания фото какого-либо стиля или направления, например, если Вы хотите сделать из современной фотографии старинную. Кроме того, используя данный метод, можно создать так называемую «чёрную рамку».
Я использовал фото отсюда, только применил к нему корректирующий слой «карта градиента» с набором для фотографического тонирования Sepia4, для придания фото ретроспективного стиля.
Вот моя основа для работы:
И что у меня получилось в результате:
Займёмся, наконец, обработкой краёв.
Если слой с Вашей фотографией является фоновым слоем в палитре слоёв, преобразуйте его в обычный.
Увеличьте холст, пройдя по вкладке главного меню Изображение —> Размер холста (Image —> Canvas Size), значение увеличения зависит от размера изображения, у меня это 40 пикселей. Не забудьте поставить галку у «Относительная» (Relative):
Зажмите клавишу Ctrl и кликните по значку создания нового слоя внизу панели слоёв, в результате новый слой создастся под активным.
Залейте новый слой белым цветом, для чего нажмите клавишу D и затем Ctrl+Delete.
Снова зажмите клавишу Ctrl и кликните по миниатюре слоя с фото:
Теперь у нас появилось выделение по форме фотографии.
Нажимаем на значок быстрой маски, вокруг фото появился розовый кант. Идём Фильтр —> Оформление —> Кристаллизация (Filter —> Pixelate —> Crystallize) и вводим значение размера ячейки (Cell Size) примерно 1/5 от ширины рамки, у меня это 8, жмём на ОК для применения фильтра.
Отключаем быструю маску, нажав на клавишу Q, после чего маска отобразится как выделенная область. Вот что у нас получилось в результате:
Идём в Выделение —> Трансформировать выделенную область (Select —> Transform Selection), зажимаем Ctrl+Shift и тянем за угол рамки наружу, чтобы немного раздвинуть выделение:
Нажимаем Enter для применения трансформации.
Нажимаем Ctrl+J для копирования выделения на новый слой. Теперь осталось только перейти на самый нижний слой и залить его чёрным цветом (для этого нажимаем D, затем Alt+Delete). Вот как выглядит панель слоёв:
А вот как выглядит готовое фото:
Преимуществом данного способа является то, что Вы всегда можете изменить размер рамки со стилизованным рваным краем, изменив размер среднего слоя с рамкой (у меня это «Слой 2») с помощью инструмента «Свободная трансформация».
Для лучшего понимания материала Вы можете скачать файл PSD, сделанный по этому уроку:
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Автор: Ольга Максимчук (Princypessa). Дата публикации: 31 марта 2022 . Категория: Рамки в фотошопе.
Всем привет!
Сегодня мы будем создавать романтическую рамку с сердцем!
Оформив фотографию любимых людей в романтическую рамку с сердцем, вы сможете сделать оригинальный подарок, как в электронном виде, так и распечатав готовую работу, например, на холсте.
Сначала мы создадим новый документ и при помощи инструмента Произвольная фигура нарисуем фигуру с сердцем.
Далее поместим в работу фотографию с парой из папки с исходниками, изменим размер изображения и с помощью обтравочной маски разместим его внутри сердечка.
После этого создадим фон и добавим стили слоя к слою с сердцем.
Затем с помощью инструмента Прямоугольная область, заливки цветом и фильтра Пластика нарисуем ленту.
В завершение урока "Как сделать фоторамку в фотошопе" мы добавим объем ленте при помощи маски слоя и инструмента Кисть.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 24 сентября 2021 . Категория: Рамки в фотошопе.
Сегодня мы будем обрабатывать портретную фотографию, которую можно установить в качестве аватара в профиле любой из социальных сетей.
Социальные сети нынче набирают бешеную популярность и каждому из нас хочется иметь красивую и оригинальную аватарку.
В этом уроке мы рассмотрим один из эффектов, который будет прекрасно смотреться на аватаре.
Сначала мы откроем изображение с парнем из папки с исходниками и удалим с картинки фон.
Затем создадим новый документ, переместим в него изображение с человеком и применим к слою с портретом фильтр Тушь.
Далее при помощи инструмента Эллипс нарисуем круг и создадим дубликат слоя с портретом.
В завершение урока "Как сделать круглую аватарку в фотошопе" мы создадим обводку и тонируем картинку.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 20 ноября 2020 . Категория: Рамки в фотошопе.
Сегодня мы будем создавать круглую рамку.
Круглая рамка лучше всего будет смотреться на ярких изображениях, но вы можете поэкспериментировать и использовать менее насыщенные фотографии и/или поменять цвет элементов.
Сначала мы создадим новый документ, при помощи инструмента Эллипс нарисуем круг, поместим в работу изображение из папки с исходниками, изменим его размер и добавим обтравочную маску.
Затем создадим слой с обводкой, дублируем слой, применим к дубликату слоя стили слоя и увеличим слой.
Затем при помощи инструмента Кисть создадим ободок с кружочками, подкорректируем расположение и размер кружочков и изменим цвет слоя с кружочками.
В завершение урока "Как сделать круглую рамку в фотошопе" мы с помощью корректирующего слоя Цвет поменяем цвет фона.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 02 ноября 2020 . Категория: Рамки в фотошопе.
Сегодня мы будем создавать простую рамку с точками.
Из урока вы узнаете два способа, как это сделать.
Сначала мы откроем первое изображение из папки с исходниками, перейдем в панель каналов и создадим новый Альфа канал.
Затем образуем выделение всего холста и сделаем обводку этого выделения белым цветом, чтобы получить белую широкую кайму.
Далее применим фильтры Скручивание и Цветные полутона.
Затем в панели каналов создадим выделение и в панели слоев зальем это выделение белым цветом.
После этого мы откроем второе изображение и применим к нему те же шаги, которые применяли к первой фотографии.
В завершение урока "Как сделать рамку для фотографии в фотошопе" мы скопируем выделенную область на новый слой, размоем образовавшийся слой при помощи фильтра Размытие по Гауссу и добавим стиль слоя Внешнее свечение.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 31 мая 2020 . Категория: Рамки в фотошопе.
Сегодня мы будем создавать рамку в стиле гранж.
В уроке "Гранжевая рамка" мы не только добавим рамку на фотографию, но и тонируем изображение, приблизив его к гранжевому стилю.
Сначала мы создадим новый документ и при помощи инструмента Прямоугольник со скругленными углами нарисуем квадрат, который послужит в дальнейшем основой для добавления фотографии.
Затем мы добавим к слою с квадратом маску слоя, и с помощью инструмента Кисть создадим рваные края слоя с квадратом.
Далее мы поместим в работу изображение с девушкой и при помощи корректирующих слоев Сочность и Уровни уменьшим насыщенность и усилим контраст изображения.
В завершение мы добавим на рамку черные оттенки.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 20 апреля 2020 . Категория: Рамки в фотошопе.
Сегодня в уроке "Кадры кинопленки" мы будем создавать рамку в виде кадра кинопленки.
Создаваться рамка будет с нуля, с использованием только стандартных инструментов программы фотошоп, без задействования дополнительных материалов из интернета.
Сначала мы создадим новый документ, зальем фоновый слой черным цветом и при помощи инструмента Прямоугольная область создадим вырез рамки.
Затем с помощью инструмента Прямоугольник со скругленными углами создадим отверстия по краям кадра и добавим тень от рамки.
Далее напишем номер кадра и создадим значок проигрывания в нижней части кадра.
В завершение мы поместим в работу фотографию из папки с исходниками и при помощи обтравочной маски разместим ее в рамке.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 17 апреля 2020 . Категория: Рамки в фотошопе.
Сегодня мы будем создавать пасхальную рамку для фотографии.
Такая яркая, сочная, веселая пасхальная рамка поднимет настроение вам и вашим близким.
Сначала мы создадим новый документ, поместим в работу изображение с цыплятами из папки с исходниками, создадим новый градиент и зальем им фон.
Затем создадим вырез рамки: поместим в документ текстуру с кружочками, обрежем ее, создадим две копии слоя с текстурой, изменим цвет слоев-копий, добавим все слои в группу и при помощи маски слоя образуем вырез рамки.
Далее добавим в работу клипарт с облаком и солнцем.
В завершение мы сохраним рамку и поместим в нее фотографию.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 01 ноября 2019 . Категория: Рамки в фотошопе.
Сегодня мы будем создавать милую рамку для фото с паучком.
Вы можете задействовать в процесс своих детей и внуков, не только в качестве моделей на фото, но и как художника-дизайнера.
Сначала мы откроем фотографию с ребенком из папки с исходниками и создадим направляющие.
Затем при помощи инструмента Прямоугольная область создадим выделение, инвертируем его, зальем образовавшуюся область светло-фиолетовым цветом и применим к рамке стили слоя.
После этого мы при помощи инструмента Овальная область создадим выделение, зальем его черным цветом, деформируем и при помощи инструмента Палец добавим «мохнатости» пауку.
Читайте также: