Как просто и быстро сделать красивую рамку в Photoshop

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

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

Как просто и быстро сделать красивую рамку в Photoshop

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

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

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

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Читайте также:  Как в Photoshop сделать красивую таблицу - пошаговая инструкция

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

Готово.

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Читайте также:  Photoshop для начинающих - пошаговые инструкции и рекомендации

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

Как просто и быстро сделать красивую рамку в Photoshop

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

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

Как просто и быстро сделать красивую рамку в Photoshop

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

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

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

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

Как просто и быстро сделать красивую рамку в Photoshop

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

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

Комментариев к статье: 2

  • Elena 2016-10-24 в 17:39

    Красота! Обожаю творить всякие дела на Фотошопе! Столько возможностей!

  • Андрей 2020-11-24 в 15:41

    Выполнить обводку — отличное решение!

Добавить комментарий

  • ;-)
  • :|
  • :x
  • :twisted:
  • :smile:
  • :shock:
  • :sad:
  • :roll:
  • :razz:
  • :oops:
  • :o
  • :mrgreen:
  • :lol:
  • :idea:
  • :grin:
  • :evil:
  • :cry:
  • :cool:
  • :arrow:
  • :???:
  • :?:
  • :!: