Как вставлять изображение в рамку

ProGIMP — сайт про Гимп

GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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. Последним штрихом нам нужно будет переместить миниатюру слоя с девочкой под слой с рамкой, чтобы она оказалась сзади и никакие края не мешали.

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

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

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

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