↑  Подняться наверх  ↑
560

Прямоугольная рамка в фотошоп

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

Прямоугольная рамка в фотошоп

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

Первым делом создаем новый документ "Файл -> Создать" (Ctrl+N). В моем примере он будет размером 1000 на 800 пикселей. Далее зальем его черным цветом, чтобы рамку белого цвета было лучше видно.

Прямоугольная рамка в фотошоп

Теперь создадим новый слой, щелкнув в палитре слоев на иконку "Создать новый слой" (Shift+Ctrl+N). Рамку можно создать многими способами, но я разберу несколько. Выбираем инструмент для выделения прямоугольных областей.

Прямоугольная рамка в фотошоп

Выделаем на нашем слое прямоугольник и заливаем его белым цветом с помощью инструмента "Заливка".

Прямоугольная рамка в фотошоп

Следующим шагом идем в пункт меню "Выделение -> Модификация -> Сжать" (Select -> Modify -> Contract).

Прямоугольная рамка в фотошоп

С помощью этой настройки мы сожмем наше выделение во внутрь. В новом окне указываем ширину нашей рамки, которую хотим получить, в пикселях и нажимаем "Ок".

Прямоугольная рамка в фотошоп

На клавиатуре нажимаем клавишу Delete (Del), для того, чтобы удалить все лишнее внутри выделения. Получается белая рамка толщиной 5 пикселей.

Прямоугольная рамка в фотошоп

С помощью сочетания клавиш Ctrl+D можно снять оставшееся активным выделение. Это первый способ. Теперь давайте рассмотрим второй.

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

Прямоугольная рамка в фотошоп

После этого щелкаем правой клавишей мыши внутри выделения и из выпадающего меню выбираем "Выполнить обводку".

Прямоугольная рамка в фотошоп

В новом окне выбираем ширину рамки и ее цвет. В конце нажимаем "Ок".

Прямоугольная рамка в фотошоп

По контуру выделения создается рамка. Чтобы снять выделение нажимаем Ctrl+D или заходим в пункт меню "Выделение -> Отменить выделение".

Прямоугольная рамка в фотошоп

Перед тем как мы будем создавать разрывы у рамки давайте напишем тексты как в готовом варианте. Выбираем инструмент для написания горизонтального текста, выбираем шрифт и размер будущего текста. У меня верхний текст будет размером 70 пунктов, а нижний - 50 пунктов. Как в примере пишем два текста: Psdmaster.ru и Видеоуроки фотошоп. Размещаем их на верхней и нижней сторонах рамки примерно по центру, далее они разместятся по центру.

Прямоугольная рамка в фотошоп

Давайте найдем центр рамки. Для этого будем использовать "Линейки" и функцию привязки. Убедитесь что они у вас включены.

Прямоугольная рамка в фотошоп

Делаем активным слой с рамкой.

Прямоугольная рамка в фотошоп

Сверху и слева берем по направляющей и двигаем их к центру рамки, пока они не ""прилипнут". Это и будет четкий центр, на который мы и будем ориентироваться.

Прямоугольная рамка в фотошоп

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

Прямоугольная рамка в фотошоп

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

Переходим на слой с рамкой, выбираем инструмент для выделения прямоугольной области. Предлагаю для начала вырезать кусочки по бокам. Чтобы кусочки получились равномерными, ставим курсор ровно по центру, зажимаем на клавиатуре клавишу "Alt" и, зажав левую клавишу мыши, передвигаем курсор в любую из сторон как на скриншоте ниже. Таким образом выделение получается равномерным со всех сторон. Чтобы удалить выбранные участки нажимаем клавишу Delete (Del).

Прямоугольная рамка в фотошоп

То же самое проделываем для нижней части рамки.

Прямоугольная рамка в фотошоп

И для верхней ее части. Не забывайте зажимать клавишу "Alt" и удалять части рамки через клавишу "Delete" (Del).

Прямоугольная рамка в фотошоп

Последним шагом удаляем все лишнее. Заходим в меню "Просмотр -> Удалить направляющие" (View -> Clear Guides). В конечном итогу у вас должно получиться то же самое, что и на скриншоте ниже.

Прямоугольная рамка в фотошоп

Если на каком-то из этапов у вас возникли проблемы, то обязательно оставляйте комментарий ниже. Также, вы можете посмотреть видеоверсию урока.

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


Как найти центр изображения в фотошопе

Как найти центр изображения в фотошопе

Как сделать фотографию черно-белой

Как сделать фотографию черно-белой

Раскрываем все секреты фильтра Пластика

Раскрываем все секреты фильтра Пластика

Фотошоп инструменты группы - Eraser Tool (Ластик)

Фотошоп инструменты группы - Eraser Tool (Ластик)

Как установить текстуру в фотошоп

Как установить текстуру в фотошоп