Как в готовую psd-рамку вставить фотографию?

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

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

  • Открываем программу Adobe Photoshop. Заходим Файл – Открыть
  • Как в готовую psd-рамку вставить фотографию?
  • и в открывшемся окошке выбираем наш шаблон из папки, где он находится. Теперь наш шаблон появился в окне программы:

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Иначе фото и шаблон могут очень сильно различаться. Для этого в меню программы идем Изображение – Размер изображения…

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

Как в готовую psd-рамку вставить фотографию?

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

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

Как в готовую psd-рамку вставить фотографию?

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

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

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

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

  • Наш шаблон готов!
  • Осталось сохранить его и распечатать на принтере.
  • Ну и для закрепления посмотрите этот видеоурок:
  • [youtube]vYUDIdl4L6o[/youtube]
  • Успеха в бизнесе!

Источник: https://sublimaster.ru/rabota-s-shablonami/vstavlyaem-foto-v-ramku-s-pomoshhyu-photoshop.html

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

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

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Да­лее, за­жав кла­ви­шу Shift, ле­вой кноп­кой мы­ши тя­ни­те за ма­лень­кий квад­ра­тик в уг­лу рам­ки вы­де­ле­ния, та­ким об­ра­зом что­бы фо­то­гра­фия на­ча­ла про­пор­ци­о­наль­но умень­шать­ся / уве­ли­чи­вать­ся.

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

Как в готовую psd-рамку вставить фотографию?

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

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

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

Также интересное по теме:

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

Белоснежная улыбка в Фотошопе

Источник: http://photoshop-orange.org/uroki-fotoshopa/prostye-uroki/kak-vstavit-foto-v-ramku-v-fotoshope.html

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

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

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

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

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

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

Для начала вам нужно выбрать и скачать рамку для фотошопа.

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

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

Как в готовую psd-рамку вставить фотографию?

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

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

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

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

Как в готовую psd-рамку вставить фотографию?

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

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

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

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

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

  • Но фото слишком большая, поэтому нам нужно уменьшить её.
  • Для этого выберите слой с фотографией, нажмите CTRL+T
  • У фотографии появится выделение трансформации, опустить с помощью курсора фотографию чуть ниже чтобы можно было тянуть за край выделения фотографии.
  • Тяните теперь мышкой за уголок вправо-вниз по диагоноли с зажатым SHIFT+ALT — это позволит уменьшат фотографию пропорционально.
  • Когда вы точно расположите фотографию по рамке, нажмите ENTER, чтобы закончить работу с трансформацией.

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

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

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

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

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

  1. Для того, чтобы установить 300 dpi или убедиться, что оно установлено, зайдите в меню Изображение — Размер изображения
  2. Спасибо за внимание!
  3. Автор урока — pixelbox.ru

Источник: https://pixelbox.ru/kak-v-fotoshope-vstavit-foto-v-ramku

Как вставить фотографию в рамку в программе Photoshop?

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

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

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

Вот такую инструкцию или урок по «вставке фотографии в шаблон для фото или рамку» я предлагаю к вашему вниманию. 

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

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

Читайте также:  10 вредных привычек, которые мешают нам работать в photoshop

Как вариант – формат PNG с последующим его переводом в PSD. А можно просто взять понравившуюся вам рамочку в формате JPEG – это чуть сложнее. На примере такого формата и будет мой урок. 

Итак, для начала вам нужно открыть оба файла в программе фотошоп, так чтобы каждое изображение располагалось в своём окне. Для этого в главном меню открываем File > open > выбираем нужное вам изображениеКак в готовую psd-рамку вставить фотографию? Далее вам нужно переместить изображение ребёнка в рамку. Для этого воспользуемся самым простым способом. Нажимаем клавишу V или выбираем инструмент Move Tool – Перемещение из панели инструментов. И перетаскиваем изображение ребёнка в изображение с рамкой. Результат – два изображения в одном окне. Исходное изображение ребёнка можно закрыть.  Как в готовую psd-рамку вставить фотографию? Изображение рамки мы брали в формате JPEG – теперь в редакторе слоёв оно отображается как Background или Задний план. Далее необходимо преобразовать его в слой. Для этого в редакторе сделаем двойной клик по нему. Вылезает окошко New layer или Новый слой, там ничего не изменяя, нажимаем ОК или Да. Теперь оба изображения у нас – слои.  Как в готовую psd-рамку вставить фотографию? Далее в редакторе слоёв перетаскиваем слой с изображением ребёнка ниже слоя с рамкой. Результат – ребёнок скрылся за рамкой, и как видите, теперь необходимо очистить область для вставки в рамке. 

Как в готовую psd-рамку вставить фотографию? Для этого делаем активным слой с рамкой, выбираем инструмент Magic Wand Tool (клавиша W) или Волшебная палочка. Ставим в верхней панели Tolerance (Допуск) побольше (около 90), и делаем клик волшебной палочкой по области для вставки фото – она выделится, удаляем — просто нажав Delete на клавиатуре. Теперь изображение ребёнка видно в области для вставки фотографии. Но оно чаще всего получается больше (как на примере), чем рамка.  Как в готовую psd-рамку вставить фотографию? Далее делаем слой с ребёнком активным, и клавишами CTRL+T применяем инструмент Свободная трансформация или Free transform. Вокруг изображения ребёнка появится рамка трансформации с маркерами. Чаще всего изображение оказывается намного больше рамки, и не все маркеры будут вам видны и доступны. Для этого нажимаем клавиши CTRL+0. Результат – вам видна вся рамка трансформации со всеми маркерами. Как в готовую psd-рамку вставить фотографию? Далее вам необходимо пропорционально уменьшить размеры с изображением ребёнка до размеров рамки. Для этого удерживая клавишу SHIFT, перетаскиваем угловой маркер до нужных вам размеров. Без клавиши SHIFT, изображение будет уменьшаться или увеличиваться непропорционально! По мере уменьшения изображения, постепенно перемещаем его в рамочку инструментом Move Tool (Перемещение) — для этого курсор наводим на середину области трансформации, и подгоняем размеры изображения ребёнка до оптимальных для рамки.  Как в готовую psd-рамку вставить фотографию?

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

Для этого щёлкните правой кнопкой мыши внутри области трансформации – вылезет меню с функциями.  Как в готовую psd-рамку вставить фотографию? После всех необходимых вашей фотографии трансформаций нажимаем клавишу ENTER – применяем команду трансформации. И вот вроде всё готово, но осталось последнее – сделать нашу работу цельным изображением. 

Применяем команду – Слить все слои, нажимая сочетание клавиш SHIFT+CTRL+E. Теперь изображение рамки и ребёнка – один общий слой. Обратите внимание, что после применения этой команды изображение редактировать уже будет нельзя.  Как в готовую psd-рамку вставить фотографию? Вот и готово! Теперь сохраняем вашу работу в нужном вам формате. Можно оставить получившееся изображение в PSD формате, но для обычных фотосалонов (если хотите нести на печать) удобнее JPEG. Для этого в главном меню открываем File > Save as…, выбираем формат JPEG при сохранении.

Разобравшись и выполнив эту задачу один раз, в дальнейшем ваши затраты по времени будут не более 15 минут. А как приятно наконец-то научиться делать это самому и при случае не пользоваться услугами фотосалонов! Желаю Вам Удачи в изучении Фотошопа!

Как в готовую psd-рамку вставить фотографию?

Вам также может понравиться

Источник: https://www.znaikak.ru/howinsertfotovramkuinphotoshop

Как сделать шаблон картинок в Adobe Photoshop Или в "Фотошоп-онлайн"

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

В итоге у вас должна получиться вот такая картинка.

Как в готовую psd-рамку вставить фотографию?

Цветной прямоугольник с черной обводкой внутри белого.

Шаг 3. Поле для текста

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

Для этого обязательно создаём новый слой.

Это можно сделать из верхнего меню →

Как в готовую psd-рамку вставить фотографию?

Или с помощью панели инструментов справа →

Как в готовую psd-рамку вставить фотографию?
Как в готовую psd-рамку вставить фотографию?

Далее по уже знакомому пути.

Выбираем инструмент «Прямоугольник» в левой панели инструментов. На верхней панели выставляем белый цвет заливки.

Как в готовую psd-рамку вставить фотографию?
Как в готовую psd-рамку вставить фотографию?

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

Шаблон создан, сохраняем в формате *.psd. Файл в таком формате можно редактировать: добавлять (менять) изображения и подписи.

Как в готовую psd-рамку вставить фотографию?

Обычно используют два типа изображений:

  • готовые картинки (файлы форматов *.jpeg, *.png и т.п.)

Добавляем готовую картинку

Открываем изображение →

Как в готовую psd-рамку вставить фотографию?

Выбираем файл. При открытии файла появится предупреждение, нажмите клавишу «ОК». Файл откроется отдельной вкладкой.

Так выглядит меню справа.

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

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

В поле «Назначение ーдокумент» нужно выбрать название шаблона. У меня он называется «Без имени-2». После выбора нужного документа нажимаем «ОК».

Результат →

На закладке с шаблоном появился новый слой с нужным изображением.

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

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

Находимся на «Слое 1», нажимаем сочетание клавиш CTRL+T (режим свободной трансформации). У нашей картинки появляется рамка. Картинка большая, поэтому видно только ее часть.

Для того чтобы изменить размеры изображения одновременно:

  • нажимаем и удерживаем левую клавишу мыши в видимом уголке рамки
  • сдвигаем изображение внутрь (наружу)

Уменьшение большой картинки происходит за несколько шагов: уменьшили ➝ передвинули картинку по экрану ➝ уменьшили ➝ передвинули. Таким образом достигаем нужного размера.

У меня получилось вот так →

Если картинка небольшого размера, то ее нужно не сжимать, а наоборот, — растягивать.

Пока изображение находится в режиме свободной трансформации, его можно изменять и перемещать.

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

При выделенном «Слое 1» нажимаем клавишу «Alt» и кликаем мышкой.

Так картинка не выходит за пределы прямоугольника.

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

Если картинку нужно подвигать внутри рамки, то при выделенном «Слое 1», выбираем инструмент «Перемещение» в левой панели инструментов.

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

Добавляем скрин

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

Например, это можно сделать приложением LightShot или скриншотилкой от Яндекс.Диска.

Выделенную область копируем привычным «Ctrl+C». Вставку изображения через «Ctrl+V» делаем сразу на шаблон. Изображение отражается отдельным слоем.

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

Шаг 5. Добавление текста

Мышкой кликаем по слою «Прямоугольник 2».

В левом углу панели выбираем инструмент «Текст», в верхнем меню выставляем параметры: название шрифта, толщину и размер.

Кликаем мышкой по белому прямоугольнику и теперь можем набирать текст — подпись к картинке.

Текст накладывается поверх прямоугольника отдельным слоем.

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

«Захватить» текст мышкой и переместить в нужном направлении.

Шаг 6. Сохранение документа

Картинку можно сохранить в двух форматах:

*.psd ー формат «Фотошопа», сохраняет все слои, позволяет вносить изменения в документ. В таком формате документ можно использовать только в программе «Фотошоп», в других программах он открываться не будет.

2) *.png ー формат рисунка. После сохранения внести изменения в документ не получится. Этот формат позволяет использовать картинку в текстах, соцсетях и других графических редакторах

Файлы с картинками лучше всего сохранять и в формате *.psd, и в формате *.png.

Пошаговая инструкция для «Фотошопа»-онлайн

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

В «Фотошопе»-онлайн используются уже готовые изображения. Это значит, что картинку нужно заранее скачать, а скрин сохранить как картинку.

  • В этой программе не получится сделать шаблон, поэтому размер картинок надо будет подгонять, чтобы они выглядели одинаково.
  • Шаг 1
  • Запускаем программу http://online-photoshop.org/edit

Открываем нужную картинку.

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

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

Для изменения размера исходного изображения воспользуемся меню:

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

Чтобы при изменении размера не изменились пропорции, удерживаем клавишу «Shift», мышкой «захватываем» один из углов и тянем картинку внутрь.

Когда картинка достигнет нужных размеров, не забудьте нажать «Enter». Рамка должна исчезнуть.

Шаг 3

На этом шаге сделаем прямоугольник для подписи к картинке.

Сначала создаем новый слой.

Читайте также:  Удаление объектов в photoshop cc

В панели инструментов нажимаем значок «Рисование».

Сразу выставляем настройки, особенно цвет заливки.

После этого рисуем прямоугольник.

На этом шаге сделаем подпись к рисунку.

Как обычно, создаем новый слой.

В панели инструментов нажимаем значок «Текст».

Кликаем по белому прямоугольнику.

Открываются настройки и поле для ввода текста. Сразу настраиваем цвет, размер, стиль. Набираем нужный текст и нажимаем «Да».

Чтобы переместить подпись, нужно воспользоваться инструментом «Перемещение».

На этом шаге обрежем лишнее. В панели инструментов нажимаем значок «Обрезка».

Растягиваем рамку вокруг рисунка.

Сохраняем полученную картинку. Для этого воспользуемся верхним меню.

Выбираем формат *.png, нажимаем «Да».

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

Результат

Adobe Photoshop

С квадратной картинкой.

С прямоугольной картинкой.

«Фотошоп»-онлайн

С квадратной картинкой.

С прямоугольной картинкой.

Итак, что нужно сделать для того, чтобы проиллюстрировать статью:

  • выполнять всё шаг за шагом

В этой статье мы рассмотрели небольшую часть инструментов графических редакторов Adobe Photoshop и «Фотошоп»-онлайн. Какую программу использовать — решать вам.

А что еще вы хотели бы научиться делать с помощью «Фотошопа»? Напишите об этом в х.

Источник: https://free-writing.ru/kak-sdelat-shablon-v-photoshop/

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

Как в готовую psd-рамку вставить фотографию?

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

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

Как в готовую psd-рамку вставить фотографию? Как в готовую psd-рамку вставить фотографию?

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

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

Как в готовую psd-рамку вставить фотографию?

Вставка готовой рамки без прозрачного фона

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

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

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

  1. Откройте изображение с предполагаемой рамкой и выберите инструмент выделения. В данном случае можно взять прямоугольное выделение, но я все же предпочту использовать инструмент «Прямоугольное лассо». Ве таки у картинки могут быть погрешности. Как в готовую psd-рамку вставить фотографию?
  2. Далее, начинаем выделять место внутри рамки по периметру. У вас должны будут появиться пунктирные линии. Как в готовую psd-рамку вставить фотографию?
  3. После этого проверьте, стоит ли у вас на миниатюре слоя значок замочка. Если да. то нажмите на него, чтобы он исчез. После этого нажмите клавишу DELETE, после чего внутренность рамки станет прозрачной. Именно этого мы и добивались. Как в готовую psd-рамку вставить фотографию?
  4. Далее, открываем изображение девочки (ну или что там у вас) в этом же документе. Как в готовую psd-рамку вставить фотографию?
  5. Но опять же она у нас стоит первым слоем, поэтому нам ее нужно будет сместить. Идем в панель слоев, и уже также как в первом варианте переносим миниатюру слоя с девочкой ниже, чем слой рамки. 
  6. Далее, останется только с помощью перемещения и трансформирования подвинуть и подогнать размер как надо. Также можете применить какой-нибудь стиль слоя, например внутреннюю тень. Будет смотреться реалистичнее.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фотошоп онлайн

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

  1. Войдите в сервис online-fotoshop и откройте изображение с вашего компьютера, а именно ту самую рамку, в которое вы затем вставите свое фото. 
  2. Далее, обязательно снимите замочек со слоя. Для этого нажмите на него левой кнопкуой мыши дважды. Это позволит нам удалить ненужную часть с картинки. 
  3. Теперь, выбираем любой инструмент выделения. Правда в онлайн фотошопе особо выбирать не приходится, так как здесь есть только прямоугольное выделение и обычное лассо. Пожалуй, здесь будет удобно использовать именно прямоугольное выделение.
  4. А дальше, зажав левую кнопку мыши в одном углу углубления, протяните его в противоположный угол. Таким образом у вас должно будет выделено это самое углубление. 
  5. После этого тут же нажмите кнопку DELETE, чтобы удалить сердцевину. Часть картинки в центре должна будет стать прозрачной. 
  6. Теперь, выберите в меню «Файл» — «Открыть изображение» и найдите фото, которое вы хотите использовать внутри. Я возьму ту же самую девочку. Но только фотка откроется в другом документе. Чтобы перетащить ее на документ с рамкой зажмите левую кнопку мышки на миниатюре слоя с девочкой и просто перенесите на нужный нам слой, где мы уже поработали. 
  7. Как видите, картинка перенеслась слишком уж маленькой. Чтобы увеличить ее, выберите в меню пункт «Редактировать» — «Free Transform». 
  8. Теперь, потяните ее за угол, чтобы увеличить фото в размерах. Только обязательно зажмите клавишу SHIFT, чтобы после увеличения сохранились все пропорции. Тяните до того момента, пока вам не будет достаточно, либо пока фото не будет перекрывать рамку. 
  9. Последним штрихом нам нужно будет переместить миниатюру слоя с девочкой под слой с рамкой, чтобы она оказалась сзади и никакие края не мешали.
Читайте также:  Как убрать жирный блеск с кожи в photoshop?

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

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

Ну а на этом у меня всё. Обязательно подписывайтесь на все мои паблики и канал на ютубе, чтобы всегда быть в курсе всего интересного. Жду вас снова. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин

Источник: https://koskomp.ru/rabota-s-kompyuternyimi-programmami/adobe-photoshop/kak-vstavit-foto-v-ramku-v-fotoshope/

Вставляем фото в рамку формата PSD

NON. 01 февраля 2011. Категория: Рамки в фотошопе.

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

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

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

  • Как в готовую psd-рамку вставить фотографию?
  • Подобные публикации:
  • Смотреть другие уроки по обработке фотографий в фотошопе.

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

Как в готовую psd-рамку вставить фотографию?

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

Как в готовую psd-рамку вставить фотографию?

Выберем инструмент “Перемещение” (V) и, щёлкнув на снимке с девушкой, перетащим изображение на фотографию с рамочкой.

Как в готовую psd-рамку вставить фотографию?

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

Потом нажимаем сочетание клавиш Ctrl+T (свободное трансформирование) и, удерживая клавишу Shift (для соблюдения пропорций снимка), уменьшаем снимок до необходимой величины, размещаем снимок в рамке, как нам нравится, и применяем трансформирование – Enter.

Как в готовую psd-рамку вставить фотографию?

Вот так выглядит наш снимок в рамочке.

Как в готовую psd-рамку вставить фотографию?

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

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

Мы можем отключить какие-то эффекты (опять убрав “глазик” рядом с название эффекта), можем легко добавлять свои элементы, менять расположение слоёв, их непрозрачность, режимы наложения и т.д. и т.п.

Как в готовую psd-рамку вставить фотографию?

Я взял и внёс небольшие изменения в снимок (поменял режим наложения у корабля, увеличил непрозрачность слоя с кораблём, передвинул раковину, продублировал слой и расположил сетку над головой девушки) и вот что у меня получилось (на это потребовалось буквально несколько десятков секунд). Возможно, такой снимок понравится кому-то больше. Как видите, поле для Вашего творчества просто огромное!

Как в готовую psd-рамку вставить фотографию?

Теперь нажимаем сочетание клавиш Shift+Ctrl+S и сохраняем снимок в нужном нам формате: PSD, если мы в дальнейшем собираемся ещё работать с этим снимком (к примеру, вставить другую фотографию) или в формате Jpeg, если мы собираемся распечатать получившееся фото. Удачи Вам в размещении своих любимых фото в оригинальных рамочках!

Как в готовую psd-рамку вставить фотографию?

Печать

Источник: https://www.photoshopsunduchok.ru/ramka/887-foto-v-ramke-psd

Как в готовую PSD-рамку вставить фотографию?

Буду очень признателен, если Вы объясните каким образом в готовую рамку (формат PSD) вставить фотографию. Можно ли в рамку вставить фотографию целиком или же она будет обрезана. Рамки скачал с Вашего сайта. С, уважением, Игорь.

Это сделать несложно. Для начала открываем в Фотошопе рамку, к примеру, вот эту

Как в готовую psd-рамку вставить фотографию?

Для примера я специально взял файл посложнее, с большим количеством слоёв. Открываем файл в Фотошопе, открываем палитру слоёв (палитра открывается нажатием клавиши F7) и ищем слой с рамкой. Под ним находится слой с демонстрационной фоткой:

Как в готовую psd-рамку вставить фотографию?

Кликаем по слою, находящемуся ПОД РАМКОЙ, он должен подсветиться синим, как это показано на картинке вверху.

Затем открываем в Фотошопе файл с Вашей фоткой. Нажимаем комбинацию клавиш Ctrl+A, затем Ctrl+C. Переходим на документ с рамкой. Нажимаем Ctrl+V. Ваша фотка вставилась над выделенным слоем под слоем с рамкой.

Далее надо нажать клавишу V (активируется инструмент “Перемещение” (Move Tool) и мышкой с зажатой левой клавишей переместить фотку примерно в нужное место.
Демонстрационные изображения под рамкой (если они есть, как в этом примере), можно удалить, выделив их в палитре слоёв и нажав клавишу Delete.

И вот тут мы дошли до подгонки размеров.

2. Можно ли в рамку вставить фотографию целиком или же она будет обрезана?

Подгоняем размеры фото к рамке.

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

Если фото больше рамки, надо уменьшать фотку, а если рамка больше, то следует уменьшать все слои рамки, для чего их следует выделить в палитре слоёв (все слои кроме фотки).

Масштабировать документ следует с помощью свободного трансформирования, нажав комбинацию Ctrl+T. Вокруг документа появится габаритная рамка, далее зажимаем клавишу Shift (для сохранения пропорций документа) и тянем за уголок рамки.

Таким образом можно подогнать размер фотографии под рамку. Для завершения трансформирования нажимаем клавишу Enter.

Теперь, если необходимо, можно подправить ориентацию фотографии. Так же жмём Ctrl+T, подводим курсор мыши к любому углу габаритной рамки, и аккуратно перемещаем. По завершении также нажимаем Enter.

Как в готовую psd-рамку вставить фотографию?

Теперь можно обрезать лишнее у фотки. Берём инструмент “Прямолинейное лассо” (Polygonal Lasso Tool) и обводим фото по границам рамки, затем нажимаем комбинацию клавиш Ctrl+Shift+I (инверсия выделенной области) и затем клавишу Delete.

Вроде как всё.

Помощь сайту

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение “Фонарик” для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

Ссылка на страничку с описанием.

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

  • Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Источник: https://rugraphics.ru/ask/kak-v-gotovuyu-psd-ramku-vstavit-fotografiyu

Как вставить фото в рамку PSD

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

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

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

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

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

После этого нужно выполнить подгонку фотографии под необходимые размеры. Для этого нужно зайти в пункт меню «Edit» и выбрать там «Free Transform». Теперь вы сможете изменить фотографию так, как необходимо: повернуть, наклонить, изменить форму и многое другое. Изменение размеров без искажений можно получить путем выполнения действий с зажатой кнопкой Shift.

Если все, что вы сделали, вас устраивает, то вы можете отправить изображение на печать или же выполнить сохранение результата. Для этого всего лишь необходимо зайти в пункт меню «File» и выбрать подпункт «Save as …».

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

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

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

картинки тут http://allforchildren.ru/pictures/frame_howto.php

Отблагодарите нажатием на кнопку!

Оцените страницу кол-вом больших пальцев!

Источник: https://adobephotoshoprus.ru/kak-vstavit-foto-v-ramku-psd/

Ссылка на основную публикацию