Рамочка для фотошопа: Рамки, фоторамки, PNG, PSD, | Скачать бесплатно

7. Жмем правой кнопкой мыши (ПКМ) по рисунку и выбираем команду «Выполнить обводку…».

8. Выбираем ширину, цвет и жмем «ОК».

9. У нас получилось что-то подобное.

Способ 2: Закруглённая рамка

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

1. Выберите инструмент «Прямоугольник со скругленными углами». Клавиша:

2. Теперь немного изменяем настройки. Устанавливаем тип «Контур».

3. И ставим радиус округления краев. Чем больше ваша фотография, тем больше значение нужно выставить.

4. Жмем ПКМ и выбираем «Выделить область».

5. Настройки оставьте по умолчанию.

6. Теперь наша задача, чтобы выделение было по рамке, а не по рисунку в центре – для этого нам нужно применить команду – «Выделение» – «Инверсия». Быстрее всего использовать кнопки:

Shift + Ctrl + I

7. Отлично, теперь мы можем работать именно с рамкой.

8. Создайте новый слой и нажмите по нему, чтобы начать с ним работать.

9. Теперь заливаем его любым цветом.

10. Убираем выделение, нажав:

Ctrl + D

11. Быстро нажмите два раза левой кнопкой мыши (ЛКМ) по слою с рамкой. Теперь вы можете применить к нему различные стили. Неплохо смотрится «Теснение», «Контур» и «Текстура». У каждого из стилей очень много параметров и рассказывать про них смысла особого нет. Вы можете сами с ними поиграться для достижения наилучшего эффекта.

Способ 3: Рваная рамка

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

1. Создайте такую же рамку, как мы делали в первом способе.

2. Но в конце не убирайте выделение.

3. Переходим в режим работы с маской, нажав:

4. Открываем раздел «Фильтры» и переходим в «Галерею фильтров».

5. Находим «Штрихи» и применяем «Аэрограф». Измените настройки длины штриха и радиус разбрызгивания под свое изображение.

6. А теперь уже самостоятельно – выходим из режима маски, нажав «Q».
7. После этого создаем новый слой и заливаем его любым цветом.
8. Выключаем выделение:

Ctrl + D

Способ 4: Ломаная рамка

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

1. Выполните обводку только рамки – вы уже знаете, как это нужно делать.

2. Теперь несколько раз применяем «Фрагмент».

3. Если фото слишком большое, то используем фильтр «Мозаику».

4. В конце создаем слой, заливаем его цветом.

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

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

995 5

Автор статьи

Бородач 1742 статей

Сенсей по решению проблем с WiFiем. Обладатель оленьего свитера, колчана витой пары и харизматичной бороды. Любитель душевных посиделок за танками.

Вставляем фото в рамку с помощью Photoshop

О том, как вставить фотографию в рамку или шаблон с помощью Paint.NET, я писал здесь. Теперь проделаем ту же операцию с помощью другой популярной программы — Photoshop.

У меня на компьютере установлена старая версия — Adobe Photoshop CS2. И она меня всем устраивает. Если у вас стоит другая версия, возможно, что некоторые моменты работы с программой будут отличаться от показанных, но в целом алгоритм будет таким же.

Открываем программу Adobe Photoshop. Заходим Файл — Открыть

и в открывшемся окошке выбираем наш шаблон из папки, где он находится. Теперь наш шаблон появился в окне программы:

Теперь нам нужно открыть фотографию нашей морячки. Снова идем в меню Файл — Открыть и находим наш портрет на компьютере. Наша морячка появилась в окне программы поверх нашего шаблона.

Все свои шаблоны я сохраняю с разрешением 300 точек/на дюйм и размером 200 х 90 мм. Поэтому, после открытия фотографии девушки, я подгоняю ее (фотографию) под размер шаблона. Иначе фото и шаблон могут очень сильно различаться. Для этого в меню программы идем Изображение — Размер изображения… и в появившемся окошке выставляю то же разрешение, что и у шаблона, а так же высоту, примерно равную высоте шаблона:

При изменении размера фотографии, не забудьте поставить галочку в строке Сохранить пропорции.

Теперь нам нужно переместить нашу морячку на шаблон. Для начала активируем Инструмент «Перемещение»

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

