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

Как в фотошопе вставить изображение рамку. Рамка в фотошопе — инструмент кадрирования фотографий. Обтравочкная маска для готовой рамки

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

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

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

В изображении в формате.jpg, вместо прозрачного фона будет фон белым цветом.

Итак, приступим к вставке нашей фотографии в красивую новогоднюю рамку в формате.psd.

1. Для начала открываем Adobe Photoshop. Далее открываем изображение выбранной рамки (Меню Файл -> Открыть… ) или при помощи сочетания клавиш Ctrl+O :

В центре открывшейся рамки мы видим область (обозначается белыми и серыми квадратиками) для вставки фотографии.

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

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

При желании, можно отключать ненужные слои не перерисовывая изображение заново. Можете немного побаловаться отключением и включением слоев, нажимая на иконку в виде глаза напротив каждого слоя.

2. Так же открываем фотографию, которую собираемся вставить в рамку.

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

3. Мы видим, что фотография наложилась на рамку и нам нужно ее опустить.

Для этого переходим к панели слоев. Видим, что к слоям рамки добавился еще один слой «Слой 1» — слой с фотографией.

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

4. Теперь нам нужно подогнать фотографию под размер рамки, если фотография вышла больше рамки — мы ее уменьшаем; если меньше, как у меня, то мы ее увеличиваем.

Для начала убедимся, что слой с фотографией активен (т.е. выделен). После этого сочетанием клавиш Ctrl+T или через меню (Редактирование -> Свободное трансформирование ) вызываем . После этого вокруг фотографии появится вот такая рамка:

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

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

5. Теперь сохраняем нашу фотографию с рамкой, для этого выбираем меню (Файл -> Сохранить как… ):

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

Здесь в поле «Качество» ставим цифру «8» — высокое качество изображения. Обычно “восьмерки” хватает для сохранения изображения в хорошем качестве.

Вот на этом вставка фото в рамку завершена. Мы получили вот такую новогоднюю фотографию:

Теперь рассмотрим вставку фото в рамку форматом.png.

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

1. Точно так же открываем рамку в формате.png.

На панели слоев мы видим, что данная рамка имеет всего один слой.

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

Открываем фотографию. Вызываем «Свободное трансформирование» и подгоняем фото под первую область для фото в рамке.

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

3. Точно также добавляем и подгоняем вторую фотографию.

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

5. Я подогнал по размерам фотографию, но все равно в одном из углов фото выходит за пределы области. Нужно это исправить. Для этого выбираем инструмент «Прямоугольная область выделения» и выделяем выпирающую часть фотографии:

Нажимаем клавишу Delete и выпирающая часть фото удаляется. Для снятия выделения нажимаем сочетание клавиш Ctrl+D .

6. Вот и все. Теперь повторяем шаги 5 и 6 с предыдущего примера вставки фото в рамку, для сохранения нашей новогодней фотографии.

В итоге мы получили вот такую фотографию:

Если у вас не установлен Фотошоп, то пробную версию вы можете скачать с нашего сайта — Adobe Photoshop .

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

Теперь проделаем ту же операцию с помощью другой популярной программы - Photoshop.

У меня на компьютере установлена старая версия - Adobe Photoshop CS2. И она меня всем устраивает. Если у вас стоит другая версия, возможно, что некоторые моменты работы с программой будут отличаться от показанных, но в целом алгоритм будет таким же.

Открываем программу Adobe Photoshop. Заходим Файл - Открыть



и в открывшемся окошке выбираем наш шаблон из папки, где он находится. Теперь наш шаблон появился в окне программы:

Теперь нам нужно открыть фотографию нашей морячки. Снова идем в меню Файл - Открыть и находим наш портрет на компьютере. Наша морячка появилась в окне программы поверх нашего шаблона.

Все свои шаблоны я сохраняю с разрешением 300 точек/на дюйм и размером 200 х 90 мм. Поэтому, после открытия фотографии девушки, я подгоняю ее (фотографию) под размер шаблона. Иначе фото и шаблон могут очень сильно различаться. Для этого в меню программы идем Изображение - Размер изображения... и в появившемся окошке выставляю то же разрешение, что и у шаблона, а так же высоту, примерно равную высоте шаблона:

При изменении размера фотографии, не забудьте поставить галочку в строке Сохранить пропорции .

Теперь нам нужно переместить нашу морячку на шаблон. Для начала активируем Инструмент "Перемещение"

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

Некоторые версии Фотошопа не поддерживают прямого перетаскивания мышью. В этом случае мы поступим по другому: на вкладке с фотографией морячки идем Выделить - Все (наше фото выделилось), затем Редактирование - Скопировать . Теперь переходим на вкладку с шаблоном (рамкой) и нажимаем Редактирование - Вклеить.

Если выскочит такое окошко, жмем Преобразовать :

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

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

Слои поменялись местами и, наша морячка "спряталась" за рамку:

Хочется немного увеличить размер нашей фотографии. Убедившись, что в окне Слои активен именно слой с нашей фотографией, идем в меню Редактирование - Свободное трансформирование :

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

