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

Сегодняшняя статья — бесплатный урок Фотошопа для начинающих пользователей. В процессе ознакомления с ней мы научимся вставлять свои фотографии в рамки с помощью программы 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, то задавайте их в комментариях и возможно в следующем уроке по Фотошопу мы рассмотрим именно ваш вопрос.

В Сети можно найти на любой вкус, но все они имеют разные форматы – Png, Jpeg, PSD.

Как вставить рамку в Фотошопе: формат Jpeg

1. Прежде всего, откройте исходное изображение.


2. Основной слой нужно . Для этого щелкните два раза левой кнопкой мыши по пиктограмме слоя. Когда откроется окно «Новый слой», просто нажмите «Да». Слой получит имя «Слой 0».


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


4. Нажмите Delete. Шахматный узор, который появится в выделенной области, означает, что образовалась прозрачная область. Теперь следует нажать Ctrl+D и снять выделение.


5. Откройте фотографию, которую хотите поместить в , а затем выберете инструмент «Перемещение» и перетащите фото на рамочку. Если оно больше , нажмите Ctrl+T.


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


7. Последний шаг – поменять слои . Осталось слить слои с помощью сочетания клавиш Shift+Ctrl+E, и фото готово.

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

1. Откройте исходное изображение в PNG и фотографию, которую будете вставлять в рамку.


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


3. Фото нужно расположить над рамкой.


4. Теперь поменяйте местами слои.


5. Разместите фото так, как вам нравится, нажав Ctrl+T и удерживая Shift. Слейте слои с помощью сочетания Shift+Ctrl+E.


6. Hажмите Shift+Ctrl+S и введите в появившемся окне сохранения имя файла и тип – jpeg, затем нажмите «Сохранить».

Как вставить рамку в Фотошопе: формат PSD

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

1. Откройте исходное изображение и фотографию.


2. С помощью инструмента «Перемещение» перетащите фото на изображение с рамкой.


3. На палитре «Слои» будет множество слоев, а не один, как в случаях с другими форматами. Найдите слой с рамкой и расположите под ним фото.


4. Нажмите Ctrl+T и, удерживая Shift, уменьшите фотографию до нужного размера. Расположите ее в рамке так, как вам нравится. Нажмите Enter.


5. В данном случае множество слоев дает простор для творчества – многие элементы, которые составляют рамку, находятся на отдельных слоях. Если вам что-то не нравится, вы можете отключить или удалить этот элемент.


6. Нажмите Shift+Ctrl+S и сохраните фото в формате PSD или Jpeg, если хотите фотографию в рамочке.

Источники:

• как работать с рамками

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

Вам понадобится

• Adobe Photoshop

Инструкция

Аватар – это небольшое квадратное изображение, которое представляет вас на форумах, социальных сетях и разнообразных сайтах. Как правило, его размер не превышает 150х150 px. Создайте в е новый и при создании укажите размеры – например, 120 на 120 пикселей. Разрешение (resolution) может быть небольшим, а цветовая обязательно должна быть RGB.

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

Теперь ваша задача – подогнать размер изображения под конечный размер аватара (например, если ваш рисунок получился 500 на 500 пикселей, его нужно уменьшить до 120 на 120, чтобы он полностью вошел в нужный . Откройте меню Edit и нажмите Free Transform. На экране появятся значки изменения формы и . Зажмите клавишу Shift, она позволит изменять размер рисунка без нарушения оригинальных пропорций. Не отпуская ее, начинайте уменьшать фото до размеров -аватара.

Когда результат вас устроит, нажмите Enter, что подтвердит трансформацию, а затем сохраните картинку командой File>Save for Web. Выберите формат jpeg и максимальное качество. Ваша новая картинка готова.

Видео по теме

Если вы владеете графическим редактором Paint.Net, тогда наложение фона не составит для вас труда. Если же вы не владеете навыками использования функций этого редактора, тогда эта статья для вас. Ознакомившись с ней, вы узнаете, как можно осуществить наложение фона на лицо человека. Можно сделать брутального мужчину или тропическую женщину, все зависит от вашей фантазии.

Вам понадобится

• Программное обеспечение Paint.Net, фотография человека (портрет), картинка фона.

Инструкция

Для добавления фона к этой откройте файл фона. Нажмите Ctrl + A (выделить все) и Ctrl + C (скопировать). Перейдите к вашей фотографии – нажмите меню «Правка» - пункт «Вставить как новый слой».

Для с необходимо большую прозрачность. Нажмите меню «Регулировки» - пункт «Прозрачность» (Transparency). В открывшемся окне продвиньте ползунок до значения в 150 единиц. Это делается для того, чтобы увидеть фотографию текстуру фона. Для очистки лишних фрагментов фона, воспользуйтесь инструментом «Ластик».

При помощи инструмента «Градиент линейный» придадим прозрачность новому слою.

Видео по теме

Источники:

• как изменить фон на фотографии в paint в 2018

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

Вам понадобится

• - программа Photoshop;
• - файл с рамкой;
• - фотография.

Инструкция

Если у вас уже есть готовый PSD, PNG или TIFF файл с рамкой для фото, загрузите его и свою фотографию в Photoshop. Можете просто перетащить мышкой нужные файлы в окно графического редактора.
Выделите изображение рамки командой All («Все») из меню Select («Выделение»). Создайте копию выделенного фрагмента командой Copy («Копировать») меню Edit («Редактирование»). Щелкните мышкой по своей фотографии и вставьте рамку командой Paste («Вставить»).
Отредактируйте размер рамки при помощи команды Free Transform («Свободная трансформация») меню Edit («Редактирование»). Перетаскивая мышкой границы рамки, вы сможете изменить ширину и высоту изображения на редактируемом слое. Нажмите на клавишу Enter для применения трансформации.
Сохраните полученный файл в формате JPG при помощи команды Save As («Сохранить как») меню File («Файл»).

Если вам не удалось скачать из интернета готовый файл с рамкой, не отчаивайтесь, а попробуйте добавить к своей фотографии одну из рамок-фигур, которые есть в Photoshop. Чтобы это сделать, выберите инструмент Custom Shape Tool («Фигура произвольной формы»).
Кликните по стрелочке в панели Shape («Фигура»), которую можно увидеть под главным меню. Выберите подходящую рамку в открывшемся окне. Нарисуйте рамку, кликнув мышкой по левому верхнему углу фотографии и потянув ее вниз и вправо при зажатой левой кнопке.
Для того чтобы несколько более живописной, примените к ней один из стилей палитры Styles («Стили»). Если вас не устраивает ни один из стилей, загруженных в палитру по умолчанию, кликните левой кнопкой мышки по кнопке со стрелочкой в правом верхнем углу палитры. Выберите из списка другой набор стилей.
Сохраните фото с рамкой в формате JPG.

Есть другой способ получить оригинальную рамку для фотографии. Можно сделать ее из фрагмента самой фотографии. Для этого выберите один из инструментов для создания выделения: Rectangular Marquee Tool («Прямоугольное выделение») или Elliptical Marquee Tool («Эллиптическое выделение»). Для создания выделений более сложной формы используйте Polygonal Lasso Tool («Многоугольное лассо»). При помощи любого из этих инструментов выделите область фотографии, которая должна быть видна из-под рамки.
Инвертируйте выделение горячими клавишами Shift+Ctrl+I. Скопируйте заготовку для рамки сочетанием клавиш Ctrl+C и вставьте ее на новый слой сочетанием Ctrl+V.
Обработайте рамку фильтром Gaussian Blur из меню Filter («Фильтр»). Радиус размытия выставите не менее десяти пикселей, чтобы действительно размыть изображение.
Добавьте завершающий штрих к рамке, обводку. Это можно сделать, кликнув правой кнопкой мышки по слою с рамкой и выбрав опцию Blending Options («Опции наложения»). Щелкните по пункту Stroke («Обводка»). В открывшемся окне настройте размер обводки на свое усмотрение, из раскрывающегося меню Position («Позиция») выберите Inside («Внутри»). Щелкните по цветному прямоугольнику и выберите цвет, подходящий для обводки. Нажмите на кнопку ОК и сохраните файл.

Видео по теме

Источники:

• Простые способы создания рамок средствами Photoshop

С помощью программ, позволяющих редактировать фотографии (к ним относится Photoshop и другие) даже непрофессионал может сделать фотографию высокого качества.

Вам понадобится

• - компьютер;
• - интернет;
• - программа Photoshop.

Инструкция

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

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

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

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

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

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

Вам понадобится

• - программа Photoshop;
• - шаблон;
• - изображение для вставки в шаблон.

Инструкция

Откройте шаблон в графическом редакторе. Если вам попался шаблон в формате psd, дважды кликните по иконке этого файла. Файлы psd по умолчанию ассоциируются с Photoshop, поэтому шаблон откроется именно в этой программе.

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

Загрузите в Photoshop картинку, которую собираетесь подставлять в шаблон. Можете перетащить файл с картинкой в окно редактора при помощи мышки, можете вызвать диалоговое окно для открытия файла комбинацией клавиш Ctrl+O.

Вставьте свое изображение в шаблон. Для этого выделите всю картинку клавишами Ctrl+A и скопируйте ее в буфер обмена комбинацией Ctrl+C. Кликните мышкой по окну с открытым шаблоном и вставьте в него скопированное изображение горячими клавишами Ctrl+V.

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

Для изменения размера выделенных слоев примените команду Scale из группы Transform меню Edit. Под главным меню появится панель с настройками трансформации. Щелкните по кнопке Maintain aspect ratio, которая находится между полями со значениями ширины и высоты. Это позволит вам пропорционально уменьшить шаблон. Введите новое значение в поле ширины или высоты. При этом второе значение тут же изменится. Дважды нажмите клавишу Enter.

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

Выберите инструмент Move Tool и с его помощью сдвиньте вставленное изображение так, чтобы оно естественно смотрелось в шаблоне. Если нужно, подкорректируйте наклон картинки командой Rotate из той же группы Transform.

Слейте слои командой Flatten Image из меню Layer и сохраните полученное изображение в формате jpg командой Save As из меню File.

Источники:

• Описание работы с шаблоном в Photoshop
• как использовать шаблоны

Вам понадобится

• - знание верстки.

Инструкция

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

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

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

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

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

7 простых способов как делать свои рамки в фотошоп.
Приветствуем тебя, дорогой читатель сайта !

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

Достаточно и минимальных знаний фотошопа.

Итак, начинаем от простого к более сложному.

Способ 1 – выполнить обводку .

Открываем изображение. Выделяем или все изображение или его часть.

Если необходимо сделать рамку для всего изображения, то лучше всего использовать сочетание клавиш CTRL+A, если же необходимо выделить часть изображения используем инструменты выделения.

После того, как выделение готово, идем в <Редактирование> –<выполнить обводку>

В появившемся окне выбираем указываем толщину, цвет, расположение обводки –внутри.

Если же будет выбрано расположение обводки –снаружи-, то тогда размер изображения можно уменьшить воспользовавшись командой –Свободное трансформирование – сочетание клавиш CTRL+T, удерживая клавишу Shift для сохранения пропорций.

Или же увеличить размер холста на необходимые размеры.

Из вышесказанного вытекает способ 2 : с использованием подлежащего слоя :

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

При этом слой с изображением должен находиться выше цветного слоя или слоя с текстурой.

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

Способ 3. Используем стили.

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

Выделяем, допустим, овальную область, ощищаем ее – нажимая клавишу Del.

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

Можно добавить текст, также применив к нему стиль.

Способ 4. Используем параметры наложения – стили слоя .

Создаем новый документ, допустим 10 см х15 см.

Заливаем слой понравившемся узором.

Выделяем область, ощищаем содержимое – клавиша Del

Снимаем выделение, Ctrl+D.

Дважды кликаем по слою, или же вызываем параметры наложения, кликнув по значку:

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

Под полученный слой помещаем изображение.

Способ 5. в фотошоп.

Открываем изображение, добавляем новый слой.

На новом слое создаем быструю маску – клавиша Q.

Затем свободная трансформация – уменьшаем маску в размере.

Идем в Фильтр –Штрихи- Аэрограф.

Размеры устанавливаем по своему вкусу

Выходим из быстрой маски: еще раз нажимаем клавишу Q

Получили выделение:

ПОЛУЧАТЬ НОВОСТИ САЙТА!

Инвертируем выделение

Заливаем выделенную область (слой 1) цветом или градиентом.

Снимаем выделение.

Способ 6. Используем растровые фигуры.

Открываем изображение, разблокируем фоновый слой.

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

Выделяем нужный фрагмент

Меняем расположение слоев, и нажав клавишу Alt встаем мышкой между слоями.

Появится значок – кликаем.

Затем можно объединить слои Ctrl+E

Добавить новый слой ниже слоя с изображением

В слое с изображением добавить эффекты наложения

Нижний слой залить , и можно применить фильтр <Эффекты освещения>.

Или любой другой, поиграться – что больше всего будет по душе.

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

Способ 7. Делаем прозрачную рамку в фотошоп.

Открываем изображение, дублируем три раза фоновый слой – нажимая три раза сочетания клавиш Ctrl+J

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

Находясь на слое 1 идем в <Фильтр>-<Размытие>-<Размытие по Гауссу>.

Размываем изображение

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

Мне задали вопрос, как вставить свое фото в рамку. Выкладываю подробную инструкцию.

1. Сначала вам нужен шаблон рамки (открытка и т.п.). В этом уроки использовалась детская рамочка, которую можно скачать по этой ссылке (2646×1795 pxls).

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

3. Запускаете приложение Photoshop. Для открытия файла нажимаете Ctrl+O или в главном меню «Файл» → «Открыть»

Не обязательно: на вкладке «Открыть» выбираете «Тип файлов». В нашем случае - «PNG (*.PNG; *PNS)».

Сейчас окно программы Photoshop выглядит примерно так:

4. Затем открываем наше фото (оно скорее всего сохранено в формате *JPEG).

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

С помощью левой кнопки мыши перетаскиваем наше фото на изображение рамки. Или нажимаем комбинации клавиш: Ctrl+A (выделить всё), Ctrl+C (копировать). Затем переходим на вкладку с рамкой и нажимаем Ctrl+V (вставить).

6. С помощью левой кнопки мыши в меню слоев перемещаем слой с нашим фото ниже слоя с рамкой.

7. Желательно, чтобы изображения были сходными размерами (я взял фото намного меньше). Для подгонки размеров используем «Свободное трансформирование» в главном меню «Редактирование» → «Произвольная трансформация» или просто нажатием комбинации клавиш Ctrl+T.

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

Левой кнопкой мыши можно перемещать изображение (наше фото) для наиболее подходящего положения.
После того, как место для фоточки найдено, нажимаем Enter или значок «Подтвердить преобразования» в верхнем меню в виде «галочки».

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

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

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

Вставка готовой рамки без прозрачного фона

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

1. Откройте изображение с предполагаемой рамкой и выберите инструмент выделения. В данном случае можно взять прямоугольное выделение, но я все же предпочту использовать инструмент «Прямоугольное лассо». Ве таки у картинки могут быть погрешности.
   
2. Далее, начинаем выделять место внутри рамки по периметру. У вас должны будут появиться пунктирные линии.
   
3. После этого проверьте, стоит ли у вас на миниатюре слоя значок замочка. Если да. то нажмите на него, чтобы он исчез. После этого нажмите клавишу DELETE , после чего внутренность рамки станет прозрачной. Именно этого мы и добивались.
   
4. Далее, открываем изображение девочки (ну или что там у вас) в этом же документе.
   
5. Но опять же она у нас стоит первым слоем, поэтому нам ее нужно будет сместить. Идем в панель слоев, и уже также как в первом варианте переносим миниатюру слоя с девочкой ниже, чем слой рамки.
   
6. Далее, останется только с помощью перемещения и трансформирования подвинуть и подогнать размер как надо. Также можете применить какой-нибудь стиль слоя, например внутреннюю тень. Будет смотреться реалистичнее.

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

Обтравочная маска

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

Делаем обрамление сами

Самый простой способ, как сделать рамку в фотошопе — это нарисовать ее самому, например в виде цветного прямоугольника. Она будет простенькая, но стильная.

1. Идем в и берем «Прямоугольник» . После этого выставляем в свойствах цвет обводки (какой пожелаете), а цвет заливки ставьте любой от балды, так как потом он все равно уберется. Я поставлю желтый.
   
2. Теперь, рисуем нужный нам прямоугольник на холсте. Можете зажать SHIFT , чтобы он получился квадратным. Если толщина не устраивает, то вы всегда сможете изменить ее в свойствах. Важно только, чтобы в этот момент был активирован инструмент «Фигура» .
   
3. Если вы хотите, чтобы внешняя сторона обводки была закругленной или многоугольной, то можете выбрать этот параметр в свойствах.
   
4. Также вы можете придать неких эффектов вашей рамке с помощью . Я, например, поставил тиснение и тень. Остальные свойства вряд ли особо повлияют на обводку, так как будут ориентированы на внутреннее содержимое.
   
5. Теперь открываем изображение с девочкой (ну или кто там у вас). Оно, как вы уже поняли появится новым слоем поверх фигуры.
   
6. Далее, жмем правой кнопкой мыши на миниатюру слоя с девочкой и выбираем пункт «Создать обтравочную маску» . Только перед эти убедитесь, что под миниатюрой с девочкой находится наш прямоугольник с обводкой.
   
7. Как видите, теперь девочка оказалась внутри, словно в окне дома. Осталось только передвинуть ее с помощью « ». Также можете увеличить или уменьшить изображение, чтобы оно соответствовало вашему видению. Самое главное, что картинка не обрезалась, а просто ее края находятся за пределами видимости.
   

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

Чуть позже я обязательно выложу видеоурок, чтобы не было никаких проблем.

Обтравочкная маска для готовой рамки

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

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

Но есть идеальный выход — сделать обтравочную маску.

В принципе, тут всё очень просто.

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

Фотошоп онлайн

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

1. Войдите в сервис online-fotoshop и откройте изображение с вашего компьютера, а именно ту самую рамку, в которое вы затем вставите свое фото.
   
2. Далее, обязательно снимите замочек со слоя. Для этого нажмите на него левой кнопкуой мыши дважды. Это позволит нам удалить ненужную часть с картинки.
   
3. Теперь, выбираем любой инструмент выделения. Правда в онлайн фотошопе особо выбирать не приходится, так как здесь есть только прямоугольное выделение и обычное лассо. Пожалуй, здесь будет удобно использовать именно прямоугольное выделение.
4. А дальше, зажав левую кнопку мыши в одном углу углубления, протяните его в противоположный угол. Таким образом у вас должно будет выделено это самое углубление.
   
5. После этого тут же нажмите кнопку DELETE , чтобы удалить сердцевину. Часть картинки в центре должна будет стать прозрачной.
   
6. Теперь, выберите в меню «Файл» — «Открыть изображение» и найдите фото, которое вы хотите использовать внутри. Я возьму ту же самую девочку. Но только фотка откроется в другом документе. Чтобы перетащить ее на документ с рамкой зажмите левую кнопку мышки на миниатюре слоя с девочкой и просто перенесите на нужный нам слой, где мы уже поработали.
   
7. Как видите, картинка перенеслась слишком уж маленькой. Чтобы увеличить ее, выберите в меню пункт «Редактировать» — «Free Transform» .
   
8. Теперь, потяните ее за угол, чтобы увеличить фото в размерах. Только обязательно зажмите клавишу SHIFT , чтобы после увеличения сохранились все пропорции. Тяните до того момента, пока вам не будет достаточно, либо пока фото не будет перекрывать рамку.
   
9. Последним штрихом нам нужно будет переместить миниатюру слоя с девочкой под слой с рамкой, чтобы она оказалась сзади и никакие края не мешали.

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

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

Ну а на этом у меня всё. Обязательно подписывайтесь на все мои паблики и канал на ютубе, чтобы всегда быть в курсе всего интересного. Жду вас снова. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин