Прежде чем задавать вопрос: «А как это сделать в Фотошоп?», иногда не мешает познакомиться с основными понятиями этой программы и, хотя бы, инструментами приложения.
Мне задали вопрос, как вставить свое фото в рамку. Выкладываю подробную инструкцию.
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
Как видим из примеров, тип рамок совсем разный: в первом примере мы наложили рамку сверху изображения, а во втором обработали край изображения, тем самым создав рамку.
Оба эти примера я опишу в двух уроках.
Вставляем изображение в рамку: способ 1
Иногда, бывает интересно поместить изображение под рамку, например, фотографию друга, потом отослать ее ему - он распечатает и повесит на стене;-).
И самое приятное, что сделать это сможет любой, т.е. тут не нужны какие-то особые навыки работы с Photoshop.
Допустим, вы уже нашли нужную картинку, теперь вам осталось найти рамку. На очень многих интернет-ресурсах есть рамки, на некоторых даже большие архивы. Всё, что вам нужно, - это выбрать понравившеюся и скачать. Перед скачиванием, обратите внимание на то, что пишут: обычно к таким рамкам указывают, что ее можно скачать в *.psd - там уже вырезана центральная часть и вам не придется её дополнительно вырезать.
Теперь откройте свое изображение, на которое и будем накладывать рамку. У меня это вот такая вот картинка:
Скопируем изображение полностью и откроем скачанный *.psd файл в Photoshop. Обратите внимание, что сама рамка имеет прозрачность в центре:
Создаем новый слой, располагаем его ниже слоя с рамкой.
Вставляем на только что созданный слой, скопированное ранее изображение. Если оно, не подходит по размерам, то подгоните либо изображение под размер рамки, либо рамку под размер изображения, выделив соответствующий слой и воспользовавшись функцией: Edit ? Transform ? Free Transform, после чего потяните за угловой маркер с зажатой клавишей Shift для пропорционального сжатия/растяжения.
В Сети можно найти на любой вкус, но все они имеют разные форматы – Png, Jpeg, PSD.
Как вставить рамку в Фотошопе: формат Jpeg
- Прежде всего, откройте исходное изображение.
- Основной слой нужно . Для этого щелкните два раза левой кнопкой мыши по пиктограмме слоя. Когда откроется окно «Новый слой», просто нажмите «Да». Слой получит имя «Слой 0».
- Теперь необходимо выделить место, в которое будет вставлено фото. Для этого можно использовать любой привычный инструмент выделения.
- Нажмите Delete. Шахматный узор, который появится в выделенной области, означает, что образовалась прозрачная область. Теперь следует нажать Ctrl+D и снять выделение.
- Откройте фотографию, которую хотите поместить в , а затем выберете инструмент «Перемещение» и перетащите фото на рамочку. Если оно больше , нажмите Ctrl+T.
- Щелкните по любому угловому маркеру, удерживая Shift, и тяните его внутрь фото. Изображение необходимо расположить над рамочкой, оно должно быть чуть больше ее размера. Нажмите Enter.
- Последний шаг – поменять слои . Осталось слить слои с помощью сочетания клавиш Shift+Ctrl+E, и фото готово.
Как правильно вставить рамку в Фотошопе: формат PNG
- Откройте исходное изображение в PNG и фотографию, которую будете вставлять в рамку.
- Необходимо выбрать инструмент «Перемещение», щелкнуть по второму фото левой кнопкой мыши и перетащить его на изображение с рамочкой.
- Фото нужно расположить над рамкой.
- Теперь поменяйте местами слои.
- Разместите фото так, как вам нравится, нажав Ctrl+T и удерживая Shift. Слейте слои с помощью сочетания Shift+Ctrl+E.
- Hажмите Shift+Ctrl+S и введите в появившемся окне сохранения имя файла и тип – jpeg, затем нажмите «Сохранить».
Как вставить рамку в Фотошопе: формат PSD
Этот является наиболее удобным, но, чтобы правильно в Фотошопе, необходимо учесть некоторые его особенности.
- Откройте исходное изображение и фотографию.
- С помощью инструмента «Перемещение» перетащите фото на изображение с рамкой.
- На палитре «Слои» будет множество слоев, а не один, как в случаях с другими форматами. Найдите слой с рамкой и расположите под ним фото.
- Нажмите Ctrl+T и, удерживая Shift, уменьшите фотографию до нужного размера. Расположите ее в рамке так, как вам нравится. Нажмите Enter.
- В данном случае множество слоев дает простор для творчества – многие элементы, которые составляют рамку, находятся на отдельных слоях. Если вам что-то не нравится, вы можете отключить или удалить этот элемент.
- Нажмите 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
- как использовать шаблоны
Вам понадобится
- - знание верстки.
Инструкция
Удалите собственную информацию из заготовки сайта. Очистите страницы от информационного оформления. Если идея сайта предполагает размещение определенного типа информации, кратко укажите это на самой странице и в описании шаблона. Удалите все ненужные блоки, которые стандартом установлены при инсталляции шаблона и движка.
Организуйте файлы заготовки по директориям. Не забудьте вложить картинки и элементы оформления. Проверьте запуск шаблона, открыв его в среде разработчика. Добавьте информацию об авторстве по своему усмотрению. Старайтесь файлы называть понятными именами, чтобы в дальнейшем не путаться при их расположении.
Заархивируйте файлы распространенным архиватором, чтобы уменьшить объем выкладываемой информации. Загрузите файлы на сервер и сделайте ссылку на сайте на новые файлы. Укажите описание шаблонов рядом на загрузку. Будет удобнее сразу разместить миниатюрные изображения страниц, чтобы пользователю сразу было понятна общая идея шаблона и стилистическая направленность.
Добавьте контакты для связи с разработчиком (то есть с вами), если планируете отвечать на вопросы пользователей, если таковые возникнут. Основной тип контента некоторых сайтов - это готовых шаблонов. Обычно цены весьма умеренные: от одного доллара до нескольких. На подобных сайтах вы можете ознакомиться с примерами предложений шаблонов, а также найти информацию о том, какие шаблоны наиболее востребованы пользователями.
Если вы хотите разрабатывать, а потом продавать свои собственные шаблоны, то нужно учиться верстке, так как для шаблона сначала рисуется макет в графических редакторах, а потом он полностью разрезается, чтобы применять его на сайте. В целом же можно сказать, что выкладывать шаблоны сможет практически любой пользователь, который знает основы веб дизайна.
13.11.2016 29.01.2018
Всем привет! Сегодняшний урок фотошопа посвящен подробной инструкции — как вставить фотографию в рамку используя фотошоп . Все это делается очень просто!
Я использовал в работе Photoshop CC. Урок подходит для любых версий фотошопа, в том числе и CS6, CS5, CS4 и так далее..
План вашей работы на ближайшее 5 минут в фотошопе:
- Найти подходящуюю рамку для фотошопа и скачать ее
- Открыть рамку в фотошопе
- Открыть фотографию в фотошопе
- Переместить фото в рамку
- Определить местоположении фотогафии
- Сохранить или распечатать
Начнем выполнять урок.
Для начала вам нужно выбрать и .
Мы выбрали . Можно вставить себя самого любимого в детстве, либо своих детей или родственников.
После выполнения урока результат будет примерно таким:
Итак, вы скачали рамку. Если вы скачали такую же рамку как и мы, то у вас она тоже в формате png.
Шаг 1. Открыть рамку в фотошопе.
Откройте её в фотошопе. Нажмите CTRL+O или меню Файл — Открыть, выберите файл рамки.
Выберите файл рамки и нажмите Открыть
После этого, рамка откроется в фотошопе .
Шаг 2. Открыть фотографию в фотошопе
Точно таким же способом откройте свою фотографию.
Шаг 3. Перетащить фото в рамку
Теперь наша задача соединить рамку с фотографией . Для этого фотографию мы переместим в рамку.
Щелкните правой кнопкой мыши на слой с фотографией, выберите Создать дубликат слоя .
Назначение выберите файл с рамкой. Нажмите Ок.
Наша фотография переместилась! Перейдите в документ с рамкой.
Шаг 4. Помещаем фото за рамку и меняем ее расположение
Теперь мы видим, что фотография слишком большая и она поверх рамки. Потому что слой с фото выше слоя с рамкой, вы это можете увидеть в окне со слоями.
Перетащите слой с фото под слой с рамкой.
Отлично! Теперь рамка будет поверх фото, то что нам нужно!
Шаг 5. Делаем правильный масштаб фото
Но фото слишком большая, поэтому нам нужно уменьшить её.
Для этого выберите слой с фотографией, нажмите CTRL+T
У фотографии появится выделение трансформации, опустить с помощью курсора фотографию чуть ниже чтобы можно было тянуть за край выделения фотографии.
Тяните теперь мышкой за уголок вправо-вниз по диагоноли с зажатым SHIFT+ALT — это позволит уменьшат фотографию пропорционально.
Когда вы точно расположите фотографию по рамке, нажмите ENTER, чтобы закончить работу с трансформацией.
Шаг 6. Сохраните фото
Теперь, когда вы вставили фото в рамку, вы можете сохранить полученное изображение.
Распечатка фото.
Чтобы отдать на распечатку фотографию вы должны убедится, что она имеет разрешение 300 dpi. Иначе фотография распечатается не качественно.
Для того, чтобы установить 300 dpi или убедиться, что оно установлено, зайдите в меню Изображение — Размер изображения
Всем привет, мои дорогие друзья. Вернемся к моему любимому графическому редактору, и именно сегодня, для начинающих, я хотел бы рассказать и показать, как сделать рамку в фотошопе вокруг фотографии, вставить готовую, либо же нарисовать ее самому в виде прямоугольника. Я сам был свидетелем того, как жестко и неправильно это делают люди. Они просто накладывают фотку на рамку и стирают все вокруг. Но это жутко неудобно и неправильно, поэтому мы всё сделаем как надо.
С этим способом справится даже полный чайник, который только сегодня узнал о фотошопе. Если у нас уже есть определенная рамка или заготовка для виньетки, которых сегодня в интернете можно найти целую кучу, то с этим проблем вообще нет. Допустим, у нас есть два фото: Потрет девочки и заготовка с прозрачным фоном в нужном месте.
![](https://i2.wp.com/koskomp.ru/wp-content/uploads/2018/04/Screenshot_2-10.jpg)
Но так можно делать только при самом идеальным раскладе, когда наша заготовка уже содержит прозрачный фон.
Вставка готовой рамки без прозрачного фона
Ситуация становится сложнее, когда изображение не предназначено для того, чтобы быть рамкой. Тогда ее придется сделать самим. Можно, конечно, наложить изображения поверх объекта, срезав ненужные концы, но это, как я говорил в самом начале, ужасно. Если потом вы захотите изменить фото, его размер или положение, то это может стать проблематично. Лучше просто проделать дырку и просто вставить нашу рамку вокруг фотографии.
- Откройте изображение с предполагаемой рамкой и выберите инструмент выделения. В данном случае можно взять прямоугольное выделение, но я все же предпочту использовать инструмент «Прямоугольное лассо». Ве таки у картинки могут быть погрешности.
- Далее, начинаем выделять место внутри рамки по периметру. У вас должны будут появиться пунктирные линии.
- После этого проверьте, стоит ли у вас на миниатюре слоя значок замочка. Если да. то нажмите на него, чтобы он исчез. После этого нажмите клавишу DELETE
, после чего внутренность рамки станет прозрачной. Именно этого мы и добивались.
- Далее, открываем изображение девочки (ну или что там у вас) в этом же документе.
- Но опять же она у нас стоит первым слоем, поэтому нам ее нужно будет сместить. Идем в панель слоев, и уже также как в первом варианте переносим миниатюру слоя с девочкой ниже, чем слой рамки.
- Далее, останется только с помощью перемещения и трансформирования подвинуть и подогнать размер как надо. Также можете применить какой-нибудь стиль слоя, например внутреннюю тень. Будет смотреться реалистичнее.
Вот, какой у нас получился итоговый вариант, и не пришлось даже обрезать фотографию.
Обтравочная маска
Очень классный способ, который давно себя зарекомендовал среди дизайнеров — это создание обтравочной маски. Этот способ я уже рассматривал, когда писал статью про то, но здесь я рассмотрю этот момент подробнее.
Делаем обрамление сами
Самый простой способ, как сделать рамку в фотошопе — это нарисовать ее самому, например в виде цветного прямоугольника. Она будет простенькая, но стильная.
- Идем в и берем «Прямоугольник»
. После этого выставляем в свойствах цвет обводки (какой пожелаете), а цвет заливки ставьте любой от балды, так как потом он все равно уберется. Я поставлю желтый.
- Теперь, рисуем нужный нам прямоугольник на холсте. Можете зажать SHIFT
, чтобы он получился квадратным. Если толщина не устраивает, то вы всегда сможете изменить ее в свойствах. Важно только, чтобы в этот момент был активирован инструмент «Фигура»
.
- Если вы хотите, чтобы внешняя сторона обводки была закругленной или многоугольной, то можете выбрать этот параметр в свойствах.
- Также вы можете придать неких эффектов вашей рамке с помощью . Я, например, поставил тиснение и тень. Остальные свойства вряд ли особо повлияют на обводку, так как будут ориентированы на внутреннее содержимое.
- Теперь открываем изображение с девочкой (ну или кто там у вас). Оно, как вы уже поняли появится новым слоем поверх фигуры.
- Далее, жмем правой кнопкой мыши на миниатюру слоя с девочкой и выбираем пункт «Создать обтравочную маску»
. Только перед эти убедитесь, что под миниатюрой с девочкой находится наш прямоугольник с обводкой.
- Как видите, теперь девочка оказалась внутри, словно в окне дома. Осталось только передвинуть ее с помощью « ». Также можете увеличить или уменьшить изображение, чтобы оно соответствовало вашему видению. Самое главное, что картинка не обрезалась, а просто ее края находятся за пределами видимости.
Как видите, все просто. Вы можете добавить еще каких-либо эффектов, ну или написать текст внутри, чтобы было понятно, кто изображен. Загрузите какой-нибудь красивый шрифт, который будет отлично смотреться.
Чуть позже я обязательно выложу видеоурок, чтобы не было никаких проблем.
Обтравочкная маска для готовой рамки
Если рамка находится отдельно, то есть находится на своем слое и является всего лишь элементом какой-либо композиции, то здесь нужно будет поступить немного по другому, так как спрятать за слой изображение просто не получится.
Конечно, вы можете попробовать это сделать, но результат вас вряд ли устроит. Во многих случаях люди приходят в обрезке лишнего. И я не устану повторять, что это неправильно.
Но есть идеальный выход — сделать обтравочную маску.
В принципе, тут всё очень просто.
![](https://i0.wp.com/koskomp.ru/wp-content/uploads/2018/04/Screenshot_14-4.jpg)
Вуаля. Теперь девочка попала в рамочку и ее можно двигать с помощью инструмента «Перемещение». Самое главное, что перемещение будет происходить за пределами рамки и никаких краев вылезать не будет.
Фотошоп онлайн
Самое интересное, что вставить фото в рамку вы сможете и в фотошопе онлайн, правда про способ с обтравочной маской забудьте. Эта вещь, к сожалению, отсутствует в онлайн версии графического редактора. Давайте рассмотрим наши действия из второго примера.
- Войдите в сервис online-fotoshop
и откройте изображение с вашего компьютера, а именно ту самую рамку, в которое вы затем вставите свое фото.
- Далее, обязательно снимите замочек со слоя. Для этого нажмите на него левой кнопкуой мыши дважды. Это позволит нам удалить ненужную часть с картинки.
- Теперь, выбираем любой инструмент выделения. Правда в онлайн фотошопе особо выбирать не приходится, так как здесь есть только прямоугольное выделение и обычное лассо. Пожалуй, здесь будет удобно использовать именно прямоугольное выделение.
- А дальше, зажав левую кнопку мыши в одном углу углубления, протяните его в противоположный угол. Таким образом у вас должно будет выделено это самое углубление.
- После этого тут же нажмите кнопку DELETE
, чтобы удалить сердцевину. Часть картинки в центре должна будет стать прозрачной.
- Теперь, выберите в меню «Файл»
— «Открыть изображение»
и найдите фото, которое вы хотите использовать внутри. Я возьму ту же самую девочку. Но только фотка откроется в другом документе. Чтобы перетащить ее на документ с рамкой зажмите левую кнопку мышки на миниатюре слоя с девочкой и просто перенесите на нужный нам слой, где мы уже поработали.
- Как видите, картинка перенеслась слишком уж маленькой. Чтобы увеличить ее, выберите в меню пункт «Редактировать»
— «Free Transform»
.
- Теперь, потяните ее за угол, чтобы увеличить фото в размерах. Только обязательно зажмите клавишу SHIFT
, чтобы после увеличения сохранились все пропорции. Тяните до того момента, пока вам не будет достаточно, либо пока фото не будет перекрывать рамку.
- Последним штрихом нам нужно будет переместить миниатюру слоя с девочкой под слой с рамкой, чтобы она оказалась сзади и никакие края не мешали.
Мы получили то, что хотели. Так что, как видите, даже фотошоп онлайн может справится с этой задачей. Конечно, большинство функций здесь кастрированы, но все же даже стандартного функционала иногда может хватить.
Ну а если вы хотите серьезно изучить фотошоп, то обязательно посмотрите этим классные видеоуроки . Они отлично структурированы по методы от простого к сложному, все рассказано простым и человеческим языком, так что после изучения у вас просто не должно будет остаться вопросов.
Ну а на этом у меня всё. Обязательно подписывайтесь на все мои паблики и канал на ютубе, чтобы всегда быть в курсе всего интересного. Жду вас снова. Удачи вам. Пока-пока!
С уважением, Дмитрий Костин