Изменив размер и подогнав фотографию в окошке шаблона, жмем Enter и рамка вокруг фотографии исчезнет. Остался пустяк - сохранить для сублимации наш шаблон в "зеркале". Заходим в меню Изображение - Повернуть холст - Отразить холст по горизонтали:

Наш шаблон готов!

Ну и для закрепления посмотрите этот видеоурок:

vYUDIdl4L6o

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

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

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

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

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

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

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

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

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

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

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

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

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

4 голоса

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

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

Способ, который позволит быстро сделать рамку одного цвета

Если вы будете просто вести по фотографии, то в итоге получите овальную рамку.

Если одновременно будете зажимать кнопку Shift на клавиатуре, то круглую. Кстати, эта кнопка также может превращать прямоугольник в квадрат.

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

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

Когда будете готовы нажмите Del.

Можно обрезать края.

Необычные края рамки

А сейчас давайте сделаем рамку с необычными внутренними краями. Сперва создаем новый слой. Это вы уже умеете.

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

Применяем свободное трансформирование, при помощи CTRL+T и уменьшаем размер.

В верхнем меню находим «Фильтры» — «Искажение». Можно применить Волну, дисторсию, искривление, полярные координаты, сферизацию. Мне нравится рябь.

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

Это пока еще не все. Нажимаем на Q.

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

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

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

Можно применить градиент.

Или один цвет.

Нажмите CTRL+D, чтобы избавиться от ползающих муравьев.

Очень красивые рамки для новичков

Я вам уже показывал сайт photoshop-master . Возможно, вы заметили, что тут есть раздел с бесплатными и очень красивыми рамками. Пользоваться ими может даже новичок. Все они – бесплатны.

Использовать их довольно просто, если посмотреть вот эту замечательную инструкцию.

Другие бесплатные видео уроки от основателей «Фотошоп-Мастер» вы можете найти вот по этой ссылке: www.photoshop-master.ru/lessons .

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

Они копаются в собственной голове и знание инструментов помогает им самим придумать как этого добиться. Если вас это заинтересовало, могу порекомендовать курс Зинаиды Лукьяновой «Фотошоп с нуля в видеоформате» .


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

Успехов в ваших начинаниях и до новых встреч!

Хотите узнать как стабильно зарабатывать в Интернете от 500 рублей в день?
Скачайте мою бесплатную книгу
=>>

В данной статье будет рассказано, как пользоваться программой Paint и каким образом можно вставлять фотографию в рамочку используя эту программу?

Эта программа, как правило, входит в образ Windows 7 или более новых разработок этой популярной ОС. Но программа paint входящая в стандартный набор программ Windows, мало подходит для этой операции.

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

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

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

Затем скопировать нужное фото с вашего компьютера и вставить его на вырезанный участок рамки при помощи функции «вставить из буфера обмена».

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

Хотя если долго мучатся то, что ни будь получиться. В такой программе отсутствуют слои, а в аналогичной программе paint.net слои есть и по этой причине работать с фотографиями гораздо удобнее.

Действие первое — скачать рамки для paint

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

Откроется много сайтов где можно скачать рамки на любую тематику. Далее скачиваем себе на компьютер нужную вам рамку. Рамка должна быть в формате PNG.

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

В paint.net, так же как и в стандартной программе Paint можно загрузить фотографию. Затем в любом месте выделить участок в виде квадрата, овала или произвольной формы и удалить выделенную область.

Действие второе -открыть новый файл в программе

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

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

Действие третье — импорт фотографии

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

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

Теперь необходимо фотографию, находящуюся за рамкой поставить, так как вам необходимо. Хотя ваше фото и находится на заднем плане, но его контуры выделены пунктирными линиями.

Действие четвёртое — манипуляции с фото и рамкой

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

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

Действие пятое — сохранение фото в рамке

После того как вы совместили рамку с фото, необходимо объединить слои. Самый простой способ – это нажать на функцию «сохранить как», после нажатия на такую надпись, появиться окно где вам будет предложено совместить слои.

Рекомендуется сохранять полученную фотографию с расширением JPG или JPEG. Такие расширения оптимально подходят для сохранения фотографий, так как, сохраняя фото с другим расширением, вы можете не открыть его на своём компьютере.

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

Если вдруг фото не желает перемещаться, это значит, что у вас не активирована функция перемещения фото. Это исправить очень просто. Нужно найти в левой части программы раздел «инструменты» и нажать на символ стрелочки с крестиком.

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

Как вставить фото в рамку в Paint, заключение

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

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

Желаю вам создать красивые коллажи, независимо от того, какой программой вы воспользуетесь! Всем удачи.

P.S. Прикладываю скриншоты моих заработков в партнёрских программах. И напоминаю, что может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов .

Вы хотите узнать какие ошибки совершают новички?


99% новичков совершают эти ошибки и терпят фиаско в бизнесе и заработке в интернет! Посмотрите, чтобы не повторить этих ошибок — «3 + 1 ОШИБКИ НОВИЧКА, УБИВАЮЩИХ РЕЗУЛЬТАТ» .



Предыдущая статья: Следующая статья:

© 2015 .
О сайте | Контакты
| Карта сайта