Содержание

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

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

Для начала создадим рабочий документ. Размер практически не имеет значения, лишь бы вам было удобно. И сразу же создадим новый слой при помощи комбинации клавиш ctrl+shift+n.

Напишем текст. Думаю, вы уже знаете, какой инструмент вам в этом поможет, но на всякий случай я напомню. Для написания нашей фразы используем инструмент «текст» на боковой панели.

Теперь давайте примемся за рамку. Я сделаю простенький монохромный вариант, но вам советую подключить фантазию и продвинуться немножко дальше.

Создаем новый слой, той же комбинацией клавиш ctrl+shift+n. А теперь выбираем инструмент прямоугольная область и «обводим» наш текст.

Не пытайтесь проделать эту операцию идеально ровно. Рамку для текста мы еще выровняем. Но позже.

Теперь обведем рамку. Для этого на верхней панели ищем «редактировать» — «выполнить обводку».

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

Теперь нам следует снять выделение с рамки. Вы можете воспользоваться как соответствующей командой на верхней панели во вкладке «выделение», так и комбинацией клавиш ctrl+d.

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

Итак, приступим к выравниванию. В окне слоев выбираем исходный слой — подложку. Он будет вторым по счету.

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

А теперь в том же окне слове выбираем поочередно слой с надписью и рамкой и выравниваем их по направляющим.

Посмотрим, какая рамка для оформления текста в фотошопе у меня вышла.

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

  • Создать рабочую область и новый слой.
  • Вставить рамку на исходный документ
  • Написать текст
  • Выровнять их

Вот так все просто и незамысловато.

photoshop-work.ru

Как сделать рамку в Adobe Photoshop?

Довольно часто возникает необходимость визуально отделить изображение от окружающего его текста на сайте, украсить свадебные фотографии.

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

Рассмотрим несколько простейших способов.

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню «Редактирование» и кликнув по пункту «Выполнить обводку»:


Выберите цвет, толщину и расположение обводки:


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

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

Нажмите F7, дважды кликните по фоновому слою, и, когда откроется окно «Стиль слоя», выберите панель «Обводка». Селектор «Снаружи» обязательно необходимо поменять на «Внутри». Указав все необходимые вам параметры, кликните на «ОК»:

Для того чтобы сделать произвольную рамку для рисунка или отдельной его части, можно воспользоваться кистью. Выберите с помощью горячей клавиши B кисть и укажите её толщину:


Цветом рамки будет активный в данный момент цвет. Кликните кистью в том месте, откуда вы будете начинать рисование обводки, зажмите клавишу shift и, не отпуская кнопку, нарисуйте прямую линию.

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z. Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

Откройте изображение и продублируйте фоновый слой дважды с помощью сочетания клавиш ctrl+j. Отключите два верхних слоя, кликая на значок глаза напротив каждого:


Находясь на первом слое, выберите «Фильтр», «Размытие» и «Размытие по Гауссу» и размойте изображение:


Затем в окне «Фильтр» кликните на «Шум» — «Добавить шум». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:


Экспериментируя с наложением слоёв и размытием, можно создать красивую и эффектную рамку для фото. Однако, иногда необходимо, чтобы фотография имела более сложную или тематическую рамку.

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

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop:

С помощью инструмента «Перемещение» перетащите фотографию в окно с рамкой. Для того чтобы синхронизировать изображения, в меню «Редактирование» выберите «Свободное трансформирование» и, удерживая клавишу shift, подгоните размер изображения под размер рамки и поверните, если это необходимо:

В окне «Слои» поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:


Теперь фотография находится под рамкой.

Для создания дополнительного эффекта объёмности вы можете воспользоваться «Параметрами наложения» слоя с рамкой. Для этого кликните правой кнопкой мыши и выберите соответствующий пункт:


В разделе «Тиснение» поставьте галочки, руководствуясь своим вкусом и предпочтениями:


В результате у вас получится объёмное и реалистичное изображение в рамке.


Надеемся, что данный урок стал для вас полезен!

www.internet-technologies.ru

