Урок: "Как вставить фото в рамку"

Навигация по сайту:

Навигация по сайту

Сейчас на сайте:

Программ:  93    Уроков:  171
Советов:   127      Статей: 26

Система Orphus

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

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

Для работы мы будем использовать самую известную (и самую профессиональную) программу для обработки изображений – программу Photoshop (в моем примере это Adobe Photoshop CS5).

Я предполагаю, что данная программа у вас уже установлена, и не останавливаюсь на вопросах поиска, скачивания и т.п. (об этом есть отдельная видеокнига).

Запускаем Фотошоп и первым делом проверяем, чтобы в пункте Окно главного меню программы была установлена галочка Слои, для того чтобы включить возможность работы со слоями:

Adobe Photoshop

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

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

Adobe Photoshop

Итак, приступим…

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

Adobe Photoshop

А в открывшемся окне находим наше изображение и открываем его:

Adobe Photoshop

Если надо обрезать края фотографии (или лишние детали на ней), то используем для этого инструмент Рамка (в левой части окна Фотошопа):

Adobe Photoshop

После этого нам надо где-то взять изображение красивой новогодней рамки (например скачать в Интернете), но при этом надо иметь в виду, что изображение должно быть в специальном формате (иметь прозрачность).

Дело в том, что обычное изображение (например, в формате jpg) не может быть прозрачным и поэтому требует дополнительной обработки, а вот изображения в формате png это изображения с прозрачным фоном и поэтому изображение рамки лучше искать именно в этом формате.

Чтобы облегчить вам поиски, я подготовил двадцать рамок в png формате, запаковав их в один архив (49.4 Мб), скачать который вы можете здесь.

После скачивания и распаковки архива вы получите папку с png-файлами.

Открываем в Фотошопе файл с понравившейся рамкой (меню Файл – Открыть) и в результате имеем в окне программы: рамку (1), фотографию (2) и окно Слои, которое включали в самом начале урока:

Adobe Photoshop

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

Теперь нам надо объединить два изображения в одно, т.е. сделать так, чтобы обе картинки были в одном окне. Сделать это очень легко – надо просто взять и перетащить одно фото на другое.

Для этого в левой части окна Фотошопа выбираем инструмент Перемещение:

Adobe Photoshop

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

Adobe Photoshop

А в окне Слои после этого у нас должно быть видно уже два слоя:

Adobe Photoshop

Но, как видим, изображение ребенка и рамки имеют разные размеры и не соответствуют друг другу, поэтому нам надо подогнать фото ребенка под размеры рамки (увеличить его).

Для этого в окне Слои щелкаем по слою, который будем увеличивать, чтобы он был активным (на фото выше он выделен синим цветом), после чего в меню Фотошоп выбираем Редактирование – Трансформирование – Масштабирование:

Adobe Photoshop

Благодаря этому наша фотография будет заключена в рамку с маленькими квадратами по четырем сторонам и по углам:

Adobe Photoshop

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

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

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

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

Adobe Photoshop

И сразу же мы увидим, как наше фото оказалось под рамкой:

Adobe Photoshop

Если надо подкорректировать размеры, то это можно сделать ещё раз (пункт меню Масштабирование), а если надо передвинуть фото, то это делается простым перетаскиванием прямо в окне с изображениями.

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

Надеюсь, что у вас все получилось!

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

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

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

Вот ссылка на курс

https://chaynikam.net

Автор: Андрей Курганов

Дата публикации: 2011-12-11

Возможно вам будет интересно:

Есть вопросы по уроку? Задайте их на форуме

Понравился урок? Поделитесь со своими друзьями в социалках:

Оставьте свой комментарий: