Полезные приемы обработки фото изображений. В фотошопе рамку


Как сделать рамку в фотошопе вокруг фотографии или вставить готовую

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

Содержание статьи

Вставляем фотографию в готовую рамку

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

Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

  1. Открываем обе фотографии в фотошопе в одном документе. Не страшно, что одно изображение налезет на другое.
  2. Зажмите левой кнопкой мыши на миниатюре с девочкой, после чего перетащите ее прямо под слой с рамкой. Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую
  3. При необходимости берем инструмент перемещение и с помощью левой кнопки мыши двигаем фотографию девочки так, чтобы она хорошо смотрелась.
  4. Также, при необходимости, вы сможете нажать комбинацию клавиш CTRL+T, чтобы перейти в режим трансформирования. Иногда необходимо уменьшить или увеличить фото, чтобы оно смотрелось как надо. Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

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

Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

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

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

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

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

Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

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

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

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

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

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

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

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

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

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

Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

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

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

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

  1. Для начала убедитесь, что слой с фотографией (у меня девочка) расположен под миниатюрой рамки. Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую
  2. Теперь, берем инструмент «Фигура» и выбираем «Прямоугольник». После этого рисуем прямоугольник так, чтобы его края нахлестывали на все 4 стороны рамки. Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую
  3. После этого, прячьте фигуру под миниатюру с девочкой. После этого ваш прямоугольник исчезнет с ваших глаз. Но это нормально.
  4. Далее, нажимаем на слое с девочкой правой кнопкой мыши и выбираем пункт «Создать обтравочную маску». Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

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

Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

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

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

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

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

Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

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

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

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

koskomp.ru

Урок создания спрозрачной рамки в фотошопе

Как сделать стеклянную рамку в Adobe Photoshop

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

Вы можете ознакомиться с другим уроком сайта по созданию стеклянной рамки для фото

Узнайте также, как делать простую стеклянную рамку

В этом уроке я хочу рассказать, как создать простые, но очень симпатичные прозрачные рамочки при помощи фильтра «Стекло». Этот фильтр уже есть в программе Фотошоп CS5, его устанавливать не нужно. И так приступим. Открыть Фотошоп. Рамка №1. Загрузить картинку, например такую.

пример фото

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

Этапы создания рамки в фотошоп

Выделить слой 2 и взять инструмент “Прямоугольная область» (горячая клавиша M).

Выделение будущей рамки в фотошопе

Нарисовать прямоугольник.

Инверсия выделения Фотошоп

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

Нажать сочетание клавиш CTRL + Shift + I (выполнить инверсию), появится выделение рамки.Клавишей Del удаляем центральную часть фото

Фильтр –> Искажение –> Стекло.

фильтр стекло фотошоп

Поставьте такие значения фильтра.

значения фильтра стекло

Получится:

делаем рамки в фотошопе

Добавьте новый слой и назовите его “Обводка”.

В палитре цвета выбрать тот, который подходит по цвету с картинкой.

обводка в фотошопе

Редактирование –> Выполнить обводку

выполнить обводку фотошоп

Выставить ширину обводки (у меня – 3 пикселя),

цвет обводки фотошоп

Снять выделение – CTRL + D,

Рамка почти готова, осталось наложить стиль слоя. Сделайте активным Слой 2 и зайдите в параметры наложения.

параметры наложения слоев

 

Настройки стиля слоя:

настройки стиля слоя

Результат.

готовая стеклянная рамочка

Можно сохранить в PNG или PSD для дальнейшего использования.

сохранение стеклянной рамки photoshop

Рамка №2. Проделать то же самое, только вместо фильтра «Стекло», поставить фильтр «Изморозь». У меня настройки такие: Искажение — 12, Смягчение -2.

Рамка №3. Опять все в том де первом варианте, только фильтр Холст. Искажение — 12, Смягчение — 2.

vgrafike.ru

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

Как вставить фотографию в рамку в ФотошопеВ данном уроке поговорим о том, как вставить фотографию в рамку в программе Фотошоп.

Рамки, которые в огромном количестве можно найти на просторах интернета, бывают двух типов: с прозрачным фоном (png) и с белым или иным (обычно jpg, но не обязательно). Если с первыми работать проще, то со вторыми придется немного повозиться.

Рассмотрим второй вариант.

Открываем изображение рамки в Фотошопе и создаем копию слоя.

Удаление фона с рамки в Фотошопе

Затем выбираем инструмент «Волшебная палочка» и кликаем по белому фону внутри рамки. Нажимаем клавишу Delete.

Удаление фона с рамки в Фотошопе (2)Удаление фона с рамки в Фотошопе (3)

Отключаем видимость слоя «Фон» и видим следующее:

Удаление фона с рамки в Фотошопе (4)

Снимаем выделение (CTRL+D).

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

Фон с рамки удален, можно приступать к помещению фотографии.

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

Вставляем фотографию в рамку в Фотошопе

После подгонки размера изображения нажимаем ENTER.

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

Вставляем фотографию в рамку в Фотошопе (2)Вставляем фотографию в рамку в Фотошопе (3)

Выравнивание изображения относительно рамки выполняется инструментом «Перемещение».

Вставляем фотографию в рамку в Фотошопе (4)

На этом процесс помещения фотографии в рамку завершен, далее можно придать картине стиль при помощи фильтров. Например, «Фильтр – Галерея фильтров – Текстуризатор».

Вставляем фотографию в рамку в Фотошопе (5)Вставляем фотографию в рамку в Фотошопе (6)

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

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

Помогла ли вам эта статья?

Да Нет

lumpics.ru

Применение инструмента рамка | Полезные приемы обработки фото изображений

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

Выбрать инструмент рамка можно двумя способами – нажав клавишу (С) или на панели инструментов.

выбор инструмента рамка

Как только будет сделан выбор инструмента вокруг изображения появится «Рамка обрезки» снабженная маркерами перемещения.

маркеры перемещения рамки обрезки

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

перемещение маркера обрезки

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

Выбор формы изображения

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

выбор формата кадрирования

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

установка размеров кадрирования

Изменение ориентации изображения

Чтобы развернуть рамку из горизонтального (альбомная) в вертикальный (книжная) и обратно используйте кнопку, показанную ниже.

изменение ориентации изображения

Перемещение картинки внутри рамки

Чтобы переместить изображение внутри рамки обрезки кликните внутри неё удерживая кнопку мыши так чтобы внутри области оказались нужные вам части фото.

перемещение изображения

Использование сетки

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

выбор сетки кадрирования

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

варианты сетки

Ниже списка сеток расположены пункты, управляющие их отображением, название каждого говорит само за себя и думаю в пояснениях не нуждается.

отображение сетки

Поворот изображения инструментом «Рамка»

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

поворот изображения

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

кнопка выравнивания

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

выравнивание изображения

Отмена и принятие действия инструмента рамка

Все мы люди и все совершаем ошибки даже используя «Рамку», однако такой печали можно помочь. Отменить действие инструмента можно комбинацией клавиш (Ctrl+Z) или полностью удалить все действия с инструментом (рамку обрезки, соотношение сторон, поворот) нажав на кнопку сброса.

отмена кадрирования

Если вы хотите отменить обрезку изображения используйте кнопку отмена.

отмена обрезки

В противном случае если вас всё устраивает примите обрезку нажав на клавишу (Enter) или на кнопку «Выполнить кадрирование».

завершение обрезки

Вот так легко и просто вы можете работать и настраивать инструмент «Рамка» для обрезки и выравнивания изображений

Применение инструмента

Познакомиться с применением инструмента рамка можно в этой статье

photoshop-gurus.ru


Смотрите также