Как работать с рамками в фотошопе. Как в фотошопе вставить фото в рамку

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

Что такое кадрирование

Чтобы было понятно что такое кадрирование, приведу пример : допустим, наша задумка вырезать героя комикса и сделать его прямым. Буквально 10 секунд и вот какой получился результат:

Как правило, кадрирование нам нужно в следующих случаях:

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

Панель параметров

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

Когда рамка будет нарисована, то панель будут отображать совсем другие опции:

О том для чего нужны все эти параметры читайте ниже в этой статье.

Как работать с инструментом Рамка

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

Чтобы завершить кадрирование нажмите клавишу Enter (либо кнопочку с изображением галочки на панели параметров). Если передумали обрезать — клавиша Esc (либо кнопочка с изображением перечеркнутого круга).

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

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

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

Что такое Экран

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

Если вам не нравится или мешает, то можно этот экран отключить. Для этого снимите галочку на панели параметров:

Параметр Экран можно настроить на свой вкус. Для этого рядом с этой опцией на панели параметров имеются еще две настройки. Цвет — открывает палитру, в которой можно указать абсолютно любой цвет (по умолчанию стоит черный); Непрозрачность — задает по 100 процентной шкале уровень прозрачности экрана (по умолчанию стоит 75%-ая непрозрачность экрана).

Удаление и сокрытие экрана

Итак, Экран — это область которая будет отсечена при кадрировании. Но фотошоп предлагает два варианта

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

По умолчанию установлен режим Удаление . Чтобы поменять на Сокрытие надо поставить соответствующую галочку на .

Обратите внимание, что в моем примере эти параметры окрашены в серый цвет, то есть их нельзя нажать. У многих возникает такой вопрос: что это и как сделать так, чтобы кнопки отсечения стали активными?

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

Поворот и изменение размеров рамки. Выравнивание горизонта

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

Также, если потянуть за эти угловые маркеры, то можно изменить размеры границ.

Но здесь есть важная особенность. Если вы сделали рамку под наклоном, это не означает, что после подтверждения кадрирования получится фрагмент изображения под наклоном. Фотошоп ВСЕГДА отображает документ на прямо . Поэтому изображение будет автоматически повернуто.

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

Правило третей или золотое сечение

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

При этом главный объект/объекты съемки должны находиться на пересечении с одной или более точками в центре сетки.

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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 идем в <Фильтр>-<Размытие>-<Размытие по Гауссу>.

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

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

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

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 или убедиться, что оно установлено, зайдите в меню Изображение — Размер изображения

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

Пример 1

Пример 2

Как видим из примеров, тип рамок совсем разный: в первом примере мы наложили рамку сверху изображения, а во втором обработали край изображения, тем самым создав рамку.

Оба эти примера я опишу в двух уроках.

Вставляем изображение в рамку: способ 1

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

И самое приятное, что сделать это сможет любой, т.е. тут не нужны какие-то особые навыки работы с Photoshop.

Допустим, вы уже нашли нужную картинку, теперь вам осталось найти рамку. На очень многих интернет-ресурсах есть рамки, на некоторых даже большие архивы. Всё, что вам нужно, - это выбрать понравившеюся и скачать. Перед скачиванием, обратите внимание на то, что пишут: обычно к таким рамкам указывают, что ее можно скачать в *.psd - там уже вырезана центральная часть и вам не придется её дополнительно вырезать.

Теперь откройте свое изображение, на которое и будем накладывать рамку. У меня это вот такая вот картинка:

Скопируем изображение полностью и откроем скачанный *.psd файл в Photoshop. Обратите внимание, что сама рамка имеет прозрачность в центре:

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

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