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

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

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

Поиск

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

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»

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

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

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

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

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

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

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

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

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

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

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

При добавлении изображения из результатов поиска 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 г.)

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

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

• Работа со смарт-объектами
• Создание текста
• Построение фигур
• Использование Adobe Stock с библиотеками Creative Cloud
• Преобразование объектов
• Маскирование слоев при помощи векторных масок

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

Войти

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

Топ 5 новых фичей в Photoshop

В свежем релизе Photoshop за октябрь 2018 (версия 20. 0) появился ряд новых функций для дизайнеров, фотографов и иллюстраторов. Мы выбрали пять самых интересных и полезных из них, включая улучшения content-aware заливки, предварительный просмотр в режиме наложения, инструмент Frame для легкости работы с масками и другие.

1. Улучшенная заливка с учётом содержимого (Content-aware fill)

Те, кто давно работает в Photoshop, очень хорошо знакомы с клонированием частей изображения, чтобы скрыть другие нежелательные его части. Можно было проводить бесчисленные часы, пытаясь удалить объекты или пятна, чтобы сделать изображения идеальными. Обновлённый инструмент Content-Aware Fill позволяет существенно сэкономить на этом время.

Новое рабочее пространство работы с заливкой с учётом содержимого обеспечивает интерактивное редактирование для достижения плавных результатов заливки. Теперь вы можете выбирать, какие исходные пиксели использовать, а также поворачивать, масштабировать и зеркально отображать исходные пиксели благодаря технологии Adobe Sensei. Также есть предварительный просмотр изменений в полном разрешении и возможность сохранить результат в новом слое.

2. Предварительный просмотр в режиме наложения (Live blend mode preview)

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

3. Инструмент Frame для работы с масками

Работать с масками стало намного проще с новым инструментом «Рамка» (Frame Tool). Используйте инструмент Frame (клавиша «К» на клавиатуре) для быстрого создания прямоугольных или эллиптических placeholder рамок. Затем перетащите ассет из Adobe Stock или из библиотеки или с локального диска в объект frame. Изображение автоматически масштабируется по размеру рамки. Содержимое, помещенное во фреймы, всегда размещается как смарт-объект, поэтому его можно масштабировать, сохраняя качество. Вы также можете преобразовать любую фигуру или текст в рамки и заполнить их изображениями.

4. Режим симметрии

Режим симметрии (symmetry mode) пригодится для всех симметричных и повторяющихся объектов. Используя инструменты кисти или карандаша, вы можете щёлкнуть значок бабочки на панели параметров и нарисовать симметричный рисунок. Удобно и то, что инструмент также работает с Eraser, так что вы можете избавиться от своего шаблона так же быстро, как вы его сделали. Кроме того, есть возможность выбрать один из нескольких доступных типов симметрии: вертикальная, горизонтальная, двухосная, диагональная, волнистая, круговая, спиральная, параллельные линии, радиальная и мандала. Наслаждайтесь.

5. Распределение интервала

Последнее обновление включает функцию Distribute Spacing, позволяющую распределять расстояние между объектами. Photoshop уже может «расставлять» объекты, равномерно распределяя их центральные точки, но если объекты имеют разные размеры, это было проблематично. Теперь расстояние между ними распределяется равномерно. Если вы привыкли использовать Adobe Illustrator, то вы уже знакомы с этими инструментами. Сейчас они есть и в Photoshop.

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

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

Инструмент «Рамка» для удобного маскирования в Photoshop

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

Поиск

Последнее обновление: 16 ноября 2022 г., 04:57:02 по Гринвичу

1. Руководство пользователя Photoshop
2. Знакомство с Photoshop
   1. Мечтай. Сделай это.
   2. Что нового в Photoshop
   3. Отредактируйте свою первую фотографию
   4. Создание документов
   5. Фотошоп | Общие вопросы
   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
   7. Библиотеки Creative Cloud в Photoshop
   8. Используйте сенсорную панель с Photoshop
   9. Сетка и направляющие
   10. Создание действий
   11. Отмена и история
4. Photoshop на iPad
   1. Photoshop на iPad | Общие вопросы
   2. Знакомство с рабочим пространством
   3. Системные требования | Фотошоп на 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. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
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. Настройки
   3. Учитесь быстрее с помощью панели Photoshop Discover
   4. Создание документов
   5. Разместить файлы
   6. Сочетания клавиш по умолчанию
   7. Настройка сочетаний клавиш
   8. Инструментальные галереи
      
   9. Параметры производительности
   10. Использовать инструменты
   11. Предустановки
   12. Сетка и направляющие
   13. Сенсорные жесты
   14. Используйте сенсорную панель с Photoshop
   15. Сенсорные возможности и настраиваемые рабочие области
   16. Превью технологий
   17. Метаданные и примечания
   18. Сенсорные возможности и настраиваемые рабочие области
       
   19. Поместите изображения Photoshop в другие приложения
   20. Правители
   21. Показать или скрыть непечатаемые дополнения
   22. Укажите столбцы для изображения
   23. Отмена и история
   24. Панели и меню
   25. Позиционные элементы с привязкой
       
   26. Положение с помощью инструмента «Линейка»
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. Изображения с высоким динамическим диапазоном
   11. Сопоставьте цвета на изображении
   12. Преобразование между цветовыми режимами
   13. Цветовые режимы
   14. Стереть части изображения
   15. Режимы наложения
   16. Выберите цвет
   17. Настройка индексированных таблиц цветов
   18. Информация об изображении
   19. Фильтры искажения недоступны
   20. О цвете
   21. Настройка цвета и монохрома с использованием каналов
   22. Выбор цветов на панелях «Цвет» и «Образцы»
   23. Образец
   24. Цветовой режим или режим изображения
   25. Цветной оттенок
   26. Добавить условное изменение режима к действию
   27. Добавить образцы из HTML CSS и SVG
   28. Битовая глубина и настройки
10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выбрать, сгруппировать и связать слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты слоя и стили
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Показать слои с обтравочными масками
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого других слоев
11. Подборки
    1. Начало работы с подборками
       
    2. Сделайте выбор в композите
    3. Рабочая область выбора и маски
       
    4. Выберите с помощью инструментов выделения
       
    5. Выберите с помощью инструментов лассо
    6. Настройка выбора пикселей
    7. Перемещение, копирование и удаление выбранных пикселей
    8. Создать временную быструю маску
    9. Выбор цветового диапазона изображения
    10. Преобразование между путями и границами выделения
    11. Основы канала
    12. Сохранить выделение и маски альфа-канала
        
    13. Выберите области изображения в фокусе
    14. Дублировать, разделять и объединять каналы
    15. Вычисления каналов
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. Настройка цвета и тона с помощью пипеток «Уровни» и «Кривые»
    27. Настройка экспозиции и тонирования HDR
    28. Осветлить или затемнить области изображения
    29. Выборочная настройка цвета
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. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    13. Поворот, обрезка и настройка изображений
    14. Настройка цветопередачи в Camera Raw
    15. Версии процесса в Camera Raw
    16. Внесение локальных корректировок в Camera Raw
14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Content-Aware Patch and Move
    3. Ретушь и ремонт фотографий
    4. Исправить искажение изображения и шум
    5. Основные действия по устранению неполадок для решения большинства проблем
15. Улучшение и преобразование изображения
    1. Замена неба на изображениях
    2. Преобразование объектов
    3. Настройка кадрирования, поворота и размера холста
    4. Как обрезать и выпрямить фотографии
    5. Создание и редактирование панорамных изображений
    6. Деформация изображений, форм и путей
    7. Точка схода
    8. Контентно-зависимое масштабирование
    9. Преобразование изображений, форм и контуров
16. Рисунок и живопись
    1. Симметричные узоры красками
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Предустановки кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов «Перо»
    16. Создание шаблонов
    17. Создание рисунка с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками шаблонов и пресетами
    20. Рисуйте или раскрашивайте на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    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. Использование фильтра «Пластика»
       
    2. Использовать галерею размытия
    3. Основы фильтра
    4. Ссылка на эффекты фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Используйте фильтр Liquify
    9. Эффекты слоя и стили
    10. Применить определенные фильтры
    11. Размазать области изображения
19. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
       
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
       
    4. Сохранение файлов в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
20. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Дуотоны
    5. Работа с цветовыми профилями
    6. Документы с управлением цветом для онлайн-просмотра
    7. Управление цветом документов при печати
    8. Импортированные изображения с управлением цветом
    9. Пробные цвета
21. Веб-дизайн, экран и дизайн приложений
    1. Фотошоп для дизайна
    2. Артборды
    3. Предварительный просмотр устройства
    4. Копировать CSS из слоев
    5. Разделение веб-страниц
    6. Опции HTML для фрагментов
    7. Изменить расположение фрагментов
    8. Работа с веб-графикой
    9. Создание фотогалерей в Интернете
22. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактировать слои видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Отрисовка кадров в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
23. Печать
    1. Печать 3D-объектов
    2. Печать из Photoshop
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Печать изображений на коммерческой типографии
    8. Улучшение цветных отпечатков из Photoshop
    9. Устранение проблем с печатью | Фотошоп
24. Автоматизация
    1. Создание действий
    2. Создание графики, управляемой данными
    3. Сценарии
    4. Обработка пакета файлов
    5. Играть и управлять действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
25. Подлинность контента
    1. Узнайте об учетных данных контента
    2. Идентичность и происхождение для NFT
    3. Подключить учетные записи для атрибуции креативов
26. Фотошоп 3D
    1. Фотошоп 3D | Общие вопросы о снятых с производства 3D-функциях

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

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

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

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

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

1. Выберите инструмент «Рамка» на панели «Инструменты» или нажмите «K».
2. На панели параметров инструмента выберите прямоугольную или эллиптическую рамку.
3. Нарисуйте новую рамку на холсте.
   

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

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

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

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

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

Помещение изображения из результатов поиска 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 г.)

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

Подробнее, как это

• Работа с Smart Objects
• Создание типа
• Draw Formes
• Используйте Adobe Stock с креативными облачными библиотеками
• Объекты преобразования
• Маски с векторными масками

.

Войти

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

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

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

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

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

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

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

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

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

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

.

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

Новый слой «Рамка» на панели «Слои»

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

.

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

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

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

.

Перейдите в меню «Файл» > «Поместить встроенный».

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

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

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

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

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

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

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

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

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

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

На панели «Слои»

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

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

Выбор кадра

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

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

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

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

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

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

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

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

Метки преобразования фрейма исчезли.

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

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

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

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

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

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

Из документа

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

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

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

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

Выбор кадра

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

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

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

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

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

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

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

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

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

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

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

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

Повторный двойной щелчок для выбора только изображения.

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

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

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

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

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

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

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

Перейдите в Редактирование > Свободное преобразование.

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

Изменение размера изображения внутри рамки с помощью Free Transform.

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

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

Выбор фрейма щелчком непосредственно по его контуру.

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

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

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

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

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

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

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

А затем нажмите и перетащите, чтобы переместить их вместе:

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

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

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

.

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

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

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

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

Центрирование рамки и изображения в документе с помощью Free Transform.

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

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

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

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

Метод 1: использование команды «Поместить встроенную» или «Поместить связанную»

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

Перейдите в меню «Файл» > «Поместить встроенный».

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

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

Метод 2: перетаскивание

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

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

Способ 3: из панели «Библиотеки»

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

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

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

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

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

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

.

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

Почему я не вижу опцию Stroke?

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

No related posts.