Содержание
- ProGIMP — сайт про Гимп
- Как вставить фотографию в рамку PNG
- Способ вставить два фото в рамку
- Как вставить фотографию в рамку JPG
- Вставляем фотографию в готовую рамку
- Вставка готовой рамки без прозрачного фона
- Обтравочная маска
- Делаем обрамление сами
- Обтравочкная маска для готовой рамки
- Фотошоп онлайн
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» на клавиатуре, удаляем область (в эту область рамки мы увидим вставленное фото), а затем снимаем выделение, выбрав «Выделение — Снять».
В конце манипуляций должно получиться следующее:
Сводим оба изображения в одно и сохраняем нашу рамку с фото.
Вот, мы и научились с легкостью вставлять любимые фото в рамки без использования всяких платных онлайн сервисов. Использовали только Гимп. Благодарю за внимание и буду рада встретиться с Вами в других уроках.
Всем привет, мои дорогие друзья. Вернемся к моему любимому графическому редактору, и именно сегодня, для начинающих, я хотел бы рассказать и показать, как сделать рамку в фотошопе вокруг фотографии, вставить готовую, либо же нарисовать ее самому в виде прямоугольника. Я сам был свидетелем того, как жестко и неправильно это делают люди. Они просто накладывают фотку на рамку и стирают все вокруг. Но это жутко неудобно и неправильно, поэтому мы всё сделаем как надо.
Вставляем фотографию в готовую рамку
С этим способом справится даже полный чайник, который только сегодня узнал о фотошопе. Если у нас уже есть определенная рамка или заготовка для виньетки, которых сегодня в интернете можно найти целую кучу, то с этим проблем вообще нет. Допустим, у нас есть два фото: Потрет девочки и заготовка с прозрачным фоном в нужном месте.
Читайте также: Как подключить мышку к плейстейшен 4
Но так можно делать только при самом идеальным раскладе, когда наша заготовка уже содержит прозрачный фон.
Вставка готовой рамки без прозрачного фона
Ситуация становится сложнее, когда изображение не предназначено для того, чтобы быть рамкой. Тогда ее придется сделать самим. Можно, конечно, наложить изображения поверх объекта, срезав ненужные концы, но это, как я говорил в самом начале, ужасно. Если потом вы захотите изменить фото, его размер или положение, то это может стать проблематично. Лучше просто проделать дырку и просто вставить нашу рамку вокруг фотографии.
Вот, какой у нас получился итоговый вариант, и не пришлось даже обрезать фотографию.
Обтравочная маска
Очень классный способ, который давно себя зарекомендовал среди дизайнеров — это создание обтравочной маски. Этот способ я уже рассматривал, когда писал статью про то, как нарисовать круг и что с ним можно сделать, но здесь я рассмотрю этот момент подробнее.
Делаем обрамление сами
Самый простой способ, как сделать рамку в фотошопе — это нарисовать ее самому, например в виде цветного прямоугольника. Она будет простенькая, но стильная.
Как видите, все просто. Вы можете добавить еще каких-либо эффектов, ну или написать текст внутри, чтобы было понятно, кто изображен. Загрузите какой-нибудь красивый шрифт, который будет отлично смотреться.
Чуть позже я обязательно выложу видеоурок, чтобы не было никаких проблем.
Читайте также: Как повесить навесной шкаф в ванной
Обтравочкная маска для готовой рамки
Если рамка находится отдельно, то есть находится на своем слое и является всего лишь элементом какой-либо композиции, то здесь нужно будет поступить немного по другому, так как спрятать за слой изображение просто не получится.
Конечно, вы можете попробовать это сделать, но результат вас вряд ли устроит. Во многих случаях люди приходят в обрезке лишнего. И я не устану повторять, что это неправильно.
Но есть идеальный выход — сделать обтравочную маску.
В принципе, тут всё очень просто.
Вуаля. Теперь девочка попала в рамочку и ее можно двигать с помощью инструмента «Перемещение». Самое главное, что перемещение будет происходить за пределами рамки и никаких краев вылезать не будет.
Фотошоп онлайн
Самое интересное, что вставить фото в рамку вы сможете и в фотошопе онлайн, правда про способ с обтравочной маской забудьте. Эта вещь, к сожалению, отсутствует в онлайн версии графического редактора. Давайте рассмотрим наши действия из второго примера.
Мы получили то, что хотели. Так что, как видите, даже фотошоп онлайн может справится с этой задачей. Конечно, большинство функций здесь кастрированы, но все же даже стандартного функционала иногда может хватить.
Ну а если вы хотите серьезно изучить фотошоп, то обязательно посмотрите этим классные видеоуроки . Они отлично структурированы по методы от простого к сложному, все рассказано простым и человеческим языком, так что после изучения у вас просто не должно будет остаться вопросов.
Ну а на этом у меня всё. Обязательно подписывайтесь на все мои паблики и канал на ютубе, чтобы всегда быть в курсе всего интересного. Жду вас снова. Удачи вам. Пока-пока!
Фотографии – это чудесный способ сохранять и делиться лучшими моментами и воспоминаниями, а фотографии в рамке – это еще и незаменимый штрих в создании собственного интерьера. Поэтому очень важно знать, как правильно вставить фотографию в рамку, чтобы, с одной стороны, она была надежно защищена и дольше радовала глаз, а с другой – являлась украшением вашего дома.
Содержание
- ProGIMP — сайт про Гимп
- Как вставить фотографию в рамку PNG
- Способ вставить два фото в рамку
- Как вставить фотографию в рамку JPG
- Вставляем фотографию в готовую рамку
- Вставка готовой рамки без прозрачного фона
- Обтравочная маска
- Делаем обрамление сами
- Обтравочкная маска для готовой рамки
- Фотошоп онлайн
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» на клавиатуре, удаляем область (в эту область рамки мы увидим вставленное фото), а затем снимаем выделение, выбрав «Выделение — Снять».
В конце манипуляций должно получиться следующее:
Сводим оба изображения в одно и сохраняем нашу рамку с фото.
Вот, мы и научились с легкостью вставлять любимые фото в рамки без использования всяких платных онлайн сервисов. Использовали только Гимп. Благодарю за внимание и буду рада встретиться с Вами в других уроках.
Всем привет, мои дорогие друзья. Вернемся к моему любимому графическому редактору, и именно сегодня, для начинающих, я хотел бы рассказать и показать, как сделать рамку в фотошопе вокруг фотографии, вставить готовую, либо же нарисовать ее самому в виде прямоугольника. Я сам был свидетелем того, как жестко и неправильно это делают люди. Они просто накладывают фотку на рамку и стирают все вокруг. Но это жутко неудобно и неправильно, поэтому мы всё сделаем как надо.
Вставляем фотографию в готовую рамку
С этим способом справится даже полный чайник, который только сегодня узнал о фотошопе. Если у нас уже есть определенная рамка или заготовка для виньетки, которых сегодня в интернете можно найти целую кучу, то с этим проблем вообще нет. Допустим, у нас есть два фото: Потрет девочки и заготовка с прозрачным фоном в нужном месте.
Читайте также: Как подключить мышку к плейстейшен 4
Но так можно делать только при самом идеальным раскладе, когда наша заготовка уже содержит прозрачный фон.
Вставка готовой рамки без прозрачного фона
Ситуация становится сложнее, когда изображение не предназначено для того, чтобы быть рамкой. Тогда ее придется сделать самим. Можно, конечно, наложить изображения поверх объекта, срезав ненужные концы, но это, как я говорил в самом начале, ужасно. Если потом вы захотите изменить фото, его размер или положение, то это может стать проблематично. Лучше просто проделать дырку и просто вставить нашу рамку вокруг фотографии.
Вот, какой у нас получился итоговый вариант, и не пришлось даже обрезать фотографию.
Обтравочная маска
Очень классный способ, который давно себя зарекомендовал среди дизайнеров — это создание обтравочной маски. Этот способ я уже рассматривал, когда писал статью про то, как нарисовать круг и что с ним можно сделать, но здесь я рассмотрю этот момент подробнее.
Делаем обрамление сами
Самый простой способ, как сделать рамку в фотошопе — это нарисовать ее самому, например в виде цветного прямоугольника. Она будет простенькая, но стильная.
Как видите, все просто. Вы можете добавить еще каких-либо эффектов, ну или написать текст внутри, чтобы было понятно, кто изображен. Загрузите какой-нибудь красивый шрифт, который будет отлично смотреться.
Чуть позже я обязательно выложу видеоурок, чтобы не было никаких проблем.
Читайте также: Как повесить навесной шкаф в ванной
Обтравочкная маска для готовой рамки
Если рамка находится отдельно, то есть находится на своем слое и является всего лишь элементом какой-либо композиции, то здесь нужно будет поступить немного по другому, так как спрятать за слой изображение просто не получится.
Конечно, вы можете попробовать это сделать, но результат вас вряд ли устроит. Во многих случаях люди приходят в обрезке лишнего. И я не устану повторять, что это неправильно.
Но есть идеальный выход — сделать обтравочную маску.
В принципе, тут всё очень просто.
Вуаля. Теперь девочка попала в рамочку и ее можно двигать с помощью инструмента «Перемещение». Самое главное, что перемещение будет происходить за пределами рамки и никаких краев вылезать не будет.
Фотошоп онлайн
Самое интересное, что вставить фото в рамку вы сможете и в фотошопе онлайн, правда про способ с обтравочной маской забудьте. Эта вещь, к сожалению, отсутствует в онлайн версии графического редактора. Давайте рассмотрим наши действия из второго примера.
Мы получили то, что хотели. Так что, как видите, даже фотошоп онлайн может справится с этой задачей. Конечно, большинство функций здесь кастрированы, но все же даже стандартного функционала иногда может хватить.
Ну а если вы хотите серьезно изучить фотошоп, то обязательно посмотрите этим классные видеоуроки . Они отлично структурированы по методы от простого к сложному, все рассказано простым и человеческим языком, так что после изучения у вас просто не должно будет остаться вопросов.
Ну а на этом у меня всё. Обязательно подписывайтесь на все мои паблики и канал на ютубе, чтобы всегда быть в курсе всего интересного. Жду вас снова. Удачи вам. Пока-пока!
Фотографии – это чудесный способ сохранять и делиться лучшими моментами и воспоминаниями, а фотографии в рамке – это еще и незаменимый штрих в создании собственного интерьера. Поэтому очень важно знать, как правильно вставить фотографию в рамку, чтобы, с одной стороны, она была надежно защищена и дольше радовала глаз, а с другой – являлась украшением вашего дома.
Источник: