Как вставить фотографию в рамку онлайн

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

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

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

Для начала Вам надо скачать рамку для вставки фото, этого добра имеется огромное количество в интернете, достаточно ввести в Google или Yandex запрос, что-то вроде "скачать рамки для фото" без кавычек, конечно.

Теперь о формате файла. Понятно, что изображение, используемое в качестве будущей рамки должно иметь прозрачную область, через которую и будет просматриваться фото. Поэтому изображение должно поддерживать прозрачность, самый распространённый файл, поддерживающий прозрачность - это PNG. Кроме файлов PNG, значительная часть изображений с прозрачной областью сохранена в фотошоповском формате PSD, открыть которое стандартными средствами Windows на компьютере не удастся, для этого нужен Photoshop или специальные программы для просмотра PSD-файлов. Но, если даже у Вас не установлены подобные программы, то посмотреть файл PSD Вы можете в
онлайн-редакторе, имеющемся на этом сайте!

Итак, давайте уже приступим! Забегая вперёд, скажу. что в конце статьи Вы можете посмотреть видеоурок, повторяющий действия, описанные в материале.

В качестве основы для примера возьмём вот эту фоторамку для портрета девушки. Она сохранена как раз в родном фотошоповском формате PSD.

Переходим в онлайн-редактор, где нажимаем на строчку "Open image from computer":

1

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

Внимание! Онлайн редактор имеет ограничение на размер обрабатываемого файла, поэтому используйте вариант файла меньшего размера - photoFrame_7,5mb.psd, его размер - 7,5 мегабайт.

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

фото в рамку онлайн

Справа от окна с фотографией расположены две панели - слоёв и истории (Layers и History). Панель истории нам не нужна, нажмём на крестик в правом верхнем углу для её отключения, а панель слоёв, чтобы увидеть все слои, увеличим по вертикали, потянув за правый нижний угол вниз. Да, в данном случае названия слоёв отображаются кракозябами вместо букв, это происходит от того, что в файле "photoFrame_7,5mb.psd" названия слоёв на кириллице.

Теперь окна в браузере выглядят во так:

фото в рамку онлайн

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

4

Теперь нам надо загрузить изображение, которое мы собираемся вставить в рамку. Для этого в верхней части окна браузера кликаем по вкладке "Layer", открывается меню, где выбираем пункт "Open image as Layer". Этот пункт загружает изображение с компьютера в документ как слой, прямо над активным на данный момент слоем:

5

Открывается окно выбора файла, выбираем нужную фотографию,нажимаем "Открыть":

фото в рамку онлайн

Теперь фото появилось в окне рабочего документа, и расположено оно над отключенным слоем с фотографией-образцом. Онлайн-редактор автомтически назвал новый слой "Layer 16":

7

Основная работа закончена. Теперь осталось подправить положение и размер нового слоя. Положение менятся с помощью инструмента "Move Tool", размер - с помощью инструмента "Free Transform", активируется он через вкладку верхнего меню "Edit":

9

Вот ещё что, у меня остался резкий некрасивый нижний край вставленной фотографии. Размою его края с помощью ластика с мягкими краями, как его активировать и настроить, показано на рисунке:

8

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

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

Теги:

Помощь сайту

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

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

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

Установить с Google Play.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

В данном видеоуроке показывается, как Вы можете открыть на сайте в режиме онлайн склеить две, а затем ещё две фотографии из Вашего компьютера в одно...
Благодаря имеющимся на сегодняшний день бесплатным онлайн-редакторам создание фотоколлажей стало доступны практически любому пользователю интернета....
На сегодняшний день онлайн-редактирование оригинальных файлов Photoshop формата PSD является реальностью! Сделать это можно на сайте Photo Pea. На...
В онлайн-фотошопе, имеющемся на нашем сайте, Вы можете самостоятельно обрезать фотографию, и, кроме этого, вырезать из фотографии участки простой и...