Вставляем фото в рамку в Фотошоп / Creativo.one

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

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

Я буду использовать Photoshop CS6, но этот урок так же совместим с Photoshop CS5 и Photoshop CC (Creative Cloud). Для Photoshop CS4 и ранних версий, или для примеров применения данной функции, посмотрите наш первый урок.

Материалы для урока:

Рамка (платно)

Пара в парке (платно)

Архив

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

А вот второе изображение, которое я буду помещать, собственно, в рамку (пара в осеннем парке с Shutterstock):

Финальная композиция выглядеть будет следующим образом:

Давайте начнем!

Шаг 1: Выберите область, в которую вы хотите поместить второе изображение

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

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

 Инструмен Прямолинейное Лассо позволяет нам выделить область с прямыми сторонами – мы просто кликаем в тех точках, где наша линия должна изменить направление. Каждый раз, когда мы кликаем по точке, Photoshop создает прямую линию между новой и предыдущей точками. Мы продолжаем кликать, создавая линии, до тех пор пока не вернемся к исходной точке. Чтобы замкнуть область, как я уже сказал, просто кликаем по исходной точке.

Выделить область внутри рамки при помощи этого инструмента достаточно легко. Все, что мне нужно сделать – это кликнуть в каждом из углов рамки. Я начну в верхнем левом углу, затем двигаюсь к правому верхнему углу, далее – к правому нижнему углу, после — к левому нижнему углу. Вы не увидите привычную линию «движущихся муравьев», так как мы выделяем область при помощи инструмента Прямолинейное Лассо. Вместо этого, вы увидите тонкую линию, соединяющую выбранные точки:

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

Шаг 2: Выберите и скопируйте второе изображение

Переключитесь на ваше второе изображение (то, которое вы будете помещать внутри выделенной области), собственно, открыв изображение, или кликнув на вкладку с ним, если оно уже открыто:

Нам нужно скопировать это изображение в буфер обмена, чтобы у нас была возможность вставить его в выбранную область. Прежде всего, нам нужно выбрать изображение. Откройте меню Выделение (Select) и выберите Все (All). Альтернативный способ – нажмите Ctrl/Cmd + A на клавиатуре.

На изображении появится линия, показывающая выбранную область:

 

Когда изображение выбрано, откройте меню Редактировать (Edit) и выберите Копировать (Copy). Или же, нажмите сочетание клавиш Ctrl/Cmd + C на клавиатуре:

 

 

Шаг 3: Вставьте изображение в выбранную область

Снова переключитесь на первое изображение, кликнув по его вкладке:

Область, которую мы выделили все так же видна, и чтобы вставить туда второе изображение, откройте меню Редактировать (Edit) и выберите Специальная вставка (Paste Special), а затем Вставить в (Paste Into):

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

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

Почему же изображение видно только в рамках выбранной нами области? Это произошло потому, что Photoshop использовал выбранную область для создания слоя-маски для второго изображения. Мы можем видеть маску на миниатюре слоя-маски. Белая часть показывает, где наше изображение видимо в документе, тогда как черная часть спрятана от взора:

Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования

Если ваше изображение слишком велико для выбранной области (как и в моем случае) и вам нужно изменить его размер, откройте меню Редактировать и выберите Свободная Трансформация (Free Transform), или же зажмите сочетание клавиш Ctrl/Cmd + T:

Это открывает окошко свободного трансформирования и показывает опорные точки (маленькие квадратики) вокруг изображения. Обратите внимание: окошко свободной трансформации появляется вокруг реального изображения, а не только его видимой части. Если вы не видите окошко Свободной Трансформации полностью, откройте меню Просмотр (View) и выберите Показать во весь экран (Fit the Screen):

Это мгновенно уменьшит ваше изображение так, что все, включая окошко Свободной Трансформации поместится на вашем экране:

Чтобы изменить размер вашего изображения, зажмите клавишу Shift и потяните за любой из четрых углов окошка Свободной трансформации. Удерживание Shift’а сохраняет пропорции изображения во время трансформации, чтобы вы случайно не исказили форму. В данном случае, я тяну за правый нижний угол, но подойдет любой из углов. Убедитесь (важно!), что вы отпускаете сначала кнопку мыши, а потом уже Shift. Если вы сначала отпустите Shift, то потеряете изначальные пропорции изображения:

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

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

Когда вы довольны результатом, нажмите Enter/Return, и выйдите из режима Свободной Трансформации:

 

Шаг 5: Добавьте эффект внутренней тени

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

  

Из появившегося списка выбираю Внутреннюю Тень:

 

Далее откроется диалоговое окошко, настраивающее нашу внутреннюю тень. Я уменьшу непрозрачность со стандартных 75% до 40%, чтобы тень не выглядела столь интенсивной. Угол я устанавливаю на 135 градусов, чтобы создать впечатление, что свет исходит из верхнего левого угла, но вы можете выбрать угол по своему усмотрению. Наконец, размер и расстояние я установлю на 10px. Опция Размер (Size) контролирует, насколько тень будет простираться от угла, в то время как Расстояние (Distance) контролирует мягкость края. Необходимые вам величины будут во многом зависеть от размеров изображения, поэтому, тут вы можете немного поэкспериментировать:

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

Вот и все! Таким образом мы помещаем одно изображение внутри другого при помощи функции Вставить в (Paste Into) в Photoshop!

Автор: Steve Patterson

Вставляем фото в рамку в Фотошоп / Creativo.one

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

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

Я буду использовать Photoshop CS6, но этот урок так же совместим с Photoshop CS5 и Photoshop CC (Creative Cloud). Для Photoshop CS4 и ранних версий, или для примеров применения данной функции, посмотрите наш первый урок.

Материалы для урока:

Рамка (платно)

Пара в парке (платно)

Архив

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

А вот второе изображение, которое я буду помещать, собственно, в рамку (пара в осеннем парке с Shutterstock):

Финальная композиция выглядеть будет следующим образом:

Давайте начнем!

Шаг 1: Выберите область, в которую вы хотите поместить второе изображение

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

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

 Инструмен Прямолинейное Лассо позволяет нам выделить область с прямыми сторонами – мы просто кликаем в тех точках, где наша линия должна изменить направление. Каждый раз, когда мы кликаем по точке, Photoshop создает прямую линию между новой и предыдущей точками. Мы продолжаем кликать, создавая линии, до тех пор пока не вернемся к исходной точке. Чтобы замкнуть область, как я уже сказал, просто кликаем по исходной точке.

Выделить область внутри рамки при помощи этого инструмента достаточно легко. Все, что мне нужно сделать – это кликнуть в каждом из углов рамки. Я начну в верхнем левом углу, затем двигаюсь к правому верхнему углу, далее – к правому нижнему углу, после — к левому нижнему углу. Вы не увидите привычную линию «движущихся муравьев», так как мы выделяем область при помощи инструмента Прямолинейное Лассо. Вместо этого, вы увидите тонкую линию, соединяющую выбранные точки:

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

Шаг 2: Выберите и скопируйте второе изображение

Переключитесь на ваше второе изображение (то, которое вы будете помещать внутри выделенной области), собственно, открыв изображение, или кликнув на вкладку с ним, если оно уже открыто:

Нам нужно скопировать это изображение в буфер обмена, чтобы у нас была возможность вставить его в выбранную область. Прежде всего, нам нужно выбрать изображение. Откройте меню Выделение (Select) и выберите Все (All). Альтернативный способ – нажмите Ctrl/Cmd + A на клавиатуре.

На изображении появится линия, показывающая выбранную область:

 

Когда изображение выбрано, откройте меню Редактировать (Edit) и выберите Копировать (Copy). Или же, нажмите сочетание клавиш Ctrl/Cmd + C на клавиатуре:

 

 

Шаг 3: Вставьте изображение в выбранную область

Снова переключитесь на первое изображение, кликнув по его вкладке:

Область, которую мы выделили все так же видна, и чтобы вставить туда второе изображение, откройте меню Редактировать (Edit) и выберите Специальная вставка (Paste Special), а затем Вставить в (Paste Into):

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

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

Почему же изображение видно только в рамках выбранной нами области? Это произошло потому, что Photoshop использовал выбранную область для создания слоя-маски для второго изображения. Мы можем видеть маску на миниатюре слоя-маски. Белая часть показывает, где наше изображение видимо в документе, тогда как черная часть спрятана от взора:

Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования

Если ваше изображение слишком велико для выбранной области (как и в моем случае) и вам нужно изменить его размер, откройте меню Редактировать и выберите Свободная Трансформация (Free Transform), или же зажмите сочетание клавиш Ctrl/Cmd + T:

Это открывает окошко свободного трансформирования и показывает опорные точки (маленькие квадратики) вокруг изображения. Обратите внимание: окошко свободной трансформации появляется вокруг реального изображения, а не только его видимой части. Если вы не видите окошко Свободной Трансформации полностью, откройте меню Просмотр (View) и выберите Показать во весь экран (Fit the Screen):

Это мгновенно уменьшит ваше изображение так, что все, включая окошко Свободной Трансформации поместится на вашем экране:

Чтобы изменить размер вашего изображения, зажмите клавишу Shift и потяните за любой из четрых углов окошка Свободной трансформации. Удерживание Shift’а сохраняет пропорции изображения во время трансформации, чтобы вы случайно не исказили форму. В данном случае, я тяну за правый нижний угол, но подойдет любой из углов. Убедитесь (важно!), что вы отпускаете сначала кнопку мыши, а потом уже Shift. Если вы сначала отпустите Shift, то потеряете изначальные пропорции изображения:

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

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

Когда вы довольны результатом, нажмите Enter/Return, и выйдите из режима Свободной Трансформации:

 

Шаг 5: Добавьте эффект внутренней тени

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

  

Из появившегося списка выбираю Внутреннюю Тень:

 

Далее откроется диалоговое окошко, настраивающее нашу внутреннюю тень. Я уменьшу непрозрачность со стандартных 75% до 40%, чтобы тень не выглядела столь интенсивной. Угол я устанавливаю на 135 градусов, чтобы создать впечатление, что свет исходит из верхнего левого угла, но вы можете выбрать угол по своему усмотрению. Наконец, размер и расстояние я установлю на 10px. Опция Размер (Size) контролирует, насколько тень будет простираться от угла, в то время как Расстояние (Distance) контролирует мягкость края. Необходимые вам величины будут во многом зависеть от размеров изображения, поэтому, тут вы можете немного поэкспериментировать:

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

Вот и все! Таким образом мы помещаем одно изображение внутри другого при помощи функции Вставить в (Paste Into) в Photoshop!

Автор: Steve Patterson

Вставляем фото в рамку в Фотошоп / Creativo.one

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

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

Я буду использовать Photoshop CS6, но этот урок так же совместим с Photoshop CS5 и Photoshop CC (Creative Cloud). Для Photoshop CS4 и ранних версий, или для примеров применения данной функции, посмотрите наш первый урок.

Материалы для урока:

Рамка (платно)

Пара в парке (платно)

Архив

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

А вот второе изображение, которое я буду помещать, собственно, в рамку (пара в осеннем парке с Shutterstock):

Финальная композиция выглядеть будет следующим образом:

Давайте начнем!

Шаг 1: Выберите область, в которую вы хотите поместить второе изображение

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

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

 Инструмен Прямолинейное Лассо позволяет нам выделить область с прямыми сторонами – мы просто кликаем в тех точках, где наша линия должна изменить направление. Каждый раз, когда мы кликаем по точке, Photoshop создает прямую линию между новой и предыдущей точками. Мы продолжаем кликать, создавая линии, до тех пор пока не вернемся к исходной точке. Чтобы замкнуть область, как я уже сказал, просто кликаем по исходной точке.

Выделить область внутри рамки при помощи этого инструмента достаточно легко. Все, что мне нужно сделать – это кликнуть в каждом из углов рамки. Я начну в верхнем левом углу, затем двигаюсь к правому верхнему углу, далее – к правому нижнему углу, после — к левому нижнему углу. Вы не увидите привычную линию «движущихся муравьев», так как мы выделяем область при помощи инструмента Прямолинейное Лассо. Вместо этого, вы увидите тонкую линию, соединяющую выбранные точки:

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

Шаг 2: Выберите и скопируйте второе изображение

Переключитесь на ваше второе изображение (то, которое вы будете помещать внутри выделенной области), собственно, открыв изображение, или кликнув на вкладку с ним, если оно уже открыто:

Нам нужно скопировать это изображение в буфер обмена, чтобы у нас была возможность вставить его в выбранную область. Прежде всего, нам нужно выбрать изображение. Откройте меню Выделение (Select) и выберите Все (All). Альтернативный способ – нажмите Ctrl/Cmd + A на клавиатуре.

На изображении появится линия, показывающая выбранную область:

 

Когда изображение выбрано, откройте меню Редактировать (Edit) и выберите Копировать (Copy). Или же, нажмите сочетание клавиш Ctrl/Cmd + C на клавиатуре:

 

 

Шаг 3: Вставьте изображение в выбранную область

Снова переключитесь на первое изображение, кликнув по его вкладке:

Область, которую мы выделили все так же видна, и чтобы вставить туда второе изображение, откройте меню Редактировать (Edit) и выберите Специальная вставка (Paste Special), а затем Вставить в (Paste Into):

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

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

Почему же изображение видно только в рамках выбранной нами области? Это произошло потому, что Photoshop использовал выбранную область для создания слоя-маски для второго изображения. Мы можем видеть маску на миниатюре слоя-маски. Белая часть показывает, где наше изображение видимо в документе, тогда как черная часть спрятана от взора:

Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования

Если ваше изображение слишком велико для выбранной области (как и в моем случае) и вам нужно изменить его размер, откройте меню Редактировать и выберите Свободная Трансформация (Free Transform), или же зажмите сочетание клавиш Ctrl/Cmd + T:

Это открывает окошко свободного трансформирования и показывает опорные точки (маленькие квадратики) вокруг изображения. Обратите внимание: окошко свободной трансформации появляется вокруг реального изображения, а не только его видимой части. Если вы не видите окошко Свободной Трансформации полностью, откройте меню Просмотр (View) и выберите Показать во весь экран (Fit the Screen):

Это мгновенно уменьшит ваше изображение так, что все, включая окошко Свободной Трансформации поместится на вашем экране:

Чтобы изменить размер вашего изображения, зажмите клавишу Shift и потяните за любой из четрых углов окошка Свободной трансформации. Удерживание Shift’а сохраняет пропорции изображения во время трансформации, чтобы вы случайно не исказили форму. В данном случае, я тяну за правый нижний угол, но подойдет любой из углов. Убедитесь (важно!), что вы отпускаете сначала кнопку мыши, а потом уже Shift. Если вы сначала отпустите Shift, то потеряете изначальные пропорции изображения:

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

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

Когда вы довольны результатом, нажмите Enter/Return, и выйдите из режима Свободной Трансформации:

 

Шаг 5: Добавьте эффект внутренней тени

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

  

Из появившегося списка выбираю Внутреннюю Тень:

 

Далее откроется диалоговое окошко, настраивающее нашу внутреннюю тень. Я уменьшу непрозрачность со стандартных 75% до 40%, чтобы тень не выглядела столь интенсивной. Угол я устанавливаю на 135 градусов, чтобы создать впечатление, что свет исходит из верхнего левого угла, но вы можете выбрать угол по своему усмотрению. Наконец, размер и расстояние я установлю на 10px. Опция Размер (Size) контролирует, насколько тень будет простираться от угла, в то время как Расстояние (Distance) контролирует мягкость края. Необходимые вам величины будут во многом зависеть от размеров изображения, поэтому, тут вы можете немного поэкспериментировать:

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

Вот и все! Таким образом мы помещаем одно изображение внутри другого при помощи функции Вставить в (Paste Into) в Photoshop!

Автор: Steve Patterson

Вставляем фото в рамку в Фотошоп / Creativo.one

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

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

Я буду использовать Photoshop CS6, но этот урок так же совместим с Photoshop CS5 и Photoshop CC (Creative Cloud). Для Photoshop CS4 и ранних версий, или для примеров применения данной функции, посмотрите наш первый урок.

Материалы для урока:

Рамка (платно)

Пара в парке (платно)

Архив

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

А вот второе изображение, которое я буду помещать, собственно, в рамку (пара в осеннем парке с Shutterstock):

Финальная композиция выглядеть будет следующим образом:

Давайте начнем!

Шаг 1: Выберите область, в которую вы хотите поместить второе изображение

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

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

 Инструмен Прямолинейное Лассо позволяет нам выделить область с прямыми сторонами – мы просто кликаем в тех точках, где наша линия должна изменить направление. Каждый раз, когда мы кликаем по точке, Photoshop создает прямую линию между новой и предыдущей точками. Мы продолжаем кликать, создавая линии, до тех пор пока не вернемся к исходной точке. Чтобы замкнуть область, как я уже сказал, просто кликаем по исходной точке.

Выделить область внутри рамки при помощи этого инструмента достаточно легко. Все, что мне нужно сделать – это кликнуть в каждом из углов рамки. Я начну в верхнем левом углу, затем двигаюсь к правому верхнему углу, далее – к правому нижнему углу, после — к левому нижнему углу. Вы не увидите привычную линию «движущихся муравьев», так как мы выделяем область при помощи инструмента Прямолинейное Лассо. Вместо этого, вы увидите тонкую линию, соединяющую выбранные точки:

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

Шаг 2: Выберите и скопируйте второе изображение

Переключитесь на ваше второе изображение (то, которое вы будете помещать внутри выделенной области), собственно, открыв изображение, или кликнув на вкладку с ним, если оно уже открыто:

Нам нужно скопировать это изображение в буфер обмена, чтобы у нас была возможность вставить его в выбранную область. Прежде всего, нам нужно выбрать изображение. Откройте меню Выделение (Select) и выберите Все (All). Альтернативный способ – нажмите Ctrl/Cmd + A на клавиатуре.

На изображении появится линия, показывающая выбранную область:

 

Когда изображение выбрано, откройте меню Редактировать (Edit) и выберите Копировать (Copy). Или же, нажмите сочетание клавиш Ctrl/Cmd + C на клавиатуре:

 

 

Шаг 3: Вставьте изображение в выбранную область

Снова переключитесь на первое изображение, кликнув по его вкладке:

Область, которую мы выделили все так же видна, и чтобы вставить туда второе изображение, откройте меню Редактировать (Edit) и выберите Специальная вставка (Paste Special), а затем Вставить в (Paste Into):

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

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

Почему же изображение видно только в рамках выбранной нами области? Это произошло потому, что Photoshop использовал выбранную область для создания слоя-маски для второго изображения. Мы можем видеть маску на миниатюре слоя-маски. Белая часть показывает, где наше изображение видимо в документе, тогда как черная часть спрятана от взора:

Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования

Если ваше изображение слишком велико для выбранной области (как и в моем случае) и вам нужно изменить его размер, откройте меню Редактировать и выберите Свободная Трансформация (Free Transform), или же зажмите сочетание клавиш Ctrl/Cmd + T:

Это открывает окошко свободного трансформирования и показывает опорные точки (маленькие квадратики) вокруг изображения. Обратите внимание: окошко свободной трансформации появляется вокруг реального изображения, а не только его видимой части. Если вы не видите окошко Свободной Трансформации полностью, откройте меню Просмотр (View) и выберите Показать во весь экран (Fit the Screen):

Это мгновенно уменьшит ваше изображение так, что все, включая окошко Свободной Трансформации поместится на вашем экране:

Чтобы изменить размер вашего изображения, зажмите клавишу Shift и потяните за любой из четрых углов окошка Свободной трансформации. Удерживание Shift’а сохраняет пропорции изображения во время трансформации, чтобы вы случайно не исказили форму. В данном случае, я тяну за правый нижний угол, но подойдет любой из углов. Убедитесь (важно!), что вы отпускаете сначала кнопку мыши, а потом уже Shift. Если вы сначала отпустите Shift, то потеряете изначальные пропорции изображения:

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

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

Когда вы довольны результатом, нажмите Enter/Return, и выйдите из режима Свободной Трансформации:

 

Шаг 5: Добавьте эффект внутренней тени

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

  

Из появившегося списка выбираю Внутреннюю Тень:

 

Далее откроется диалоговое окошко, настраивающее нашу внутреннюю тень. Я уменьшу непрозрачность со стандартных 75% до 40%, чтобы тень не выглядела столь интенсивной. Угол я устанавливаю на 135 градусов, чтобы создать впечатление, что свет исходит из верхнего левого угла, но вы можете выбрать угол по своему усмотрению. Наконец, размер и расстояние я установлю на 10px. Опция Размер (Size) контролирует, насколько тень будет простираться от угла, в то время как Расстояние (Distance) контролирует мягкость края. Необходимые вам величины будут во многом зависеть от размеров изображения, поэтому, тут вы можете немного поэкспериментировать:

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

Вот и все! Таким образом мы помещаем одно изображение внутри другого при помощи функции Вставить в (Paste Into) в Photoshop!

Автор: Steve Patterson

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

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

Обводка фотографии

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

Открываем фотографию в Adobe Photoshop. На панели слоёв кликаем правой кнопкой мыши по слою с нашей фотографией. Если панели слоёв не видно, то открыть её можно с помощью пункта меню Window/«Окно» → Layers/«Слои».

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

Для того, чтобы его разблокировать, просто дважды кликнем по этому слою мышкой. Замочек исчезнет, а сам слой станет называться Layer 0. После этого кликаем по слою правой кнопкой мыши и в контекстном меню выбираем пункт Blending Options/«Параметры наложения».

Появившееся диалоговое окно немного пугает количеством пунктов, но нам из них нужны всего два.

За добавление обводки по краю кадра отвечает пункт Stroke/«Выполнить обводку». Находим его в левой панели и отмечаем галочкой. После этого в центральной части можно задать параметры обводки:

• Size/«Размер» — толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
• Position/«Положение» — положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Inside), не имеют смысла.
• Blending Mode/«Режим наложения» — режим наложения обводки.
• Opacity/«Непрозр.» — плотность (непрозрачность) обводки.
• Color/«Цвет» — цвет.

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

Так, добавить рамке объём можно с помощью настроек Bevel & Emboss/«Тиснение». Их выбор тут довольно велик, а влияние на изображение каждой наглядно отображается на превью, поэтому предлагаем просто попробовать разные варианты и подобрать нужный.

Результат:

Внутренняя рамка

Открываем фотографию в Adobe Photoshop. Для того, чтобы сделать белую рамку в Фотошопе, надо выделить всю фотографию целиком. Сделать это можно либо с помощью комбинации клавиш Ctrl+A, либо с помощью команды меню Select/«Выделение» → All/«Все».

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

После того как фотография выделена по периметру, нужно сделать так, чтобы выделение проходило именно там, где нужна рамка. Для этого воспользуемся командой Select/«Выделение» → Modify/«Модификация» → Contract…/«Сжать…».

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста», которая указывает на то, что отступ нужно делать от границы.

Нажимаем Ok и видим, что выделение сместилось к центру кадра. Если положение будущей рамки нас устраивает, то двигаемся дальше, если нет — отменяем выделение с помощью комбинации клавиш Ctrl+D и повторяем всё сначала, пока не найдём идеальное положение.

Когда нужное положение выделения подобрано, надо просто выполнить обводку по этому контуру. Для этого воспользуемся командой Edit/«Редактирование» → Stroke…/«Выполнить обводку…».

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

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

А вот и результат.

Рамка с неровными краями

Как сделать красивую рамку в Фотошопе? Для этого можно добавить к фотографии рамку с неровными и рваными краями.

Как и в предыдущих случаях, делаем выделение с отступом от края кадра.

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

Область для рамки теперь выделена красным. Осталось добавить к ней неровные края. Для этого воспользуемся фильтрами, которых в Adobe Photoshop имеется в изобилии. Это пункт меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…».

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

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

Теперь инвертируем выделение с помощью команды Select/«Выделение» → Inverse/«Инверсия».

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

Вот результат.

Паспарту

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

Как и раньше, открываем фотографию в Adobe Photoshop и снимаем блокировку с основного слоя.

После этого нам надо увеличить размер холста, для чего воспользуемся командой Image/«Изображение» → Canvas Size…/«Размер холста…».

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

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

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

После этого просто заливаем новый слой нужным цветом.

Результат.

Вставка фотографии в рамку

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

Итак, допустим вы нашли подходящую рамку и открыли ее в Adobe Photoshop. Вторым документом откройте фотографию, которую надо вставить в рамку.

После этого перемещаемся в документ с рамкой, выделяем её целиком с помощью комбинации клавиш Ctrl+A, после этого копируем выделение Ctrl+C, переключаемся на файл с фотографией и вставляем скопированную рамку туда Ctrl+V.

Из-за того, что размеры и формат рамки и фотографии отличались, аккуратно вставить не получилось. Поэтому надо изменить размер рамки и подогнать под неё фотографию.
Делаем активным слой с рамкой, кликнув по нему мышкой, и с помощью инструмента трансформации изменяем размер рамки Edit/«Редактирование» → Free Transform/«Свободное трансформирование».

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

Как сделать рамку в Adobe Photoshop?

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

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

Рассмотрим несколько простейших способов.

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню «Редактирование» и кликнув по пункту «Выполнить обводку»:

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

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

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

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

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

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z. Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

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

Находясь на первом слое, выберите «Фильтр», «Размытие» и «Размытие по Гауссу» и размойте изображение:
Затем в окне «Фильтр» кликните на «Шум» — «Добавить шум». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

Включите видимость всех слоёв и слой 2, применив свободное трансформирование, уменьшите по контуру на необходимую величину.

Получится такая рамка:

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

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

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop:

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

В окне «Слои» поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

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

В разделе «Тиснение» поставьте галочки, руководствуясь своим вкусом и предпочтениями:
В результате у вас получится объёмное и реалистичное изображение в рамке.
Надеемся, что данный урок стал для вас полезен!

Как вставить фото в рамку в Photoshop CS6

Нажимаем комбинацию клавиш Ctrl+A, при этом будет выделено всё изображение, затем идём по вкладке главного меню Выделение —> Трансформировать выделенную область (Select—>Transform Selection). Вокруг выделения появляется габаритная рамка трансформации. Далее сперва зажимаем клавиши Shift+Alt, подводим курсор мыши к углу рамки и тащим его внутрь фото:

Нажимаем Enter для применения трансформации. Граница выделения уменьшилась пропорционально размерам фото, но боковое расстояние кажется больше, чем расстояние от края рамки до верхи до низа. Исправим это.
Опять зажимаем Shift+Alt и тянем наружу за маркер на боковой стороне:

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

Нажимаем на кнопку запуска быстрой маски получаем следующий вид:

Красным цветом в документе отмечена зона, заблокированная для изменений. Но для рамки нам потребуется именно эта, заблокированная на данный момент область, поэтому маску надо инвертировать, нажав комбинацию Ctrl+I. Вот как сейчас выглядит маска:

Теперь документ готов для применения фильтра из галереи «Штрихи» (Brush Strokes). Идём по вкладке Фильтр —> Галерея фильтров (Filter —> Filter Gallery), открываем раздел «Штрихи» (Brush Strokes), где выбираем «Аэрограф» (Sprayed Strokes)? применяем параметры,указанные на рисунке, для фотографий других размеров значения могут отличаться:

Вот как теперь выглядит документ:

Отключаем быструю маску, нажав на кнопку в инструментальной панели или клавишу Q. Маска превратилась в выделение:

Копируем выделение на новый слой, нажав Ctrl+J. Внешне документ не изменился, но, если мы посмотрим на панель слоёв, то увидим новый слой с рамкой:

В окне рабочего документа слой с рамкой незаметен, т.к. сливается с фоновым. Я добавил к слою стиль слоя «Наложение градиента» (Gradient Overlay) и «Тень» (Drop Shadow). Параметры стилей слоя Вы можете посмотреть в файле PSD, скачать который Вы можете по ссылкам внизу страницы:

Собственно, рамка для фотографии готова.

Для завершения композиции, я применил к основному изображению корректирующий слой
«Поиск цвета» (Color Lookup), появившийся в Photoshop CS6, кроме того, уменьшил насыщенность с помощью корректирующего слоя «Цветовой тон/Насыщенность» (Hue/Saturation). Параметры коррекций Вы также можете посмотреть в файле PSD, скачать который Вы можете по ссылкам внизу страницы.

Вот как выглядит готовый результат:

Скачать файл PSD:

Помещайте изображения в формы с помощью инструмента «Новая рамка» в Photoshop CC 2019

Инструмент «Рамка», новая функция в Photoshop CC 2019, позволяет легко помещать изображения в формы! Узнайте, как рисовать фигуры с помощью инструмента «Рамка», как вставлять изображения в фигуры, как мгновенно заменять изображения другими изображениями и многое другое!

Автор Стив Паттерсон.

Photoshop CC 2019 представляет новый инструмент на панели инструментов Photoshop, известный как Frame Tool.Инструмент «Рамка» предназначен для упрощения и интуитивно понятного размещения изображений в форме, особенно для пользователей, которые плохо знакомы с Photoshop. Он отлично подходит для разработки макетов, и на самом деле, если вы использовали программу макета страницы, такую ​​как Adobe InDesign, то вы уже знакомы с тем, как работает Frame Tool. Вы просто перетаскиваете рамку, в которую хотите поместить изображение на странице (или, в данном случае, в свой документ Photoshop), а затем перетаскиваете изображение в рамку!

Честно говоря, новый инструмент Photoshop Frame Tool не обязательно лучший способ работы.Это потому, что все, что вы можете сделать с помощью инструмента «Рамка», также можно сделать с помощью более гибких обтравочных масок Photoshop. Но Frame Tool на проще, особенно если вы новичок в Photoshop. А инструмент «Рамка» в полной мере использует мощные смарт-объекты Photoshop. Так что, даже если вы более опытный пользователь Photoshop, Frame Tool все равно есть что предложить. Посмотрим, как это работает.

Чтобы продолжить, вам понадобится Photoshop CC. А если вы уже являетесь подписчиком Adobe Creative Cloud, убедитесь, что у вас установлена ​​последняя версия Photoshop CC.Давайте начнем!

Загрузите это руководство в виде готового к печати PDF-файла!

Как использовать инструмент «Рамка» в Photoshop CC 2019

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

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

Новый документ в Photoshop CC 2019.

Шаг 1. Выберите инструмент «Рамка»

Новый инструмент Photoshop Frame Tool находится на панели инструментов. Это инструмент, который выглядит как прямоугольник с крестиком на нем. Щелкните по нему, чтобы выбрать. Вы также можете выбрать инструмент Frame Tool на клавиатуре, нажав букву K :

Выбор инструмента «Рамка» на панели инструментов.

Шаг 2. Выберите форму рамки на панели параметров

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

Выберите форму рамки (прямоугольную или эллиптическую).

Шаг 3. Нарисуйте рамку, в которой вы хотите разместить изображение

Затем перетащите рамку, в которую вы хотите поместить изображение внутри документа:

Щелкните и перетащите, чтобы нарисовать рамку.

Использование клавиш-модификаторов с инструментом «Рамка»

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

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

В моем случае я нарисую широкую рамку в верхней половине документа:

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

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

В документ добавлена ​​пустая рамка.

Новый слой Frame на панели Layers

Если мы посмотрим на панель «Слои», то увидим, что Photoshop добавил кадр на свой отдельный слой кадра , который также является новым в CC 2019. Миниатюра слева представляет сам кадр (обозначенный маленьким значком кадра ) в правом нижнем углу).И эскиз справа предназначен для содержимого внутри фрейма. Поскольку содержимого еще нет, эскиз просто закрашен белым:

Значок в правом нижнем углу говорит нам, что это слой Frame.

Шаг 4: Поместите изображение в рамку

Чтобы поместить изображение в рамку, перейдите в меню File в строке меню и выберите Place Embedded . Или вы можете выбрать Place Linked . Разница в том, что Place Embedded вставляет изображение в ваш документ, а Place Linked просто ссылается на изображение на вашем компьютере.В большинстве случаев лучшим выбором будет Place Embedded:

Переход к файлу> Поместить встроенный.

Затем перейдите к изображению на вашем компьютере, выберите его и щелкните Place :

Выбор изображения для размещения внутри рамки.

Photoshop помещает изображение в рамку. И он автоматически изменяет размер изображения в соответствии с размером кадра (фото из Adobe Stock):

Изображение помещается в рамку и меняет ее размер. Фото: Adobe Stock.

Размещение изображения как смарт-объекта

Если мы снова посмотрим на слой Frame на панели Layers, мы увидим, что содержимое кадра теперь отображается на миниатюре справа. Также обратите внимание на значок смарт-объекта в правом нижнем углу миниатюры, сообщающий нам, что Photoshop автоматически преобразовал изображение в смарт-объект.

Если вы новичок в Photoshop, это может не иметь большого значения для вас, но смарт-объекты — это хорошо. Это означает, что мы можем изменять размер изображения внутри кадра без потери качества.И мы можем легко заменить изображение другим, как мы увидим через несколько минут:

Слой кадра, показывающий содержимое, добавленное как смарт-объект.

Загрузите это руководство в виде готового к печати PDF-файла!

Как переключаться между рамкой и изображением

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

Из панели «Слои»

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

Граница говорит нам, какой из них (рамка или изображение) выбран.

Выбор рамы

Чтобы выбрать сам кадр, щелкните по его миниатюре слева:

Выбор кадра щелчком левой миниатюры.

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

Дескрипторы преобразования означают, что кадр выбран.

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

Чтобы вернуться к изображению, щелкните эскиз справа:

Выбор изображения щелчком правой миниатюры.

И когда изображение выбрано, ручки преобразования вокруг кадра исчезают:

Дескрипторы преобразования кадра исчезли.

Выбор кадра и изображения

Для одновременного выбора кадра и кадра изображения нажмите и удерживайте клавишу Shift и щелкните тот, который в данный момент не выбран.Белая рамка появляется вокруг обоих миниатюр:

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

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

А затем, чтобы вернуться к выбору только кадра или , щелкните по нужному изображению. Я повторно выделю рамку, и это снимет выделение с изображения:

Когда выбраны оба, щелкните эскиз, чтобы отменить выбор другого.

Из документа

Другой способ переключения между фреймом и его содержимым — из документа.

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

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

Щелкните изображение, чтобы выбрать его.

Выбор рамы

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

Щелкните рамку, чтобы выбрать ее.

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

И чтобы выбрать как кадр , так и изображение, дважды щелкните на изображении.Контур вокруг изображения исчезнет, ​​и вы увидите только контур вокруг кадра:

Дважды щелкните изображение, чтобы выбрать одновременно рамку и изображение.

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

Щелкните и перетащите рамку и изображение, когда они выбраны.

Как отменить шаг с помощью Frame Tool

Я отменю это, перейдя в меню Edit и выбрав Undo Move .Photoshop дает нам несколько отмен с помощью инструмента «Рамка». Чтобы вернуться назад по шагам, несколько раз нажмите Ctrl + Z (Win) / Command + Z (Mac). И чтобы повторить шаг, нажмите Shift + Ctrl + Z (Win) / Shift + Command + Z (Mac):

Отмена последнего шага с помощью Frame Tool.

Отмена выбора кадра, когда выбраны оба

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

Снова дважды щелкните, чтобы выбрать только изображение.

Как перемещать и изменять размер кадра

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

Как сдвинуть изображение в кадре

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

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

Как изменить размер изображения в кадре

Чтобы изменить размер изображения, мы напрямую не используем инструмент «Рамка». Вместо этого мы используем команду Photoshop Free Transform. Поднимитесь в меню Edit и выберите Free Transform :

Идем в Edit> Free Transform.

Затем перетащите ручки, чтобы изменить размер изображения. В Photoshop CC 2019 Free Transform автоматически блокирует соотношение сторон, поэтому нет необходимости удерживать Shift при перетаскивании.Но если вы хотите изменить размер изображения от его центра, нажмите и удерживайте Alt (Win) / Option (Mac). Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять его:

Изменение размера изображения внутри кадра с помощью функции «Свободное преобразование».

Как изменить размер рамки

Чтобы изменить размер фрейма, а не его содержимого, сначала щелкните контур фрейма, чтобы выбрать его:

Выбор кадра путем прямого щелчка по его контуру.

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

Изменение размера кадра путем перетаскивания маркеров преобразования.

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

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

Как сдвинуть рамку и изображение вместе

Для одновременного перемещения кадра и изображения дважды щелкните изображение, чтобы выбрать их оба:

Двойным щелчком выберите рамку и изображение.

Затем щелкните и перетащите, чтобы переместить их вместе:

Одновременное перетаскивание фрейма и его содержимого.

Как изменить размер кадра и изображения вместе

Чтобы изменить размер и рамки, и изображения одновременно, еще раз убедитесь, что оба выбраны. Поднимитесь в меню Edit и выберите Free Transform :

Возвращаемся к Edit> Free Transform.

Затем перетащите маркеры, чтобы изменить размер рамки и ее содержимого:

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

Вы также можете изменить положение кадра и его содержимого, щелкнув и перетащив в поле «Свободное преобразование». Здесь я центрировал рамку и изображение в документе. Нажмите , введите (Win) / Верните (Mac), когда вы закончите, чтобы принять его:

Центрирование рамки и изображения в документе с помощью функции «Свободное преобразование».

Подпишитесь на нашу рассылку новостей

Узнавайте первыми о добавлении новых обучающих программ!

Как заменить содержимое фрейма

Замечательная особенность нового инструмента Photoshop Frame Tool заключается в том, что мы можем легко заменять одно изображение другим.

Я несколько раз нажму Ctr + Z (Win) / Command + Z (Mac), чтобы отменить мои шаги и вернуть мой кадр к исходному размеру и местоположению:

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

Метод 1. Использование команды «Поместить внедренный» или «Поместить связанный»

Один из способов заменить текущее изображение другим изображением — перейти в меню File и выбрать Place Embedded (или Place Linked ):

Переход к файлу> Поместить встроенный.

Перейдите к новому образу на вашем компьютере. Затем выберите его и нажмите Place :

Выбор и размещение нового изображения в рамке.

Метод 2: перетащите

Или, если у вас уже есть изображение, открытое в окне проводника (Win) или Finder (Mac), вы можете перетащить новое изображение на существующее:

Перетаскивание замещающего изображения в рамку.

Метод 3. С панели «Библиотеки»

И еще один способ добавить или заменить содержимое — перетащить изображение из панели Библиотеки на фрейм:

Перетаскивание замещающего изображения с панели «Библиотеки» на фрейм.

Photoshop мгновенно заменяет предыдущее изображение новым. Затем вы можете использовать Free Transform, чтобы при необходимости изменить размер изображения внутри кадра (фото из Adobe Stock):

Инструмент «Рамка» позволяет легко заменять одно изображение другим. Фото: Adobe Stock.

Как добавить обводку вокруг рамки

Теперь давайте посмотрим, как добавить обводку вокруг кадра. Обычные стили слоя Photoshop, расположенные в нижней части панели «Слои», не работают с фреймами.Но у нас можно добавить обводку к . Вы найдете опцию Stroke на панели свойств :

Параметр «Обводка» для инструмента «Рамка» на панели «Свойства».

Почему я не вижу опцию «Обводка»?

Если вы не видите параметр «Обводка», убедитесь, что на панели «Слои» выбрана сама рамка:

Параметр «Обводка» доступен, только если выделен кадр.

Выбор цвета, положения и размера обводки

Щелкните образец под словом «Обводка», чтобы выбрать цвет.Затем выберите положение (внутри, по центру или снаружи) и размер :

Установка цвета, положения и размера обводки.

Обводка появляется вокруг рамки:

Рамка с добавленной обводкой.

Как убрать обводку вокруг рамки

Чтобы удалить обводку, щелкните еще раз на образце цвета под словом «Обводка» и выберите Без цвета (образец с красной линией через него):

Удаление обводки путем нажатия образца «Нет цвета».

Как добавить рамку вокруг существующего изображения

Наконец, давайте рассмотрим еще один способ использования инструмента «Рамка» — добавление рамки к существующему изображению. Мы также рассмотрим, как удалить рамку из изображения. Я переключусь на другое изображение, открытое в Photoshop:

Изображение открыто в отдельном документе. Фото: Adobe Stock.

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

Рамки нельзя добавлять к изображениям на фоновом слое.

Как поместить изображение в прямоугольную рамку

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

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

Когда вы отпускаете кнопку мыши, Photoshop добавляет рамку и помещает в нее изображение:

Теперь изображение находится внутри кадра.

И на панели «Слои» мы видим, что Photoshop преобразовал изображение в смарт-объект, как и раньше:

Изображение, преобразованное в смарт-объект на слое кадра.

Как убрать рамку с изображения

Я добавил к изображению прямоугольную рамку. Но что, если я хотел вместо этого добавить эллиптическую рамку? В этом случае я могу удалить существующий фрейм, щелкнув правой кнопкой мыши (Win) / Control-щелкнув (Mac) на слое фрейма на панели «Слои»:

Щелкните правой кнопкой мыши (Win) или щелкните, удерживая клавишу Control (Mac), на слое Frame.

Затем выберите Удалить кадр со слоя :

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

Удаляет рамку, но сохраняет изображение:

Рамка исчезла, но изображение осталось.

Помещение изображения в эллиптическую рамку

Я перейду с прямоугольной рамки на эллиптическую рамку на панели параметров:

Выбор эллиптической формы рамы.

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

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

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

Изображение помещено в круговую рамку.

Связанное руководство: Как обрезать изображения в круги!

И вот оно! Это основы использования нового инструмента «Рамка» в Photoshop CC 2019! Посетите наш раздел Основы Photoshop, чтобы узнать больше!

Как использовать инструмент «Рамка» в Photoshop CC 2019

Photoshop CC 2019 представляет инструмент «Рамка», новейшее дополнение к панели инструментов.

Инструмент «Рамка» позволяет создавать заполнители изображений, в которые можно добавлять изображения позже. Он очень похож на инструмент «Рамка» в Adobe InDesign.

Как работают рамки в Photoshop?

Frames — это новый тип слоя на панели слоев. Вы можете думать о них как о контейнере, в котором хранится контент.

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

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

Необходимое время: 3 минуты.

Следуйте этим инструкциям, чтобы создать изображения-заполнители с помощью нового инструмента «Рамка» в Photoshop CC 2019.

1. Выберите инструмент «Рамка»

   Вы можете выбрать инструмент «Рамка» на панели инструментов Photoshop или нажав клавишу K на клавиатуре.

2. Выберите форму рамки на панели параметров

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

3. Щелкните и перетащите, чтобы создать фрейм-заполнитель

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

4. Перетаскивание изображений во фрейм

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

5. Замена изображений из кадров

   Вы можете заменить изображение в кадре, перетащив на него новое изображение.

Как выбрать фрейм или содержимое в фрейме

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

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

Примечание 1 : Нет дескрипторов преобразования для масштабирования кадра и содержимого вместе. Однако вы можете изменить размер отдельно.

Примечание 2 : После масштабирования содержимого во фрейме невозможно автоматически «подогнать содержимое под фрейм»
.

Кадры из изображений

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

Рамки из текстовых слоев или фигур

Вы можете преобразовать любую существующую фигуру или текстовый слой в рамку.

На панели слоев щелкните правой кнопкой мыши слой с фигурой или текстом и выберите « Convert to Frame ».

Фреймы и панель свойств

Вставить изображение

• Найти на Adobe Stock: Открывает в вашем браузере веб-сайт Adobe Stock.
• Открытые библиотеки : открывает панель «Библиотеки».
• Место с локального диска — встроенный : открывает окно «Поместить». Выбранное изображение будет встроено в документ фотошопа.
• Место с локального диска — встроенный: Открывает окно Поместить. Выбранное изображение станет справочным файлом.

Ход

Этот параметр позволяет обвести рамку обводкой.

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

Layer Comp

Если ваше изображение-заполнитель представляет собой смарт-объект с композицией слоев, вы можете использовать раскрывающийся список «Композиция слоев», чтобы выбрать композицию, которая была определена в исходном файле.

Layer Comps часто используются дизайнерами для создания нескольких композиций (или композиций) макета страницы для демонстрации клиентам. Layer Comps позволяют создавать, управлять и просматривать несколько версий макета в одном файле Photoshop.

Композиция слоев — это просто снимок состояния панели «Слои».Композиции слоев записывают три типа параметров слоя:

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

Эта функция позволяет изменять состояние смарт-объекта на уровне слоя без редактирования смарт-объекта.

Команда

• Редактировать содержимое :
• Преобразовано в связанный :
• Встроено :

Как создать свои собственные рамки и границы с помощью Photoshop

Дайте вашим фотографиям преимущество! Из этого туториала Вы узнаете, как создавать собственные рамки и границы с помощью Photoshop.

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

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

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

РАМКА

Белая рамка

Если вы хотите напечатать фотографию и оформить ее в традиционном стиле, выполните следующие простые шаги:

1. Откройте изображение в Photoshop.
2. Перейти к началу страницы Меню >> Изображение >> Размер холста. Во всплывающем окне у вас будет выбор для нового размера.Здесь вам нужно изменить измерение на Процент, чтобы оно было равномерным по всей вашей фотографии, и вам не нужно было выполнять много вычислений. Затем выберите размер рамки. В этом случае я решил добавить 10%, поэтому общий размер будет 110%. Убедитесь, что ваша точка привязки находится в центре (как показано на рисунке ниже). Внизу вы также можете выбрать цвет рамки. Нажмите ОК, чтобы применить.

3. Снова откройте окно «Размер холста», но на этот раз вы поместите точку привязки в верхний центральный квадрат (как показано на изображении ниже).Добавьте дополнительные 10% сверху / снизу, чтобы оставить ширину 100%, и измените только высоту на 110%.

4. Добавьте свою подпись, авторские права или посвящение под своим изображением.

Фотография с белой рамкой и подписью, нанесенной этим методом.

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

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

1. Откройте изображение в Photoshop.
2. Перейдите в верхнее меню >> Изображение >> Размер холста и выберите размер и ширину рамки, как вы это делали для белой рамки. На этот раз вы можете проявить немного больше творчества, просто не забудьте держать якорь в центре. Когда вы закончите, нажмите ОК.
3. Повторите шаг № 2, выбрав другой цвет и размер. Например, для этого я решил сначала использовать серую рамку 3%, а затем более тонкую в цвете винограда, чтобы дополнить изображение.
4. Повторите столько раз, сколько захотите. В этом случае я добавил третью рамку черного цвета, которая была шире предыдущих двух.

СОВЕТ: Чтобы выбрать цвет на фотографии, выберите «Другой» в цветном меню в окне «Размер холста». Откроется новое окно со всеми цветами на выбор. В этот момент, проводя указатель мыши по изображению, указатель становится пипеткой. Затем вам просто нужно нажать на нужный цвет, а Photoshop сделает все остальное!

ГРАНИЦ

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

Создание границы в стиле гранж

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

Далее перейдите в верхнее меню; Image >> Adjustments >> Threshold и установите очень большое значение, чтобы получить изображение в основном черно-белое (без серых тонов).

Выберите изображение (CTRL / CMD + A) и скопируйте его (CTRL / CMD + C). Затем вставьте его на новый пустой холст (CTRL / CMD + V).

Перейти в верхнее меню; Edit >> Free Transform и сожмите изображение до одного из краев.

Дублируйте слой, перейдя в верхнее меню; Слой >> Дублировать слой. Сделайте это трижды, чтобы у вас получилось четыре слоя.

Выберите каждый слой и разместите их с каждой стороны (используйте «Трансформирование», чтобы повернуть и изменить размер каждого из них), создав прямоугольную границу.Вы можете выбрать разные режимы наложения для каждого слоя, чтобы они не выглядели одинаково. Вы можете сделать это из раскрывающегося меню на панели «Слои». Вы также можете перейти в верхнее меню и выбрать; Слой >> Стиль слоя >> Параметры наложения, если вам нужен больший контроль над режимом наложения.

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

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

Приложение: Как использовать границы

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

Откройте файл рамки.

Перейдите в верхнее меню и выберите; Файл >> Поместить >> и выберите свое фото. Это вставит нужную фотографию в файл границы, размер которой уже изменен. Вам придется выполнить окончательную корректировку размера вручную, перетаскивая края (удерживайте нажатой клавишу Shift, если вы используете инструмент Transform, чтобы сохранить соотношение сторон изображения).

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

Заключение

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

Автор граффити неизвестен, найден на улицах Милана, 2017.

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

Создание декоративной фоторамки в Photoshop

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

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

Посмотреть видео

Ступеньки

Быстрые шаги для опытных пользователей Photoshop

1. Преобразование изображения в смарт-объект
2. Используйте инструмент Shape Layer, чтобы нарисовать форму рамки
3. Поместите изображение вверху стопки слоев (над слоем векторной маски)
4. Создайте обтравочную маску, отсекая слой изображения до векторного слоя
5. Добавить новый слой в конец стопки слоев и заполнить узором или разместить фоновое изображение для кадра внизу стопки слоев
6. Примените растушевку к векторной маске (необязательно)
7. Чтобы повторно использовать рамку в новом изображении, щелкните правой кнопкой мыши слой смарт-объекта и выберите «Заменить содержимое».

Шаг 1

Откройте изображение в Photoshop и преобразуйте его в смарт-объект, щелкнув правой кнопкой мыши имя слоя и выбрав «Преобразовать в смарт-объект».”

Выбор «Преобразовать в смарт-объект»

После преобразования слоя в смарт-объект вы увидите небольшой значок, встроенный в миниатюру слоя, который указывает, что объект является смарт-объектом.

Символ смарт-объекта

Step 2

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

Выбор инструмента «Прямоугольник со скругленными углами»

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

Настройка параметров инструмента «Прямоугольник со скругленными углами (слой-фигура)»

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

Рисуем прямоугольник с закругленными углами поверх изображения

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

Шаг 3

Центрируйте векторную маску на изображении.Используйте Cmd + A (ПК: Ctrl + A), чтобы «выделить все», а затем выберите инструмент «Перемещение», нажав клавишу «V». Когда у вас выбран инструмент «Перемещение», вы увидите параметры выравнивания в верхней части панели параметров.

Щелкните значок «Выровнять по центру по вертикали», чтобы центрировать маску по вертикали, а затем щелкните значок «Выровнять по центру по горизонтали», чтобы отцентрировать маску по горизонтали. Как только все будет по центру, снимите выделение, используя Cmd + D (ПК: Ctrl + D).

Использование опций выравнивания

Шаг 4

Измените порядок слоев — слой маски слоя должен быть ниже слоя смарт-объекта.Вы можете переместить слой-маску слоя в нижнюю часть стека слоев, щелкнув и перетащив слой ниже слоя смарт-объекта, или вы можете выбрать слой-маску слоя, а затем использовать сочетание клавиш Shift + Cmd + [(PC: Shift + Ctrl + [).

Шаг 5

Добавьте обтравочную маску, чтобы «закрепить» верхний слой на слое под ним. Щелкните правой кнопкой мыши имя верхнего слоя (или рядом с ним) и выберите опцию «Создать обтравочную маску» (в качестве ярлыка я предпочитаю нажимать клавишу Option-Click между двумя слоями, когда появляется двойной кружок).

Выбор опции «Создать обтравочную маску» Быстрый доступ: добавление обтравочной маски

Теперь мы готовы создать рамку для изображения! В Photoshop есть множество способов создать декоративную фоторамку. В этом уроке я покажу вам два метода: в первом используется узор Photoshop, а во втором — отдельное изображение.

Шаг 6a

Вариант кадрирования 1. Использование шаблона Photoshop для кадра:

Добавьте новый слой в нижнюю часть стопки слоев — щелкните один раз на нижнем слое, чтобы выбрать его, затем Cmd + щелкните значок «Добавить новый слой» (этот ярлык добавит новый слой непосредственно под текущим выбранным слоем. , помещая новый слой внизу стопки слоев).

Выбор значка «Создать новый слой»

Заполните нижний слой узором, открыв диалоговое окно «Заливка» и выберите узор, который хотите использовать. Чтобы открыть диалоговое окно «Заливка», используйте сочетание клавиш Shift + Delete (ПК: Shift + Backspace) или выберите «Файл»> «Заливка» в верхнем меню.

В диалоговом окне «Заливка» выберите «Узор» в разделе «Содержание».

Выбор «Узор» в диалоговом окне «Заливка»

Щелкните значок слева от «Пользовательский узор», чтобы выбрать узор для использования.Чтобы просмотреть дополнительные шаблоны Photoshop, щелкните маленькую стрелку, а затем выберите группу шаблонов для загрузки, например, Artist Surfaces, Nature Patterns и т. Д.

Щелчок по значку «Пользовательский шаблон» (красная стрелка: дополнительные шаблоны)

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

Нажмите «ОК» в диалоговом окне «Заливка», когда выберете узор, который хотите использовать.

Если вам не нравится выбранный вами узор, вы можете использовать Shift + Cmd (ПК: Shift + Ctrl), чтобы снова открыть диалоговое окно «Заливка» и поэкспериментировать с другим узором.

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

Регулировка пера

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

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

Фоторамка с рисунком Photoshop.

Фоторамка с использованием выкройки Photoshop

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

Чтобы использовать этот шаблон фоторамки на другом изображении, щелкните правой кнопкой мыши имя слоя смарт-объекта (или рядом с ним) и выберите параметр «Заменить содержимое».Выберите новое изображение, которое вы хотите использовать в рамке изображения, и нажмите «Поместить». Обратите внимание, что это работает лучше всего, если замещающее изображение имеет тот же (или почти такой же) размер, что и исходное изображение.

Выбор параметра «Заменить содержимое».

Другое изображение с той же цифровой фоторамкой.

Другое изображение с использованием той же фоторамки

Вы можете изменить размер и форму векторной маски без ухудшения качества маски — используйте инструмент «Свободное преобразование» (Cmd + T) (ПК: Ctrl + T) или отредактируйте опорные точки контура фигуры, используя либо Инструменты «Путь» или «Прямое выделение» (также известные как инструменты «Белая или черная стрелка») или инструменты «Перо».

Шаг 6b

Вариант кадрирования 2 — использование изображения для кадра

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

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

Выбор опции «Дублировать слой»

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

Диалоговое окно «Дублировать слой»

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

Если изображение, которое вы выбрали для рамки, меньше, чем изображение, с которым вы работаете, вам необходимо изменить его размер, чтобы оно доходило до краев документа (холста). Для этого отключите видимость слоя для всех слоев, кроме этого нового слоя, нажав Option + щелкнув (ПК: Alt + щелчок) на значке видимости слоя для нового слоя. Затем используйте Cmd + T (ПК: Ctrl + T), чтобы выбрать инструмент «Свободное преобразование», и удерживайте Shift + Option (ПК: Shift + Alt), пока вы перетаскиваете один из угловых маркеров поля «Свободное преобразование», пока изображение не расширится до край вашего изображения (вы захотите растянуть изображение так, чтобы оно было немного больше размера холста, а узор в виде шахматной доски был полностью скрыт).Нажмите клавишу «Return» (ПК: Enter), чтобы принять изменения. Теперь включите видимость для всех слоев, нажав Option + щелкнув значок видимости для нового слоя еще раз.

Небольшое фоновое изображение, используемое для фонового кадра Перетаскивание ручки управления Free Transform для изменения размера изображения

После того, как нижний слой будет заполнен фоновым изображением, вы можете применить растушевку к векторной маске. Для этого щелкните один раз векторную маску, чтобы выбрать ее, а затем щелкните вкладку «Маски».Перетащите ползунок «Перо» вправо, пока не добьетесь желаемого эффекта. Я подумал, что изображение, показанное ниже, выглядит лучше всего без применения Feather — это полностью зависит от вас!

Окончательная фоторамка

Окончательная фоторамка

Бонусные чаевые

• Попробуйте добавить Bevel and Emboss к фоновому изображению, а Drop Shadow и Bevel and Emboss к слою векторной маски. Поэкспериментируйте с эффектами слоев и повеселитесь!

• Если вы ищете программный продукт, который добавляет рамки к вашим изображениям, обратите внимание на Perfect Photo Suite 8 от One Software.Он полон полезных функций и имеет множество встроенных рамок и эффектов.

Окончательное изображение с эффектами слоев

Окончательное изображение с эффектами слоя

Как добавить рамки и границы Photoshop для фотографий Edgier

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

8.Белая кайма

Прежде чем мы начнем с ума с разных идей, давайте сначала узнаем, как создать базовые границы Photoshop.
Сначала перейдите в раздел Изображение и выберите Размер холста. В разделе «Новый размер» измените значения ширины и высоты. По умолчанию измерения указаны в дюймах, но вы можете переключиться на проценты.
Текущий размер холста покрывает 100% фотографии. Поэтому, если вы хотите, чтобы граница была на 20% больше, вам нужно указать 120% как для ширины, так и для высоты.
Не забудьте перейти в «Якорь» и щелкнуть по средней плитке.Это обеспечит увеличение всех сторон фотографии на 20%.
Если вы нажмете на любую другую плитку, только эти области получат 20% -ную белую границу.

7. Многослойная кайма

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

6. Ручная роспись бордюра

Не любите традиционные бордюры? Создайте нарисованную от руки границу с помощью инструмента «Кисть».
Открыв файл в Photoshop, создайте новый слой, нажав Ctrl + Shift + N. Когда появится диалоговое окно, нажмите OK, и оно появится поверх вашего изображения.
Затем щелкните, чтобы выбрать новый слой. Теперь перейдите на панель инструментов и выберите инструмент «Кисть». Вверху экрана найдите круглый значок с цифрой 100 под ним. Здесь вы можете изменить размер и жесткость кисти.
В ползунках «Размер» и «Жесткость» вы можете выбрать один из десятков различных типов кистей для границы.Не стесняйтесь использовать что-нибудь из кистей Dry Media, Wet Media и Special Effects.
Все они имеют разные виды узоров и текстур, которые помогут вам добиться эффекта ручной росписи.
Следующий шаг — закрасить края фотографии. Ничего страшного, если он не выглядит идеально. На самом деле, это ваши маленькие недостатки делают его аутентичным. И как только вы закроете все стороны, у вас получится аккуратная граница.

5. Фигурный бордюр

Вам скучны прямоугольные и квадратные бордюры? Затем вы должны попробовать создать один с другими формами.
Как только ваше изображение загрузится в Photoshop, создайте новый слой, используя сочетания клавиш, которые я вам показал. Теперь найдите инструмент Эллипс на панели инструментов. Щелкните его правой кнопкой мыши и выберите нужную форму.
После выбора формы щелкните и перетащите указатель мыши на изображение, пока не получите нужный размер. Щелкните правой кнопкой мыши еще раз и выберите свободное преобразование, чтобы вы могли переместить выделение туда, где хотите.
Когда ваша фигура окажется в нужном месте, перейдите на панель параметров и выберите Параметры обводки. Оттуда выберите сплошную линию, которая будет служить вашей границей.Вы можете изменить его толщину, отрегулировав ползунок «Размер пикселя» рядом с «Параметры обводки». Затем перейдите в Обводку и выберите нужный цвет.
После завершения настройки вернитесь к своему изображению, щелкните правой кнопкой мыши и выберите «Сделать выделение». Затем перейдите на панель приложений, найдите кнопку «Выбрать» и нажмите «Инверсия» в раскрывающемся меню.
Теперь перейдите на панель слоев и щелкните слой изображения. На этом этапе все, что вам нужно сделать, это нажать удалить, и вы получите рамку в форме.

4.Рамка Polaroid

Давайте перейдем на новый уровень и создадим рамки Photoshop. Первое, что мы сделаем, — это рамка Polaroid, потому что она простая и в то же время круто выглядит.
Первый шаг — обрезать изображение до квадрата 1: 1. Затем создайте белую рамку. Перейдите в Размер холста и добавьте примерно десять процентов к ширине и высоте, чтобы края были ровными.
Затем вам нужно добавить более длинную границу внизу изображения, как у обычного поляроида. Для этого снова откройте Размер холста и добавьте к высоте от 10 до 15 процентов.
Затем перейдите к привязке и нажмите на верхнюю среднюю плитку. Как только вы нажмете «ОК», у вас должна появиться рамка Polaroid.
Если вы когда-нибудь видели настоящие поляроиды, то знаете, что на их оправе есть крошечные точки. Вы можете воссоздать этот текстурированный узор с помощью инструмента Paintbrush Tool. Но сначала вам нужно нажать на инструмент Magic Wand, чтобы выделить белую рамку. Затем выберите инструмент «Кисть» и щелкните значок «Размер кисти».
Теперь выберите Screentones Кайла 38 в разделе «Кисти специальных эффектов». Сделайте размер кисти достаточно большим, чтобы вы могли покрыть рамку.Щелкнув мышью, вы должны увидеть узоры на рамке.
Чтобы персонализировать рамку Polaroid, вы также можете добавить текст внизу рамки. Сначала щелкните инструмент «Текст» и выберите рукописный шрифт, например «Постоянный маркер».
Выберите достаточно большой размер шрифта и начните печатать на фотографии все, что хотите.

3. Узорчатая рамка

Надоели обычные рамки Photoshop? Что ж, вы всегда можете добавить к ним узоры, чтобы они выглядели.
Во-первых, поищите в Интернете векторный узор, чтобы он не терял своего качества независимо от того, насколько вы его размер.Один из лучших ресурсов для бесплатной векторной графики — Pixabay.
Просто введите «Узоры» в поле поиска, выберите «Векторная графика» в раскрывающемся меню и выберите один из сотен вариантов. Как только вы найдете понравившийся дизайн, загрузите его.
Теперь перейдем в Photoshop и откроем изображение, которое хотите использовать. Нажмите Ctrl + Shift + N и нажмите OK, чтобы добавить новый слой. Теперь разблокируйте фотографию и поместите ее над новым слоем.
Щелкните Новый слой, чтобы выбрать его, и перейдите в меню «Изображение» на панели параметров. Выберите Размер холста и измените высоту и ширину на 110 процентов. Затем перейдите в «Файл» и выберите «Поместить встроенный».
Теперь найдите свою выкройку и откройте ее. Измените его размер, пока он не покроет весь новый слой, и вы получите индивидуальную рамку!

2. Рамка PNG

На сайтах бесплатных стоковых фотографий, таких как Pixabay, также есть рамки и рамки в формате PNG, которые вы можете использовать для своих изображений. Поскольку это файлы PNG, средняя часть изображения уже вырезана.
Конечно, вы также можете использовать обычные фотографии рамок без прозрачного фона PNG. В конце концов, вы все равно закроете это своей картинкой.
Если вы хотите, чтобы ваше окончательное изображение выглядело так, будто оно действительно находится за рамкой, попробуйте вместо этого файл PNG.
Как только вы найдете идеальный кадр на Pixabay, загрузите его и откройте в Photoshop. Чтобы загрузить фотографию, которую вы хотите использовать, нажмите «Файл» и выберите «Поместить встроенное». Теперь найдите файл и нажмите «Поместить».
На этом этапе все, что вам нужно сделать, это изменить размер изображения, чтобы оно идеально вписалось в прямоугольник.

1. Отсканированная рамка

Не удовлетворены бесплатными рамками Photoshop, которые вы найдете в Интернете? Хотите вместо этого использовать классную рамку для дома? Тогда рассмотрите возможность сканирования.
Перед тем, как начать сканирование, снимите стекло и фотографию внутри рамки. Вы также должны стереть с него пыль, чтобы убедиться, что он чистый.
Закончив сканирование кадра, откройте его в Photoshop и разблокируйте. Создайте прозрачный слой и разместите его под основным изображением.
Щелкните слой рамки еще раз, чтобы выбрать его. Затем перейдите на панель инструментов и выберите инструмент «Прямоугольная область». Затем поместите курсор в один из углов внутренней рамки и перетащите его, пока не покроете все углы.
После того, как вы нажмете «Удалить», вы должны увидеть шахматный узор прозрачного слоя.
Сохраните рамку и экспортируйте ее как PNG. Таким образом, вы можете использовать его для создания любой фотографии в любое время в будущем. Это не только выглядит уникально, но и выглядит реалистично.

Заключение

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

Как использовать рамки Photoshop

Рамки в Photoshop CC — это специализированные маски, используемые для удержания других изображений. Рамки можно рисовать или создавать из фигур. Если вы знаете, как создать рамку в Photoshop, она может содержать изображение с вашего локального жесткого диска или из результатов поиска Adobe Stock.

Getty Images / Ифань Ли / EyeEm

Рамки Photoshop и смарт-объекты

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

Как сделать рамку с помощью инструмента «Рамка»

1. Откройте новый или существующий файл Photoshop. Выберите инструмент Frame на панели инструментов в левой части экрана или нажмите клавишу K .

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

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

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

   Вы также можете перетащить изображение со своего компьютера в рамку.

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

5. Чтобы изменить размер или положение изображения во фрейме, дважды щелкните изображение на холсте (или выберите эскиз изображения, а не фрейм, на панели «Слои»).Выберите инструмент Move и используйте ручки на изображении, чтобы настроить изображение.

6. Чтобы применить границу к изображению, выберите раздел Stroke на панели Properties . Выберите цвет, толщину и положение мазка.

7. Щелкните объект, чтобы увидеть результат.

Как создавать рамки Photoshop из фигур

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

1. Открыв файл Photoshop, выберите инструмент Shape на панели инструментов или нажмите клавишу U .

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

2. Установите для заливки и обводки значение «Нет».Затем нарисуйте фигуру, используя любой из параметров формы, в том месте, где должно отображаться содержимое фрейма.

3. Разместите или измените размер фигуры, перетаскивая ее, пока она не станет нужного размера и в нужном месте.

4. Выберите слой, содержащий форму, на панели Layer и выберите Convert to Frame из меню Layer.

5. Дайте рамке имя или выберите OK , чтобы подтвердить значение по умолчанию.

6. Перетащите изображение на фрейм или используйте Inset Image на панели Properties , чтобы найти изображение.

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

   Изображение вставляется как смарт-объект, и его можно масштабировать неразрушающим образом с помощью инструмента «Свободное преобразование».

Другие способы вставки изображений в рамки

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

• Перетаскивание ресурса : перетащите актив из Adobe Stock или с панели «Библиотеки» во фрейм на холсте. По умолчанию Photoshop помещает перетаскиваемое изображение как встроенный смарт-объект. Чтобы разместить изображение как связанный смарт-объект, при перетаскивании удерживайте нажатой клавишу Option / Alt.
• Перетаскивание с компьютера : перетащите изображение из локального хранилища компьютера в рабочую область с выбранной рамкой. Это помещает перетаскиваемое изображение в кадр как встроенный смарт-объект.Чтобы вставить перетаскиваемое изображение как связанный смарт-объект, при перетаскивании удерживайте нажатой клавишу Option / Alt .
• Использование файла > Поместить : Выбрав фрейм, выберите Файл > Поместить связанный или Файл > Поместить встроенный и , затем выберите изображение с помощью средства выбора файлов. Выбранное изображение помещается в рамку и автоматически масштабируется до размеров рамки.
• Перетащите пиксельный слой : перетащите пиксельный слой в пустой кадр.Слой преобразуется в смарт-объект и помещается в рамку.

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

Спасибо, что сообщили нам об этом!

Расскажите, почему!

Другой

Недостаточно подробностей

Сложно понять

Полное руководство по добавлению границы в Photoshop

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

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

Как создать сплошную границу

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

Шаг 1. Откройте изображение в Photoshop

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

Шаг 2. Сглаживание отредактированного изображения

Если вы редактировали свою фотографию, в вашем файле есть разные слои, поэтому вам нужно объединить или сгладить их. Перейдите на панель слоев (нижняя правая сторона) и щелкните по ней. Когда появится раскрывающееся меню, вы хотите выбрать «Свести изображение».”

Шаг 3. Разблокируйте слой вашего изображения

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

Щелкните на панели слоев (внизу справа) и найдите свою фотографию. Рядом с фото должен появиться небольшой замок. Нажмите на замок.

После того, как вы выберете слой с фотографией, он должен появиться как «Слой 0», но вы можете его переименовать.

Шаг 4. Отрегулируйте размер холста изображения для соответствия границам

Теперь нужно освободить место для границы.Перейдите в раздел Изображение (вверху панели инструментов) и нажмите Размер холста в раскрывающемся меню.

Шаг 5. Правильное заполнение диалогового окна

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

Шаг 6: Выберите размеры границы

Следующее, что нужно настроить в диалоговом окне «Размер холста», — это ширина границы. Как правило, лучше всего подходит один или два дюйма, но вы можете настроить размер холста изображения, чтобы подобрать наиболее подходящий.

Шаг 7. Выберите цвет границы

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

Шаг 8: Нажмите ОК

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

Как создать собственную рамку в Photoshop

Тебе скучно на равнине? Если вы хотите сделать шаг вперед, попробуйте настроить рамку в Photoshop.

Шаг 1. Откройте изображение в Photoshop

.

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

Шаг 1а. Отредактируйте свою фотографию

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

Шаг 1б. Сглаживание отредактированного изображения

Не забывайте выравнивать слои.Если вы забыли, как это сделать, см. Шаг два в том, как добавить простую границу.

Шаг 2. Создайте сплошной слой

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

Нажмите кнопку «Корректирующий слой» в нижней части панели «Слои» в Photoshop. На панели слоев должно появиться меню с несколькими вариантами выбора.

Шаг 3. Выберите цвет границы

В меню «Корректирующий слой» на панели «Слои» выберите «Сплошной цвет».Выберите цвет для границы. Этот цвет должен применяться ко всему слою.

Шаг 4. Инвертируйте «маску слоя»

Не паникуйте, потому что все ваше изображение — одноцветное! Это всего лишь слой, и ваша фотография все еще там. Просто дважды щелкните маску (цветной слой) и выберите Control + I или Command + I. В этот момент происходят две вещи: ваша маска становится черной, и вы снова можете видеть свое изображение.

Шаг 5. Выберите кисть для рисования границы

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

Шаг 6. Нарисуйте границу на изображении

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

Когда вы будете удовлетворены внешним видом границы, нажмите «Сохранить», чтобы сохранить изменения.

Создание границы в стиле гранж в Photoshop

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

Шаг 1. Выберите изображение горизонта

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

Шаг 2. Подготовьте изображение для создания границы в стиле гранж

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

Шаг 3. Откройте новый пустой холст

Выберите изображение (используйте Control / Command + A) и скопируйте его (Control / Command + C). Вставьте изображение (Control / Command + V) на новый пустой холст.

Шаг 4. Преобразуйте изображение горизонта

В верхнем меню выберите Правка. Выберите в меню «Свободное преобразование» и сожмите все черно-белое изображение до одного из краев. У вас есть одна грань вашей границы в стиле гранж.

Шаг 5. Дублируйте изображение горизонта на несколько слоев

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

Шаг 6. Создайте границу

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

Шаг 7: Смешайте слои

Чтобы создать настоящую границу в стиле гранж, вам нужно манипулировать каждой стороной прямоугольника, чтобы он не выглядел однородным. На панели «Слой» выберите «Стиль слоя» и «Параметры наложения».Поиграйте с каждым слоем, создавая немного разные стороны, пока не добьетесь желаемого результата!

Не забывайте сохранять свою работу!

Как использовать границы в стиле гранж

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

Откройте файл рамки. В верхнем меню выберите «Файл», затем «Поместить», а затем выберите свою фотографию.Photoshop изменяет размер и вставляет вашу фотографию в файл границы. Возможно, вам придется внести некоторые незначительные изменения вручную, перетащив края (удерживайте нажатой клавишу Shift при использовании инструмента «Трансформирование»).

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

Как добавить границу с помощью Photoshop Elements

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

Шаг 1. Подготовка изображения

Откройте изображение в Photoshop Elements. Используйте меню «Выбрать», чтобы выбрать «все», или попробуйте сочетания клавиш (Command-A для Mac и Control-A для ПК). Он должен выделить всю вашу фотографию в рамку из пунктирных линий.

Шаг 2. Откройте диалоговое окно «Штрих»

Щелкните меню Правка. Выберите «Выбор обводки (контура)». У вас есть три раздела в диалоговом окне, но нам нужно беспокоиться только о двух штрихах и местоположении.

Шаг 3. Установите желаемые обводку и цвет

Начните с установки хода. Вы можете выбрать ширину обводки и предпочитаемый цвет. Ширина может варьироваться от 1 до 250.

Чтобы выбрать цвет, отличный от черного, просто щелкните черный прямоугольник, затем «выберите цвет обводки», и появится новое диалоговое окно. Выберите нужный цвет и нажмите ОК.

Шаг 4. Выберите «Местоположение»

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

Шаг 5: Сохраните изменения

Выбрав обводку, цвет и местоположение, нажмите «ОК».

Шаг 6. Отмените выбор

.

Возможно, вам не нужна пунктирная линия вокруг изображения, поэтому вам нужно отменить выбор изображения. Используйте Command-D на Mac или Control-D на ПК, чтобы избавиться от пунктирной линии.

Необязательный шаг 7. Измените размер и / или цвет границы

Если вам не нравится граница, вы все равно можете вносить изменения в меню «Правка».Нажмите «Вернуть» и повторяйте шаги с первого по третий, пока не создадите границу, которая вам нравится.

Последние мысли о создании границ в Photoshop

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