Как вставить картинку в фигуру в фотошопе: помещаем изображение в форму в Photoshop — Главная

Содержание

помещаем изображение в форму в Photoshop

Автор Дмитрий Евсеенков На чтение 14 мин Просмотров 2.9к. Обновлено 16.10.2022

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

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

Окончательное изображение, вставленное в фигуру

В этом уроке для вставки картинки в форму я буду использовать Фотошоп 2022 года.

Видеоурок у меня на канале:

Содержание

Создайте новый документ

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

Нажав кнопку Новый файл на главном экране Photoshop

Или можете подняться в меню Файл на панели и выбрать Новый.

Переходим в Файл Создать

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

Поскольку мы будем помещать в форму изображение, а изображения обычно сохраняются с большим разрешением, я изменю значение Разрешение на 300 пикселей на дюйм. А для параметра Содержимое фона я оставлю значение Белый.

Новые настройки документа

Затем нажмите кнопку Создать.

Нажмите Создать

Photoshop создаст новый документ.

Новый документ

Откройте панель

Фигуры

Самый быстрый способ рисования пользовательских фигур в Photoshop — это добавление их из панели Shapes. Чтобы открыть Фигуры, перейдите меню Окно и выберите пункт Фигуры.

Перейдите в Окно Фигуры

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

Панель Фигуры открывается в узкой панели столбцов

Сначала видны только фигуры по умолчанию, разделены на группы.

Пользовательские группы фигур по умолчанию

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

Просмотр фигур внутри группы

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

Расширение панели фигур

Загрузка недостающих фигур

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

Щелкните значок меню

Затем выберите Legacy Shapes and More.

Загрузка группы Legacy Shapes and More

Новая группа Legacy Shapes and More появится под группами по умолчанию.

Новая группа Legacy Shapes and More

Внутри группы находятся еще две группы. 2019 Shapes содержит сотни новых фигур, которые были добавлены в Photoshop 2020. А в группе All Legacy Default Shapes содержатся классические фигуры из старых версий Photoshop.

Группы 2019 Shapes и All Legacy Default Shapes

Выберите фигуру

Для этого урока будем использовать одну из классических фигур. Откроем группу All Legacy Default Shapes.

Открытие всех устаревших форм по умолчанию

Затем прокручиваем вниз до набора Природа и раскрываем его.

Открытие группы Природа

В наборе Природа выбираем форму Бабочка.

Выбор фигуры бабочки

Перетащите фигуру на холст

Чтобы добавить фигуру, просто щелкните и перетащите миниатюру с панели Фигуры на холст.

Перетаскивание фигуры с панели Фигуры на холст

Photoshop рисует фигуру, когда вы отпускаете кнопку мыши.

Фотошоп рисует фигуру

Изменение размера и центрирование фигуры

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

Убедитесь, что ширина и высота связаны друг с другом

Затем измените размер фигуры, щелкнув и перетащив любую из ручек трансформации. Если во время перетаскивания удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре, размер фигуры будет изменяться относительно центра.

Перетащите точку, чтобы изменить размер фигуры

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

Перетаскивание фигуры в центр

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

Кликните на галочку

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

Новый слой фигура на панели Слои

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

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

Параметры заливки и обводки на панели Свойства

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

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

Заливка и обводка по умолчанию

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

Щелкните образец цвета обводки

Щелкните значок Нет цвета в верхней левой части панели. Затем кликните за пределами панели, чтобы закрыть ее, или нажмите Enter (Win) / Return (Mac) на клавиатуре.

Установка обводки на Без цвета

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

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

Поднимитесь в меню Файл и выберите команду Поместить в документ.

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

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

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

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

Изображение помещается перед фигурой

Мы изменим размер изображения после его вставки в форму. А пока нажимаем галочку на панели параметров.

Кликните по галочке

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

Photoshop помещает изображение как смарт объект

Создайте обтравочную маску

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

Щелкните значок меню панели Слои

Затем выберите Создать обтравочную маску.

Выбор команды Создать обтравочную маску

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

Результат после обрезки изображения по форме

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

Панель Слои с обтравочной маской

Чтобы изменить размер и положение изображения в пределах фигуры, откройте меню Edit и выберите Free Transform.

Свободное преобразование

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

Убедитесь, что значок ссылки выбран

Измените размер изображения, перетащив любую из точек трансформации. При перетаскивании точки можно удерживать клавишу Alt (Win) / Option (Mac) на клавиатуре, чтобы изменить размер изображения относительно его центра.

Изменение размера изображения внутри фигуры

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

Позиционирование изображения в форме

Когда закончите, нажмите галочку на панели параметров.

Клик по галочке

Как изменить цвет фона

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

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

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

Добавьте слой заливки

Solid Color

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

Выбор фонового слоя

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

Щелкните значок Новая заливка или Корректирующий слой

Выберите Solid Color в верхней части списка.

Добавление слоя заливки сплошным цветом

Выберите новый цвет фона

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

Эффект с черным цветом фона

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

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

Выборка нового цвета фона из изображения внутри фигуры

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

Панель Слои с новым слоем заливки Сплошной цвет

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

Еще один способ усилить эффект — добавить обводку вокруг фигуры.

Выберите слой с фигурой

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

Выбор слоя фигуры

Добавление эффекта слоя с обводкой

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

Щелкните значок эффектов слоя

И выберите Stroke.

Добавление эффекта слоя Обводка

Photoshop открывает диалоговое окно Стиль слоя с параметрами Обводка в средней колонке. Чтобы изменить цвет обводки, щелкните образец цвета.

Щелкните образец цвета в диалоговом окне Стиль слоя

Затем выберите новый цвет в Color Picker. Я выберу белый цвет, установив значения R, G и B равными 255. Нажмите OK, когда закончите, чтобы закрыть Color Picker (Выбор цвета).

Выбор белого цвета для обводки из палитры цветов

Вернувшись в диалоговое окно Стиль слоя, установите для параметра Положение значение Снаружи, чтобы обводка появилась вокруг внешней стороны фигуры. Затем увеличьте значение Size, чтобы отрегулировать толщину обводки. Для моего изображения хорошо подходит размер около 18 px.

Установка положения и размера штриха

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

Результат с обводкой, добавленной вокруг формы

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

Включите или выключите обводку, щелкнув значок видимости

Как удалить фон за фигурой

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

Выключите фоновый слой и слой заливки

Solid Color

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

Отключение фонового слоя

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

Отключение слоя заливки сплошным цветом

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

Фон теперь прозрачный

Обрежьте прозрачные пиксели

Нам не нужно все лишнее пространство вокруг фигуры. Чтобы обрезать его, откройте меню Изображение и выберите пункт Обрезка.

Идем в Изображение Обрезать

В диалоговом окне Обрезка убедитесь, что в верхней части выбран параметр Прозрачные пиксели, а в нижней — Сверху, Снизу, Слева и Справа. Затем нажмите кнопку OK.

Настройки обрезки

Photoshop обрежет области вокруг фигуры.

Окружающие пиксели были обрезаны

Сохраните результат в файле

PNG

Наконец, чтобы сохранить результат, поднимитесь в меню Файл и вместо выбора Сохранить или Сохранить как выберите Сохранить копию.

Переходим в Файл Сохранить копию

Сохранить можно на ПК или в облаке.

Выбор опции Сохранить на вашем компьютере

Чтобы сохранить прозрачность фигуры, мы не можем сохранить ее как файл JPEG, поскольку JPEG не поддерживает прозрачность. Вместо этого нам нужно сохранить его как файл PNG. Щелкните поле Save as type box на компьютере с Windows или Format box на Макбуке и выберите PNG.

Установка типа файла в PNG

Затем дайте файлу имя. Я назову его image-in-shape.png.

Имя файла

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

Нажмите кнопку Сохранить

Наконец, в диалоговом окне Параметры формата PNG выберите внизу опцию Наименьший размер файла и нажмите OK.

Выбор наименьшего размера файла

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

Инструмент «Кадр» для простой маскировки в Photoshop

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

Поиск

Последнее обновление Nov 15, 2022 09:20:17 AM GMT

Руководство пользователя Photoshop
Введение в Photoshop
1. Мечтайте об этом. Сделайте это.
2. Новые возможности Photoshop
3. Редактирование первой фотографии
4. Создание документов
5. Photoshop | Часто задаваемые вопросы
6. Системные требования Photoshop
7. Перенос наборов настроек, операций и настроек
8. Знакомство с Photoshop
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. Отмена и история операций
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. Коррекция экспозиции изображений с помощью инструментов «Осветлитель» и «Затемнитель»
Бета-версия веб-приложения Photoshop
1. Часто задаваемые вопросы | Бета-версия веб-приложения Photoshop
2. Общие сведения о рабочей среде
3. Системные требования | Бета-версия веб-приложения Photoshop
4. Комбинации клавиш | Бета-версия веб-приложения Photoshop
5. Поддерживаемые форматы файлов | Бета-вервия веб-приложения Photoshop
6. Открытие облачных документов и работа с ними
7. Совместная работа с заинтересованными сторонами
8. Ограниченные возможности редактирования облачных документов
Облачные документы
1. Облачные документы Photoshop | Часто задаваемые вопросы
2. Облачные документы Photoshop | Вопросы о рабочем процессе
3. Работа с облачными документами и управление ими в Photoshop
4. Обновление облачного хранилища для Photoshop
5. Не удается создать или сохранить облачный документ
6. Устранение ошибок с облачными документами Photoshop
7. Сбор журналов синхронизации облачных документов
8. Общий доступ к облачным документам и их редактирование
9. Общий доступ к файлам и комментирование в приложении
Рабочая среда
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. Сетка и направляющие
Разработка содержимого для Интернета, экрана и приложений
1. Photoshop для дизайна
2. Монтажные области
3. Просмотр на устройстве
4. Копирование CSS из слоев
5. Разделение веб-страниц на фрагменты
6. Параметры HTML для фрагментов
7. Изменение компоновки фрагментов
8. Работа с веб-графикой
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. Битовая глубина и установки
Слои
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. Фон
Выделения
1. Рабочая среда «Выделение и маска»
2. Быстрое выделение областей
3. Начало работы с выделениями
4. Выделение при помощи группы инструментов «Область»
5. Выделение при помощи инструментов группы «Лассо»
6. Выбор цветового диапазона в изображении
7. Настройка выделения пикселей
8. Преобразование между контурами и границами выделенной области
9. Основы работы с каналами
10. Перемещение, копирование и удаление выделенных пикселей
11. Создание временной быстрой маски
12. Сохранение выделенных областей и масок альфа-каналов
13. Выбор областей фокусировки в изображении
14. Дублирование, разделение и объединение каналов
15. Вычисление каналов
16. Выделение
17. Ограничительная рамка
Коррекции изображений
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. Замена цветов объекта
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
Исправление и восстановление изображений
1. Удаление объектов с фотографий с помощью функции «Заливка с учетом содержимого»
2. Заплатка и перемещение с учетом содержимого
3. Ретуширование и исправление фотографий
4. Коррекция искажений изображения и шума
5. Основные этапы устранения неполадок для решения большинства проблем
Преобразование изображений
1. Трансформирование объектов
2. Настройка кадрирования, поворотов и холста
3. Кадрирование и выпрямление фотографий
4. Создание и редактирование панорамных изображений
5. Деформация изображений, фигур и контуров
6. Перспектива
7. Использование фильтра «Пластика»
8. Масштаб с учетом содержимого
9. Трансформирование изображений, фигур и контуров
10. Деформация
11. Трансформирование
12. Панорама
Рисование и живопись
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. Синхронизация наборов настроек на нескольких устройствах
Текст
1. Добавление и редактирование текста
2. Универсальный текстовый редактор
3. Работа со шрифтами OpenType SVG
4. Форматирование символов
5. Форматирование абзацев
6. Создание эффектов текста
7. Редактирование текста
8. Интерлиньяж и межбуквенные интервалы
9. Шрифт для арабского языка и иврита
10. Шрифты
11. Поиск и устранение неполадок, связанных со шрифтами
12. Азиатский текст
13. Создание текста
14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
Видео и анимация
1. Видеомонтаж в Photoshop
2. Редактирование слоев видео и анимации
3. Общие сведения о видео и анимации
4. Предварительный просмотр видео и анимации
5. Рисование кадров в видеослоях
6. Импорт видеофайлов и последовательностей изображений
7. Создание анимации кадров
8. 3D-анимация Creative Cloud (предварительная версия)
9. Создание анимаций по временной шкале
10. Создание изображений для видео
Фильтры и эффекты
1. Использование фильтра «Пластика»
2. Использование эффектов группы «Галерея размытия»
3. Основные сведения о фильтрах
4. Справочник по эффектам фильтров
5. Добавление эффектов освещения
6. Использование фильтра «Адаптивный широкий угол»
7. Фильтр «Масляная краска»
8. Эффекты и стили слоев
9. Применение определенных фильтров
10. Растушевка областей изображения
Сохранение и экспорт
1. Сохранение файлов в Photoshop
2. Экспорт файлов в Photoshop
3. Поддерживаемые форматы файлов
4. Сохранение файлов в других графических форматах
5. Перемещение проектов между Photoshop и Illustrator
6. Сохранение и экспорт видео и анимации
7. Сохранение файлов PDF
8. Защита авторских прав Digimarc
Печать
1. Печать 3D-объектов
2. Печать через Photoshop
3. Печать и управление цветом
4. Контрольные листы и PDF-презентации
5. Печать фотографий в новом макете раскладки изображений
6. Печать плашечных цветов
7. Дуплексы
8. Печать изображений на печатной машине
9. Улучшение цветной печати в Photoshop
10. Устранение неполадок при печати | Photoshop
Автоматизация
1. Создание операций
2. Создание изображений, управляемых данными
3. Сценарии
4. Обработка пакета файлов
5. Воспроизведение операций и управление ими
6. Добавление условных операций
7. Сведения об операциях и панели «Операции»
8. Запись инструментов в операциях
9. Добавление изменения цветового режима в операцию
10. Набор средств разработки пользовательского интерфейса Photoshop для внешних модулей и сценариев
Управление цветом
1. Основные сведения об управлении цветом
2. Обеспечение точной цветопередачи
3. Настройки цвета
4. Работа с цветовыми профилями
5. Управление цветом документов для просмотра в Интернете
6. Управление цветом при печати документов
7. Управление цветом импортированных изображений
8. Выполнение цветопробы
Подлинность контента
1. Подробнее об учетных данных для содержимого
2. Идентичность и происхождение токенов NFT
3. Подключение учетных записей для творческой атрибуции
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»

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

Создание кадра-местозаполнителя

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

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

Создание кадров с помощью инструмента «Кадр»

Выберите инструмент Кадр на панели «Инструменты» или нажмите клавишу «K».
На панели «Параметры инструментов» выберите прямоугольную рамку или овальную рамку .
Нарисуйте новый кадр на холсте.

Преобразование любой фигуры или текста в кадр

На панели Слои щелкните правой кнопкой мыши (Win) или с удерживаемой клавишей «Control» (Mac) текстовый слой или слой-фигуру и выберите Преобразовать в кадр в контекстном меню.
В диалоговом окне Новый кадр введите имя и задайте конкретную ширину и высоту для кадра.
Нажмите кнопку ОК.

Рисование кадра поверх существующего изображения на холсте

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

Когда вы рисуете кадр на пиксельном слое или перетаскиваете пиксельный слой на пустой кадр на панели «Слои», пиксельный слой автоматически преобразуется в смарт-объект.

При добавлении изображения из результатов поиска Adobe Stock создаются кадры.

Помещение изображения в кадр

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

Перетащите ресурс Adobe Stock или ресурс библиотеки с панели Библиотеки в кадр. Ресурс помещается как смарт-объект, который по умолчанию связан с библиотеками Creative Cloud. Чтобы получить исходный отдельный слой (не связанный с библиотеками), удерживайте клавишу «Alt» (Win) или «Option» (Mac), перетаскивая ресурс с панели «Библиотеки», или используйте команду «Поместить слой» на панели «Библиотеки».
Перетащите изображение с локального диска в кадр. Изображение помещается в качестве встроенного смарт-объекта. Чтобы создать связанный смарт-объект, удерживайте клавишу «Alt» (Win) или «Option» (Mac), перетаскивая изображения.
Выделите кадр. В строке меню выберите Файл > Поместить связанные или Поместить встроенные. В открывшемся диалоговом окне выберите изображение, которое требуется поместить в выбранный кадр. Изображение помещается в качестве связанного или встроенного смарт-объекта.
На панели «Слои» перетащите пиксельный слой в пустой кадр. Пиксельный слой автоматически преобразуется в смарт-объект.

Слой кадра на панели «Слои»

На панели Слои кадры представлены типом «Слой кадра». Для слоя кадра отображаются две миниатюры: миниатюра кадра и миниатюра содержимого.

Слой кадра на панели «Слои»

A. Миниатюра кадра B. Миниатюра содержимого; смарт-объект, связанный с библиотеками C. Слой кадра

Если открыть документ со слоями кадров в Photoshop CC 2018 или более ранних версий, слой кадра отображается как смарт-объект с векторной маской.

Выделение кадра или его содержимого

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

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

A. Выделены кадр и его изображение B. Выделено только изображение (отображается вместе с активными элементами управления преобразованием) C. Выделен только кадр

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

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

На холсте один раз щелкните изображение.
На панели «Слои» щелкните миниатюру слой кадра.

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

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

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

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

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

Выделение только кадра

Чтобы выделить только кадр, выполните любое из следующих действий.

В любом из перечисленных выше выделенных состояний один раз щелкните край кадра в области холста.
На панели «Слои» щелкните миниатюру кадра на слое кадра.

Теперь можно преобразовать кадр отдельно от содержимого.

Замена содержимого кадра

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

Перетащите изображение с панели Библиотеки на кадр в области холста или на слой кадра на панели Слои.
Перетащите изображение с локального диска на кадр в области холста.
Выделите кадр или его изображение и используйте параметры в разделе Вставить изображение на панели Свойства; Найти в Adobe Stock, Открыть библиотеки, Разместить из папки на локальном диске — связанные или Разместить из папки на локальном диске — встроенные.
Выделите кадр. В строке меню выберите Файл > Поместить связанные или Поместить встроенные. В открывшемся диалоговом окне выберите изображение, которое требуется поместить в выбранный кадр.

Добавление обводки в кадр

Обновления в выпуске Photoshop 21.2 (июнь 2020 г.)

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