Как сделать рамку в фотошопе 7 простых способов

Экшены Лукьянова

7 простых способов как делать свои рамки в фотошоп.
Приветствуем тебя,  дорогой  читатель сайта Гикфо!

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

Достаточно и минимальных знаний фотошопа.

Итак, начинаем от простого к более сложному.

Способ 1

выполнить обводку.

Открываем изображение. Выделяем или все изображение или его часть.

Если необходимо сделать рамку для всего изображения, то лучше всего использовать сочетание клавиш CTRL+A, если же необходимо выделить часть изображения используем инструменты выделения.

После того, как выделение готово, идем в <Редактирование> –<выполнить обводку>

Экшены Лукьянова

В появившемся окне выбираем указываем толщину,  цвет,  расположение обводки –внутри.

 Экшены Лукьянова

Экшены Лукьянова

Если же будет выбрано расположение обводки –снаружи-, то тогда размер изображения можно уменьшить воспользовавшись командой –Свободное трансформирование –  сочетание клавиш CTRL+T, удерживая клавишу Shift для сохранения пропорций.

Экшены Лукьянова

Или же увеличить размер холста на необходимые размеры.

Экшены Лукьянова

 

Из вышесказанного вытекает способ 2: с использованием подлежащего слоя:

Полученное пустое пространство можно заполнить любым цветом, градиентом  или текстурой на новом слое.

При этом слой с изображением должен находиться выше цветного слоя или слоя с текстурой.

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

Экшены Лукьянова

Способ 3. Используем стили.

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

Выделяем, допустим, овальную область, ощищаем ее – нажимая клавишу Del.

Экшены Лукьянова

При этом нижний слой с изображением можно перемещать, подгоняя под полученную рамку.

Можно добавить текст, также применив к нему стиль.

Экшены Лукьянова

Способ 4. Используем параметры наложения – стили слоя.

Создаем новый документ, допустим 10 см х15 см.

Заливаем слой понравившемся узором.

Выделяем область,  ощищаем содержимое – клавиша Del

Снимаем выделение, Ctrl+D.

Дважды кликаем по слою, или же вызываем параметры наложения, кликнув по значку :

Экшены Лукьянова

 

Выбираем параметры наложения, допустим: тень, тиснение, обводка.

Экшены Лукьянова

Под полученный слой помещаем  изображение.

Экшены Лукьянова

Способ 5. Маски в фотошоп. 

Открываем изображение, добавляем новый слой.

Экшены Лукьянова

На новом слое создаем быструю маску – клавиша Q.

Затем свободная трансформация – уменьшаем маску в размере.

Идем в Фильтр –Штрихи- Аэрограф.

Экшены Лукьянова

 

Размеры устанавливаем по своему вкусу

Экшены Лукьянова

Выходим из быстрой маски: еще раз нажимаем клавишу Q

Получили выделение:

Экшены Лукьянова

Инвертируем выделение

Экшены Лукьянова

Заливаем выделенную область (слой 1) цветом или градиентом.

Снимаем выделение.

Экшены Лукьянова

Способ 6. Используем растровые фигуры.

Открываем изображение, разблокируем фоновый слой.

Экшены Лукьянова

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

Экшены ЛукьяноваЭкшены Лукьянова

Выделяем нужный фрагмент

Экшены Лукьянова

Меняем расположение слоев, и нажав клавишу Alt встаем мышкой между слоями.

Появится значок – кликаем.

Затем можно объединить слои Ctrl+E

Добавить новый слой ниже слоя с изображением

Экшены Лукьянова

В слое с изображением добавить эффекты наложения

Экшены Лукьянова

Нижний слой залить фоном переднего плана, и можно применить фильтр <Эффекты освещения>.

Или любой другой, поиграться – что больше всего будет по душе.

Экшены Лукьянова

Меняя прозрачность слоя, применяя маски  можно добиться различных эффектов.

Экшены Лукьянова

Способ 7.  Делаем прозрачную рамку в фотошоп.

Открываем изображение, дублируем три раза фоновый слой – нажимая три раза сочетания клавиш Ctrl+J

Два верхних слоя отключаем, нажимая на значок глаза напротив слоя. И сразу переименуем слои, чтобы не путаться.

Экшены Лукьянова

 

Находясь на слое 1 идем в <Фильтр>-<Размытие>-<Размытие по Гауссу>.

Экшены Лукьянова

Размываем изображение

Экшены Лукьянова

Добавим шум. Идем в <Фильтр>-<Шум>-<Добавить шум>

Экшены ЛукьяноваЭкшены Лукьянова

Все в том же Слое 1 вызываем параметры наложения слоев

Экшены Лукьянова

Выбираем обводку:

Экшены Лукьянова

Включаем видимость слоев, и на активном верхнем слое уже знакомым способом создаем маски в фотошоп: кликая между Слоем 2 и Слоем 3 при нажатой клавише Alt.

Экшены Лукьянова

На Слое 2 вызываем свободное трансформирование Ctrl+T, удерживая клавишу Shift, уменьшаем изображение.

В слое 2 вызываем параметры наложения слоев, выставляем примерно такие значения:

Экшены Лукьянова

Экшены Лукьянова

Экшены ЛукьяноваЭкшены Лукьянова Получили вот такую славную рамочку:

Экшены Лукьянова

Не бойтесь экспериментировать, включайте свою фантазию, и у вас обязательно все получится!

Удачи в творчестве и в жизни!

 

Лучшие видеокурсы по фотошоп

 

 

 

gikfo.ru

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

560

13.10.2015 | Автор: Трофименко Владимир | Просмотров: 9110 | видео + текст

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

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

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

Первым делом создаем новый документ «Файл -> Создать» (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). В конечном итогу у вас должно получиться то же самое, что и на скриншоте ниже.

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

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

Видеоурок:

Источник: https://psdmaster.ru

Узнайте как скачать видеоурок с сайта

Что еще посмотреть:

Что нового в Adobe Photoshop CC 2014

08.07.2014 | Просмотров: 3144

Видеообзор новинок программы Adobe Photoshop CC от 2014 года

Фотошоп инструмент - Текст

02.07.2011 | Просмотров: 4809

В этом уроке разбираем фотошоп инструмент — Горизонтальный и вертикальный текст (Horizontal, Vertical Type Tool).

Фотошоп инструменты - Заплатка и Красные глаза

21.12.2014 | Просмотров: 6396 | видео + текст

В этом фотошоп уроке будем разбираться с фотошоп инструментами Заплатка (Patch Tool) и Красные глаза (Red Eye Tool).

Как сделать сложную тень в фотошопе

08.04.2015 | Просмотров: 6441 | видео + текст

В этом уроке Кузьмичев Алексей покажет как создать естественную тень.

Небольшой фотошоп коллаж из 3-х фотографий

02.07.2011 | Просмотров: 21299

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

psdmaster.ru

Как сделать рамку в Фотошопе

Как сделать рамку в Фотошопе
В этом уроке по Adobe Photoshop мы научимся оформлять свои (и не только) изображения и фотографии с помощью различных рамок.

Создание рамок в Фотошопе

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

Вариант 1: Простая рамка в виде полоски

  1. Открываем фотографию в Фотошопе и выделяем все изображение комбинацией CTRL+A. Затем идем в меню «Выделение» и выбираем пункт «Модификация – Граница».

    Рамка-линия в Фотошопе

  2. Задаем необходимый размер для рамки.

    Рамка-линия в Фотошопе (2)

  3. Выбираем инструмент «Прямоугольная область».

    Рамка-линия в Фотошопе (3)

  4. Кликаем правой кнопкой мыши по выделению и выбираем «Выполнить обводку».

    Рамка-линия в Фотошопе (4)

  5. Настраиваем параметры.

    Рамка-линия в Фотошопе (5)

  6. Снимаем выделение (CTRL+D). Конечный результат:

    Рамка-линия в Фотошопе (6)

Вариант 2: Закругленные углы

  1. Для скругления углов фотографии выбираем инструмент «Прямоугольник со скругленными углами».

    Рамка со скругленными углами в Фотошопе

  2. На верхней панели отмечаем пункт «Контур».

    Рамка со скругленными углами в Фотошопе (2)

  3. Задаем радиус скругления углов для прямоугольника.

    Рамка со скругленными углами в Фотошопе (3)

  4. Рисуем контур, жмем ПКМ и преобразуем его в выделение.

    Рамка со скругленными углами в Фотошопе (4)

  5. Значение для растушевки указываем «0».

    Рамка со скругленными углами в Фотошопе (5)

    Результат:

    Рамка со скругленными углами в Фотошопе (6)

  6. Инвертируем область сочетанием CTRL+SHIFT+I, создаем новый слой и заливаем выделение любым цветом, по Вашему усмотрению.

    Рамка со скругленными углами в Фотошопе (7)

Вариант 3: Рамка с рваными краями

  1. Повторяем действия по созданию границы для первой рамки. Затем включаем режим быстрой маски (клавиша Q).

    Рамка с рваными краями в Фотошопе

  2. Далее переходим в меню «Фильтр – Штрихи – Аэрограф».

    Рамка с рваными краями в Фотошопе (2)

  3. Настраиваем фильтр по своему усмотрению.

    Рамка с рваными краями в Фотошопе (3)

    Получится следующее:

    Рамка с рваными краями в Фотошопе (4)

  4. Отключаем режим быстрой маски (клавиша Q) и заливаем получившееся выделение цветом, например, черным. Делать это лучше на новом слое. Снимаем выделение (CTRL+D).

    Рамка с рваными краями в Фотошопе (5)

Вариант 4: Рамка со ступенчатым переходом

  1. Выбираем инструмент «Прямоугольная область» и рисуем рамку на нашей фотографии, а затем инвертируем выделение (CTRL+SHIFT+I).

    Ступенчатая рамка в Фотошопе

  2. Включаем режим быстрой маски (клавиша Q) и несколько раз применяем фильтр «Оформление – Фрагмент». Количество применений по Вашему усмотрению.

    Ступенчатая рамка в Фотошопе (2)

    Получим примерно следующее:

    Ступенчатая рамка в Фотошопе (3)

  3. Выключаем быструю маску и заливаем выделение выбранным цветом на новом слое.

    Ступенчатая рамка в Фотошопе (4)

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

Ступенчатая рамка в Фотошопе (4)Мы рады, что смогли помочь Вам в решении проблемы.
Ступенчатая рамка в Фотошопе (4)Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Помогла ли вам эта статья?

ДА НЕТ

lumpics.ru

Как сделать в фотошопе рамку: быстро и просто

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

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

Способ, который позволит быстро сделать рамку одного цвета

Я работаю в Adobe Photoshop CC. Типа очень современная программа для крутых дизайнеров. Если вы используете CS6 или CS5, то урок все равно вам подойдет. В супер-дополнения я не полезу, они тут не нужны, а дизайн программ в целом мало чем отличается.

Итак, открываем изображение.

Выделяем его при помощи клавиш CTRL+A, как в Word.

Выбираем раздел «Редактирование» в верхней части панели инструментов и находим тут опцию «Выполнить обводку». Меню, в котором вы можете выполнить обводку, можно также вызвать при помощи правой клавиши мыши. Нажмите на нее, находясь на картинке. Применяем функцию к фотографии.

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

К сожалению, выбирая ширину вам придется действовать по наитию, так как изменения не отображаются сразу после того как вы их внесете. Они произойдут только после того как вы нажмете кнопку Ок.

Проще всего использовать функцию расположения – «Внутри». Если вы выбираете «Снаружи», то увидеть обводку можно будет только после того как вы увеличите размер картинки. К чему вам лишние трудности?

Ну вот и все, вокруг фотографии появилась простая, но стильная рамка.

Метод, благодаря которому можно применять к рамке различные цвета и градиенты

