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

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

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

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

Для начала Вам надо скачать рамку для вставки фото, этого добра имеется огромное количество в интернете, достаточно ввести в 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…».

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

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

Оцените автора
( 47 оценок, среднее 5 из 5 )
RuGraphics
Добавить комментарий