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

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

В кон­це уро­ка нам не­об­хо­ди­мо по­лу­чить не­что по­доб­ное.

ШАГ 1: От­кры­ва­ем в Фо­то­шо­пе но­вую рам­ку.

По­лу­чи­лось? От­лич­но.

ШАГ 2: От­кры­ва­ем свою (или лю­би­мо­го че­ло­ве­ка) фо­то­гра­фию.

ШАГ 3: Для удобст­ва ра­бо­ты с изо­бра­же­ни­я­ми, от­кры­ва­ем их в раз­ных ок­нах. Для это­го пра­вой кноп­кой мы­ши кли­ка­ем по на­зва­нию фай­ла и в кон­текст­ном ме­ню вы­би­ра­ем «Пе­ре­мес­тить в но­вое ок­но».

ШАГ 4: За­жи­ма­ем ле­вую кноп­ку мы­ши на фо­то­гра­фии и пе­ре­тас­ки­ва­ем её на рам­ку, как по­ка­за­но стрел­кой. При этом у Вас дол­жен быть ак­ти­вен ин­ст­ру­мент «Пе­ре­ме­ще­ние».

ШАГ 5: В па­лит­ре «Слои» по­доб­ным об­ра­зом пе­ре­тас­ки­ва­ем слой с фо­то­гра­фи­ей ни­же слоя с рам­кой, как по­ка­за­но стрел­кой.

У Вас фо­то­гра­фия долж­на ока­зать­ся за рам­кой. По­лу­чи­лось? От­лич­но. Идём даль­ше.

ШАГ 6: При ак­тив­ном слое с фо­то­гра­фи­ей (он дол­жен под­све­чи­вать­ся се­рым цве­том в па­лит­ре «Слои») вы­би­ра­ем «Ре­дак­ти­ро­ва­ние → Сво­бод­ное транс­фор­ми­ро­ва­ние», ли­бо на­жи­ма­ем Ctrl+T. У Вас фо­то­гра­фия долж­на очер­тить­ся рам­кой вы­де­ле­ния. Да­лее, за­жав кла­ви­шу Shift, ле­вой кноп­кой мы­ши тя­ни­те за ма­лень­кий квад­ра­тик в уг­лу рам­ки вы­де­ле­ния, та­ким об­ра­зом что­бы фо­то­гра­фия на­ча­ла про­пор­ци­о­наль­но умень­шать­ся / уве­ли­чи­вать­ся. Вам не­об­хо­ди­мо по­до­гнать фо­то­гра­фию под окош­ко в рам­ке, пе­ре­тас­ки­вая её за­жав ле­вой кноп­кой мы­ши.

По­лу­чи­лось? Пре­вос­ход­но! В па­лит­ре «Слои» клик­ни­те пра­вой кноп­кой мы­ши по лю­бо­му слою и в ме­ню вы­бе­ри­те «Вы­пол­нить све­де­ние», а да­лее «Файл → Со­хра­нить как» и со­хра­ня­ем ваш ше­девр в фор­ма­те JPG.

  • Если Вы со­би­ра­е­тесь рас­пе­ча­ты­вать фо­то­гра­фию в рам­ке в фо­то­цент­ре, то об­ра­ти­те вни­ма­ние, что раз­ре­ше­ние ва­шей фо­то­гра­фии долж­но быть 300 пикс/дюйм. Для это­го пе­ред на­ча­лом ра­бо­ты про­ве­ряй­те в ка­ком раз­ре­ше­нии ис­ход­ные ма­те­ри­а­лы (рам­ка и фо­то­гра­фия). Про­ве­рить мож­но от­крыв ок­но «Изо­бра­же­ние → Раз­мер изо­бра­же­ния».

Вот и всё! Же­лаю Вам уда­чи и твор­чес­ких успе­хов.

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

Я использовал в работе Photoshop CC. Урок подходит для любых версий фотошопа, в том числе и CS6, CS5, CS4 и так далее..

План вашей работы на ближайшие 5 минут в фотошопе:

  • Найти подходящую рамку для фотошопа и скачать ее
  • Открыть рамку в фотошопе
  • Открыть фотографию в фотошопе
  • Переместить фото в рамку
  • Определить местоположении фотографии
  • Сохранить или распечатать

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

Начнем выполнять урок.

Для начала вам нужно выбрать и .

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

После выполнения урока результат будет примерно таким:

Итак, вы скачали рамку. Если вы скачали такую же рамку как и мы, то у вас она тоже в формате png.

Шаг 1. Открыть рамку в фотошопе.

Откройте её в фотошопе. Нажмите CTRL+O или меню Файл — Открыть, выберите файл рамки.

Выберите файл рамки и нажмите Открыть

После этого, рамка откроется в фотошопе.

Шаг 2. Открыть фотографию в фотошопе

Точно таким же способом откройте свою фотографию.

Шаг 3. Перетащить фото в рамку

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

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

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

Наша фотография переместилась! Перейдите в документ с рамкой.

Шаг 4. Помещаем фото за рамку и меняем ее расположение

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

Перетащите слой с фото под слой с рамкой.

Отлично! Теперь рамка будет поверх фото, то что нам нужно!

Шаг 5. Делаем правильный масштаб фото

Но фото слишком большая, поэтому нам нужно уменьшить её.

Для этого выберите слой с фотографией, нажмите CTRL+T

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

Тяните теперь мышкой за уголок вправо-вниз по диагоноли с зажатым SHIFT+ALT — это позволит уменьшат фотографию пропорционально.

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

Шаг 6. Сохраните фото

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

Для этого нажмите в меню Файл — Сохранить как. Выберите сохранить в формате JPG.

Распечатка фото.

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

Для того, чтобы установить 300 dpi или убедиться, что оно установлено, зайдите в меню Изображение — Размер изображения

Спасибо за внимание!

Как вставить фото в рамку онлайн на нашем сайте очень просто!
Если Вы не хотите читать, для Вас есть Видео-инструкция работы с сайтом, которую можно посмотреть
Всего несколько простых шагов до результата.
1. Выбираем понравившуюся рамку на сайте:
2. На следующей страничке нажимаем единственную зеленую кнопку «Выберите файл»:
(ВНИМАНИЕ! Если такая зеленая кнопка отсутствует — это значит что Ваш браузер устарел и его необходимо обновить!)
3. Появляется стандартное окно Windows где вы выбираете нужное Вам фото(1) и нажимаете Открыть(2):
4. После того как фото загрузилось, появится рамка наложенная на ваше фото с инструментами управления:
1 — для приближения и отдаления фото в рамке — нажмите на синий кружочек и двигайте влево или вправо
2 — для поворота по и против часовой стрелки — также нажмите на синий кружочек и двигайте влево или вправо
3 — две кнопки для отражения фото по горизонтали и вертикали — нажимайте на соответствующие кнопки
4 — перекрестие на самом фото — позволяет двигать фото относительно рамки зажав левую кнопку мыши
5. Поиграйтесь с данными рычажками и добившись нужного результата, нажимаем большую зеленую кнопку «Создать фото в рамочке»
6. Немного подождите и на следующей страничке появится готовый результат, с кнопкой «Скачать РЕЗУЛЬТАТ на компьютер»(1), Редактировать в Фотошоп Онлайн (2), прямая ссылка на результат(3) и кнопки для публикации в социальных сетях(4):
Приятной работы! 🙂

Вставляем изображение в рамку: способ 1

Иногда, бывает интересно поместить изображение под рамку, например, фотографию друга, потом отослать ее ему — он распечатает и повесит на стене ;-).

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

Допустим, вы уже нашли нужную картинку, теперь вам осталось найти рамку. На очень многих интернет-ресурсах есть рамки, на некоторых даже большие архивы. Всё, что вам нужно, — это выбрать понравившеюся и скачать. Перед скачиванием, обратите внимание на то, что пишут: обычно к таким рамкам указывают, что ее можно скачать в *.psd — там уже вырезана центральная часть и вам не придется её дополнительно вырезать.

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

Скопируем изображение полностью и откроем скачанный *.psd файл в Photoshop. Обратите внимание, что сама рамка имеет прозрачность в центре:

Создаем новый слой, располагаем его ниже слоя с рамкой.

Вставляем на только что созданный слой, скопированное ранее изображение. Если оно, не подходит по размерам, то подгоните либо изображение под размер рамки, либо рамку под размер изображения, выделив соответствующий слой и воспользовавшись функцией: Edit ? Transform ? Free Transform, после чего потяните за угловой маркер с зажатой клавишей Shift для пропорционального сжатия/растяжения.

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

Вставляем фотографию в готовую рамку

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

  1. Открываем обе фотографии в фотошопе в одном документе. Не страшно, что одно изображение налезет на другое.
  2. Зажмите левой кнопкой мыши на миниатюре с девочкой, после чего перетащите ее прямо под слой с рамкой.
  3. При необходимости берем инструмент перемещение и с помощью левой кнопки мыши двигаем фотографию девочки так, чтобы она хорошо смотрелась.
  4. Также, при необходимости, вы сможете нажать комбинацию клавиш CTRL+T, чтобы перейти в режим трансформирования. Иногда необходимо уменьшить или увеличить фото, чтобы оно смотрелось как надо.

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

Обтравочная маска

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

Делаем обрамление сами

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

  1. Идем в инструмент «Фигуры» и берем «Прямоугольник». После этого выставляем в свойствах цвет обводки (какой пожелаете), а цвет заливки ставьте любой от балды, так как потом он все равно уберется. Я поставлю желтый.
  2. Теперь, рисуем нужный нам прямоугольник на холсте. Можете зажать SHIFT, чтобы он получился квадратным. Если толщина не устраивает, то вы всегда сможете изменить ее в свойствах. Важно только, чтобы в этот момент был активирован инструмент «Фигура».
  3. Если вы хотите, чтобы внешняя сторона обводки была закругленной или многоугольной, то можете выбрать этот параметр в свойствах.
  4. Также вы можете придать неких эффектов вашей рамке с помощью стилей слоя. Я, например, поставил тиснение и тень. Остальные свойства вряд ли особо повлияют на обводку, так как будут ориентированы на внутреннее содержимое.
  5. Теперь открываем изображение с девочкой (ну или кто там у вас). Оно, как вы уже поняли появится новым слоем поверх фигуры.
  6. Далее, жмем правой кнопкой мыши на миниатюру слоя с девочкой и выбираем пункт «Создать обтравочную маску». Только перед эти убедитесь, что под миниатюрой с девочкой находится наш прямоугольник с обводкой.
  7. Как видите, теперь девочка оказалась внутри, словно в окне дома. Осталось только передвинуть ее с помощью «Перемещения». Также можете увеличить или уменьшить изображение, чтобы оно соответствовало вашему видению. Самое главное, что картинка не обрезалась, а просто ее края находятся за пределами видимости.

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

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

Обтравочкная маска для готовой рамки

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

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

Но есть идеальный выход — сделать обтравочную маску.

В принципе, тут всё очень просто.

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

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

About the author

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *