Вставляем фотографию в рамку в программе GIMP. Как фотографию вставить в рамку


3 способа вставить своё фото в рамку

Добрый день, уважаемые друзья. Моё знакомство с Гимпом началось с сайта, на котором я скачала красивые рамки для фото. Урока для Гимпа в своё время не нашла и пришлось искать урок как вставить фото в рамку в Фотошопе. Прошло много времени, но тут так и не появилось такого урока. Вот я и решали добавить своё опыт. Надеюсь кому-нибудь пригодится.

Этот урок состоит из трех частей. Первая часть: мы будем учиться вставлять фотографию в рамку формата PNG (этот формат имеет прозрачную область для вставки фотографии), вторая часть урока научит вставлять в рамку 2 фото (некое создание коллажа), а третья часть урока научит добавлять фото в рамку формата JPG (в данном формате прозрачная область для вставки изображения отсутствует).

Как вставить фотографию в рамку PNG

После запуска программы Гимп заходим в меню и выбираем пункт «Файл — Открыть как слои…», находим изображение нашей рамки.

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

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

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

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

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

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

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

На рамке еще есть надпись. Она на слое с рамкой и закрывает лицо. Нужно ее удалить. Активируем инструмент «Свободное выделение», делаем активным верхний слой с рамкой и выделяем буквы на холсте. После этого нажимаем Del на клавиатуре и снимаем выделение: Выделение — Снять.

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

Для сохранения изображения используйте меню «Файл — Сохранить как…» или «Файл — Экспортировать…», если у вас GIMP 2.8 и выше.

Способ вставить два фото в рамку

Предположим, что у вас рамка в формате PNG и есть две фотографии, которые нужно вставить в эту рамку. Если рамка в формате JPG, то нужно будет немного изменить этот алгоритм. Работа с JPG-рамками описана в третьем отрезке урока. Думаю, вы способные, справитесь.

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

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

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

После скрытия рамка не мешает и теперь будем удалять часть одного изображения так, что бы объединить его со вторым. На стопке слоёв кликните левой кнопкой мыши на верхней фотографии, что бы активировать её и правой кнопкой мыши вызовите контекстное меню. В нем выберите пункт «Добавить Альфа-канал».

Активируем инструмент «Свободное выделение» и создаём такое выделение на слое:

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

После растушевки нажимаем кнопку «Del» на клавиатуре чтобы удалить выделенное. Снимаем выделение (Выделение — Снять).

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

После окончательной подгонки фотографий — верните видимость рамки.

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

Как вставить фотографию в рамку JPG

Гимп — прекрасная программа для вставки фотографий в рамки. Очень простая и мощная, но с JPG-рамками тут сложней. Открываем изображения рамки и фотографии, как и в первой части урока. Кликаем левой кнопкой мыши по слою с рамкой в стопке слоёв и в меню выбираем пункт «Добавить Альфа-канал».

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

Уменьшаем непрозрачность в активном слое с изображением приблизительно до 50 процентов. Используя инструмент «Перемещение», выравниваем наше изображение по центру рамки так, как мы хотим его видеть потом.

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

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

Выделение работает попиксельно и это может привести к очевидным сколам на изображении. Для смягчения границ выделения добавим Растушевку к выделению: нажимаем меню «Выделение — Растушевать», ставим параметр 50 (в вашем случае может быть другая цифра, экспериментируйте) и нажимаем «Ок» для применения.

Используя кнопку «Del» на клавиатуре, удаляем область (в эту область рамки мы увидим вставленное фото), а затем снимаем выделение, выбрав «Выделение — Снять».

В конце манипуляций должно получиться следующее:

Сводим оба изображения в одно и сохраняем нашу рамку с фото.

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

www.progimp.ru

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор урока — pixelbox.ru

pixelbox.ru

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

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

 

Откроем сохраненную в png рамку, которую создали в уроке сделать рамку в фотошопе.

1-Файл-открыть.

 

И фотографию, которую нужно вставить в рамку.

 

2-Кликнуть по фотографии, чтобы ее активировать.

3-В окне слоев разблокировать слой фон. Смотрите что такое слои в фотошопе.

Теперь фотографию нужно уменьшить.

4-Изображение-размер изображения, поменять размер ширины  и высоты.

 

5-На панели инструментов выбрать "перемещение"  и перетащить фотографию на рамку.

 

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

6-Редактирование-свободное трансформирование, на панели параметров уменьшить размеры ширины и высоты.

Не забудьте нажать на панели параметров "применить". 

Сейчас фотография подошла по размеру к рамке.

 

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

 

9-В окне слоев, захватить мышкой верхний слой и переместить его вниз.

 

И фотография оказывается в рамке.

 

Если края фотографии вылезают из-за рамки, нужно взять ластик и аккуратно стереть выступающие края.

10-Файл-сохранить для Web и устройств.

 

 

 

kalejdoskopphotoshopa.ru

Вставляем фото в рамку в Фотошоп

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

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

Я буду использовать Photoshop CS6, но этот урок так же совместим с Photoshop CS5 и Photoshop CC (Creative Cloud). Для Photoshop CS4 и ранних версий, или для примеров применения данной функции, посмотрите наш первый урок.

Материалы для урока:

Рамка (платно)

Пара в парке (платно)

Архив

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

А вот второе изображение, которое я буду помещать, собственно, в рамку (пара в осеннем парке с Shutterstock):

Финальная композиция выглядеть будет следующим образом:

Давайте начнем!

Шаг 1: Выберите область, в которую вы хотите поместить второе изображение

Начните с изображения, на которое вы будете помещать изображение второе, и выделите область, в которой оно должно появиться. Инструмент для выбора, который вам понадобится, будет зависеть от формы области. В моем случае, я начинаю с изображения рамки, куда я хочу поместить второе изображение. Рамка есть прямоугольник, поэтому, вы можете подумать, что использовать стоит инструмент Прямоугольная область; тем не менее, не следует забывать, что рамка моя наклонена, поэтому лучше в данном случае воспользоваться инструментом Прямолинейное лассо (Polygonal Lasso).

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

 Инструмен Прямолинейное Лассо позволяет нам выделить область с прямыми сторонами – мы просто кликаем в тех точках, где наша линия должна изменить направление. Каждый раз, когда мы кликаем по точке, Photoshop создает прямую линию между новой и предыдущей точками. Мы продолжаем кликать, создавая линии, до тех пор пока не вернемся к исходной точке. Чтобы замкнуть область, как я уже сказал, просто кликаем по исходной точке.

Выделить область внутри рамки при помощи этого инструмента достаточно легко. Все, что мне нужно сделать – это кликнуть в каждом из углов рамки. Я начну в верхнем левом углу, затем двигаюсь к правому верхнему углу, далее – к правому нижнему углу, после - к левому нижнему углу. Вы не увидите привычную линию «движущихся муравьев», так как мы выделяем область при помощи инструмента Прямолинейное Лассо. Вместо этого, вы увидите тонкую линию, соединяющую выбранные точки:

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

Шаг 2: Выберите и скопируйте второе изображение

Переключитесь на ваше второе изображение (то, которое вы будете помещать внутри выделенной области), собственно, открыв изображение, или кликнув на вкладку с ним, если оно уже открыто:

Нам нужно скопировать это изображение в буфер обмена, чтобы у нас была возможность вставить его в выбранную область. Прежде всего, нам нужно выбрать изображение. Откройте меню Выделение (Select) и выберите Все (All). Альтернативный способ – нажмите Ctrl/Cmd + A на клавиатуре.

На изображении появится линия, показывающая выбранную область: 

Когда изображение выбрано, откройте меню Редактировать (Edit) и выберите Копировать (Copy). Или же, нажмите сочетание клавиш Ctrl/Cmd + C на клавиатуре:  

Шаг 3: Вставьте изображение в выбранную область

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

Область, которую мы выделили все так же видна, и чтобы вставить туда второе изображение, откройте меню Редактировать (Edit) и выберите Специальная вставка (Paste Special), а затем Вставить в (Paste Into):

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

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

Почему же изображение видно только в рамках выбранной нами области? Это произошло потому, что Photoshop использовал выбранную область для создания слоя-маски для второго изображения. Мы можем видеть маску на миниатюре слоя-маски. Белая часть показывает, где наше изображение видимо в документе, тогда как черная часть спрятана от взора:

Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования

Если ваше изображение слишком велико для выбранной области (как и в моем случае) и вам нужно изменить его размер, откройте меню Редактировать и выберите Свободная Трансформация (Free Transform), или же зажмите сочетание клавиш Ctrl/Cmd + T:

Это открывает окошко свободного трансформирования и показывает опорные точки (маленькие квадратики) вокруг изображения. Обратите внимание: окошко свободной трансформации появляется вокруг реального изображения, а не только его видимой части. Если вы не видите окошко Свободной Трансформации полностью, откройте меню Просмотр (View) и выберите Показать во весь экран (Fit the Screen):

Это мгновенно уменьшит ваше изображение так, что все, включая окошко Свободной Трансформации поместится на вашем экране:

Чтобы изменить размер вашего изображения, зажмите клавишу Shift и потяните за любой из четрых углов окошка Свободной трансформации. Удерживание Shift’а сохраняет пропорции изображения во время трансформации, чтобы вы случайно не исказили форму. В данном случае, я тяну за правый нижний угол, но подойдет любой из углов. Убедитесь (важно!), что вы отпускаете сначала кнопку мыши, а потом уже Shift. Если вы сначала отпустите Shift, то потеряете изначальные пропорции изображения:

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

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

Когда вы довольны результатом, нажмите Enter/Return, и выйдите из режима Свободной Трансформации: 

Шаг 5: Добавьте эффект внутренней тени

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

Из появившегося списка выбираю Внутреннюю Тень: 

Далее откроется диалоговое окошко, настраивающее нашу внутреннюю тень. Я уменьшу непрозрачность со стандартных 75% до 40%, чтобы тень не выглядела столь интенсивной. Угол я устанавливаю на 135 градусов, чтобы создать впечатление, что свет исходит из верхнего левого угла, но вы можете выбрать угол по своему усмотрению. Наконец, размер и расстояние я установлю на 10px. Опция Размер (Size) контролирует, насколько тень будет простираться от угла, в то время как Расстояние (Distance) контролирует мягкость края. Необходимые вам величины будут во многом зависеть от размеров изображения, поэтому, тут вы можете немного поэкспериментировать:

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

Вот и все! Таким образом мы помещаем одно изображение внутри другого при помощи функции Вставить в (Paste Into) в Photoshop!

Автор: Steve Patterson

photoshop-master.ru

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

Из этого урока вы узнаете, как вставить фотографию в рамку в редакторе GIMP. Это простое задание, с которым справятся даже начинающие пользователи программы. Всё, что вам понадобится для урока – это любимая фотография и красивая рамка в формате PNG или JPEG.

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

Пример работы:

Вставить фотографию в рамку Урок в GIMP

Превращаем рамку JPEG в рамку формата PNG

Не всегда вам будут попадаться красивые рамки для фотографий в формате PNG, у которых имеется прозрачная область для вставки изображений. Поэтому, в данном уроке мы рассмотрим “тяжёлый случай”, когда вы скачали рамку в формате JPG, у которой область для фото залита белым цветом.

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

Шаг 1

Загрузите рамку JPG в GIMP.

Загружаем рамку JPG в GIMP

Шаг 2

В диалоговом окне Слои сделайте ПКМ (правый клик мышью) на слое, и в контекстном меню выберите Добавить альфа-канал, если он отсутствует у вашей фоторамки.

Добавляем рамке остутствующий альфа-канал

Шаг 3

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

Выделяем центральную часть рамки

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

Точно подгоняем границы веделения внутри рамки

Шаг 4

Нажмите клавишу Delete. Центральная область станет прозрачной.

Шаг 5

Снимите выделение через меню Правка – Снять выделение (Ctrl+Shift+A).

Рамка PNG сделанная в GIMP

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

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

Для этого зайдите в меню Изображение – Преобразования и выберите Повернуть на 90˚ по/против часовой стрелки. В итоге рамка отобразится в портретном формате.

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

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

Шаг 1

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

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

Шаг 2

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

Стопка слоёв будет выглядеть так. Слой с картинкой активен.

Располагаем слой с фотографией под рамкой

Шаг 3

Возьмите инструмент Масштаб.

а) Сделайте клик на фотографии в рабочей области редактора.

б) В окошке параметров замкните звенья пропорциональной цепочки.

Замыкаем звенья пропрорциональной цепочки

в) Курсором измените масштаб фотографии, захватывая масштабную решётку за углы с разных сторон.

Масштабируем снимок за углы решётки

г) Перемещайте изображение, захватываясь курсором за центр решётки. [Здесь необязательно сразу выставлять фотографию в нужное местоположение].

Перемещаем изображение за центр масштабной решётки

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

Масшабированное фото под слоем с рамкой

Полезные советы:

  1. Для удобства масштабирования крупных изображений, уменьшайте/увеличивайте их отображение в рабочем окне редактора, чтобы было проще захватывать края масштабной сетки.
  2. Оставьте слой с фотографией чуть большего размера, чтобы на внутренней границе между рамкой и снимком не осталось прозрачных областей.
  3. ВАЖНЫЙ ПУНКТ. В случае, если ваша фотография изначально меньше самой рамки, тогда все советы по масштабированию нужно применить к слою с рамкой.

Шаг 4

Возьмите инструмент Перемещение и позиционируйте слой с фотографией, как вам нравится.

Позиционируем слой с фотографией под рамкой

На заметку. Если нужно подкорректировать размер фото, возьмите снова инструмент Масштаб и повторите все действия из Шага 3. А затем повторно позиционируйте снимок под слоем с рамкой.

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

Добавляем рамке тень для придания реалистичности

Чтобы добавить реалистичности эффекту фотографии, вставленной в рамку, добавим ей объёма с помощью теней. Сначала создадим общую внутреннюю тень, а затем добавим тень от предполагаемого бокового источника света.

Шаг 1

Активируйте слой с рамкой в диалоговом окне Слои. Сделайте ПКМ на слое и выберите пункт Альфа-канал в выделение.

Добавляем выделение альфа-каналу рамочки

Шаг 2

Выберите в меню Фильтры – Свет и тень – Отбрасываемая тень. В настройках фильтра установите следующие параметры:

  • Смещение по X – 0 px;
  • Смещение по Y – 0 px;
  • Радиус размывания – 26 px;
  • Цвет – Чёрный;
  • Непрозрачность – 60 px;
  • Позволить изменение размера – Снять галочку в чекбоксе.

Нажмите ОК.

Общая внутренняя тень в рамке с помощью фильтра

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

Шаг 3

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

  • Смещение по X – -8 px;
  • Смещение по Y – 12 px;
  • Радиус размывания – 26 px;
  • Цвет – Чёрный;
  • Непрозрачность – 60 px;
  • Позволить изменение размера – Снять галочку в чекбоксе.

Нажмите ОК.

Падающая тень справа сверху

Шаг 4

Выберите в меню Выделение – Снять выделение.

Фото в рамке с добавленными тенями

Теперь рамка с фотографией, благодаря созданию имитации объёма тенями, выглядит более естественно.

Производим цветокоррекцию рамки и фотографии (по желанию)

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

Шаг 1

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

Цветокоррекция фоторамки с помощью Кривых

Шаг 2

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

Цветокоррекция картинки в рамке

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

Шаг 3

В завершении, выберите в меню Изображение – Свести изображение.

Готовый результат:

Готовая фотография в рамке

На этом урок закончен. Теперь вы знаете, как просто вставить фотографию в рамку JPG или PNG в программе GIMP.

Предлагаем вам также освоить урок «Эффект разбитого стекла в GIMP на фотографии в рамке».

Имитация битого стекла в GIMP на фоторамке

uroki-gimp.ru

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

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

Содержание статьи

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

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

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

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

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

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

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

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

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

  1. Откройте изображение с предполагаемой рамкой и выберите инструмент выделения. В данном случае можно взять прямоугольное выделение, но я все же предпочту использовать инструмент «Прямоугольное лассо». Ве таки у картинки могут быть погрешности. Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую
  2. Далее, начинаем выделять место внутри рамки по периметру. У вас должны будут появиться пунктирные линии. Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую
  3. После этого проверьте, стоит ли у вас на миниатюре слоя значок замочка. Если да. то нажмите на него, чтобы он исчез. После этого нажмите клавишу DELETE, после чего внутренность рамки станет прозрачной. Именно этого мы и добивались. Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую
  4. Далее, открываем изображение девочки (ну или что там у вас) в этом же документе. Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую
  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. Последним штрихом нам нужно будет переместить миниатюру слоя с девочкой под слой с рамкой, чтобы она оказалась сзади и никакие края не мешали.

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

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

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

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

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

koskomp.ru

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

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

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

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

1

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

2

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

3

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

3а

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

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

4

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

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

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

5

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

6

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

7

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

8

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

9

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

10

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

11

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

Морская рамка

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

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

[youtube]vYUDIdl4L6o[/youtube]

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

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

Line

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

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

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

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

sublimaster.ru