Этот способ чуть более изощрен и позволяет делать более эффектные рамки для фото. Итак, открываем изображение и как и в первом случае выделяем его при помощи одновременного нажатия клавиш CTRL и A.

Теперь переходим в раздел «Слои» и делаем дубликат этого слоя.

Находясь на фоновом слое создаете новый слой. Сделать это можно нажав на кнопку, которую я указал стрелкой на скриншоте внизу или в верхней панели. Раздел слои.

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

Теперь выбираем свободное трансформирование в категории «Редактирование» или нажимает CTRL+T.

Делаем верхний слой чуть меньше, чем все остальные, которые и станут рамкой для этого.

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

Теперь, сделав второй (новый) слой активным, выберите заливку, цвет и кликните в любом месте рисунка.

Готово.

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

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

Создание стильных фигурных рамок

Этот метод – еще одна возможность создать красивую рамку, в том числе и овальную, для вашей фотографии. Открываем картинку и создаем новый слой. Можно сделать это через меню сверху.

Или используя быструю кнопку в меню справа.

Для этого верхнего слоя вы можете применить какой-то определенный цвет, градиент, узор. Я покажу другую интересную возможность. Заходите в раздел «Окно» и находите «Стили».

Откроется дополнительное меню со стилями. У меня их не много.

Если захотите добавить, то можно бесплатно скачать 900 штук на сайте photoshop-master.ru/adds/styles. Тут достаточно разных эффектов, а установить на свой фотошоп не составит никакого труда.

Скачиваете архив, выгружаете файлы в папку. Будьте внимательны, вам нужно расширение ASL, а не PSD. Второй вариант сложнее, я расскажу вам о нем в своих будущих публикациях.

Все, останется только нажать на три параллельные прямые слева меню стилей, выбрать «Загрузить» и отыскать нужные файлы на своем компьютере.

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

Кликните по заливке.

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

Если вы будете просто вести по фотографии, то в итоге получите овальную рамку.

Если одновременно будете зажимать кнопку Shift на клавиатуре, то круглую. Кстати, эта кнопка также может превращать прямоугольник в квадрат.

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

А вот дальнейшие действия придется делать уже включив верхний слой. И сделав его активным. Следите за подсветкой.

Когда будете готовы нажмите Del.

Можно обрезать края.

Необычные края рамки

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

Теперь на клавиатуре находим Q и нажимаем, чтобы перейти в режим быстрой маски.

Применяем свободное трансформирование, при помощи CTRL+T и уменьшаем размер.

В верхнем меню находим «Фильтры» — «Искажение». Можно применить Волну, дисторсию, искривление, полярные координаты, сферизацию. Мне нравится рябь.

Дергаем за ползунок, чтобы увеличить или уменьшить эффект, а затем сохраняем.

Это пока еще не все. Нажимаем на Q.

Мы выделили края. Кстати, включайте фантазию, когда работаете в фотошопе. Это выделение не напоминает то же, что и при работе с кругами, эллипсами или тем, что делает инструмент «Лассо». Думайте, как использовать возможности фотошопа иначе, чем вам показывают авторы подобных статей. Относитесь к полученным знаниям не как к руководству для действий.

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

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

Можно применить градиент.

Или один цвет.

Нажмите CTRL+D, чтобы избавиться от ползающих муравьев.

Очень красивые рамки для новичков

Я вам уже показывал сайт photoshop-master. Возможно, вы заметили, что тут есть раздел с бесплатными и очень красивыми рамками. Пользоваться ими может даже новичок. Все они – бесплатны.

Использовать их довольно просто, если посмотреть вот эту замечательную инструкцию.

Другие бесплатные видео уроки от основателей «Фотошоп-Мастер» вы можете найти вот по этой ссылке: www.photoshop-master.ru/lessons.

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

Они копаются в собственной голове и знание инструментов помогает им самим придумать как этого добиться. Если вас это заинтересовало, могу порекомендовать курс Зинаиды Лукьяновой «Фотошоп с нуля в видеоформате».

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

Успехов в ваших начинаниях и до новых встреч!

start-luck.ru

Как в Фотошопе сделать рамку вокруг фотографии

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

Обводка фотографии

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

Открываем фотографию в Adobe Photoshop. На панели слоёв кликаем правой кнопкой мыши по слою с нашей фотографией. Если панели слоёв не видно, то открыть её можно с помощью пункта меню Window/«Окно» → Layers/«Слои».

Если в фотографии один слой, то он будет основным. Рядом с его изображением на панели слоёв появится пиктограмма в виде замочка, что означает блокировку слоя ради предотвращения случайных правок.

Как в Фотошопе сделать рамку вокруг фотографии

Для того, чтобы его разблокировать, просто дважды кликнем по этому слою мышкой. Замочек исчезнет, а сам слой станет называться Layer 0. После этого кликаем по слою правой кнопкой мыши и в контекстном меню выбираем пункт Blending Options/«Параметры наложения».

Как в Фотошопе сделать рамку вокруг фотографии

Появившееся диалоговое окно немного пугает количеством пунктов, но нам из них нужны всего два.

За добавление обводки по краю кадра отвечает пункт Stroke/«Выполнить обводку». Находим его в левой панели и отмечаем галочкой. После этого в центральной части можно задать параметры обводки:

  • Size/«Размер» — толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
  • Position/«Положение» — положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Inside), не имеют смысла.
  • Blending Mode/«Режим наложения» — режим наложения обводки.
  • Opacity/«Непрозр.» — плотность (непрозрачность) обводки.
  • Color/«Цвет» — цвет.
Как в Фотошопе сделать рамку вокруг фотографии

В принципе, этого достаточно, чтобы по периметру кадра нарисовать линию той или иной толщины, но можно пойти ещё дальше и сделать рамку более креативной.

Так, добавить рамке объём можно с помощью настроек Bevel & Emboss/«Тиснение». Их выбор тут довольно велик, а влияние на изображение каждой наглядно отображается на превью, поэтому предлагаем просто попробовать разные варианты и подобрать нужный.

Как в Фотошопе сделать рамку вокруг фотографии

Результат:

Как в Фотошопе сделать рамку вокруг фотографии

Внутренняя рамка

Открываем фотографию в Adobe Photoshop. Для того, чтобы сделать белую рамку в Фотошопе, надо выделить всю фотографию целиком. Сделать это можно либо с помощью комбинации клавиш Ctrl+A, либо с помощью команды меню Select/«Выделение» → All/«Все».

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

После того как фотография выделена по периметру, нужно сделать так, чтобы выделение проходило именно там, где нужна рамка. Для этого воспользуемся командой Select/«Выделение» → Modify/«Модификация» → Contract…/«Сжать…».

Как в Фотошопе сделать рамку вокруг фотографии

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста», которая указывает на то, что отступ нужно делать от границы.

Как в Фотошопе сделать рамку вокруг фотографии

Нажимаем Ok и видим, что выделение сместилось к центру кадра. Если положение будущей рамки нас устраивает, то двигаемся дальше, если нет — отменяем выделение с помощью комбинации клавиш Ctrl+D и повторяем всё сначала, пока не найдём идеальное положение.

Когда нужное положение выделения подобрано, надо просто выполнить обводку по этому контуру. Для этого воспользуемся командой Edit/«Редактирование» → Stroke…/«Выполнить обводку…».

Как в Фотошопе сделать рамку вокруг фотографии

В появившемся диалоговом окне задаём параметры обводки: толщину и цвет линии, её положение относительно выделения и параметры наложения.

Как в Фотошопе сделать рамку вокруг фотографии

В этом примере мы указали, что обводка должна быть толщиной в 3 пикселя и белого цвета. А располагаться должна по центру выделения. Это значит, что линия выделения в виде «бегущих муравьёв» будет проходить по центру будущей обводки.

А вот и результат.

Как в Фотошопе сделать рамку вокруг фотографии

Рамка с неровными краями

Как сделать красивую рамку в Фотошопе? Для этого можно добавить к фотографии рамку с неровными и рваными краями.

Как и в предыдущих случаях, делаем выделение с отступом от края кадра.

Как в Фотошопе сделать рамку вокруг фотографии

После этого переходим в режим быстрой маски либо с помощью клавиши Q, либо кликая по пиктограмме быстрой маски на левой панели инструментов.

Как в Фотошопе сделать рамку вокруг фотографии

Область для рамки теперь выделена красным. Осталось добавить к ней неровные края. Для этого воспользуемся фильтрами, которых в Adobe Photoshop имеется в изобилии. Это пункт меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…».

Как в Фотошопе сделать рамку вокруг фотографии

Чтобы получить нужный эффект, нам потребуются фильтры из блока Brush Strokes/«Штрихи». Выбираем подходящий на свой вкус и задаём ему параметры. Чем больше разрешение фотографии, тем больше должны быть значения параметров, иначе эффект не будет заметен.

Как в Фотошопе сделать рамку вокруг фотографии

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

Как в Фотошопе сделать рамку вокруг фотографии Как в Фотошопе сделать рамку вокруг фотографии

Теперь инвертируем выделение с помощью команды Select/«Выделение» → Inverse/«Инверсия».

Как в Фотошопе сделать рамку вокруг фотографии

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

Как в Фотошопе сделать рамку вокруг фотографии

Вот результат.

Как в Фотошопе сделать рамку вокруг фотографии

Паспарту

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

Как и раньше, открываем фотографию в Adobe Photoshop и снимаем блокировку с основного слоя.

Как в Фотошопе сделать рамку вокруг фотографии

После этого нам надо увеличить размер холста, для чего воспользуемся командой Image/«Изображение» → Canvas Size…/«Размер холста…».

Как в Фотошопе сделать рамку вокруг фотографии

В появившемся диалоговом окне указываем новые размеры холста. При этом не обязательно увеличивать холст равномерно по горизонтали и вертикали. Тут вы можете экспериментировать.

Как в Фотошопе сделать рамку вокруг фотографии

После применения команды размер холста увеличится и новые области будут прозрачными. Осталось только заполнить их нужным цветом.

Как в Фотошопе сделать рамку вокруг фотографии

Для этого на панели слоёв создаём новый пустой слой. Он автоматически окажется над основным слоем, нам надо будет перетащить его вниз мышкой.

Как в Фотошопе сделать рамку вокруг фотографии Как в Фотошопе сделать рамку вокруг фотографии

После этого просто заливаем новый слой нужным цветом.

Как в Фотошопе сделать рамку вокруг фотографии

Результат.

Как в Фотошопе сделать рамку вокруг фотографии

Вставка фотографии в рамку

В качестве последнего способа рассмотрим, как сделать красивую рамку в Фотошопе. На стоках и бесплатных ресурсах можно найти довольно много разных рамок для фотографий. Они могут быть в формате PNG или PSD. Но при обращении к подобным ресурсам обязательно проверяйте лицензию на конкретный файл с рамкой. Она может подразумевать просто бесплатное использование или же непременное указание автора.

Итак, допустим вы нашли подходящую рамку и открыли ее в Adobe Photoshop. Вторым документом откройте фотографию, которую надо вставить в рамку.

Как в Фотошопе сделать рамку вокруг фотографии

После этого перемещаемся в документ с рамкой, выделяем её целиком с помощью комбинации клавиш Ctrl+A, после этого копируем выделение Ctrl+C, переключаемся на файл с фотографией и вставляем скопированную рамку туда Ctrl+V.

Как в Фотошопе сделать рамку вокруг фотографии

Из-за того, что размеры и формат рамки и фотографии отличались, аккуратно вставить не получилось. Поэтому надо изменить размер рамки и подогнать под неё фотографию. Делаем активным слой с рамкой, кликнув по нему мышкой, и с помощью инструмента трансформации изменяем размер рамки Edit/«Редактирование» → Free Transform/«Свободное трансформирование».

Как в Фотошопе сделать рамку вокруг фотографии

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

Как в Фотошопе сделать рамку вокруг фотографии

prophotos.ru