Разное

Как добавить фото в рамку в фотошопе: Как вставить фото в рамку в Фотошопе: пошаговая инструкция

Содержание

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

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

Фильтры

ГлавнаяУрокиПрактикаВставляем фото в рамку в Фотошоп

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

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

Сложность урока: Легкий

Содержание

  • #Шаг 1: Выберите область, в которую вы хотите поместить второе изображение
  • #Шаг 2: Выберите и скопируйте второе изображение
  • #Шаг 3: Вставьте изображение в выбранную область
  • #Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования
  • #Шаг 5: Добавьте эффект внутренней тени
  • #  Комментарии

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

Источник: photoshopessentials.

com

Новые работы пользователей

По заданным фильтрам работы не найдены

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

Смотреть все работы


Хотите взять максимум?

Активируй Premium подписку и получи 15 преимуществ на Creativo

Premium-контент

110 видеоуроков только для Premium-пользователей.

Закрытые трансляции

Регулярные трансляции с профессионалами, обычным аккаунтам они доступны платно.

Приоритет в проверке работ

Все работы в вашем портфолио рассматриваются в приоритетном порядке.

Статистика переходов в соцсети

Сколько человек перешли по ссылкам из вашего профиля

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

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

Premium-статус
на аватаре

На вашей аватарке будет отображаться значок, обозначающий Premium-статус.

Короткая именная ссылка

Получите именную ссылку на профиль вида https://creativo.one/sasha

Возможность отложенной
публикации постов

Вы сами решаете, в какое время пост появится в ленте.

Светлая / темная
тема сайта

Меняйте тему оформления сайта под свое настроение.

Расширенные возможности опросов

Голосования с прогрессивным рейтингом, создание викторин

Поддержка от кураторов

Напрямую получайте поддержку от кураторов команды Creativo.

Поддержка в телеграм-чате

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

Подарки, призы, розыгрыши

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

Разбор работ от авторов

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

Активировать Premium



Хотите узнавать

обо всех событиях?

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







Скопировать ссылку

Работа скрыта

Войти, чтобы проголосовать

title»/> {{percent(index)}}

{{(index + 1)}}.

Изображение удалено

{{percent(index)}}

Всего проголосовало: {{total}}

Вы можете выбрать до {{max_variants}} вариантов. Голос будет распределён равномерно между всеми выбранными.

{{item.title}}

Изображение удалено

Создать опрос

Сделать мультиголосование

Можно выбрать несколько вариантов. Максимум {{lex(‘response’, max_variants)}}

Название опроса

Ответ {{(index + 1)}} Удалить ответ

Добавить ответ

Прогрессивный подсчет результатов

Автоматически завершить опрос 0″> через {{lex(‘days’,closeday)}}

{{lex(‘feed_type_’ + tp)}} {{counts[tp]}}

Сортировка:

По релевантности По дате По популярности

Показывать превью

Закреплен

Опрос

По вашему запросу ничего не найдено

Попробуйте изменить критерий поиска, или сбросить фильтры.

Не удалось загрузить работу. Возможно она была удалена.

= 0}»> GIF {{work.bite}} Мб Загрузить

Редактировать Удалить

18+

Работа имеет содержимое для 18+ лет

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

1. Название и описание 2. Миниатюра 3. Исходник 4. Тэги 5. Прочие настройки

Название работы

Описание работы (необязательно)
Комментарий

Скрывать в портфолио (доступ по ссылке)

Ваша миниатюра:

Название:
{{name}}

Описание:
Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Стиль работы Тематика Ятаквижу

Стиль работы:

#{{tag.label}}

Тематика:

#{{tag.label}}

Ятаквижу:

#{{tag.label}}

Не более десяти тэгов на одну работу

Работа 18+

Отключить комментарии

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

После добавления работы:

Автоматически перейти в портфолио
Остаться на текущей странице

Запланировать публикацию

{{pub_dates[pub_date] || pub_dates[0]}}

Отменить планирование

Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее

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

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

Фильтры

ГлавнаяУрокиПрактикаВставляем фото в рамку в Фотошоп

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

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

Сложность урока: Легкий

Содержание

  • #Шаг 1: Выберите область, в которую вы хотите поместить второе изображение
  • #Шаг 2: Выберите и скопируйте второе изображение
  • #Шаг 3: Вставьте изображение в выбранную область
  • #Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования
  • #Шаг 5: Добавьте эффект внутренней тени
  • #  Комментарии

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

Источник: photoshopessentials. com

Новые работы пользователей

По заданным фильтрам работы не найдены

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

Смотреть все работы


Хотите взять максимум?

Активируй Premium подписку и получи 15 преимуществ на Creativo

Premium-контент

110 видеоуроков только для Premium-пользователей.

Закрытые трансляции

Регулярные трансляции с профессионалами, обычным аккаунтам они доступны платно.

Приоритет в проверке работ

Все работы в вашем портфолио рассматриваются в приоритетном порядке.

Статистика переходов в соцсети

Сколько человек перешли по ссылкам из вашего профиля

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

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

Premium-статус
на аватаре

На вашей аватарке будет отображаться значок, обозначающий Premium-статус.

Короткая именная ссылка

Получите именную ссылку на профиль вида https://creativo.one/sasha

Возможность отложенной
публикации постов

Вы сами решаете, в какое время пост появится в ленте.

Светлая / темная
тема сайта

Меняйте тему оформления сайта под свое настроение.

Расширенные возможности опросов

Голосования с прогрессивным рейтингом, создание викторин

Поддержка от кураторов

Напрямую получайте поддержку от кураторов команды Creativo.

Поддержка в телеграм-чате

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

Подарки, призы, розыгрыши

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

Разбор работ от авторов

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

Активировать Premium



Хотите узнавать

обо всех событиях?

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







Скопировать ссылку

Работа скрыта

Войти, чтобы проголосовать

title»/> {{percent(index)}}

{{(index + 1)}}.

Изображение удалено

{{percent(index)}}

Всего проголосовало: {{total}}

Вы можете выбрать до {{max_variants}} вариантов. Голос будет распределён равномерно между всеми выбранными.

{{item.title}}

Изображение удалено

Создать опрос

Сделать мультиголосование

Можно выбрать несколько вариантов. Максимум {{lex(‘response’, max_variants)}}

Название опроса

Ответ {{(index + 1)}} Удалить ответ

Добавить ответ

Прогрессивный подсчет результатов

Автоматически завершить опрос 0″> через {{lex(‘days’,closeday)}}

{{lex(‘feed_type_’ + tp)}} {{counts[tp]}}

Сортировка:

По релевантности По дате По популярности

Показывать превью

Закреплен

Опрос

По вашему запросу ничего не найдено

Попробуйте изменить критерий поиска, или сбросить фильтры.

Не удалось загрузить работу. Возможно она была удалена.

= 0}»> GIF {{work.bite}} Мб Загрузить

Редактировать Удалить

18+

Работа имеет содержимое для 18+ лет

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

1. Название и описание 2. Миниатюра 3. Исходник 4. Тэги 5. Прочие настройки

Название работы

Описание работы (необязательно)
Комментарий

Скрывать в портфолио (доступ по ссылке)

Ваша миниатюра:

Название:
{{name}}

Описание:
Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Стиль работы Тематика Ятаквижу

Стиль работы:

#{{tag.label}}

Тематика:

#{{tag.label}}

Ятаквижу:

#{{tag.label}}

Не более десяти тэгов на одну работу

Работа 18+

Отключить комментарии

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

После добавления работы:

Автоматически перейти в портфолио
Остаться на текущей странице

Запланировать публикацию

{{pub_dates[pub_date] || pub_dates[0]}}

Отменить планирование

Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее

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

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

Фильтры

ГлавнаяУрокиПрактикаВставляем фото в рамку в Фотошоп

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

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

Сложность урока: Легкий

Содержание

  • #Шаг 1: Выберите область, в которую вы хотите поместить второе изображение
  • #Шаг 2: Выберите и скопируйте второе изображение
  • #Шаг 3: Вставьте изображение в выбранную область
  • #Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования
  • #Шаг 5: Добавьте эффект внутренней тени
  • #  Комментарии

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

Источник: photoshopessentials. com

Новые работы пользователей

По заданным фильтрам работы не найдены

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

Смотреть все работы


Хотите взять максимум?

Активируй Premium подписку и получи 15 преимуществ на Creativo

Premium-контент

110 видеоуроков только для Premium-пользователей.

Закрытые трансляции

Регулярные трансляции с профессионалами, обычным аккаунтам они доступны платно.

Приоритет в проверке работ

Все работы в вашем портфолио рассматриваются в приоритетном порядке.

Статистика переходов в соцсети

Сколько человек перешли по ссылкам из вашего профиля

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

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

Premium-статус
на аватаре

На вашей аватарке будет отображаться значок, обозначающий Premium-статус.

Короткая именная ссылка

Получите именную ссылку на профиль вида https://creativo.one/sasha

Возможность отложенной
публикации постов

Вы сами решаете, в какое время пост появится в ленте.

Светлая / темная
тема сайта

Меняйте тему оформления сайта под свое настроение.

Расширенные возможности опросов

Голосования с прогрессивным рейтингом, создание викторин

Поддержка от кураторов

Напрямую получайте поддержку от кураторов команды Creativo.

Поддержка в телеграм-чате

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

Подарки, призы, розыгрыши

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

Разбор работ от авторов

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

Активировать Premium



Хотите узнавать

обо всех событиях?

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







Скопировать ссылку

Работа скрыта

Войти, чтобы проголосовать

title»/> {{percent(index)}}

{{(index + 1)}}.

Изображение удалено

{{percent(index)}}

Всего проголосовало: {{total}}

Вы можете выбрать до {{max_variants}} вариантов. Голос будет распределён равномерно между всеми выбранными.

{{item.title}}

Изображение удалено

Создать опрос

Сделать мультиголосование

Можно выбрать несколько вариантов. Максимум {{lex(‘response’, max_variants)}}

Название опроса

Ответ {{(index + 1)}} Удалить ответ

Добавить ответ

Прогрессивный подсчет результатов

Автоматически завершить опрос 0″> через {{lex(‘days’,closeday)}}

{{lex(‘feed_type_’ + tp)}} {{counts[tp]}}

Сортировка:

По релевантности По дате По популярности

Показывать превью

Закреплен

Опрос

По вашему запросу ничего не найдено

Попробуйте изменить критерий поиска, или сбросить фильтры.

Не удалось загрузить работу. Возможно она была удалена.

= 0}»> GIF {{work.bite}} Мб Загрузить

Редактировать Удалить

18+

Работа имеет содержимое для 18+ лет

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

1. Название и описание 2. Миниатюра 3. Исходник 4. Тэги 5. Прочие настройки

Название работы

Описание работы (необязательно)
Комментарий

Скрывать в портфолио (доступ по ссылке)

Ваша миниатюра:

Название:
{{name}}

Описание:
Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Стиль работы Тематика Ятаквижу

Стиль работы:

#{{tag.label}}

Тематика:

#{{tag.label}}

Ятаквижу:

#{{tag.label}}

Не более десяти тэгов на одну работу

Работа 18+

Отключить комментарии

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

После добавления работы:

Автоматически перейти в портфолио
Остаться на текущей странице

Запланировать публикацию

{{pub_dates[pub_date] || pub_dates[0]}}

Отменить планирование

Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее

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

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

Фильтры

ГлавнаяУрокиПрактикаВставляем фото в рамку в Фотошоп

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

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

Сложность урока: Легкий

Содержание

  • #Шаг 1: Выберите область, в которую вы хотите поместить второе изображение
  • #Шаг 2: Выберите и скопируйте второе изображение
  • #Шаг 3: Вставьте изображение в выбранную область
  • #Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования
  • #Шаг 5: Добавьте эффект внутренней тени
  • #  Комментарии

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

Источник: photoshopessentials. com

Новые работы пользователей

По заданным фильтрам работы не найдены

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

Смотреть все работы


Хотите взять максимум?

Активируй Premium подписку и получи 15 преимуществ на Creativo

Premium-контент

110 видеоуроков только для Premium-пользователей.

Закрытые трансляции

Регулярные трансляции с профессионалами, обычным аккаунтам они доступны платно.

Приоритет в проверке работ

Все работы в вашем портфолио рассматриваются в приоритетном порядке.

Статистика переходов в соцсети

Сколько человек перешли по ссылкам из вашего профиля

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

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

Premium-статус
на аватаре

На вашей аватарке будет отображаться значок, обозначающий Premium-статус.

Короткая именная ссылка

Получите именную ссылку на профиль вида https://creativo.one/sasha

Возможность отложенной
публикации постов

Вы сами решаете, в какое время пост появится в ленте.

Светлая / темная
тема сайта

Меняйте тему оформления сайта под свое настроение.

Расширенные возможности опросов

Голосования с прогрессивным рейтингом, создание викторин

Поддержка от кураторов

Напрямую получайте поддержку от кураторов команды Creativo.

Поддержка в телеграм-чате

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

Подарки, призы, розыгрыши

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

Разбор работ от авторов

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

Активировать Premium



Хотите узнавать

обо всех событиях?

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







Скопировать ссылку

Работа скрыта

Войти, чтобы проголосовать

title»/> {{percent(index)}}

{{(index + 1)}}.

Изображение удалено

{{percent(index)}}

Всего проголосовало: {{total}}

Вы можете выбрать до {{max_variants}} вариантов. Голос будет распределён равномерно между всеми выбранными.

{{item.title}}

Изображение удалено

Создать опрос

Сделать мультиголосование

Можно выбрать несколько вариантов. Максимум {{lex(‘response’, max_variants)}}

Название опроса

Ответ {{(index + 1)}} Удалить ответ

Добавить ответ

Прогрессивный подсчет результатов

Автоматически завершить опрос 0″> через {{lex(‘days’,closeday)}}

{{lex(‘feed_type_’ + tp)}} {{counts[tp]}}

Сортировка:

По релевантности По дате По популярности

Показывать превью

Закреплен

Опрос

По вашему запросу ничего не найдено

Попробуйте изменить критерий поиска, или сбросить фильтры.

Не удалось загрузить работу. Возможно она была удалена.

= 0}»> GIF {{work.bite}} Мб Загрузить

Редактировать Удалить

18+

Работа имеет содержимое для 18+ лет

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

1. Название и описание 2. Миниатюра 3. Исходник 4. Тэги 5. Прочие настройки

Название работы

Описание работы (необязательно)
Комментарий

Скрывать в портфолио (доступ по ссылке)

Ваша миниатюра:

Название:
{{name}}

Описание:
Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Стиль работы Тематика Ятаквижу

Стиль работы:

#{{tag.label}}

Тематика:

#{{tag.label}}

Ятаквижу:

#{{tag.label}}

Не более десяти тэгов на одну работу

Работа 18+

Отключить комментарии

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

После добавления работы:

Автоматически перейти в портфолио
Остаться на текущей странице

Запланировать публикацию

{{pub_dates[pub_date] || pub_dates[0]}}

Отменить планирование

Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее

Как наложить рамку на фото в фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Я использовал в работе Photoshop CC. Урок подходит для любых версий фотошопа, в том числе и CS6, CS5, CS4 и так далее..

План вашей работы на ближайшее 5 минут в фотошопе:

  • Найти подходящуюю рамку для фотошопа и скачать ее
  • Открыть рамку в фотошопе
  • Открыть фотографию в фотошопе
  • Переместить фото в рамку
  • Определить местоположении фотогафии
  • Сохранить или распечатать

Начнем выполнять урок.

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

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

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

Итак, вы скачали рамку. Если вы скачали такую же рамку как и мы, то у вас она тоже в формате png.

Шаг 1. Открыть рамку в фотошопе.

Откройте её в фотошопе. Нажмите CTRL+O или меню Файл — Открыть, выберите файл рамки.

Выберите файл рамки и нажмите Открыть

После этого, рамка откроется в фотошопе.

Шаг 2. Открыть фотографию в фотошопе

Точно таким же способом откройте свою фотографию.

Шаг 3. Перетащить фото в рамку

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

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

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

Наша фотография переместилась! Перейдите в документ с рамкой.

Шаг 4. Помещаем фото за рамку и меняем ее расположение

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

Перетащите слой с фото под слой с рамкой.

Отлично! Теперь рамка будет поверх фото, то что нам нужно!

Шаг 5.

Делаем правильный масштаб фото

Но фото слишком большая, поэтому нам нужно уменьшить её.

Для этого выберите слой с фотографией, нажмите CTRL+T

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

Тяните теперь мышкой за уголок вправо-вниз по диагоноли с зажатым SHIFT+ALT — это позволит уменьшат фотографию пропорционально.

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

Шаг 6. Сохраните фото

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

Для этого нажмите в меню Файл — Сохранить как. Выберите сохранить в формате JPG.

Распечатка фото.

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

Для того, чтобы установить 300 dpi или убедиться, что оно установлено, зайдите в меню Изображение — Размер изображения

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

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

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

Способы создания рамки в Photoshop

Способ №1: обводка

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


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


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

Способ №2: рамка вокруг картинки как эффект фона

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

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

Способ №3: использование кисти

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


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

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

Способ №4: прозрачная рамка

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


Находясь на первом слое, выберите « Фильтр », « Размытие » и « Размытие по Гауссу » и размойте изображение:


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

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

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


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

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

Как вставить фотографию в готовую рамку?

Шаг №1

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

Шаг №2

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

Шаг №3

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


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

Шаг №4

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


В разделе « Тиснение » поставьте галочки, руководствуясь своим вкусом и предпочтениями:


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


Надеемся, что данный урок стал для вас полезен!

Помещение файлов в Photoshop.

Руководство пользователя Отмена

Поиск

Последнее обновление Aug 26, 2020 07:16:50 AM GMT | Также применяется к Adobe Photoshop CS6

  1. Руководство пользователя Photoshop
  2. Введение в Photoshop
    1. Мечтайте об этом. Сделайте это.
    2. Новые возможности Photoshop
    3. Редактирование первой фотографии
    4. Создание документов
    5. Photoshop | Часто задаваемые вопросы
    6. Системные требования Photoshop
    7. Перенос наборов настроек, операций и настроек
    8. Знакомство с Photoshop
  3. Photoshop и другие продукты и услуги Adobe
    1. Работа с графическим объектом Illustrator в Photoshop
    2. Работа с файлами Photoshop в InDesign
    3. Материалы Substance 3D для Photoshop
    4. Photoshop и Adobe Stock
    5. Работа со встроенным расширением Capture в Photoshop
    6. Библиотеки Creative Cloud Libraries
    7. Библиотеки Creative Cloud в Photoshop
    8. Работа в Photoshop с использованием Touch Bar
    9. Сетка и направляющие
    10. Создание операций
    11. Отмена и история операций
  4. Photoshop на iPad
    1. Photoshop на iPad | Общие вопросы
    2. Знакомство с рабочей средой
    3. Системные требования | Photoshop на iPad
    4. Создание, открытие и экспорт документов
    5. Добавление фотографий
    6. Работа со слоями
    7. Рисование и раскрашивание кистями
    8. Выделение участков и добавление масок
    9. Ретуширование композиций
    10. Работа с корректирующими слоями
    11. Настройка тональности композиции с помощью слоя «Кривые»
    12. Применение операций трансформирования
    13. Обрезка и поворот композиций
    14. Поворот, панорамирование, масштабирование и восстановление холста
    15. Работа с текстовыми слоями
    16. Работа с Photoshop и Lightroom
    17. Получение отсутствующих шрифтов в Photoshop на iPad
    18. Японский текст в Photoshop на iPad
    19. Управление параметрами приложения
    20. Сенсорные ярлыки и жесты
    21. Комбинации клавиш
    22. Изменение размера изображения
    23. Прямая трансляция творческого процесса в Photoshop на iPad
    24. Исправление недостатков с помощью восстанавливающей кисти
    25. Создание кистей в Capture и их использование в Photoshop
    26. Работа с файлами Camera Raw
    27. Создание и использование смарт-объектов
    28. Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»
  5. Бета-версия веб-приложения Photoshop
    1. Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop 
    2. Общие сведения о рабочей среде
    3. Системные требования | Бета-версия веб-приложения Photoshop
    4. Комбинации клавиш | Бета-версия веб-приложения Photoshop
    5. Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
    6. Открытие облачных документов и работа с ними
    7. Совместная работа с заинтересованными сторонами
    8. Ограниченные возможности редактирования облачных документов
  6. Облачные документы
    1. Облачные документы Photoshop | Часто задаваемые вопросы
    2. Облачные документы Photoshop | Вопросы о рабочем процессе
    3. Работа с облачными документами и управление ими в Photoshop
    4. Обновление облачного хранилища для Photoshop
    5. Не удается создать или сохранить облачный документ
    6. Устранение ошибок с облачными документами Photoshop
    7. Сбор журналов синхронизации облачных документов
    8. Общий доступ к облачным документам и их редактирование
    9. Общий доступ к файлам и комментирование в приложении
  7. Рабочая среда
    1. Основные сведения о рабочей среде
    2. Более быстрое обучение благодаря панели «Новые возможности» в Photoshop
    3. Создание документов
    4. Работа в Photoshop с использованием Touch Bar
    5. Галерея инструментов
    6. Установки производительности
    7. Использование инструментов
    8. Сенсорные жесты
    9. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    10. Обзорные версии технологии
    11. Метаданные и комментарии
    12. Комбинации клавиш по умолчанию
    13. Возможности работы с сенсорными жестами и настраиваемые рабочие среды
    14. Помещение изображений Photoshop в другие приложения
    15. Установки
    16. Комбинации клавиш по умолчанию
    17. Линейки
    18. Отображение или скрытие непечатных вспомогательных элементов
    19. Указание колонок для изображения
    20. Отмена и история операций
    21. Панели и меню
    22. Помещение файлов
    23. Позиционирование элементов с привязкой
    24. Позиционирование с помощью инструмента «Линейка»
    25. Наборы настроек
    26. Настройка комбинаций клавиш
    27. Сетка и направляющие
  8. Разработка содержимого для Интернета, экрана и приложений
    1. Photoshop для дизайна
    2. Монтажные области
    3. Просмотр на устройстве
    4. Копирование CSS из слоев
    5. Разделение веб-страниц на фрагменты
    6. Параметры HTML для фрагментов
    7. Изменение компоновки фрагментов
    8. Работа с веб-графикой
    9. Создание веб-фотогалерей
  9. Основные сведения об изображениях и работе с цветом
    1. Изменение размера изображений
    2. Работа с растровыми и векторными изображениями
    3. Размер и разрешение изображения
    4. Импорт изображений из камер и сканеров
    5. Создание, открытие и импорт изображений
    6. Просмотр изображений
    7. Ошибка «Недопустимый маркер JPEG» | Открытие изображений
    8. Просмотр нескольких изображений
    9. Настройка палитр цветов и образцов цвета
    10. HDR-изображения
    11. Подбор цветов на изображении
    12. Преобразование между цветовыми режимами
    13. Цветовые режимы
    14. Стирание фрагментов изображения
    15. Режимы наложения
    16. Выбор цветов
    17. Внесение изменений в таблицы индексированных цветов
    18. Информация об изображениях
    19. Фильтры искажения недоступны
    20. Сведения о цвете
    21. Цветные и монохромные коррекции с помощью каналов
    22. Выбор цветов на панелях «Цвет» и «Образцы»
    23. Образец
    24. Цветовой режим (или режим изображения)
    25. Цветовой оттенок
    26. Добавление изменения цветового режима в операцию
    27. Добавление образцов из CSS- и SVG-файлов HTML
    28. Битовая глубина и установки
  10. Слои
    1. Основные сведения о слоях
    2. Обратимое редактирование
    3. Создание слоев и групп и управление ими
    4. Выделение, группировка и связывание слоев
    5. Помещение изображений в кадры
    6. Непрозрачность и наложение слоев
    7. Слои-маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Перемещение, упорядочение и блокировка слоев
    11. Маскирование слоев при помощи векторных масок
    12. Управление слоями и группами
    13. Эффекты и стили слоев
    14. Редактирование слоев-масок
    15. Извлечение ресурсов
    16. Отображение слоев с помощью обтравочных масок
    17. Формирование графических ресурсов из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких фрагментов в одно изображение
    21. Объединение изображений с помощью функции «Автоналожение слоев»
    22. Выравнивание и распределение слоев
    23. Копирование CSS из слоев
    24. Загрузка выделенных областей на основе границ слоя или слоя-маски
    25. Просвечивание для отображения содержимого других слоев
    26. Слой
    27. Сведение
    28. Совмещенные изображения
    29. Фон
  11. Выделения
    1. Рабочая среда «Выделение и маска»
    2. Быстрое выделение областей
    3. Начало работы с выделениями
    4. Выделение при помощи группы инструментов «Область»
    5. Выделение при помощи инструментов группы «Лассо»
    6. Выбор цветового диапазона в изображении
    7. Настройка выделения пикселей
    8. Преобразование между контурами и границами выделенной области
    9. Основы работы с каналами
    10. Перемещение, копирование и удаление выделенных пикселей
    11. Создание временной быстрой маски
    12. Сохранение выделенных областей и масок альфа-каналов
    13. Выбор областей фокусировки в изображении
    14. Дублирование, разделение и объединение каналов
    15. Вычисление каналов
    16. Выделение
    17. Ограничительная рамка
  12. Коррекции изображений
    1. Деформация перспективы
    2. Уменьшение размытия в результате движения камеры
    3. Примеры использования инструмента «Восстанавливающая кисть»
    4. Экспорт таблиц поиска цвета
    5. Корректировка резкости и размытия изображения
    6. Общие сведения о цветокоррекции
    7. Применение настройки «Яркость/Контрастность»
    8. Коррекция деталей в тенях и на светлых участках
    9. Корректировка «Уровни»
    10. Коррекция тона и насыщенности
    11. Коррекция сочности
    12. Настройка насыщенности цвета в областях изображения
    13. Быстрая коррекция тона
    14. Применение специальных цветовых эффектов к изображениям
    15. Улучшение изображения при помощи корректировки цветового баланса
    16. HDR-изображения
    17. Просмотр гистограмм и значений пикселей
    18. Подбор цветов на изображении
    19. Кадрирование и выпрямление фотографий
    20. Преобразование цветного изображения в черно-белое
    21. Корректирующие слои и слои-заливки
    22. Корректировка «Кривые»
    23. Режимы наложения
    24. Целевая подготовка изображений для печатной машины
    25. Коррекция цвета и тона с помощью пипеток «Уровни» и «Кривые»
    26. Коррекция экспозиции и тонирования HDR
    27. Фильтр
    28. Размытие
    29. Осветление или затемнение областей изображения
    30. Избирательная корректировка цвета
    31. Замена цветов объекта
  13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Новые возможности Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Виньетирование, зернистость и удаление дымки в Camera Raw
    7. Комбинации клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Обратимое редактирование в Camera Raw
    10. Инструмент «Радиальный фильтр» в Camera Raw
    11. Управление настройками Camera Raw
    12. Обработка, сохранение и открытие изображений в Camera Raw
    13. Совершенствование изображений с улучшенным инструментом «Удаление точек» в Camera Raw
    14. Поворот, обрезка и изменение изображений
    15. Корректировка цветопередачи в Camera Raw
    16. Краткий обзор функций | Adobe Camera Raw | Выпуски за 2018 г.
    17. Обзор новых возможностей
    18. Версии обработки в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
  14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
    2. Заплатка и перемещение с учетом содержимого
    3. Ретуширование и исправление фотографий
    4. Коррекция искажений изображения и шума
    5. Основные этапы устранения неполадок для решения большинства проблем
  15. Преобразование изображений
    1. Трансформирование объектов
    2. Настройка кадрирования, поворотов и холста
    3. Кадрирование и выпрямление фотографий
    4. Создание и редактирование панорамных изображений
    5. Деформация изображений, фигур и контуров
    6. Перспектива
    7. Использование фильтра «Пластика»
    8. Масштаб с учетом содержимого
    9. Трансформирование изображений, фигур и контуров
    10. Деформация
    11. Трансформирование
    12. Панорама
  16. Рисование и живопись
    1. Рисование симметричных орнаментов
    2. Варианты рисования прямоугольника и изменения обводки
    3. Сведения о рисовании
    4. Рисование и редактирование фигур
    5. Инструменты рисования красками
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавление цвета в контуры
    9. Редактирование контуров
    10. Рисование с помощью микс-кисти
    11. Наборы настроек кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Заливка и обводка выделенных областей, слоев и контуров
    15. Рисование с помощью группы инструментов «Перо»
    16. Создание узоров
    17. Создание узора с помощью фильтра «Конструктор узоров»
    18. Управление контурами
    19. Управление библиотеками узоров и наборами настроек
    20. Рисование при помощи графического планшета
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Рисование стилизованных обводок с помощью архивной художественной кисти
    25. Рисование с помощью узора
    26. Синхронизация наборов настроек на нескольких устройствах
  17. Текст
    1. Добавление и редактирование текста
    2. Универсальный текстовый редактор
    3. Работа со шрифтами OpenType SVG
    4. Форматирование символов
    5. Форматирование абзацев
    6. Создание эффектов текста
    7. Редактирование текста
    8. Интерлиньяж и межбуквенные интервалы
    9. Шрифт для арабского языка и иврита
    10. Шрифты
    11. Поиск и устранение неполадок, связанных со шрифтами
    12. Азиатский текст
    13. Создание текста
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
  18. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактирование слоев видео и анимации
    3. Общие сведения о видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Рисование кадров в видеослоях
    6. Импорт видеофайлов и последовательностей изображений
    7. Создание анимации кадров
    8. 3D-анимация Creative Cloud (предварительная версия)
    9. Создание анимаций по временной шкале
    10. Создание изображений для видео
  19. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использование эффектов группы «Галерея размытия»
    3. Основные сведения о фильтрах
    4. Справочник по эффектам фильтров
    5. Добавление эффектов освещения
    6. Использование фильтра «Адаптивный широкий угол»
    7. Фильтр «Масляная краска»
    8. Эффекты и стили слоев
    9. Применение определенных фильтров
    10. Растушевка областей изображения
  20. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в других графических форматах
    5. Перемещение проектов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
  21. Печать
    1. Печать 3D-объектов
    2. Печать через Photoshop
    3. Печать и управление цветом
    4. Контрольные листы и PDF-презентации
    5. Печать фотографий в новом макете раскладки изображений
    6. Печать плашечных цветов
    7. Дуплексы
    8. Печать изображений на печатной машине
    9. Улучшение цветной печати в Photoshop
    10. Устранение неполадок при печати | Photoshop
  22. Автоматизация
    1. Создание операций
    2. Создание изображений, управляемых данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Воспроизведение операций и управление ими
    6. Добавление условных операций
    7. Сведения об операциях и панели «Операции»
    8. Запись инструментов в операциях
    9. Добавление изменения цветового режима в операцию
    10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
  23. Управление цветом
    1. Основные сведения об управлении цветом
    2. Обеспечение точной цветопередачи
    3. Настройки цвета
    4. Работа с цветовыми профилями
    5. Управление цветом документов для просмотра в Интернете
    6. Управление цветом при печати документов
    7. Управление цветом импортированных изображений
    8. Выполнение цветопробы
  24. Подлинность контента
    1. Подробнее об учетных данных для содержимого
    2. Идентичность и происхождение токенов NFT
    3. Подключение учетных записей для творческой атрибуции
  25. 3D-объекты и технические изображения
    1. 3D в Photoshop | Распространенные вопросы об упраздненных 3D-функциях
    2. 3D-анимация Creative Cloud (предварительная версия)
    3. Печать 3D-объектов
    4. 3D-рисование
    5. Усовершенствование панели «3D» | Photoshop
    6. Основные понятия и инструменты для работы с 3D-графикой
    7. Рендеринг и сохранение 3D-объектов
    8. Создание 3D-объектов и анимаций
    9. Стеки изображений
    10. Процесс работы с 3D-графикой
    11. Измерения
    12. Файлы формата DICOM
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Коррекция экспозиции и тонирования HDR
    18. Настройки панели «3D»

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

  1. Открытие документа Photoshop, в который будет помещена иллюстрация или фотография.

  2. Выполните одно из следующих действий.

    Также можно перетащить файл из ОС Windows или Mac OS на открытое изображение Photoshop.

    • (Bridge) Выделите файл, а затем выберите меню «Файл» > «Поместить» > «В Photoshop».
  3. При помещении PDF-файла или файла Illustrator (AI) появляется диалоговое окно «Поместить PDF». Выберите страницу или изображение, которое необходимо поместить, укажите параметры обрезки и нажмите кнопку ОК. Дополнительные сведения о параметрах диалогового окна «Поместить PDF» см. в разделе Помещение в Photoshop PDF-файлов и файлов Illustrator.

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

    Помимо команды «Поместить», иллюстрацию Adobe Illustrator можно добавить как смарт-объект путем копирования и вставки из документа Illustrator в документ Photoshop. См. раздел Вклейка иллюстрации Adobe Illustrator в Photoshop.

  4. (Дополнительно) Переместите или трансформируйте размещенную иллюстрацию, выполнив одно из перечисленных далее действий.

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

    • Чтобы масштабировать помещенную иллюстрацию, перетащите один из угловых маркеров ограничительной рамки или введите значения в поля W и H на панели параметров. Для сохранения пропорций при перетаскивании удерживайте клавишу «SHIFT».

    • Для поворота размещенной иллюстрации переместите указатель мыши за пределы ограничительной рамки (указатель примет вид изогнутой стрелки) и перетащите его либо введите значение (в градусах) в поле «Поворот»  на панели параметров. Иллюстрация будет повернута вокруг своей центральной точки. Для задания центральной точки переместите ее на новое место либо щелкните маркер на значке центральной точки  панели параметров.

    • Чтобы наклонить помещенную иллюстрацию, перетащите боковой маркер ограничительной рамки, удерживая клавишу «CTRL» (Windows) или «COMMAND» (Mac OS).

    • Чтобы деформировать размещенную иллюстрацию, выберите меню «Редактирование» > «Трансформирование» > «Деформация», а затем выберите стиль деформации из всплывающего меню «Деформация» панели параметров.

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

  5. При помещении файлов PDF, EPS или Adobe Illustrator по желанию можно установить на панели параметров параметр «Сглаживание». Чтобы наложить пикселы границы при растрировании, выберите параметр «Сглаживание». Чтобы создать резкие переходы между граничными пикселами при растрировании, не выбирайте параметр «Сглаживание».

  6. Выполните одно из следующих действий.

    • Нажмите кнопку «Выполнить»  на панели параметров либо клавишу «Ввод» (Windows) или Return (Mac OS), чтобы разместить иллюстрацию в новом слое.

    • Нажмите кнопку «Отмена»  на панели параметров либо клавишу Esc, чтобы отменить помещение.

При помещении PDF-файлов или файлов Adobe Illustrator воспользуйтесь диалоговым окном «Поместить PDF» для определения параметров помещения иллюстрации.

  1. Поместите PDF-файл или файл Adobe Illustrator в открытый документ Photoshop.

  2. В поле «Выбрать» диалогового окна «Поместить PDF» выберите страницы или изображения в зависимости от того, какие элементы документа PDF нужно импортировать. Если PDF-файл содержит несколько страниц или изображений, щелкните миниатюры для выбора страниц или изображений, которые нужно открыть.

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

  3. В параметрах страницы выберите вариант из меню «Кадрировать по» для указания включаемой части документа DPF или Illustrator (AI):

    Ограничительная рамка

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

    Формат носителя

    Кадрирование до исходного размера страницы.

    Рамка кадрирования

    Кадрирование PDF-файла по области (полям обреза).

    Область выпуска за обрез

    Кадрирование до определенной в PDF-файле области, удовлетворяющей ограничениям, которые свойственны таким процессам, как обрезание, свертывание и отсечение.

    Рамка отсекания

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

    Границы иллюстрации

    Кадрирование до определенной в PDF-файле области для помещения данных PDF в другое приложение.

  4. Нажмите кнопку ОК для закрытия диалогового окна «Поместить PDF».

  5. При необходимости укажите на панели параметров любые параметры перемещения, масштабирования, наклона, вращения, деформации или сглаживания.

  6. Нажмите кнопку «Выполнить»  , чтобы поместить иллюстрацию как смарт-объект в новом слое заданного документа.

Существует возможность копирования иллюстраций из Adobe Illustrator и вклеивания их в документы Photoshop.

  1. Задайте параметры для поведения при копировании и вклейке в Adobe Illustrator.

    • Чтобы автоматически растрировать иллюстрации при вклейке их в документ Photoshop, необходимо выключить параметры PDF и AICB (отсутствие поддержки прозрачности) в установках обработки файлов и буфера обмена.

    • Чтобы иллюстрации вклеивались как смарт-объекты, растрированные изображения, контуры или слои-фигуры, необходимо включить параметры PDF и AICB (отсутствие поддержки прозрачности) в установках обработки файлов и буфера обмена.

  2. Откройте файл в Adobe Illustrator, выделите иллюстрацию, которую нужно скопировать, и выберите меню «Редактирование» > «Копировать».

  3. В программе Photoshop откройте документ, в который нужно вставить иллюстрацию Adobe Illustrator, а затем выберите меню «Редактирование» > «Вклеить».

    Если параметры PDF и AICB (отсутствие поддержки прозрачности) выключены в установках обработки файлов и буфера обмена программы Adobe Illustrator, то иллюстрации будут автоматически растрироваться при вклеивании в документ Photoshop. Можно пропустить оставшиеся шаги данной процедуры.

  4. В диалоговом окне «Вклеить» выберите способ вклеивания иллюстрации Adobe Illustrator, а затем нажмите кнопку ОК.

    Смарт-объект

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

    Пикселы

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

    Контур

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

    Слой-фигура

    Иллюстрация вклеивается как новый слой-фигура (слой, содержащий залитый основным цветом контур).

  5. При выборе параметров «Смарт-объект» или «Пикселы» в диалоговом окне «Вклеить» сначала нужно сделать все необходимые трансформации, а затем нажать клавишу «ВВОД» или «RETURN» для помещения иллюстрации.

Справки по другим продуктам

  • Adobe Bridge
  • Масштабирование, поворот, наклон, искажение, применение перспективы или деформация
  • Деформация элемента
  • Помещение файлов
  • Сведения о смарт-объектах
  • Сегменты, компоненты и точки контуров
  • Создание фигуры в слое-фигуре

Вход в учетную запись

Войти

Управление учетной записью

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

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

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

Смотреть видео

Шаги

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

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

Шаг 1

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

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

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

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

Шаг 2

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

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

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

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

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

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

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

Шаг 3

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

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

Использование параметров выравнивания

Шаг 4

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

Шаг 5

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

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

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

Шаг 6a

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

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

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

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

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

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

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

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

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

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

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

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

Настройка растушевки

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

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

Фоторамка с рисунком Photoshop.
Фоторамка с использованием шаблона Photoshop

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

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

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

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

Шаг 6b

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

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

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

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

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

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

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

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

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

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

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

Дополнительные советы

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

[poet-badge]

Как создать фоторамку онлайн с помощью Photoshop

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

Шаг 1. Настройте файл

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

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

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

Шаг 2. Настройте инструмент пользовательской формы

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

Затем убедитесь, что ваш инструмент Custom Shape Tool активен. Затем проверьте цвета для пользовательской формы в разделах  Fill и Stroke .

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

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

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

Теперь, когда новая палитра загружена, вернитесь к параметрам Fill и Stroke для инструмента Custom Shape Tool. Выберите цвета, которые вы хотите использовать.

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

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

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

Шаг 3: нарисуйте фигуру

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

Если вы случайно нарисовали свое изображение со страницы — как я — не волнуйтесь. Вы можете использовать инструмент Path Selection Tool или Move Tool для центрирования кадра. Здесь он выделен красным.

Шаг 4. Применение стиля слоя

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

Для этого перейдите на панель Layer и дважды щелкните слой, содержащий фигуру. Появится окно с надписью Стиль слоя .

В разделе Параметры наложения вы увидите Bevel & Emboss . Нажмите на эту опцию, чтобы активировать ее, и убедитесь, что флажок рядом с именем заполнен.

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

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

В разделе  Shading вы сможете изменить внешний вид бликов. Вы можете изменить угол, под которым свет падает на объект, а также то, как свет взаимодействует с объектом.

После того, как вы установите все необходимые параметры, нажмите OK .

Шаг 5: Растрируйте свой слой

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

Воспринимайте это как ярлык для редактирования.

Когда вы выбираете инструмент Magic Wand Tool , убедитесь, что ваше изображение в настоящее время установлено на 16 бит . Вы получите предупреждение от Photoshop, если это не так.

Если это не так, нажмите Изображение > Режим > 16 бит . Поскольку вы работаете с разными слоями, Photoshop спросит вас, хотите ли вы объединить эти слои при уменьшении глубины документа.

Нажмите  Не объединять . Вы все еще хотите, чтобы эти слои были разделены.

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

Чтобы растрировать слой, щелкните правой кнопкой мыши слой, содержащий фоторамку, и выберите Стиль слоя «Растрировать» .

Шаг 6. Сделайте выбор

Затем вернитесь к инструменту Magic Wand Tool и выберите пустое место внутри и снаружи рамки изображения.

Когда эти две области выбраны, щелкните правой кнопкой мыши пустое место и выберите  Select Inverse . Вместо этого Photoshop выберет форму вашей рамки.

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

Если вы попытаетесь щелкнуть 3D-кадр напрямую, Photoshop выберет только цвета с одинаковым значением и оттенком, а не все.

С помощью  Select Inverse у вас теперь есть чистый выбор кадра.

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

Дайте вашему выбору осмысленное имя, затем нажмите  OK .

Шаг 7. Настройка цвета

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

Чтобы настроить цвет, перейдите на панель Слои и создайте новый слой поверх слоя, содержащего рамку изображения. Затем нажмите  Выберите > Загрузить выбор .

В раскрывающемся списке Channel выберите вариант, который вы сделали для своей фоторамки.

Когда выделение станет активным, перейдите к инструменту Paint Bucket или Gradient и примените к этому слою немного цвета. Он останется в пределах этого выбора.

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

Для этого нажмите кнопку  Режим наложения в раскрывающемся меню на панели Слои . Выберите эффект.

Как видите, этот эффект делает мою рамку ярче, а также улавливает светлые и темные оттенки 3D-фаски внизу.

Шаг 8: Добавьте свою фотографию

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

Чтобы перенести этот снимок в кадр, выберите Move , затем щелкните и перетащите снимок головы на вкладку файла для рамки изображения вверху. Я выделил вкладку красным.

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

Освободить файл. Photoshop автоматически поместит снимок головы в новый слой на панели Layers .

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

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

Затем перейдите к слою с рамкой. Активируйте инструмент Magic Wand , затем выберите пространство снаружи рамки.

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

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

Шаг 9. Сохраните файл для Интернета

Теперь, когда ваш снимок вставлен и рамка для фотографии готова, вы готовы к сохранению.

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

После отключения фона выберите Файл > Экспорт > Сохранить для Интернета (предыдущая версия) . Сохраните файл в формате PNG. И вот оно. Готово.

Настройка вашего присутствия в Интернете

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

Однако не останавливайтесь на достигнутом. Далее мы рекомендуем научиться создавать собственный градиент с помощью Photoshop.

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

Чад Верзоса

А- А+

Скачать как PDF

Подпишитесь ниже, чтобы скачать статью немедленно

Вы также можете выбрать свои интересы для бесплатного доступа к нашему обучению премиум-класса:

Основы бизнеса

Шпаргалки

Детская фотография

Красочные городские пейзажи

Состав

Творческая фотография

Креативные концепции портрета

Цифровые фотоколлажи

Сказочная портретная фотография

Фотография еды

Интерьерная фотография

Редактирование ландшафта

Пейзажная фотография

Обработка Lightroom

Пресеты Lightroom

Длинная выдержка

Макрофотография

Фотография Млечного Пути

Моя камера и фотография

Органический маркетинг

Домашние животные

Фотография товара

Фотография неба

Социальные сети

Натюрморт

Интервальная съемка

Туристическая фотография

Городская фотография

Фотография дикой природы

Ваша конфиденциальность в безопасности. Я никогда не поделюсь вашей информацией.

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

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


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

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


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

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


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

5. Фигурная рамка


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

4. Рамка Polaroid


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

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


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

2. Рамка PNG


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

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


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

Заключение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 4. Отрегулируйте размер холста изображения, чтобы разместить границу 

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 1a. Редактирование фотографии

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

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

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

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

Шаблон фоторамки с тремя изображениями в Photoshop

Шаг 1: Создание нового документа

Начнем с создания нового документа Photoshop. Перейдите к меню File в строке меню в верхней части экрана и выберите New . Или, чтобы быстрее создать новый документ, просто нажмите сочетание клавиш Ctrl+N (Win) / Command+N (Mac) :

Перейдите в меню «Файл» > «Создать» или нажмите Ctrl+N ( Win) / Command+N (Mac).

Любой способ, который вы выберете, вызывает диалоговое окно Photoshop New Document , в котором мы устанавливаем параметры для нашего нового документа. Поскольку я собираюсь разместить три изображения в портретном стиле рядом друг с другом в ряд, мне понадобится достаточно широкий документ, поэтому я введу 12 дюймов для ширины и 6 дюймов. для высоты , убедившись, что тип измерения установлен на дюймов , а не на пиксели. Вам может потребоваться ввести разные значения ширины и высоты, если вы хотите создать документ определенного размера. Поскольку я хочу напечатать эффект рамки, когда закончу, я введу 300 пикселей/дюйм для разрешения :

Создайте новый документ размером 12 x 6 дюймов с разрешением 300 пикселей/дюйм.

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

Появится новый документ.

Шаг 2: Залейте новый документ черным цветом

Я хочу использовать черный цвет для фона, поэтому я перейду к меню Edit в верхней части экрана и выберу Photoshop Команда «Заливка» , которая позволяет нам залить слой или выделение цветом:

Перейдите в меню «Правка» > «Заливка».

Когда появится диалоговое окно «Заливка», я установлю для параметра Использовать в разделе Содержание в верхней части диалогового окна значение Черный :

Установите для параметра Использовать значение Черный.

Нажмите OK, чтобы выйти из диалогового окна, и Photoshop заполнит документ сплошным черным цветом:

Теперь документ залит черным цветом.

Шаг 3: Добавьте новый пустой слой

Нам нужно добавить новый пустой слой. Мы добавим заполнитель для нашего первого изображения на этом новом слое. Удерживая нажатой клавишу Alt (Win) / Option (Mac), щелкните значок New Layer в нижней части панели слоев:

Удерживая Alt (Win) / Option (Mac), нажмите значок «Новый слой».

Удерживая нажатой клавишу Alt / Option, когда мы щелкаем значок «Новый слой», мы сообщаем Photoshop, чтобы он открыл Новый слой диалоговое окно перед добавлением нового слоя, и мы можем использовать диалоговое окно, чтобы дать нашему новому слою имя. Измените имя нового слоя со значения по умолчанию «Слой 1» на заполнитель слева :

Измените имя нового слоя на «заполнитель слева».

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

Добавлен новый слой с именем «заполнитель слева».

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

Выберите инструмент Photoshop «Прямоугольная область» в верхней части панели «Инструменты» или нажмите букву M на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:

Выберите прямоугольную область Инструмент выделения.

При выбранном инструменте Rectangular Marquee Tool Панель параметров в верхней части экрана меняется, чтобы показать параметры инструмента «Прямоугольная область». Один из вариантов Style . Измените значение по умолчанию на Нормальное на Фиксированное соотношение , затем введите 4 для ширины и 6 для высоты . Это приведет к тому, что форма выделения, которую мы собираемся нарисовать, будет иметь соотношение сторон 4×6, что позволит нам позже добавить несколько фотографий 4×6 в документ:

Измените стиль на «Фиксированное соотношение», затем введите «4» для ширины и «6» для высоты.

Шаг 5. Нарисуйте прямоугольное выделение в левой части документа

Перетащите прямоугольное выделение в левую часть документа. Здесь появится фотография слева. Вы заметите, что когда вы перетаскиваете выделение, его форма ограничивается соотношением сторон 4×6, которое мы установили на панели параметров на предыдущем шаге. Если вам нужно изменить положение выделения, когда вы его перетаскиваете, просто удерживайте нажатой пробел , перетащите мышь, чтобы переместить выделение на место, затем отпустите пробел и продолжайте перетаскивание. Не забудьте оставить достаточно места, чтобы в документе поместились еще две фотографии:

Щелкните и выделите область, где появится фотография слева.

Шаг 6: Залейте выделение серым цветом

После того, как вы нарисовали выделение, вернитесь в меню Edit и снова выберите команду Fill :

Перейдите в Edit > Fill.

На этот раз, когда появится диалоговое окно «Заливка», измените параметр Использовать в разделе Содержание в верхней части диалогового окна на 50% Серый :

На этот раз измените параметр Использовать на «50 % Серый».

Когда закончите, нажмите OK, чтобы выйти из диалогового окна. Photoshop заполняет выделение серым цветом. Нет особой причины, по которой мы выбрали здесь серый цвет. Нам просто нужно было заполнить выделение цветом, и, поскольку мы используем его только как заполнитель для изображения, серый казался естественным выбором. Нажмите Ctrl+D (Win) / Command+D (Mac), чтобы удалить контур выделения вокруг фигуры:

Нажмите Ctrl+D (Win) / Command+D (Mac), чтобы удалить контур выделения после того, как вы закрасил выделение серым цветом.

Шаг 7. Добавьте тонкую белую обводку вокруг фигуры

Давайте добавим тонкую белую рамку вокруг фигуры. Щелкните значок Layer Styles в нижней части панели «Слои» и выберите Stroke в нижней части появившегося списка стилей слоя:

Щелкните значок «Стили слоя» и выберите «Обводка» из списка.

Откроется диалоговое окно Photoshop Layer Style с параметрами «Обводка» в средней колонке. Во-первых, измените цвет обводки, щелкнув небольшой образец цвета справа от слова Color и выбрав белый цвет из палитры цветов , когда она появится. Нажмите OK, чтобы закрыть палитру цветов, когда закончите. Увеличьте Size обводки примерно до 10 px (пикселей), затем измените Position на Inside :

Измените цвет обводки на белый, затем увеличьте Size примерно до 10 px и измените Position на «Inside».

Установив цвет, размер и положение обводки, нажмите OK, чтобы выйти из диалогового окна. Вот мое изображение с тонкой белой рамкой, примененной к фигуре:

Стили слоя — это простой способ добавить к изображению простые эффекты, такие как границы.

Шаг 8: Выберите инструмент «Перемещение»

Выберите инструмент «Перемещение» Photoshop на панели «Инструменты» или нажмите букву V на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:

Выберите инструмент «Перемещение».

Шаг 9. Перетащите копию фигуры в центр документа

Нажмите Shift+Alt (Win) / Shift+Option (Mac) и, удерживая обе клавиши нажатыми, щелкните серую фигуру внутри документа и перетащите его вправо. Клавиша Alt/Option сообщает Photoshop, что мы хотим создать скопируйте фигуры при перетаскивании вместо перемещения исходной формы, в то время как клавиша Shift ограничивает направление, в котором мы можем перетаскивать, упрощая перетаскивание по прямой линии вправо.

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

Удерживая нажатыми Shift+Alt (Win) / Shift+Option (Mac), перетащите копию фигуры в середину документа.

Шаг 10: Переименуйте новый слой в «Placeholder Middle»

Если мы посмотрим на панель слоев, то увидим, что вторая фигура появилась на отдельном слое над исходной фигурой. Photoshop назвал новый слой «левая копия-заполнитель». Дважды щелкните имя нового слоя и измените его на placeholder middle . Нажмите Введите (Win) / Верните (Mac), когда закончите, чтобы принять изменение:

Новая фигура появится на отдельном слое над оригиналом. Переименуйте новый слой в «средний заполнитель».

Шаг 11. Перетащите еще одну копию фигуры в правую часть документа

Еще раз нажмите и удерживайте Shift+Alt (Win) / Shift+Option (Mac), щелкните среднюю фигуру и перетащите копию в правой части документа. Это станет заполнителем для изображения, которое появляется справа. Белая обводка снова копируется вместе с формой. Постарайтесь оставить такое же пространство между новой фигурой и правым краем документа, как и между левой фигурой и левым краем документа. Пока не беспокойтесь, если сами фигуры расположены неравномерно друг от друга, как это явно не так:

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

Шаг 12. Переименуйте новый слой «Пластик справа»

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

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

Шаг 13. Выделите сразу все три слоя-заполнителя

Давайте выровняем три фигуры, чтобы они находились на одинаковом расстоянии друг от друга. Когда верхний слой («заполнитель справа») уже выбран, удерживайте нажатой клавишу Shift и щелкните слой исходной формы («заполнитель слева») на панели «Слои». Это выберет сразу все три слоя-заполнителя (вы увидите, что они все выделены синим цветом, что говорит нам о том, что они выбраны):

Удерживая нажатой клавишу Shift, щелкните «заполнитель слева», чтобы выбрать сразу все три слоя-заполнителя.

Шаг 14: Щелкните значок «Распределить центры по горизонтали»

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

Щелкните значок «Распределить горизонтальные центры» на панели параметров.

Все три фигуры-заполнители теперь должны быть равномерно распределены в документе:

Теперь заполнители расположены равномерно.

Мы готовы добавить несколько фотографий в документ. Мы сделаем это дальше!

Шаг 15. Откройте первую фотографию для добавления в рамку

Откройте первое изображение, которое хотите добавить в документ-рамку. Вот фото, которое я буду использовать:

Первое фото, которое я добавлю в документ.

Шаг 16: Скопируйте фотографию в буфер обмена

Нажмите Ctrl+A (Win) / Command+A (Mac), чтобы быстро выбрать всю фотографию. Вы увидите контур выделения вокруг изображения. Затем нажмите Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение в буфер обмена. Вы можете закрыть окно документа фотографии после того, как скопируете изображение в буфер обмена.

Шаг 17: Выберите слой «Placeholder Left»

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

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

Шаг 18. Вставьте фотографию в документ с рамкой

Нажмите Ctrl+V (Win) / Command+V (Mac), чтобы вставить фотографию в документ с рамкой. Photoshop поместит фотографию на свой собственный слой непосредственно над выбранным слоем, и если мы посмотрим на панель «Слои», то увидим, что фотография действительно появляется на своем собственном слое непосредственно над слоем «заполнитель слева», который мы выбрано на предыдущем шаге:

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

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

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

Шаг 19. Перетащите фотографию на фигуру «Заполнитель слева»

При выбранном инструменте «Перемещение» щелкните внутри документа и перетащите фотографию влево, пока она не появится поверх формы «Заполнитель слева»:

Нажмите и перетащите фотографию на фигуру «заполнитель слева». Шаг 20. Создайте обтравочную маску0013 Создать обтравочную маску :

Перейдите в меню «Слой» > «Создать обтравочную маску».

Photoshop «прикрепит» фотографию к фигуре-заполнителю под ней, оставив видимой только ту область фотографии, которая попадает в границы фигуры. Остальная часть фотографии, выходящая за пределы формы, становится невидимой. Белая обводка вокруг фигуры теперь снова видна:

Фотография теперь «обрезана» по фигуре-заполнителю под ней.

Шаг 21. Измените размер фотографии с помощью команды «Свободное преобразование»

Давайте изменим размер фотографии, чтобы мы могли видеть все изображение, а не только ту его часть, которая находится над фигурой-заполнителем. Нажмите Ctrl+T (Win) / Command+T (Mac), чтобы быстро открыть окно Photoshop Free Transform и маркеры вокруг изображения. Несмотря на то, что мы можем видеть только область фотографии, которая находится непосредственно над фигурой, маркеры свободного преобразования появляются вокруг фактических размеров изображения. Если вы не видите маркеры свободного преобразования, потому что ваше изображение настолько велико, что его края выходят за пределы видимой области окна документа, нажмите Ctrl+0 (Win) / Command+0 (Mac), чтобы Photoshop уменьшал масштаб до тех пор, пока все не поместится в окне документа (так называемый вид Fit on Screen ). Нажмите ее еще раз, когда закончите изменение размера изображения.

Перетащите угловые маркеры Free Transform (маленькие квадраты) внутрь, пока они не выровняются с углами фигуры-заполнителя, чтобы и фигура, и фотография были одинакового размера. Конечно, это предполагает, что вы используете фотографию с тем же соотношением сторон 4×6, что и фигура-заполнитель, как я здесь. Если на вашей фотографии используется другое соотношение сторон, просто измените размер изображения, чтобы его большая часть соответствовала форме. Держите нажатой Нажимайте клавишу Shift при перетаскивании маркеров, чтобы ограничить соотношение сторон фотографии, чтобы случайно не исказить ее внешний вид при изменении размера. При необходимости вы можете изменить положение фотографии, щелкнув в любом месте поля «Свободное преобразование» и перетащив ее мышью:

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

Когда вы закончите изменять размер изображения, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды «Свободное преобразование»:

Фотография теперь имеет тот же размер, что и фигура-заполнитель под ней.

Шаг 22. Добавьте еще две фотографии в рамку

Выполните те же действия, чтобы добавить еще две фотографии в документ с рамкой, одну для средней области и одну для правой. Сначала откройте фотографию, которую хотите использовать. Нажмите Ctrl+A (Win)/ Command+A (Mac), чтобы выбрать его, затем Ctrl+C (Win)/ Command+C (Mac), чтобы скопировать его в буфер обмена. Закройте окно документа фотографии после того, как вы скопировали изображение в буфер обмена. Вернитесь к документу с рамкой и щелкните слой-заполнитель посередине или -заполнитель справа на панели «Слои», чтобы выбрать его (в зависимости от того, к какому из них вы добавляете фотографию).

Нажмите Ctrl+V (Win) / Command+V (Mac), чтобы вставить фотографию в документ. Photoshop поместит фотографию на отдельный слой непосредственно над выбранным вами слоем-заполнителем. Используйте Инструмент «Перемещение» , чтобы перетащить фотографию поверх фигуры-заполнителя, если это необходимо, затем перейдите в меню Слой в верхней части экрана и выберите Создать обтравочную маску . Наконец, нажмите Ctrl+T (Win) / Command+T (Mac), чтобы вызвать поле Free Transform и маркеры вокруг изображения. Удерживая нажатой клавишу Shift , перетащите угловые маркеры, чтобы изменить размер фотографии. Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы выйти из Free Transform.

Вот мой документ-рамка после добавления фотографий в среднюю и правую части:

Окончательный результат из трех фотографий.

Шаг 23. Преобразование трех фотографий в смарт-объекты

Для выполнения оставшихся нескольких шагов вам потребуется Photoshop CS2 или выше. Мы увидим, как легко использовать наш окончательный результат в качестве шаблона, меняя местами другие фотографии в кадре и вне его по мере необходимости, используя смарт-объектов , которые впервые были представлены в Photoshop CS2.

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

Щелкните «Слой 1», который содержит первую добавленную нами фотографию.

Выбрав слой, Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на имени слоя и выберите Преобразовать в смарт-объект в появившемся меню:

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

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

Маленький значок смарт-объекта появляется на миниатюре предварительного просмотра слоя.

Сделайте то же самое для оставшихся двух изображений (которые вы найдете на «Слой 2» и «Слой 3»), сначала щелкнув слой на панели «Слои», затем Щелкните правой кнопкой мыши (Win) / , удерживая нажатой клавишу Control, (Mac) на имени слоя и выберите в меню Преобразовать в смарт-объект . Когда вы закончите, все три фотографии должны иметь значок смарт-объекта, появляющийся в правом нижнем углу миниатюры предварительного просмотра их слоя.

Шаг 24. Замените содержимое каждого смарт-объекта, чтобы добавить разные фотографии

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

Снова выберите «Слой 1», затем щелкните правой кнопкой мыши (Win) / Control-щелчок (Mac) и выберите «Заменить содержимое» в меню.

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

Нажмите на название фотографии, затем нажмите Разместить.

Как только вы нажмете кнопку «Поместить», Photoshop заменит исходную фотографию новой фотографией в документе! Если вам нужно изменить размер нового изображения, нажмите Ctrl+T (Win) / Command+T (Mac), чтобы вызвать маркеры Free Transform , затем перетащите угловые маркеры, чтобы изменить его размер так же, как мы сделали с исходную фотографию, удерживая нажатой клавишу Shift при перетаскивании, чтобы ограничить соотношение сторон. Опять же, если вы не видите маркеров, потому что изображение слишком велико и не помещается в окне документа, нажмите Ctrl+0 (Win) / Command+0 (Mac) для переключения в режим просмотра По размеру экрана . Нажмите еще раз, когда закончите изменение размера изображения:

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

Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять трансформацию и выйти из Free Transform:

Левая фотография была заменена.

Сделайте то же самое для двух других фотографий, чтобы поменять их местами с другими изображениями. Сначала выберите слой фотографии на панели «Слои» («Слой 2» или «Слой 3»), затем Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) на имени слоя и выберите Заменить содержимое в появившемся меню. Когда появится диалоговое окно Place, выберите новую фотографию, которую хотите использовать, затем нажмите кнопку Place . Если вам нужно изменить размер нового изображения, нажмите Ctrl+T (Win) / Command+T (Mac) и перетащите угловые маркеры Free Transform, удерживая Shift при перетаскивании. Нажмите Введите (Победа) / Верните (Mac), когда закончите, чтобы выйти из Free Transform.

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

Благодаря Smart Objects заменить исходные изображения новыми было легко!

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

Заполнители с рамками | Холст клиента

  • 3-4 минуты на чтение

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

Вы можете реализовать эти рамки в шаблонах Photoshop.

Чтобы создать заполнитель с рамкой в ​​шаблоне PSD, вам необходимо выполнить следующее:

  1. Добавьте в шаблон один или несколько растровых слоев, представляющих кадры. Добавьте маркер к именам этих слоев.
  2. Добавьте один растровый слой, представляющий содержимое этого заполнителя. Оставьте его без маркеров.
  3. Сгруппируйте эти слои вместе и добавьте маркер в группу.

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

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

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

Пример заполнителей с фреймами

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

  1. Создать новый шаблон . В меню File щелкните New .
  2. Добавить фото . Например, перетащите его из проводника Windows.
  3. Добавьте слой формы . На панели инструментов щелкните Инструмент «Форма» или нажмите U на клавиатуре, переключитесь на инструмент пользовательской формы и нарисуйте форму штампа с помощью мыши.
  4. Добавить прямоугольник . Добавьте форму прямоугольника так же, как вы добавили форму штампа на предыдущем шаге.
  5. Растрируйте слой прямоугольника . Щелкните правой кнопкой мыши этот слой и выберите Растрировать слой .
  6. Добавьте маркер . Дважды щелкните имя слоя и введите .
  7. Добавить фото уголки . Перетащите изображение уголков крепления фотографий из проводника Windows.
  8. Добавьте маркер . Дважды щелкните имя слоя и введите .
  9. Сгруппировать все слои вместе . Выберите слои, щелкните их правой кнопкой мыши и выберите «Группировать из слоев».
  10. Добавьте маркер . Дважды щелкните имя группы на вкладке Layers и добавьте к ее имени маркер . Слои должны выглядеть следующим образом:
 ![Кадры, определенные в Photoshop.](images/FramePsdLayers.png)
 

Поместите полученный файл PSD в папку ~\assets\designs\ 9папку 0014 и откройте ее. Обратите внимание, что Редактор дизайна отображает такую ​​группу слоев как один элемент.

Кадры из галереи

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

Добавить комментарий

Ваш адрес email не будет опубликован.