Некоторые версии Фотошопа не поддерживают прямого перетаскивания мышью. В этом случае мы поступим по другому: на вкладке с фотографией морячки идем Выделить — Все (наше фото выделилось), затем Редактирование — Скопировать. Теперь переходим на вкладку с шаблоном (рамкой) и нажимаем Редактирование — Вклеить.

Если выскочит такое окошко, жмем Преобразовать:

Теперь наша фотография находится поверх шаблона и мы с помощью мыши можем ее свободно перемещать. Чтобы перемещалась именно морячка, а не сам шаблон, в окне Слои должен быть активирован слой с фотографией девушки (нажмите на него и он примет темно-синий цвет):

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

Слои поменялись местами и, наша морячка «спряталась» за рамку:

Хочется немного увеличить размер нашей фотографии. Убедившись, что в окне Слои активен именно слой с нашей фотографией, идем в меню Редактирование — Свободное трансформирование:

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

Изменив размер и подогнав фотографию в окошке шаблона, жмем Enter и рамка вокруг фотографии исчезнет. Остался пустяк — сохранить для сублимации наш шаблон в «зеркале». Заходим в меню Изображение — Повернуть холст — Отразить холст по горизонтали:

Наш шаблон готов!

Осталось сохранить его и распечатать на принтере.

Ну и для закрепления посмотрите этот видеоурок:

[youtube]vYUDIdl4L6o[/youtube]

Успеха в бизнесе!

Понравилась статья? Вы можете подписаться на новости и первыми узнавать о новых статьях и уроках сайта СублиМастер.

Статьи по теме:

Видеоурок: как вставить фото в рамку в программе Photoshop

Видеоурок: как вставить фото в рамку в программе Paint.Net

Вставляем фото в рамку с помощью Paint.Net

Как добавить рамку в Photoshop (простой способ)

Инструмент «Рамка» в Photoshop делает невероятно простым добавление рамок в ваш проект. Хотя вы можете выполнить аналогичный трюк с масками слоев, смарт-объектами и т. д., инструмент «Рамка» делает это в 10 раз быстрее.

Эй-о! Это снова Кара. Если вы читали другие мои уроки на Photoshop Buzz, возможно, вы уже знаете, что я ненавижу терять время. Вот что делает инструмент Frame таким потрясающим! Это один из тех инструментов быстрого доступа, которые делают проект очень простым.

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

Позвольте мне показать вам, что я имею в виду!

Примечание: скриншоты ниже взяты из Photoshop CC для Windows, Mac или других версий, они могут немного отличаться.

Содержание

• Создание рамки для размещения изображения
  • Шаг 1. Выберите инструмент «Рамка»
  • Шаг 2. Разместите второе изображение
• Добавление рамки к изображению
  • Внесение корректировок
• Добавление слоя-заливки
• Создание рамки из фигуры

Создание рамки для размещения изображения

Начнем с круглой рамки. Я получил это изображение с Pexels.com. Допустим, мы хотим заменить сцену через это круглое окно другим изображением.

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

Шаг 1: Выберите инструмент «Рамка»

Выберите инструмент «Рамка» на панели инструментов слева.

На панели параметров можно выбрать два варианта кадрирования: круг или прямоугольник. Вы можете создать любой тип эллипса (круг, овал) с опцией окружности и любой тип прямоугольника с помощью прямоугольной. Давайте выберем круг для этого изображения.

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

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

Шаг 2. Поместите второе изображение

Теперь мы поместим в рамку это изображение «марсианского пейзажа», также предоставленное Pexels.com.

Перейдите к File и выберите Place Embedded.

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

Photoshop поместит изображение в рамку, легко!

Обратите внимание, что на панели «Слои» изображение автоматически размещается как смарт-объект.

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

Вы также можете нажать Ctrl + T или Command + T на клавиатуре, чтобы изменить размер изображения по мере необходимости.

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

Теперь давайте посмотрим, что еще можно сделать с помощью инструмента «Рамка»!

Добавление рамки к изображению

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

Выберите инструмент Frame на панели инструментов или нажмите K на клавиатуре.

На этот раз выберем квадратную ориентацию.

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

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

Обратите внимание, как изображение превращается в смарт-объект? Благодаря этому вы можете легко заменить содержимое фрейма другим изображением. Значок новой рамки также появляется слева от миниатюры изображения на том же слое.

Внести корректировки

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

Удерживая Shift , щелкните, чтобы выбрать и рамку, и изображение.

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

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

Добавить слой-заливку

Чтобы заполнить изображение, просто добавьте слой заливки сплошным цветом. Щелкните значок полузаполненного круга в нижней части панели «Слои» и выберите Solid Color .

Выберите нужный цвет в палитре цветов и нажмите OK . Затем перетащите слой сплошного цвета под слой с рамкой и изображением. Отрегулируйте размер холста по мере необходимости.

Вуаля!

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

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

Проверьте это.

Откройте новый документ и выберите инструмент Custom Shape на панели инструментов.

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

Теперь перейдите к Layer в строке меню, наведите указатель мыши на New и выберите Convert to Frame.

В открывшемся окне назовите свою рамку и нажмите ОК .

Поместите изображение в кадр с помощью команды Place Embedded , как мы делали ранее.

Потрясающе!

Готовы узнать больше удивительных трюков в Photoshop? Узнайте, как заполнить фигуру цветом в этом уроке!

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

Учебные пособия Крейга Стокса по искусству — Скрипт Photoshop для создания цифровой рамки и коврика

Обновление

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

Скрипт и стиль фрейма можно скачать здесь <ссылка>.

28 января 2011 г.

См. сопутствующее видеоруководство на YouTube.

Это продолжение предыдущего поста, в котором показано, как просмотреть ваши изображения в рамке и на стене. Одним из наиболее интересных аспектов этого поста было использование стилей слоя Photoshop для создания цифровой рамки и мата вокруг фотографии. Еще больше меня заинтриговал пост на Photoshop User TV, в котором Р. С. Консепсьон объяснил концепцию оптического центрирования изображения. Его вдохновил пост Рассела Коттрелла, в котором Рассел объяснил математику процесса.

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

Попутно я также обнаружил скрытый «подводный камень» в стилях слоя. Оказывается, сохраненные стили слоя зависят от разрешения. В моем случае я создал стили слоя для 100-пиксельного кадра, используя изображение с размером 9.0 точек на дюйм. Фактические размеры изображения в пикселях не имеют значения. Если для изображения установлено значение 90 PPI, размер кадра будет равен 100 пикселям. Но если вы примените сохраненный стиль рамки 100 пикселей к изображению, для которого установлено значение 360 PPI, рамка будет иметь ширину 400 пикселей! Но не волнуйтесь, скрипт позаботится о том, чтобы вы получили кадр нужного размера.

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

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

Во-первых, вам нужно скачать эти два файла. Просто щелкните правой кнопкой мыши ссылку ниже и выберите «Сохранить объект как…» и сохраните файл в доступном для вас месте, например, на рабочем столе.

Optical Centered Frame.jsx — это скрипт Photoshop, написанный на Javascript.

Frame Styles.asl представляет собой набор из двух стилей слоя. Существует один стиль слоя для рамки и коврика, а второй — для выреза вокруг изображения.

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

Во-первых, файл сценария необходимо скопировать в место, где Photoshop сможет его найти. Выберите файл Optically Centered Frame.jsx и скопируйте его в папку сценария Photoshop. При использовании CS5 в Windows это будет C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts. На Mac это «Приложения»>

Далее нам нужно загрузить стили слоя. Откройте Диспетчер пресетов (Редактировать/Менеджер пресетов…). Для Типа предустановки выберите Стили. Затем нажмите «Загрузить…» и найдите файл Frame Styles.asl в том месте, где вы сохранили его при загрузке.

Вот и все. Теперь просто откройте изображение. Выберите «Файл / Сценарии», и вы должны увидеть оптически центрированную рамку в качестве одного из вариантов. После запуска вам будет предложено ввести три значения:

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

Ширина мата — это ширина мата слева, справа и сверху, без учета рамы. По умолчанию 175 пикселей.

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

Сценарий выполняет несколько функций. Во-первых, он дублирует ваше изображение, поэтому работает с копией, а не с оригиналом. Затем он сглаживает изображение и преобразует его в sRGB (при необходимости), чтобы его можно было легко сохранить в формате jpeg. Затем он изменяет размер изображения, соответствующим образом расширяет холст и добавляет пустой белый слой внизу стопки. Наконец, он применяет два стиля слоя, содержащиеся в файле Frame Styles.asl, один набор эффектов слоя для каждого слоя.

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