Как сделать бордюр в фотошопе
Сегодня мы в очередной раз воспользуемся заготовками Premiumpixels для того, чтобы создать в фотошопе маленький черный флажок, свешивающийся с края страницы. Сначала мы подготовим край страницы, с которой будет свешиваться флажок. Потом создадим сам флажок. Для этого воспользуемся вспомогательной фигурой. Потом с помощью стилей слоя немного украсим флажок. После этого создадим декоративные полоски по краям, потом напишем текст. И в заключение создадим несколько декоративных элементов для самого текста. В принципе, ничего сложного, но смотрится неплохо.
Шаг 2.
Применим к слою стиль слоя «Перекрытие узора» (Pattern Overlay). Воспользуемся каким-нибудь пиксельным узором, имитирующим мелкие параллельные полоски.
Шаг 3.
Должен получиться такой эффект.
Шаг 4.
На новом слое создаем белый прямоугольник.
Шаг 5.
Сверху, над белым прямоугольником, на новом слое создаем узкую полоску. Применяем к этой полоске стиль слоя «Наложение градиента» (Gradient Overlay) от белого к светло-серому. Полученная конструкция будет имитировать у нас край страницы, с которой потом будет свешиваться черный флажок.
Шаг 7.
Воспользуемся вспомогательной фигурой. На новом слое создаем квадрат, заливаем его красным цветом. Нажимаем Ctrl+T, поворачиваем квадрат на 45 градусов. Нажимаем Enter. Опять нажимаем Ctrl+T и сжимаем квадрат по вертикали. Нажимаем Enter. Устанавливаем фигуру на серый прямоугольник, как на рисунке ниже. Удерживая Ctrl, щелкаем по слою с красной фигурой, чтобы выделить ее. Потом находясь на слое с серым прямоугольником, нажимаем Del, чтобы получился раздвоенный край флажка.
Шаг 8.
Получился такой результат.
Шаг 9.
Последовательно будем применять стили слоя к флажку. Сначала применим стиль «Наложение градиента» (Gradien Overlay) от черного к белому, с настройками, как на рисунке ниже.
Шаг 10.
Потом применим стиль «Перекрытие узора» (Pattern Overlay). Если нет такого паттерна, можно воспользоваться любым пиксельным, имеющимся в наличии.
Шаг 11.
Теперь переходим к стилю «Тень» (Drop Shadow). Применяем настройки стиля слоя, как на рисунке ниже.
Шаг 12.
В заключение применим стиль слоя «Внутренняя тень» (Inner Shadow).
Шаг 13.
Должен получиться такой вот флажок.
Шаг 15.
Теперь на новом слое создаем полоску, шириной 4 пикселя, заливаем ее белым цветом. Устанавливаем полоску с левого края флажка, рядом с однопиксельной полоской, срезаем лишнее, выходящее за габариты флажка и снижаем прозрачность слоя до 8%.
Шаг 16.
Повторяем Шаги 14 и 15 для того, чтобы сделать полоски с правой стороны.
Шаг 18.
Применим к тексту стиль слоя «Тень» (Drop Shadow) с настройками, как на рисунке ниже.
Шаг 19.
Теперь справа от буквы «а» создадим декоративную однопиксельную полоску белого цвета и снижаем прозрачность слоя до 8%.
Финал
Делаем еще три декоративных полоски, как в Шаге 19. Устанавливаем их как на рисунке ниже, и все, наш флажок готов.
Гранжевая рамка вокруг любой картинки всегда придает новое звучание изображению и смотрится оригинально. В этом уроке мы с помощью фотошопа эффективным и быстрым способом сделаем гранжевые края вокруг фотографии. При этоим мы будем пользоваться только инструментом «Кисть» и через 13 шагов мы получим фотографию с гранжевой рамкой.
Шаг 1.
Создаем новый докумет размером 540х540 пикселей. Создаем новый слой либо через меню «Слой» -> «Новый» -> «Слой…», либо щелкнув по иконке «Добавить новый слой» внизу на панели слоев. Назовем слой «Photo Edges».
Шаг 2.
Жмем клавишу «U», чтобы активизировать инструмент «Формы» (The Custom Shape Tool) на панели инструментов. Наверху в настройках устанавливаем «Выполнить заливку пикселов» (Pixels), «Прямоугольник со скругленными краями» (Rounded Rectangle) и радиус 10 пикселей (Radius of 10px). Жмем клавишу «D», чтобы задать основной цвет «Черный» и затем, удерживая клавишу «Shift», создаем большой квадрат со скругленными краями.
Шаг 3.
Для того, чтобы потом начать стирать часть нашего черного квадрата, мы воспользуемся Слоем-маской (Layer Mask). Это более продвинутый способ, чем стирать ластиком. Щелкните значок «Добавить Слой-маску» (Add Layer Mask) в нижней части панели со слоями. Убедитесь, что новый слой-маска добавился на слой «Photo Edges» и что этот слой является активным (вокруг белого квадратика должны быть черные скобки по углам).
Шаг 4.
Теперь выберем кисть. Жмем клавишу «B», чтобы активизировать инструмент «Кисть» (Brush) на панели инструментов. Выберем какую-нибудь гранжевую бордер-кисть, аналогичную той, что показано на рисунке.
Шаг 5.
Через меню «Окно» -> «Кисти» вызываем окошко настройки кистей. Там в пункте «Форма отпечатка кисти» (Brush Tip shape) выставляем значения, как на рисунке.
Шаг 6.
Еще раз убедимся, что слой-маска на слое «Photo Edges» до сих пор активен (вокруг белого квадратика должны быть черные скобки по углам, если нет, то щелкните по белому квадратику). Потом положите кисть в левый нижний угол (как на рисунке).
Шаг 7.
Повторите этот процесс, меняя в окошке настройки кистей параметр «Угол» (Angle) на значения 90°, -90° and 180°. Должно получиться так, ка на рисунке.
Шаг 8.
Теперь, используя ту же самую кисть, мы немного усилим нашу рамку. Слегка пройдемся ей по всему контуру. Добавим еще немного гранжа. Особенно уделим внимание уголкам.
Шаг 9.
Найдем подходящую картинку. Откроем ее в фотошопе. Выделим ее Ctrl+A, скопирует Ctrl+C и вставим ее в наш документ поверх всех слоев.
Шаг 10.
Назовем этот слой Фото (Photo), Находясь на нем, щелкаем правой кнопкой мыши и выбираем пункт «Создать обтравочную маску» (Create Clipping Mask). Наш эффект с предыдущего слоя появился на слое «Photo»
Шаг 11.
Неплохо бы добавить немного черного цвета в нашу рамку. Для этого создаем новый слой поверх всех слоев. Назовем его «Черная рамка» (Black Edges). И, точно также, как в предыдущем шаге щелкаем правой кнопкой мыши и выбираем пункт «Создать обтравочную маску» (Create Clipping Mask). Теперь выбираем инструмент «Прямоугольная область» (Rectangular Marquee) и выделяем квадрат, как показано на рисунке. Эту область мы потом зальем черным цветом.
Шаг 12.
Для начала выполнем инверсию выделенной области. Нажмем Ctrl-Shift-I. Теперь выполним небольшую растушевку. В меню «Выделение» (Select) -> «Модификация» -> (Modify) «Растушевка»(Feather) со значением 3 пикселя. Теперь зальем выделенную область черным цветом. Нажимаем Shift+F5 и выбираем цвет «Черный»
Шаг 13.
Мы получили гранжевую рамку, используя белую кисть. Для того, чтобы получить черную рамку, как на втором рисунке, нужно пройти шаги со 2 по 11 заново, но уже использовать белый цвет для квадрата и черный цвет кисти. Оригинал этого замечательного урока на английскм языке находится на PSHERO.
Рамка вокруг картинки помогает сделать изображение более «нарядным» и торжественным, а если вы создаете открытку, стильное обрамление придаст ей завершенный вид. В этой инструкции мы покажем, как сделать рамки в фотошопе несколькими способами. Также мы расскажем о более простом и доступном варианте оформления фотографий, который подойдет начинающим пользователям.
До
После
До
Элегатная неброская рамка
До
Милая детская рамочка
Как сделать рамку в фотошопе вокруг фотографии: три способа
Photoshop не включает в себя готовую коллекцию рамок, зато софт позволяет работать со слоями и детально настраивать параметры изображения. Далее мы рассмотрим, как нарисовать рамку в Photoshop, используя встроенные инструменты.
Как сделать рамку в Photoshop в виде прямоугольника
Прямоугольная или квадратная рамка – наиболее стандартный вариант оформления картинок. Нарисовать простую обводку внутри фотографии не так уж и сложно, а займет это у вас практически несколько минут.
1. Откройте снимок и разблокируйте его, кликнув по иконке в виде замочка в списке слоев.
2. Под миниатюрой картинки в перечне слоев найдите кнопку с буквами FX. Кликните по ней и отыщите пункт «Обводка».
3. В окне с параметрами отображения установите толщину рамки в пикселях, двигая ползунок или указав цифру вручную.
4. Оставьте пункты «Положение», «Режим наложения» и «Непрозрачность» по умолчанию.
5. Тип обводки также оставьте значением «Цвет» и подберите нужный оттенок на ваш вкус, кликнув на черный квадратик.
6. Нажмите ОК и экспортируйте измененное изображение через пункты меню «Файл» – и далее нажмите «Сохранить как».
Этот вариант – наиболее простой способ, как сделать рамку на фото в фотошопе. Таким образом вы можете создавать цветную, черную или белую рамку, делать объемное или тонкое обрамление и даже применять градиент.
Также таким образом можно устанавливать границу вокруг текста, в этом случае примените точно те же настройки к нужному слою.
Закругленные углы
Картинка с закругленными углами выглядит более стильно, чем стандартное прямоугольное обрамление. Этого достаточно, чтобы фотография привлекала внимание, даже если вы не будете использовать другие элементы оформления. Чтобы понять, как добавить рамку в фотошопе со скруглением краев, потребуется некоторое время.
1. Импортируйте изображение и снимите с него блокировку. В боковой колонке с инструментами отыщите функцию «Прямоугольник». Также его можно вызвать при помощи клавиши с буквой U.
2. В верхней панели с настройками выберите тип фигуры «Контур» и установите скругление.
3. Зажмите левую кнопку мыши и нарисуйте новый объект поверх фотографии.
4. Щелкните правой кнопкой мыши внутри нового элемента и нажмите «Выделить область».
5. В параметре «Радиус растушевки» установите значение 0 и сохраните правки.
6. Синяя рамка превратится в прерывистую линию. Инвертируйте созданное выделение клавишами Ctrl + Shift + I. Либо раскройте пункт меню «Выделение» и нажмите «Инверсия».
7. По краям снимка появилась едва заметная рамка. Создайте на ее основе новый слой сочетанием кнопок Shift + Ctrl + N.
8. В столбце с инструментами найдите функцию «Заливка» (горячая клавиша G). Во вкладке «Цвет» справа подберите подходящий оттенок и кликните по рамке с выделением.
9. Теперь можно снять выделение через пункты меню «Выделение» – «Отменить» или нажав сочетание клавиш Ctrl + D.
В итоге мы получили красочную рамку со скругленными краями, которая ненавязчиво, но стильно подчеркивает выбранный кадр.
Рваные края
Этот стиль выглядит необычно и встречается довольно редко, поэтому новичкам кажется, что создать такой эффект могут только профессиональные фотомонтажеры. Такая рамка в фотошопе действительно отнимает достаточно много сил, но все же сделать ее возможно даже без особых навыков.
1. Откройте и разблокируйте фотографию, затем создайте выделение клавишами Сtrl + A.
2. Раскройте пункт «Выделение» и отыщите группу «Модификация». В подменю вариантов выберите функцию «Граница».
3. Укажите желаемую толщину будущей рамки и примените изменения кнопкой ОК.
4. Нажмите на клавиатуре кнопку Q, чтобы активировать быструю маску. Фотография окрасится в полупрозрачный красный цвет.
5. Раскройте меню «Фильтр» и выберите пункт «Галерея фильтров». Раскройте категорию «Штрихи» и выделите пресет «Аэрограф». Установите параметры по своему усмотрению.
6. Нажмите ОК и уберите быструю маску, снова нажав букву Q. Вокруг фото станет заметна мерцающая прозрачная рамочка.
7. Создайте новый слой через пункты «Слои» – «Новый» – «Слой» и при помощи инструмента заливки окрасьте рамку в подходящий цвет.
8. Снимите выделение и экспортируйте обработанное фото на жесткий диск.
В итоге у вас получится фото с интересными узорными краями, которое будет выглядеть особенно эффектно, если вы окрасите рамку в белый цвет и разместите на белой странице. Кстати, кроме обводки можно еще удалить и заменить фон на снимке в Фотошопе.
Как сделать красивую рамку в Photoshop: два варианта
1. Загрузите снимок, который вы хотите обработать, в фоторедактор. После этого импортируйте в программу файл рамки. Она откроется в новой вкладке.
2. Выделите рамку сочетанием Ctrl + A и скопируйте, нажав Ctrl + C. Перейдите на вкладку с основной фотографией. Выделите ее и вставьте рамку сочетанием клавиш Ctrl + V.
3. В нашем случае картинка оказалась слишком маленькой. Чтобы растянуть ее, раскройте пункт меню «Редактирование» и кликните «Свободное трансформирование».
4. Захватите границы рамки и растяните так, чтобы она соответствовала основной фотографии. Если файл меняет размер строго по квадрату, а вам нужно растянуть ее в стороны, зажмите параллельно клавишу Ctrl.
В этом случае мы наложили готовую фоторамку. Однако еще один способ создать красивое обрамление вокруг фото в ФШ – использовать стили. Их часто применяют в качестве украшения для текста, но также их можно использовать для создания рамок.
Рассмотрим, как сделать рамку в фотошопе по контуру с применением встроенных стилей.
1. Создайте дополнительный слой и откройте панель «Стили» через пункт меню «Окно».
2. Нажмите на подходящий стиль. Проследите, чтобы при этом был выделен новый прозрачный слой, а не главное фото.
3. Активируйте инструмент «Заливка» и кликните по дополнительному слою. Поверх снимка будет наложена цветная область.
4. Выберите инструмент «Овальная область», установите тип фигуры «Контур» и нарисуйте на верхнем цветном фоне овал. Также вы можете применить прямоугольную область, это зависит только от ваших предпочтений.
5. Нажмите Del, чтобы удалить выделенный фрагмент по контуру. Это откроет участок основного фото, скрытого за цветным слоем.
Для более эффектного результата можно настраивать растушевку краев выделенной области.
Добавляем рамку к фото в 2 клика: альтернатива Фотошопу
Итак, мы рассмотрели основной функционал Photoshop и как сделать рамку вокруг фото без особых технических навыков. Но даже наиболее простые способы отнимают много времени и требуют особого внимания. К тому же Photoshop дает сильную нагрузку на процессор, так что даже не пытайтесь запускать его на слабом ноутбуке.
Если вы ищете альтернативу, которая поможет добиться нужного результата с минимумом усилий, выбирайте ФотоМАСТЕР. В нем уже есть коллекция рамок, которые можно быстро наложить на снимок. Софт включает в себя помощь для новичков, а простое управление поможет быстро освоиться с функционалом.
1. Скачайте ФотоМАСТЕР и установите его на свой компьютер. Запустите фоторедактор и импортируйте картинку кнопкой «Открыть фото».
2. В верхней панели программы нажмите по вкладке «Текст и рамки». В правой колонке с функциями найдите пункт «Добавить рамку».
3. Отрегулируйте толщину границы и выберите нужный вам цвет. Прокрутите список вариантов и нажмите на подходящий пресет.
4. Сохраните изменения кнопкой «Применить» и экспортируйте картинку на жесткий диск, открыв пункт меню «Файл».
Подробнее об этом можно посмотреть в специальном уроке:
Если у вас есть готовая фоторамка в графическом формате, которую вы хотите наложить на кадр, это также возможно, так как софт поддерживает добавление любого количества слоев.
1. Откройте вкладку «Инструменты» и найдите функцию «Вставка картинки».
2. Кликните по кнопке и выберите «Наложить изображение из файла». Загрузите вашу рамочку.
3. Захватите границы нового объекта и растяните его так, чтобы он соответствовал по размеру основной фотографии.
Как видите, даже самый сложный вариант в этом фоторедакторе намного проще и быстрее, чем создать рамку в фотошопе. К тому же, программа не предъявляет высоких требований к системе и почти не нагружает процессор, так что она станет хорошей альтернативой для тех, кто работает на ноутбуках или на слабых ПК.
Заключение
Из этой статьи вы узнали, как сделать рамочку в фотошопе сразу несколькими способами. Этот художественный прием поможет вам создавать фотоконтент, который будет выделяться среди конкурентов, а также сверстать красивые поздравительные открытки. А если вы ищете более простой и удобный вариант, советуем остановить внимание на ФотоМАСТЕР. Он легок в освоении и уже включает в себя библиотеку готовых материалов, благодаря чему вся работа сводится к нескольким кликам мыши.
прикольно! зачем вообще сейчас заморачиваться в фотошопе, если можно быстро наложить рамку в программе?
я по работе часто рамки на фото накладываю, естественно готовые сразу. в Фотомастере впервые попробовала, реально удобнее
всегда редактировала в фотошопе, если что требовалось. случайно попала на ваш сайт и на программу Фотомастер. действительно удобнее в разы, спасибо за наводку!)
Принцип создания фигурных краёв, или фигурной стилизации краёв у фотографии в 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]
Стиль слоя «Обводка» применяется для добавления обводящих рамок и границ к слоям и формам. Стиль может быть использован для создания сплошных цветных линий, линий с градиентными переходами, а также узорных границ объектов.
Настройки и опции стиля слоя «Обводка» (Stroke)
Этот стиль слоя — наиболее простой в применении эффект, назначение настроек интуитивно понятно, но всё-таки пара-тройка нюансов имеется.
Диалоговое окно
Диалоговое окно стиля русскоязычном и англоязычном Photoshop:
Размер (Size)
С помощью этого ползунка можно изменять толщину обводки, значения указываются в пикселях
Положение (Position)
Интерфейс опции выполнен в виде выпадающего списка, состоящего из трёх пунктов, задающих положение обводки относительно края объекта:
Снаружи (Outside) — обводка находится за краями объекта
Внутри (Inside) — внутри краёв
Из центра (Center) — середина обводки совпадает проходит по краю объекта
С этим всё понятно. А теперь о тонкостях взаимодействия с другими стилями. На рисунке ниже я привёл примеры. Обводку частично перекрывает стиль слоя «Тиснение» (Bevel and Emboss), но в свою очередь, обводка перекрывает внешнюю Тень (Drop Shadow), а стили «Наложение узора» (Pattern Overlay), «Наложение цвета» (Color Overlay) её не перекрывают:
Режим наложения (Blend Mode)
Задаёт режим наложения обводки к используемому слою и слоям, лежащим под ним. Действует по принципу обычных режимов наложения слоёв.
Непрозрачность (Opacity)
Эта опция регулирует прозрачность обводки. С этим всё понятно, но здесь также присутствует одна особенность.
Если обводка имеет положение «Внутри» или «Из центра», то при непрозрачности 0% она скроет перекрываемое ею содержимое слоя. Это видно на примере ниже. К верхнему тексту стиль не применён, к среднему применена обводка в положении «Из центра» с непрозрачностью 100%, а к нижнему тексту применена точно такая же обводка, но с непрозрачностью 0%
Тип обводки (Fill Type)
Эта опция управляет заполнением Обводки. Заполнение может быть трёх вариантов: Цвет (Color), Градиент (Gradient), или Узор (Pattern).
Каждый из этих вариантов дает нам дополнительные возможности для оформления обводки:
С опцией «Цвет» всё понятно — он делает сплошную однотонную заливку, цвет выбирается с помощью нажатия на прямоугольник, расположенный слева от выпадающего списка.
«Узор» заполняет обводку паттерном (готовым узором) по принципу стиля слоя «Наложение узора» (Pattern Overlay).
Опция «Градиент» заполняет тело обводки градиентным заливкой. Вот тут, пожалуй, Photoshop предоставляет нам наибольшее количество вариантов для творчества.
Прежде всего, мы можем настроить градиентную заливку. Это может быть простой двухцветный вариант, либо сложный набор из цветов для специальных эффектов, таких как металл. Проставленная галка в чекбоксе «Инверсия» развернёт на 180° направление градиента. Градиент настраивается так же, как и в стиле Наложение градиента(Gradient Overlay).
Но тут имеется одно важное дополнение, это дополнительный стиль градиента — «Разбивка фигуры», в англ. версии — «Shape Burst»:
Эта опция направляет градиент перпендикулярно краю фигуры или слоя, к которому применяется стиль. С помощью неё мы можем получить полосы вдоль контура слоя. Этот стиль применён к нижнему тексту на рисунке:
Сохранение и загрузка настроек стиля слоя по умолчанию
Сохранение и загрузка значений по умолчанию осуществляется точно так же, как и у стиля слоя «Тени».
Читайте также: