Фотошоп как изменить форму объекта

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

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

Трансформирование деформации

Обновлено в Photoshop 22.5 (выпуск за август 2021 г.)

Использование деформации в Photoshop

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

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

    • Выберите Редактирование > Трансформирование > Деформация или 

    • Нажмите клавиши Control + T (Win) / Command + T (Mac), затем нажмите кнопку Переключение между свободной трансформацией и режимами деформации  на панели параметров.

  3. Щелкните значок шестеренки на панели «Параметры», чтобы просмотреть дополнительные параметры визуальных направляющихВ Photoshop 22.4.1 (выпуск за май 2021) визуальные направляющие стали еще лучше благодаря дополнительным параметрам направляющих.

    Варианты отображения направляющей деформации преобразования

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

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

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

  4. Для трансформирования объекта с использованием набора настроек деформации выберите стиль деформации во всплывающем меню Деформация на панели выбора параметров.

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

    • Выберите размер сетки — по умолчанию (1×1), 3×3, 4×4 или 5×5.
    • Выберите Заказная, а затем укажите число столбцов и строк в диалоговом окне Пользовательский размер сетки.
  5. Чтобы добавить больше контрольных линий сетки, выберите вариант разделения деформации.

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

    Дополнительные сведения о параметрах разделения деформации см. в разделе Разделение деформации.

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

    • Для манипуляций с фигурой можно перетаскивать контрольные точки, сегмент ограничительной рамки или сетки, а также область внутри сетки. Кривая настраивается с помощью рукоятей опорных точек. Это аналогично настройке рукоятей искривленного сегмента в векторной графике.
    • Щелкните линию сетки, чтобы активировать контрольные точки для редактирования деформации. Щелкните опорную точку (на пересечении линий сетки), чтобы редактировать окружающие ее контрольные точки. Перетащите контрольные точки для деформации изображения.
    • Чтобы выбрать несколько точек, щелкайте опорные точки или перетаскивайте над ними указатель, удерживая клавишу Shift. При выделении двух и более точек вокруг них появляется прямоугольная рамка. 
    • Чтобы отменить выделение нескольких точек, щелкайте активные опорные точки или перетаскивайте над ними указатель, удерживая клавишу Shift. Размер прямоугольной рамки вокруг выделенных точек автоматически меняется при выделении или отмены выделения точек. 
    • Чтобы удалить выделенную линию сетки (вдоль нее видны контрольные точки), нажмите клавишу Delete или выберите Редактирование > Трансформирование > Удалить разделения деформации
    • Чтобы удалить горизонтальную и вертикальную линии сетки, проходящие через опорную точку, щелкните эту точку, затем нажмите клавишу Delete или выберите Редактирование > Трансформирование > Удалить разделения деформации.  

    Работа с формой деформации в Photoshop

    Пользовательское разделение деформации было применено вокруг горлышка бутылки. Для плотности визуальных направляющих установлено значение 4. Между каждым разделением деформации находятся четыре направляющих.
  7. Выполните одно из следующих действий.

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

    • Чтобы отменить трансформацию, нажмите клавишу Esc или нажмите кнопку «Отмена»  на панели параметров.

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

Преобразование деформации: Цилиндр

Добавлено в выпуске Photoshop 23.4 (июнь 2022 г.)

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

Трансформирование деформации: цилиндр

Для работы с новой функцией трансформирования цилиндрической деформации выполните следующие действия:

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

  2. Выберите «Редактирование» > «Трансформирование» > «Деформация» в меню или нажмите клавиши Command+T (Mac) или Control+T (Win).

  3. Нажмите кнопку переключения режимов «Свободное трансформирование/Деформация» на панели выбора параметров.

  4. Перейдите в раскрывающееся меню «Деформация» на панели выбора параметров и выберите нижний значок: «Цилиндр».

  5. Чтобы настроить деформацию формы, нажмите и перетащите экранные элементы управления:

    • Угловые элементы управления: для произвольного трансформирования выделенного фрагмента целиком, используйте элементы управления изменением размера снизу/слева и сверху/справа.
    • Сочетание угловых элементов управления + Shift ограничивает пропорции. 
    • Элементы управления кривизной:
      • Элемент сверху по центру синхронно изменяет дугу верхней и нижней границ.
      • Элемент снизу по центру регулирует только дугу нижней границы.
    • Управляйте перспективой, перемещая центральную опорную точку вправо и влево.

    Элементы управления для трансформирования путем деформации: цилиндр

    A. Регулирует кривизну как верхней, так и нижней части B. Задает правый верхний угол C. Регулирует перспективу. Проведите к центру для отдаления или вправо — для приближения D. Регулирует кривизну нижней части независимо от верхней E. Задает левый нижний угол 

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

Разделение деформации

В выпуске Photoshop 22.5 за август 2021 теперь можно использовать клавишу-модификатор Control (Win) / Command (Mac) для быстрого переключения вариантов разделения деформации без помощи строки меню.

  • Удерживая клавишу «Control» (Win) / «Command» (Mac), щелкните в любом месте сетки деформации, чтобы разделить ее крестообразно в этом месте. 
  • Удерживая клавишу Control (Win) / Command (Mac), переместите указатель к краю существующей горизонтальной линии сетки. Щелкните, чтобы разделить деформацию по вертикали в этом месте.
  • Аналогично, удерживая клавишу Control (Win) / Command (Mac), переместите указатель к краю существующей вертикальной линии сетки. Щелкните, чтобы разделить деформацию по горизонтали в этом месте.

Преобразование деформации с разными опорными точками

Можно перемещать маркеры (также называются маркерами Безье) управления независимо друг от друга. Эти маркеры прикрепляются к опорным точкам при применении команды Разделение деформации для трансформирования с использованием сочетания клавиш.

В настоящее время доступно два варианта перемещения с помощью маркеров Безье:

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

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

  • Угловые опорные точки: по умолчанию для угловых опорных точек задано независимое перемещение.
  • Краевые/боковые опорные точки: по умолчанию для опорных точек по краям установлено согласованное перемещение горизонтальной/вертикальной пары.
  • Внутренние опорные точки: по умолчанию для опорных точек по краям установлено согласованное перемещение горизонтальной / вертикальной пары.

Кроме того, можно выбрать несколько опорных точек (удерживая клавишу «SHIFT»), а затем изменить перемещение для всех этих точек одновременно.

Марионеточная деформация

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

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

  1. На панели «Слои» выберите слой или маску
    для трансформирования.

  2. Выберите «Редактирование» > «Марионеточная деформация».

  3. На панели параметров отрегулируйте следующие настройки сетки.


    Режим

    Определяет эластичность сетки в целом.

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


    Плотность

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


    Расширение

    Расширяет или стягивает внешний край сетки.


    Показать сетку

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

    Чтобы временно скрыть булавки коррекции, нажмите клавишу «H».

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

    Перемещение булавки на сетке в Photoshop

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

    • Перетащите булавку, чтобы деформировать сетку.

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

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

    • Нажмите кнопку «Удалить все булавки» на
      панели параметров.

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

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

    • Чтобы повернуть сетку на заданное число градусов, нажмите клавишу «Alt» (Windows) или «Option» (Mac OS) и удерживайте курсор рядом с булавками, но не над ними. Когда появится круг, выполните перетаскивание, чтобы повернуть сетку «на глаз».

    Угол поворота отображается на панели параметров.  

    • Чтобы поворачивать сетку автоматически в зависимости от выбранного режима, выберите «Авто» в меню «Поворот».  
  7. По завершении преобразования нажмите клавишу «Ввод» или Return.

Поворот сетки вокруг выбранной булавки в Photoshop

Чтобы повернуть сетку вокруг выбранной булавки, нажмите клавишу Alt (Windows) или Option (Mac OS).

8 — 2011

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

Команды меню Редактирование

Если вы раскроете меню Редактирование (Edit), а затем выберете подменю Трансформирование (Transform), перед вами предстанет список команд, позволяющих трансформировать фрагмент изображения. Перечислим их: Масштабирование (Scale), Поворот (Rotate), Наклон (Skew), Искажение (Distort), Перспектива (Perspective) и Деформация (Warp). Однако доступ к этим командам можно получить гораздо быстрее — через режим свободного трансформирования, вход в который осуществляется комбинацией клавиш Ctrl+T (в Mac OS — Command+T), а выход из него — клавишей Enter (в Mac OS — Return). Для включения той или иной команды используйте приведенные ниже приемы:

  1. Для масштабирования фрагмента следует навести указатель мыши на один из маркеров возникшей рамки трансформирования и провести мышь с нажатой кнопкой. Клавиша Shift позволяет сохранять пропорции фрагмента, а Alt выполняет масштабирование из центра.
  2. Если подвести указатель мыши к любой вершине рамки трансформирования, то он примет вид изогнутой стрелки, перемещение которой приводит к повороту фрагмента. Перед тем как повернуть фрагмент, можно сместить центр поворота — для этого необходимо сместить в требуемое место центральный маркер рамки. Так, на рис. 1 поворот осуществляется относительно верхней левой вершины рамки трансформирования. Клавиша Shift позволяет выполнить поворот на угол, кратный 15°.

Для наклона необходимо смещать средний или угловой маркер границы рамки трансформирования, удерживая нажатыми две клавиши — Ctrl и Alt (в Mac OS — Command и Option).

Рис. 1. Поворот фрагмента относительно верхней левой вершины

Рис. 1. Поворот фрагмента относительно верхней левой вершины

Рис. 2. Применение к фрагменту эффекта перспективы

Рис. 2. Применение к фрагменту эффекта перспективы

Чтобы добавить эффект перспективы в режиме свободного трансформирования, перетащите верхний или нижний угловой маркер, нажав комбинацию клавиш Shift+Alt+Ctrl (в Mac OS — Shift+Option+Command) — рис. 2.

Активировать команду Искажение (Distort) из режима свободного трансформирования позволяет клавиша Ctrl (в Mac OS — Command) — рис. 3.

Рис. 3. Превращение ноутбука Sony VAIO в Macintosh. К логотипу Apple применена команда Искажение

Рис. 3. Превращение ноутбука Sony VAIO в Macintosh. К логотипу Apple применена команда Искажение

Деформация фрагмента

В результате выбора команды Редактирование (Edit) -> Трансформирование (Transform) -> Деформация (Warp) на фрагмент накладывается сетка, редактирование которой выполняется путем изменения положения узлов и угла наклона направляющих (рис. 4).

Чтобы применить изменения и выйти из режима действия этой команды, нажмите клавишу Enter (в Mac OS — Return).

Рис. 4. Имитация фотографии, наклеенной на вазу. Для искажения фотографии розы использовалась команда Деформация

Рис. 4. Имитация фотографии, наклеенной на вазу. Для искажения фотографии розы использовалась команда Деформация

Масштаб с учетом содержимого

Масштаб с учетом содержимого позволяет изменить размер изображения или его фрагмента, не затрагивая людей, здания, животных и т.д. При обычном масштабировании (команда Свободное трансформирование — Free Transform) все пикселы обрабатываются одинаково, а при масштабировании с учетом содержимого в основном затрагиваются пикселы заднего плана и фона. Более того, такое масштабирование позволяет защитить от трансформации выделенную область или области, содержащие цвета, близкие к оттенкам кожи. Так, на рис. 5а представлено исходное изображение коровы, а на рис. 5б — результат обычного масштабирования. Как видите, произошло сплющивание изображения коровы вместе с фоном — выбор команды неудачен.

Рис. 5. Исходная фотография коровы (а); результат применения команды Свободное трансформирование (б); результат применения команды Масштаб с учетом содержимого без предварительных настроек инструмента (в); результат применения команды Масштаб

Рис. 5. Исходная фотография коровы (а); результат применения команды Свободное трансформирование (б); результат применения команды Масштаб с учетом содержимого без предварительных настроек инструмента (в); результат применения команды Масштаб

Рис. 5. Исходная фотография коровы (а); результат применения команды Свободное трансформирование (б); результат применения команды Масштаб с учетом содержимого без предварительных настроек инструмента (в); результат применения команды Масштаб

Рис. 5. Исходная фотография коровы (а); результат применения команды Свободное трансформирование (б); результат применения команды Масштаб с учетом содержимого без предварительных настроек инструмента (в); результат применения команды Масштаб

Рис. 5. Исходная фотография коровы (а); результат применения команды Свободное трансформирование (б); результат применения команды Масштаб с учетом содержимого без предварительных настроек инструмента (в); результат применения команды Масштаб с учетом содержимого с защитой выделенной области (г)

На рис. 5в и г представлен результат применения команды Масштаб с учетом содержимого (Content­aware scaling). На рис. 5в команда выполнялась без предварительных настроек, а на рис. 5г изображение коровы было защищено от масштабирования.

Для защиты фрагмента необходимо создать выделение, сохранить его в альфа­канале, а затем перед масштабированием на панели свойств инструмента выбрать имя альфа­канала из списка Защищать (Protect) — рис. 6.

Рис. 6. Панель свойств инструмента Масштаб с учетом содержимого

Рис. 6. Панель свойств инструмента Масштаб с учетом содержимого

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

Рис. 7. Исходная фотография поросят (а); результат применения команды Масштаб с учетом содержимого с защитой от воздействия пикселов, по цвету близких к оттенкам кожи (б)

Рис. 7. Исходная фотография поросят (а); результат применения команды Масштаб с учетом содержимого с защитой от воздействия пикселов, по цвету близких к оттенкам кожи (б)

Рис. 7. Исходная фотография поросят (а); результат применения команды Масштаб с учетом содержимого с защитой от воздействия пикселов, по цвету близких к оттенкам кожи (б)

Марионеточная деформация

Режим марионеточной деформации появился в версии Photoshop CS5. Этот удивительный инструмент позволяет деформировать определенные фрагменты изображения, не затрагивая других его частей. В режиме марионеточной деформации на объект накладывается сетка, редактирование которой приводит к деформации фрагмента. Но, в отличие от команды Деформация (Warp), марионеточная деформация трансформирует объект не с помощью узлов и направляющих сетки, а с использованием булавок.

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

Рассмотрим основные действия с булавками:

1. Добавление булавки производится простым щелчком мыши в режиме марионеточной деформации.

Примечание. Для входа в этот режим следует выполнить команду Редактирование (Edit) -> Марионеточная деформация (Puppet Warp), для выхода из режима — нажать клавишу Enter (в Mac OS — Return) или кнопку  на панели свойств.

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

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

3. Для перемещения булавки сначала нужно выделить ее, а потом протащить при нажатой кнопке мыши (рис. 8).

Рис. 8. Перемещение активной булавки в режиме Марионеточная деформация

Рис. 8. Перемещение активной булавки в режиме Марионеточная деформация

Рис. 9. Поворот сетки относительно булавки. Видимость сетки отключена

Рис. 9. Поворот сетки относительно булавки. Видимость сетки отключена

Рис. 10. Панель свойств режима Марионеточная деформация

Рис. 10. Панель свойств режима Марионеточная деформация

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

  • чтобы осуществить поворот вручную, необходимо подвести указатель мыши к булавке, удерживая нажатой клавишу Alt (в Mac OS — Option). Когда появится круг с изогнутой стрелкой, протащить мышь при нажатой кнопке (рис. 9);
  • чтобы поворачивать сетку на заданный угол, необходимо на панели свойств из списка Поворот (Rotate) выбрать пункт Авто (Auto), а в соседнее поле ввести требуемое значение.

5. Если часть сетки перекрывается, то можно изменить ее положение — для этого применяются две кнопки Глубина (Pin Depth)  , находящиеся на панели свойств.

6. Для удаления булавки следует использовать любой из способов:

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

  • параметр Режим (Mode) — определяет эластичность сетки. В большинстве случаев используется значение Нормальный (Normal) — рис. 10;
  • параметр Частота (Density) — отвечает за расстояние между узлами сетки, в основном применяется значение Нормальный (Normal);
  • параметр Расширение (Expansion) — отвечает за область покрытия сетки: чем больше это значение, тем больше внешний край сетки (рис. 11). По умолчанию установлено значение 2 пиксела;
  • флажок Сетка (Show Mesh) — отображает или снимает сетку.

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

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

Рис. 11. Примеры отображения сетки с различной величиной ее области покрытия

Рис. 11. Примеры отображения сетки с различной величиной ее области покрытия

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

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

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

Фильтры группы Искажение

Почти все фильтры группы Искажение (Distort) производят геометрические искажения, создавая трехмерные или другие эффекты изменения формы. Назовем некоторые из них:

  • Рассеянное свечение (Diffuse
    Glow) — придает изображению цвет со свечением и шумом;
  • Океанские волны (Ocean Ripple), Рябь (Ripple) и Волна (Wave) — используются для имитации ряби и волн на воде;
  • Скручивание (Twirl) и Зигзаг (Zig
    Zag) — применяются для создания кругов на воде или эффекта закручивания (рис. 13);
  • Смещение (Displace) — деформирует изображение на основе карты смещения, которая представляет собой альфа­канал, сохраненный в формате PSD;
  • Стекло (Glass) — создает впечатление, что поверх изображения лежит стекло, рисунок и структура которого настраиваются в данном фильтре;
  • Искривление (Shear) — позволяет изогнуть изображение вдоль кривой, которая рисуется в области предварительного просмотра. В некоторых случаях этот фильтр можно заменить командой Редактирование (Edit) -> Деформация (Wrap).

Только три фильтра из этой группы могут быть применены с помощью галереи фильтров: Рассеянное свечение (Diffuse Glow), Стекло (Glass) и Океанские волны (Ocean Ripple).

Рис. 13. Примеры использования фильтра Зигзаг из группы Искажение: а — для рисования кругов на воде, б — для закручивания краев рамки

Рис. 13. Примеры использования фильтра Зигзаг из группы Искажение: а — для рисования кругов на воде, б — для закручивания краев рамки

Рис. 13. Примеры использования фильтра Зигзаг из группы Искажение: а — для рисования кругов на воде, б — для закручивания краев рамки

Коррекция дисторсии

Фильтр Коррекция дисторсии (Lens Correction) предназначен для исправления дефектов, создаваемых объективом при съемке. Это могут быть бочкообразные и подушкообразные искажения,
виньетирование или хроматическая аберрация.

Диалоговое окно фильтра открывается командой Фильтр (Filter) -> Коррекция дисторсии (Lens Correction).
В области предварительного просмотра можно наложить на изображение сетку, нажав кнопку  Перемещение сетки (Move Grid) — она включена по умолчанию. С ее помощью легко отслеживаются результаты коррекции. Также фильтр имеет инструменты  Рука (Hand) и  Масштаб (Zoom) для прокрутки и изменения масштаба изображения. Коррекцию можно выполнять двумя инструментами:

Регулировка хроматической аберрации, виньетирования и перспективы происходит на вкладке Заказная (Custom) с помощью соответствующих ползунков.

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

Рис. 14. Примеры использования фильтра Коррекция дисторсии для исправления бочкообразного искажения: а — исходное изображение, б — результат коррекции

Рис. 14. Примеры использования фильтра Коррекция дисторсии для исправления бочкообразного искажения: а — исходное изображение, б — результат коррекции

Рис. 14. Примеры использования фильтра Коррекция дисторсии для исправления бочкообразного искажения: а — исходное изображение, б — результат коррекции

Исправление перспективы

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

Рис. 15. Примеры использования фильтра Исправление перспективы для нанесения текстуры и надписи на коробку: а — исходные изображения коробки и двух текстур, б — результат коррекции

Рис. 15. Примеры использования фильтра Исправление перспективы для нанесения текстуры и надписи на коробку: а — исходные изображения коробки и двух текстур, б — результат коррекции

Рис. 15. Примеры использования фильтра Исправление перспективы для нанесения текстуры и надписи на коробку: а — исходные изображения коробки и двух текстур, б — результат коррекции

Рис. 16. На верхней грани крышки коробки создана первая плоскость (а); процесс создания дочерней плоскости (б); созданы пять перспективных плоскостей (в)

Рис. 16. На верхней грани крышки коробки создана первая плоскость (а); процесс создания дочерней плоскости (б); созданы пять перспективных плоскостей (в)

Рис. 16. На верхней грани крышки коробки создана первая плоскость (а); процесс создания дочерней плоскости (б); созданы пять перспективных плоскостей (в)

Рис. 16. На верхней грани крышки коробки создана первая плоскость (а); процесс создания дочерней плоскости (б); созданы пять перспективных плоскостей (в)

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

Диалоговое окно фильтра открывается командой Фильтр (Filter) -> Исправление перспективы (Vanishing Point), в левой части которого располагаются инструменты фильтра. Рассмотрим инструменты, использованные для создания приведенного эффекта.

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

Если при размещении угловых узлов возникают ошибки, то плоскость становится недопустимой и цвет линий ограничительной рамки и сетки меняется на желтый или красный. В этом случае узлы следует перемещать до тех пор, пока линии не станут синими. Также можно удалить неудачную плоскость клавишей Backspace (в Mac OS — Delete) и создать плоскость заново.

После создания плоскости становится активным инструмент  Редактировать плоскость (Edit Plane), который позволяет отредактировать положение узлов, угол наклона плоскости. Положение узла изменяется простым перетаскиванием мыши, а для поворота плоскости применяется ползунок Угол (Angle) в параметрах инструмента  Редактировать плоскость (Edit Plane) или клавиша Alt (в Mac OS — Option). Если навести указатель мыши на средний маркер ребра рамки с нажатой клавишей Alt (в Mac OS — Option), то указатель сменится на изогнутую стрелку. Перемещение мыши приведет к повороту плоскости.

Если вам необходимо создать новую плоскость, повторно выберите инструмент  Создать плоскость (Create Plane) и определите четыре вершины будущей грани. Для создания связанных между собой плоскостей после создания первой плоскости (материнской) перетащите средний узел требуемого ребра рамки, удерживая нажатой клавишу Ctrl (в Mac OS — Command). В результате возникнет дочерняя плоскость (рис. 16б). Если создаваемая плоскость уходит в сторону и не совпадает с гранью изображения, измените для нее угол наклона.

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

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

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

Нужно скопировать в буфер обмена изображение текстуры, выделить пустой слой в палитре Слои (Layers) и открыть диалоговое окно фильтра Исправление перспективы (Vanishing Point), а затем выделить инструментом  Область (Marquee) нужную плоскость и вставить из буфера обмена фрагмент. При перемещении указателя мыши текстура автоматически впишется в плоскость. После нанесения текстуры на каждую грань не забывайте выходить из диалогового окна фильтра с применением изменений, иначе все текстуры будут расположены на одном слое. На рис. 17 приведен результат нанесения текстур на грани коробки, а также палитра Слои (Layers).

Рис. 17. Результат нанесения текстур и палитра Слои

Рис. 17. Результат нанесения текстур и палитра Слои

Рис. 18. Исходное портретное изображение девушки (а) и результат обработки его фильтром Пластика (б)

Рис. 18. Исходное портретное изображение девушки (а) и результат обработки его фильтром Пластика (б)

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

Фильтр Пластика

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

Диалоговое окно фильтра вызывается командой Фильтр (Filter) -> Пластика (Liquify). Все инструменты находятся в левой части окна, а их настройка производится в правой части.

На рис. 18 приведен пример использования фильтра Пластика (Liquify) для создания кукольного эффекта.

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

Рис. 19. Применение инструмента Вздутие для увеличения глаз

Рис. 19. Применение инструмента Вздутие для увеличения глаз

Скорость кисти лучше установить достаточно низкую — в примере использовалось значение 30. Следует выполнить несколько щелчков мышью в разных местах глаза, сохраняя при этом его округлую форму.

Для уменьшения рта применялись инструменты  Сморщивание (Pucker) и Деформация (Forward). Сморщивание применено к уголкам рта, сделано несколько щелчков мыши в каждом из них. Чтобы еще больше сузить рот, необходимо передвинуть уголки рта навстречу друг другу инструментом  Деформация (Forward) — рис. 20.

Рис. 20. Использование инструмента Деформация для уменьшения рта

Рис. 20. Использование инструмента Деформация для уменьшения рта

Для сужения носа использованы те же инструменты, что и для уменьшения рта. В процессе работы может понадобиться уменьшать размер кисти для более детальной обработки. Чтобы заострить подбородок, был применен инструмент Деформация (Forward).

В завершение эффекта проведена обработка белков, зрачка и радужной оболочки глаз инструментами  Затемнитель (Burn) и  Осветлитель (Dodge), а также выполнена цветовая коррекция изображения в диалоговом окне Цветовой тон/Насыщенность (Hue/Saturation).

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

Рис. 21. Исходный портрет мужчины (а) и результат его коррекции фильтром Пластика (б)

Рис. 21. Исходный портрет мужчины (а) и результат его коррекции фильтром Пластика (б)

Рис. 22. Процесс коррекции портрета инструментом Деформация: а — уменьшение мочки уха; б — подтягивание нижней губы

Рис. 22. Процесс коррекции портрета инструментом Деформация: а — уменьшение мочки уха; б — подтягивание нижней губы

Рис. 22. Процесс коррекции портрета инструментом Деформация: а — уменьшение мочки уха; б — подтягивание нижней губы

Инструментом  Деформация (Forward) были обработаны следующие фрагменты:

  • мочки ушей — чтобы уменьшить их и прижать к голове (рис. 22а);
  • нижняя губа — для изменения ее формы (рис. 22б).

Инструментом  Сморщивание (Pucker) была проведена обработка других фрагментов:

Помимо коррекции фильтр Пластика может использоваться для создания различных художественных эффектов. На рис. 24 приведен результат обработки лепестков лилий инструментом  Скручивание (Twirl). По умолчанию вращение производится по часовой стрелке, для вращения в обратном направлении нужно удерживать нажатой клавишу Alt (в Mac OS — Option). Тычинки и пестик обработаны инструментом  Вздутие (Bloat).

Рис. 23. Процесс коррекции портрета инструментом Сморщивание: а — уменьшение родинки; б — уменьшение мешков под глазами, защищенная область обозначена красным цветом

Рис. 23. Процесс коррекции портрета инструментом Сморщивание: а — уменьшение родинки; б — уменьшение мешков под глазами, защищенная область обозначена красным цветом

Рис. 23. Процесс коррекции портрета инструментом Сморщивание: а — уменьшение родинки; б — уменьшение мешков под глазами, защищенная область обозначена красным цветом

Рис. 24. Исходное изображение лилий (а) и результат его обработки фильтром Пластика (б)

Рис. 24. Исходное изображение лилий (а) и результат его обработки фильтром Пластика (б)

Деформация текста

Для искривления текста применяется специальная функция, которая вызывается щелчком по кнопке  Деформированный текст (Warp Text), расположенной на панели свойстав инструмента  Горизонтальный текст (Horizontal Type). Удобство функции заключается в том, что она не растрирует текст, позволяя редактировать его после деформации. Более того, все настройки сохраняются и их можно изменять сколько угодно раз.

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

Рис. 25. Пример искривления текста с помощью инструмента Деформированный текст

Рис. 25. Пример искривления текста с помощью инструмента Деформированный текст

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

КомпьюАрт 8’2011

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

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

  • Для выделения объекта простой формы используйте инструмент «Прямоугольная область» или «Овальная область». Зажмите левую кнопку мыши (ЛКМ) у одного угла и подведите к следующему;
  • Как деформировать изображение в Фотошопе_001

  • Сложное полотно делается быстрым выделением или магической палочкой;
  • Как деформировать изображение в Фотошопе_002

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

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

Как деформировать изображение в Фотошопе_004

Для удаления лишних элементов прибегните к функции «Вычитание из выделенной области».

Как деформировать изображение в Фотошопе_005

Чтобы перенести созданную фигуру на новый слой, кликните по объекту правой кнопкой мыши (ПКМ) и нажмите «Вырезать на новый слой».

Как деформировать изображение в Фотошопе_006

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

Содержание

  • Способ 1: Трансформирование
    • Вариант 1: Свободное трансформирование
    • Вариант 2: Наклон
    • Вариант 3: Искажение
    • Вариант 4: Перспектива
  • Способ 2: Деформация
    • Вариант 1: Деформация
    • Вариант 2: Марионеточная деформация
    • Вариант 3: Деформация перспективы
    • Вариант 4: Масштаб с учетом содержимого
  • Способ 3: Фильтры
    • Вариант 1: Пластика
    • Вариант 2: Искажение

Способ 1: Трансформирование

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

Вариант 1: Свободное трансформирование

Данный режим меняет размеры и угол расположения объекта, для этого сделайте следующее:

  1. Разверните раздел «Редактирование» и выберите пункт «Свободное трансформирование».
  2. Как деформировать изображение в Фотошопе_007

  3. На полотне появится прямоугольная сетка. Зажмите ЛКМ по ключевым точкам и потяните для изменения размера картинки.
  4. Как деформировать изображение в Фотошопе_008

  5. По умолчанию фрагмент растягивается и сжимается при перетаскивании. Для сохранения пропорций зажмите клавишу Shift на клавиатуре во время выполнения операции.
  6. Как деформировать изображение в Фотошопе_009

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

  9. Разместите курсор в центре полотна и переместите его с зажатой ЛКМ, чтобы изменить положение картинки в пространстве.
  10. Как деформировать изображение в Фотошопе_011

Вариант 2: Наклон

Наклонить объект можно по следующему алгоритму:

  1. Перейдите в раздел «Редактирование», наведите на пункт «Трансформирование» и выберите «Наклон».
  2. Как деформировать изображение в Фотошопе_012

  3. Вокруг объекта появятся ключевые точки. Зажмите левую кнопку мыши на одной из них и тяните в нужную сторону.
  4. Как деформировать изображение в Фотошопе_013

  5. При помощи ЛКМ на стенках выделенной области можно наклонить фото по вертикали или горизонтали.
  6. Как деформировать изображение в Фотошопе_014

Вариант 3: Искажение

Искажение позволяет растягивать картинку по всем направлениям, делается это таким образом:

  1. Откройте раздел «Редактирование», выберите меню «Трансформирование» и укажите пункт «Искажение».
  2. Как деформировать изображение в Фотошопе_015

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

Вариант 4: Перспектива

Функция дает возможность задать градус наклона с сохранением симметрии по горизонтали и вертикали. Для этого выполните следующие действия:

  1. Разверните раздел «Редактирование», наведите на пункт «Трансформирование» и кликните по строчке «Перспектива».
  2. Как деформировать изображение в Фотошопе_017

  3. Вокруг изображения появится прямоугольник с ключевыми точками. Зажмите ЛКМ по одной из них и переместите относительно нужной перспективы. Параллельная прямая автоматически подстроится под изменения.
  4. Как деформировать изображение в Фотошопе_018

Способ 2: Деформация

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

Вариант 1: Деформация

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

  1. Наведите на меню «Редактирование», откройте пункт «Трансформация» и выберите «Деформация».
  2. Как деформировать изображение в Фотошопе_019

  3. Вокруг изображения появится сетка. Зажмите ЛКМ в любом её месте и переместите объект. Место, которое вы выбрали, переместится и деформирует структуру вокруг.
  4. Как деформировать изображение в Фотошопе_020

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

Вариант 2: Марионеточная деформация

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

  1. Кликните на меню «Редактирование» и выберите пункт «Марионеточная деформация».
  2. Как деформировать изображение в Фотошопе_022

  3. Поверх слоя отобразится сетка. Кликните ЛКМ в части, которые не нужно деформировать. В этих участках появятся ключевые точки, они зафиксируют стандартное положение объекта.
  4. Как деформировать изображение в Фотошопе_023

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

  7. В случае ошибки кликните ПКМ по точке и выберите «Удалить булавку».
  8. Как деформировать изображение в Фотошопе_025

Вариант 3: Деформация перспективы

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

  1. Выберите меню «Редактирование» и укажите функцию «Деформация перспективы».
  2. Как деформировать изображение в Фотошопе_026

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

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

  7. Сохраните выделение с помощью нажатия на клавишу Enter. Сетка изменит вид, теперь перемещение булавки будет выравнивать ранее заданную плоскость. Чтобы объект стал ровным относительно наблюдателя, расположите линии прямо по горизонту, а смежные стороны под прямым углом.
  8. Как деформировать изображение в Фотошопе_029

Вариант 4: Масштаб с учетом содержимого

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

  1. Разверните раздел «Редактирование» и выберите пункт «Масштаб с учетом содержимого».
  2. Как деформировать изображение в Фотошопе_030

  3. При помощи манипуляций с прямоугольной областью вокруг объекта уменьшите или увеличьте её размер.
  4. Как деформировать изображение в Фотошопе_031

  5. Зажмите клавишу Shift на клавиатуре, чтобы отменить сохранение пропорций при масштабировании. При этом все детали останутся без серьезных искажений.
  6. Как деформировать изображение в Фотошопе_032

  7. Активируйте функцию «Защищать телесные тона», чтобы Фотошоп автоматически определил лица и не деформировал их.
  8. Как деформировать изображение в Фотошопе_033

  9. Если сильно исказить изображение, даже на важных участках могут появиться артефакты. Для их устранения отрегулируйте процент единовременно затрагиваемых пикселей в строке «Количество».
  10. Как деформировать изображение в Фотошопе_034

  11. Появится ползунок, который стоит оттянуть влево в зависимости от степени проявленных деформаций.
  12. Как деформировать изображение в Фотошопе_035

Способ 3: Фильтры

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

Вариант 1: Пластика

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

  1. Разверните меню «Фильтр» и выберите раздел «Пластика».
  2. Как деформировать изображение в Фотошопе_036

  3. Откроется дополнительное окно со слоем, который был выбран ранее. Слева находятся плагины, а справа их настройка. Самая базовая функциональность – деформация, которая перетягивает область в указанную сторону. Кликните на иконку с пальцем, справа измените размер кисти и то, насколько агрессивно она работает, с помощью ползунков напротив строчек «Размер» и «Нажим». Используйте зажатие ЛКМ на изображении для подтягивания скул, выравнивания положения конечностей, придания маскулинности и так далее.
  4. Как деформировать изображение в Фотошопе_056

  5. Используйте инструмент «Сморщивание» для уменьшения черт лица, например, носа или бородавок.
  6. Как деформировать изображение в Фотошопе_057

  7. С помощью кнопки «Вздутие» можно реалистично увеличить объекты на лице, такие как глаза и губы.
  8. Как деформировать изображение в Фотошопе_058

  9. Воспользуйтесь функцией «Лицо» для подтяжки частей головы. Искусственный интеллект сам найдет человека на фото и создаст вокруг важных участков маркеры, зажатие ЛКМ по которым позволит деформировать их. Таким образом можно обработать глаза, нос, рот и форму головы. Для сохранения изменений нажмите кнопку «ОК».
  10. Как деформировать изображение в Фотошопе_059

Вариант 2: Искажение

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

  1. Откройте раздел «Фильтр», разверните меню «Искажение» и выберите один из инструментов.

    Как деформировать изображение в Фотошопе_041

    • Волна делает весь слой волнистым. Измените длину для расширения деформации и амплитуду для силы эффекта. Применяется, если нужно наложить текстуру в воде;
    • Как деформировать изображение в Фотошопе_042

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

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

    • Искривление дает возможность управлять одной линией с множеством точек для создания кривой вертикали из центра.
    • Как деформировать изображение в Фотошопе_045

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

    • Рябь – это аналог волны, но с менее выраженным эффектом. Зачастую используется для наложения текста на текстуру воды, в других случаях применяется пластика из-за гибких настроек.
    • Как деформировать изображение в Фотошопе_047

    • Скручивание создает эффект засасывания из центра. Чем дальше от центра смещен ползунок, тем сильнее деформация. Обратите внимание на сетку справа, которая показывает силу искажения;
    • Как деформировать изображение в Фотошопе_048

    • Смещение позволяет наложить форму одного изображения на текстуру другого. Для этого подготовьте отдельный файл с расширением PSD и картинкой внутри, форму которой нужно взять. В нем не должно быть слоев. Это можно сделать при помощи раздела «Файл» и пункта «Сохранить».

      Как деформировать изображение в Фотошопе_049

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

      Как деформировать изображение в Фотошопе_050

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

      Как деформировать изображение в Фотошопе_051

      В файловом менеджере укажите ранее созданный файл.

      Как деформировать изображение в Фотошопе_052

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

    • Как деформировать изображение в Фотошопе_053

    • Сферизация делает объект похожим на планету. Сетка справа покажет степень искажения.

      Как деформировать изображение в Фотошопе_054

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

      Как деформировать изображение в Фотошопе_055

Содержание

  • #Создаем новый документ
  • #Рисуем произвольную фигуру
  • #Свободное трансформирование контура и сегментов
  • #Изменение размера объекта
  • #Примечание о горячих клавишах
  • #Изменение ширины и высоты с помощью панели настроек
  • #Поворот объекта
  • #Поворот объекта с помощью панели настроек
  • #Изменение центра вращения
  • #Фиксатор положения центра преобразования (трансформации)
  • #Перемещение объекта
  • #Отмена трансформирования
  • #Наклон (Skew)
  • #Искажение (Distort)
  • #Перспектива (Perspective)
  • #«Деформация» (Warp)
  • #Стили деформации (Warp Styles)
  • #Другие параметры трансформации
  • #Подтверждение или отмена трансформации
  • #  Комментарии

В этом уроке мы изучим, как использовать команду «Свободное трансформирование» (Free Transform), чтобы с легкостью изменять размеры и форму изображений и объектов. Как нам далее станет видно, свободное трансформирование полезно не только тем, что позволяет легко перемещать изображения и изменять их размеры, но и дает возможность переключаться между другими командами трансформирования, такими как Наклон (Skew), Искажение (Distort), Перспектива (Perspective) и Деформация (Warp). И, наконец, мы можем применять за один шаг так много этих команд, как нам требуется, что позволяет значительно снизить потерю качества изображения в результате нашего редактирования.

Мы можем использовать команду «Свободное трансформирование» при работе со слоями, фигурами, текстом и другими инструментами программы. Мы даже можем применять свободное трансформирование к маскам слоя и векторным маскам. А если добавить свойства Смарт-Объектов, то тогда всё, что мы будем делать с помощью команды «Свободное трансформирование», не нарушит целостность изображения! Таким образом, знание команды «Свободное трансформирование» очень полезно при работе с программой Photoshop. Давайте рассмотрим эту команду подробнее!

В этом уроке я буду работать в версии программы Photoshop CC, однако описанный мной материал подойдет и для версии Photoshop CS6. Прежде чем мы начнем, позвольте сделать еще одно маленькое, но важное отступление. В ноябре 2015 появилась обновленная версия программы Photoshop CC с измененным интерфейсом. Это означает, что если вы используете Photoshop CS6 или одну из предпоследних версий Photoshop CC, некоторые скриншоты в моем уроке будут отличаться от вашей картинки на экране. Отличия только визуальные, не затрагивающие суть работы с командой «Свободное трансформирование». Поэтому если вы работаете в версии программы Photoshop CS6 или СС, то этот урок полностью подойдет для вас. Итак, давайте начнем!

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

Если вы хотите прочитать только про принцип работы команды «Свободное трансформирование», то пролистайте несколько страниц вниз и перейдите к разделу «Изменение размера объекта». Если вы решили идти вместе со мной, то мы начнем с создания нового документа и добавления произвольной фигуры, которую будем использовать для отработки навыков свободного трансформирования. Итак, давайте приступим к созданию нового документа в программе Photoshop. Для того чтобы сделать это, перейдите в раздел «Файл» (File) в строке меню в верхней части экрана и выберите пункт «Новый» (New). Также можно использовать сочетание клавиш Ctrl+N (Win) /Command+N (Mac).


В результате этого действия откроется диалоговое окно «Новый» (New). Для целей нашего урока я установлю значение параметра «Ширина» (Width) на 1200 пикселей (рх), а «Высота» (Height) — на 800 пикселей (рх). Другие настройки оставьте по умолчанию, при этом убедитесь, чтобы Содержимое фона (Background Contents) было белым (White), поскольку на белом фоне будет лучше виден результат.

И снова, не волнуйтесь по поводу того, что вы работаете в более ранней версии программы, и ваше диалоговое окно выглядит по-другому. Главное, что опции абсолютно одинаковые. Когда вы закончите, нажмите ОК для закрытия диалогового окна, и на экране появится новый документ, залитый белым цветом:


Рисуем произвольную фигуру

Далее мы добавим в наш документ объект, который можно трансформировать, — одну из произвольных фигур программы Photoshop. Чтобы добавить произвольную фигуру, нам потребуется инструмент «Произвольная фигура» (Custom Shape). По умолчанию, он расположен на панели инструментов в одной группе с инструментом «Прямоугольник» (Rectangle Tool). Итак, я кликну правой кнопкой мыши по значку инструмента «Прямоугольник» и выберу в появившемся меню инструмент «Произвольная фигура»:


После выбора инструмента «Произвольная фигура» в строке настроек в верхней части экрана (прямо под строкой меню) вы сможете увидеть ряд опций для данного инструмента. Одной из наиболее важных опций для инструмента «Произвольная фигура» (да и для других инструментов группы фигуры) является опция «Режим инструмента выбора» (Tool Mode), которая позволяет нам выбирать, какой тип фигуры мы хотим нарисовать – векторную фигуру, контур или фигуру из пикселей. Более подробно об отличиях этих трех типов фигур вы можете прочитать в уроке «Векторные фигуры против пиксельных форм» (http://www.photoshopessentials.com/basics/vector-shapes-vs-pixel-shapes-in-photoshop/). Причина же, почему я заостряю внимание на этой опции в данный момент, заключается в том, что команда «Свободное трансформирование» будет называться по-разному в зависимости от того, какой тип фигуры мы выберем. Начнем с векторной фигуры. Чтобы нарисовать векторную фигуру, удостоверьтесь, что на панели настроек у вас выбран «Режим инструмента выбора» «Фигура» (Shape) (кратко от «Векторная фигура»):


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


В результате этого действия откроется палитра произвольных фигур (Custom Shape Picker). Нужная нам для урока фигура похожа на решетку из ромбов, размером три на три. Кликните по миниатюре этой фигуры, чтобы ее выбрать, и нажмите клавишу Enter (Win) / Return (Mac) для закрытия палитры произвольных фигур.


Для того чтобы выбрать цвет фигуры, щелкните по значку образца цвета на панели настроек:


Откроется диалоговое окно «Заливка» (Fill Type). Сначала, удостоверьтесь, что в верхней части диалогового окна выбран значок «Чистый цвет» (Solid Color) (второй значок слева), поскольку мы будем заливать фигуру цветом (а не градиентом или узором). Затем, из предложенных образцов цветов выберите нужный, который будет контрастно смотреться на белом фоне документа. Я выберу темно-красный цвет, кликнув по его образцу. Как только вы выбрали цвет, нажмите клавишу Enter (Win) / Return (Mac), чтобы закрыть перечень образцов:


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

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


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


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


Свободное трансформирование контура и сегментов

Ранее я уже упоминал, что название команды «Свободное трансформирование» звучит по-разному, в зависимости от того, какой тип объекта выбран. Однако в любом случае вы найдете данную команду в разделе меню «Редактирование» (Edit) в верхней части экрана. В моем случае, поскольку я нарисовал векторную фигуру, команда будет называться «Свободное трансформирование контура» (Free Transform Path). Слово «контур» добавлено в название, так как векторная фигура в программе Photoshop является всего лишь контуром (тонким очертанием фигуры), заполненным цветом. Поскольку векторные фигуры не являются темой данного урока, я не буду подробно рассказывать о них, просто запомните, что когда вы работаете с векторной формой, команда «Свободное трансформирование» в разделе «Редактирование» будет назваться «Свободное трансформирование контура»:


Я не собираюсь выбирать команду «Свободное трансформирование контура». Вместо этого, давайте посмотрим, что произойдет, если я выделю не всю фигуру, а только ее часть. Для того чтобы выделить часть фигуры, мне потребуется инструмент «Стрелка» (Direct Selection Tool) (также известный, как «белая стрелка»).

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


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


После выделения части фигуры, если мы посмотрим на команду «Свободное трансформирование» в разделе меню «Редактирование», то увидим, что теперь она называется «Свободное трансформирование сегментов» (Free Transform Points). Итак, в зависимости от того, что выделено, названия команды будут отличаться:


И, наконец, давайте посмотрим, что произойдет, если мы преобразуем векторную фигуру в пиксельную форму. Я не буду изменять режим фигуры на панели настроек с «Фигура» на «Пиксели» и заново рисовать ее, а вместо этого перейду в раздел «Слои» (Layer) в верхней части экрана и выберу «Растрировать» (Rasterize) — «Фигура» (Shape):


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


Если мы снова вернемся в раздел «Редактирование» (Edit), то увидим, что поскольку я работаю с пиксельной формой, команда «Свободное трансформирование» теперь просто называется «Свободное трансформирование» (Free Transform). И снова, пусть вас не смущают разные названия команды. Независимо от того, как называется команда «Свободное трансформирование», «Свободное трансформирование контура» или «Свободное трансформирование сегментов» – принцип ее работы остается прежним:


Изменение размера объекта

Давайте теперь рассмотрим, как в действительности работает команда «Свободное трансформирование». Я выберу команду, перейдя в раздел «Редактирование» (Edit), далее — «Свободное трансформирование» (Free Transform). Или более быстрый способ активации команды – нажатие клавиш Ctrl+T (Win) / Command+T (Mac). Данная комбинация клавиш работает независимо от того, под каким названием вы выбираете команду: «Свободное трансформирование», «Свободное трансформирование контура» или «Свободное трансформирование сегментов». Если вы не любитель пользоваться комбинациями клавиш, я все равно советую вам запомнить данное сочетание, т.к. скорее всего вы будете в своих работах использовать команду «Свободное трансформирование» очень часто.

Как только вы выберете данную команду, вокруг вашего объекта (фигуры) появится рамка. Это рамка трансформации. Обратите внимание, что рамка включает в себя маленькие квадратики по всему периметру: один — сверху, один — снизу, один — справа и слева и четыре квадратика по углам рамки. Эти квадратики называются маркерами рамки трансформации (transformation handles) или просто маркерами и используются для изменения размера и формы объекта, который находится внутри рамки:


По умолчанию, команда «Свободное трансформирование» дает нам возможность перемещать, поворачивать объекты и изменять их размер. Для того чтобы изменить ширину объекта без изменения высоты, кликните по левому или правому маркеру и, удерживая кнопку мыши нажатой, потяните маркер влево или вправо. Если вы нажмете и удержите нажатой клавишу Alt (Win) / Option (Mac) по мере перемещения маркера, ваш объект будет изменять свою ширину от центра, а не от противоположной стороны, т.е. обе стороны объекта будут изменяться одновременно в противоположных направлениях. В моем случае, я перемещу правый маркер рамки в направлении наружу. Обратите внимание, что фигура стала шире:


Для изменения высоты объекта, кликните по верхнему или нижнему маркеру и, удерживая кнопку мыши нажатой, потяните его вверх или вниз. Если вы нажмете и удержите нажатой клавишу Alt (Win) / Option (Mac) по мере перемещения маркера, изменение ширины произойдет от центра, т.е. противоположная сторона изменится одновременно в противоположном направлении. В моем случае, я перемещу верхний маркер рамки вверх, и ромбы вытянутся в высоту:


Для того чтобы одновременно изменить и ширину, и высоту фигуры, кликните по одному из четырех угловых маркеров и потяните его. По умолчанию, вы можете свободно тянуть любой угловой маркер, но, в конечном счете, это может привести к искажению исходных пропорций. Чтобы этого избежать, по мере перемещения маркера нажмите и удержите клавишу Shift, и соотношение сторон не изменится. Нажатие комбинации клавиш Shift+Alt (Win) / Shift+Option (Mac) при работе с угловым маркером позволит сохранить исходные пропорции и изменить размер фигуры от центра, а не от противоположного угла. В моем случае, я сделаю фигуру меньше, потянув левый угловой маркер по направлению вовнутрь:


Примечание о горячих клавишах

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

Изменение ширины и высоты с помощью панели настроек

В действительности, вам не обязательно перемещать маркеры рамки трансформации, чтобы изменить ширину и высоту объекта. Если вы знаете точные значения величин, то вы можете ввести их в соответствующие поля «Масштабирование по горизонтали» (Width (W)) и «Масштабирование по вертикали» (Height (H)) на панели настроек. Нажатие значка звена цепочки позволит сохранить соотношение пропорций фигуры, поэтому, когда вы введете одно значение, программа автоматически изменит второе значение за вас. В моем случае, я ввел значение масштабирования по горизонтали, равное 150%, и поскольку значок звена цепочки был активирован, программа изменила значение масштабирования по вертикали также на 150%.


Поворот объекта

Для того чтобы повернуть объект, сдвиньте курсор мыши за пределы рамки трансформации. Когда курсор превратится в изогнутую двустороннюю стрелку, просто кликните кнопкой мыши и переместите курсор в нужном направлении для поворота фигуры. Удержание нажатой клавиши Shift позволит последовательно поворачивать объект на 15° за один шаг (при повороте вы увидите отчет градусов):


Поворот объекта с помощью панели настроек

Вы также можете ввести точную величину поворота в градусах в поле «Поворот» (Rotation) на панели настроек, которое расположено справа от поля «Масштабирование по вертикали» (Height (H)):


Изменение центра вращения

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


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


Фиксатор положения центра преобразования (трансформации)

Вы также можете изменить положение начальной точки трансформации с помощью фиксатора положения центра преобразования (Reference Point Locator) на панели настроек. Он достаточно маленький, поэтому я его приблизил, чтобы лучше рассмотреть. Фиксатор положения центра преобразования может выглядеть стандартно, но в действительности, он интерактивный. Обратите внимание, что фиксатор разделен на ячейки, размером три на три. Каждый квадратик ячейки соответствует определенному маркеру рамки трансформации. Просто кликните по квадратику, чтобы привязать центр трансформации к соответствующему маркеру. Для того чтобы вернуть центр трансформации обратно в центральную позицию (что я и собираюсь сделать), кликните по центральному квадратику:


Перемещение объекта

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


Вы также можете определить новое положение объекта, введя соответствующие координаты в поля Х (горизонтальная координата центра преобразования) и Y (вертикальная координата центра преобразования) на панели настроек. Обратите внимание, что данные значения привязаны не к самому объекту, а к положению его центра вращения, который мы рассмотрели в прошлом разделе. Например, если точка вращения расположена в центре объекта, то центр объекта будет соответствовать координатам Х и Y. Если центр вращения находится в левом верхнем углу, то тогда координаты будут описывать левый верхний угол и т.д.

Если вы кликните по маленькому треугольнику между полями X и Y, то вместо определения координат, вводимые значения в пикселях будут перемещать объект на определенную дистанцию, связанную с текущим положением объекта. Другими словами, если вы введете в поле X значение, равное 50 px, объект переместится на 50 пикселей вправо, Если вы введете в поле Y значение, равное 100 px, объект переместится на 100 пикселей вниз. Чтобы переместить объект в противоположных направлениях, введите отрицательные значения:


Отмена трансформирования

Прежде чем мы продолжим рассматривать способы трансформирования объекта, нам следует понять, а как отменять трансформацию, если нам это потребуется. При работе с командой «Свободное трансформирование» программа позволяет отменить последнее действие. Чтобы отменить последний шаг, вы можете или перейти в раздел «Редактирование» (Edit) в верхней части экрана и выбрать пункт «Отменить» (Undo), или нажать сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac):


Для того чтобы отменить всю трансформацию полностью и вернуть объект к исходному размеру и форме, кликните по кнопке «Отменить трансформирование» (Cancel), расположенной на панели настроек, или нажмите клавишу Esc:


Возможно, далее по ходу урока вам покажется полезным время от времени закрывать рамку трансформирования для обновления формы объекта. Затем вы можете заново выбирать команду «Свободное трансформирование» с помощью сочетания клавиш Ctrl+T (Win) / Command+T (Mac) или через раздел «Редактирование» > «Свободное трансформирование» (Edit > Free Transform) и продолжать трансформировать объект.

Наклон (Skew)

Наряду с возможностью перемещения, изменения размера и поворота объектов, команда «Свободное трансформирование» также дает нам быстрый доступ к другим командам трансформирования (Наклон (Skew), Искажение (Distort), Перспектива (Perspective) и Деформация (Warp)). Для выбора любой из этих команд просто щелкните правой кнопкой мыши внутри области документа и выберите из появившегося меню нужную команду. Давайте начнем с команды «Наклон». Я выберу ее из списка команд, но вы также можете временно активировать эту команду, нажав и удержав сочетание клавиш Shift+Ctrl (Win) / Shift+Command (Mac). По мере того как вы будете удерживать клавиши нажатыми, команда «Наклон» будет активна. Как только вы клавиши отпустите, команда «Наклон» действовать перестанет:


После выбора команды «Наклон», если вы наведете курсор мыши на любой из четырех маркеров (верхний, нижний, левый или правый), то увидите, что курсор принял форму белого наконечника с двусторонней стрелкой. Кликнув по верхнему или нижнему маркеру и переместив его влево или вправо, вы наклоните объект в горизонтальной плоскости. При нажатой клавише Alt (Win) / Option (Mac), наклон будет происходить от центра:


Кликнув по левому или правому маркеру и переместив его вверх или вниз, вы наклоните объект в вертикальной плоскости. И снова, при нажатой клавише Alt (Win) / Option (Mac), наклон будет происходить от центра:


Если вы кликните по угловому маркеру и переместите его, находясь в режиме «Наклон», то вы наклоните сразу две прилежащие стороны. Нажав и удержав Alt (Win) / Option (Mac) при перемещении углового маркера, вы переместите одновременно и противоположный угол в другом направлении:


Вы также можете ввести определенные значения в градусах в соответствующие поля «Наклон по горизонтали» (Horizontal (H)) и «Наклон по вертикали» (Vertical (V)) на панели настроек. Значения могут быть как положительные, так и отрицательные в зависимости от направления наклона:

Поля «Горизонтальный» и «Вертикальный» на панели настроек:


Искажение (Distort)

Далее, давайте рассмотрим команду «Искажение» (Distort). Для ее выбора я кликну правой кнопкой мыши внутри области документа и выберу из появившегося меню нужную команду. Вы также можете временно переключиться в режим команды «Искажение», нажав и удержав клавишу Ctrl (Win) / Command (Mac). По мере того как вы будете удерживать клавишу нажатой, команда «Искажение» будет активна. Как только вы клавишу отпустите, команда «Искажение» действовать перестанет:


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


Перемещение бокового маркера (верхнего, нижнего, левого или правого) в режиме команды «Искажение» приведет к похожему результату, что и в режиме команды «Наклон» — объект наклонится в том направлении, куда вы переместите маркер. Но поскольку у Вас есть полная свобода действий в режиме команды «Искажение», вы также можете одновременно изменить и размеры объекта. В моем случае, я перемещу верхний маркер, чтобы уменьшить высоту объекта и наклонить его вправо:


Перспектива (Perspective)

Далее, мы рассмотрим команду «Перспектива» (Perspective). Я снова кликну правой кнопкой мыши внутри документа и выберу из списка команду «Перспектива». Чтобы временно переключиться в режим «Перспектива», нажмите и удержите сочетание клавиш Shift+Ctrl+Alt (Win) / Shift+Command+Option (Mac):


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


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


«Деформация» (Warp)

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

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


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

Кликаем по кнопке переключателя между режимами команд «Свободное трансформирование» и «Деформация» на панели настроек


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


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


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


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


Стили деформации (Warp Styles)

Еще одна отличительная черта режима «Деформация» — то, что он включает в себя несколько стилей, доступных в меню «Стили деформации» (Warp Styles) на панели настроек. Стиль деформации позволяет мгновенно придать объекту заданную в предварительных настройках форму. Чаще всего данные стили применяют к тексту, но их также можно применить и к фигуре, и к выделению. По умолчанию, выбрана деформация «Заказная» (Custom). Она позволяет нам перемещать сетку трансформации в любом направлении:


Кликните по слову «Заказная» для открытия меню стилей деформации, где вы можете выбрать любой другой стиль. Я выберу первый сверху — «Дугой» (Arc):


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


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


Вы также можете ввести определенное значение изгиба в процентах в поле «Изгиб» (Bend) на панели настроек:


Для того чтобы изменить направление деформации с горизонтального на вертикальный и наоборот, кликните по кнопке «Изменить ориентацию деформации» (Warp Style Orientation), расположенной слева от поля «Изгиб»:


Вы можете регулировать степень искажения фигуры в горизонтальном и вертикальном направлении независимо друг от друга путем ввода определенных значений, в процентах, в поля «Искажение по горизонтали» (Н) и «Искажение по вертикали» (V) на панели настроек:


Чтобы иметь возможность в большей степени регулировать форму фигуры, измените стиль деформации на «Заказная» (Custom)


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


Другие параметры трансформации

Помимо доступа к командам трансформирования «Наклон», «Искажение», «Перспектива» и «Деформация», команда «Свободное трансформированиие» также дает нам доступ к более стандартным опциям, таким как «Поворот на 180°» (Rotate 180°) , «Поворот на 90° по часовой стрелке/против часовой стрелки» (Rotate 90° Clockwise/ Counter Clockwise) , «Отразить по горизонтали» (Flip Horizontal) и «Отразить по вертикали» (Flip Vertical). Вы найдете данные опции в нижней части меню, когда кликните правой кнопкой мыши внутри области документа:


Подтверждение или отмена трансформации

Когда вы закончите трансформацию объекта и готовы подтвердить изменения, вы можете это сделать, или поставив галочку на панели настроек, или нажав клавишу Enter (Win) / Return (Mac). Если вы не хотите сохранить изменения, нажмите кнопку «Отменить трансформацию» (Cancel) на панели настроек (слева от галочки) или клавишу Esc. Это действие приведет к закрытию диалогового окна команды «Свободное трансформирование» и вернет ваш объект к исходной форме и размеру:


И вот мы закончили! Мы подробно рассмотрели многочисленные способы трансформирования объектов и выделений, начиная от поворота и изменения размера и заканчивая опциями «Наклон», «Искажение», «Перспектива» и «Деформация». 

Источник:

www.photoshopessentials.com

Содержание

  • Деформирование изображения
    • Способ 1: Деформация
    • Способ 2: Марионеточная деформация
    • Способ 3: фильтры Искажения
    • Способ 4: Пластика
  • Вопросы и ответы

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

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

В этом уроке разберем несколько способов деформации.

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

Для деформации объектов в Фотошопе пользуются несколькими методами. Перечислим основные.

  • Дополнительная функция «Свободного трансформирования» под названием «Деформация»;
  • Урок: Функция Свободное трансформирование в Фотошопе

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

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

Исходное изображение для урока по деформированию в Фотошопе

Способ 1: Деформация

Как уже было сказано выше, «Деформация» является дополнением к «Свободному трансформированию», которое вызывается сочетанием горячих клавиш CTRL+T, либо из меню «Редактирование».

Функция Свободное трансформирование в меню Редактирование в Фотошопе

Нужная нам функция находится в контекстном меню, которое открывается после нажатия правой кнопки мыши при активированном «Свободном трансформировании».

Вызов Деформации во время работы Свободного трансформирования в Фотошопе

«Деформация» накладывает на объект сетку с особыми свойствами.

Сетка накладываемая на объект фунцией Деформация в Фотошопе

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

Воздействие на сетку создаваемую на объекте функцией Деформация в Фотошопе

Lumpics.ru

Применение параметров осуществляется обычным способом – нажатием клавиши ENTER.

Результат искажения изображения при помощи функции Деформация в Фотошопе

Способ 2: Марионеточная деформация

Находится «Марионеточная деформация» там же, где и все инструменты трансформирования – в меню «Редактирование».

Инструмент Марионеточная деформация в меню Редактирование в Фотошопе

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

Булавки можно ставить в любое место, руководствуясь потребностями.

Деформирование изображения инструментом Марионеточная деформация в Фотошопе

Инструмент интересен тем, что с его помощью можно искажать объекты с максимальным контролем над процессом.

Способ 3: фильтры Искажения

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

Фильтры из блока Искажение для деформации изображения в Фотошопе

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

    Урок: Как сделать дым в Фотошопе

    Фильтр Волна для деформирования изображения в Фотошопе

  2. Дисторсия.
    Фильтр позволяет имитировать выпуклость или вогнутость плоскостей. В некоторых случаях может помочь устранить искажения линзы фотокамеры.

    Фильтр Дисторсия для деформирования изображения в Фотошопе

  3. Зигзаг.
    «Зигзаг» создает эффект пересекающихся волн. На прямолинейных элементах он вполне оправдывает свое название.

    Фильтр Зигзаг для деформирования изображения в Фотошопе

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

    Урок: Рисуем дуги в Фотошопе
    Фильтр Искривление для деформирования изображения в Фотошопе

  5. Рябь.
    Из названия понятно, что плагин создает имитацию водной ряби. Имеются настройки величины волны и ее частоты.

    Урок: Имитируем отражение в воде в Фотошопе
    Фильтр Рябь для деформирования изображения в Фотошопе

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

    Урок: Основные способы размытия в Фотошопе — теория и практика
    Фильтр Скручивание для деформирования изображения в Фотошопе

  7. Сферизация.
    Плагин с действием, обратным действию фильтра «Дисторсия».

    Фильтр Сферизация для деформирования изображения в Фотошопе

Способ 4: Пластика

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

Урок: Фильтр «Пластика» в Фотошопе

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

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

Еще статьи по данной теме:

Помогла ли Вам статья?

Главная » Безопасность » Деформация изображений, фигур и контуров в Adobe Photoshop

Деформация элемента

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

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

В меню «Редактирование» выберите «Трансформирование» > «Деформация».

Если выбрано свободное трансформирование или какая-либо другая команда трансформирования, нажмите кнопку переключения между режимами свободного трансформирования и деформации на панели выбора параметров.

Для деформации объекта с помощью определенной формы выберите эту форму в всплывающем меню «Стиль деформации» на панели выбора параметров.

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

Чтобы отменить последнюю коррекцию рукояти, выберите в меню «Редактирование» пункт «Отменить».

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

Чтобы отменить трансформацию, нажмите клавишу «Esc» или нажмите кнопку «Отмена» на панели параметров.

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

Марионеточная деформация

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

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

На панели «Слои» выберите слой или маску для трансформирования.

Выберите «Редактирование» > «Марионеточная деформация».

На панели параметров отрегулируйте следующие настройки сетки.

определяет эластичность сетки в целом.

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

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

расширяет или стягивает внешний край сетки.

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

Чтобы временно скрыть булавки коррекции, нажмите клавишу «H».

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

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

Перетащите булавку, чтобы деформировать сетку.

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

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

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

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

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

Чтобы повернуть сетку на заданное число градусов, нажмите клавишу «Alt» (Windows) или «Option» (Mac OS) и удерживайте курсор рядом с булавками, но не над ними. Когда появится круг, выполните перетаскивание, чтобы повернуть сетку «на глаз».

Угол поворота отображается на панели параметров.

  • Чтобы поворачивать сетку автоматически в зависимости от выбранного режима, выберите «Авто» в меню «Поворот».

По завершении преобразования нажмите клавишу «Enter» или «Return».

Трансформация, искажение и вращение изображений в фотошопе

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

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

Простое вращение

Команда Вращение изображения (Image Rotation) позволяет повернуть документ целиком (слои и прочее) на 180 или 90 градусов (по часовой стрелке или против часовой стрелки), или же произвольно под любым указанным вами углом. Вы можете также отразить холст (или слой) по горизонтали или по вертикали.

Трансформирование

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

Если вы перейдете в меню Редактирование, то увидите команды Свободное трансформирование (Free Transform) и Трансформирование (Transform) примерно в середине списка. Единственное существенное различие между этими двумя вариантами — это то, что при выборе пункта из меню Трансформирование, вы ограничиваете себя выполнением только этой конкретной задачи, тогда как другая команда позволяет выполнять несколько изменений одновременно (не требуя нажатия клавиши Enter)

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

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

1. Для уменьшения размера выделенной области на одном слое.

2. Для уменьшения размера всего содержимого на одном или нескольких слоях

3. Для увеличения размера вектора, контура, части контура, слоя-фигуры, текстового слоя или смарт-объекта на одном или нескольких слоях.

Чтобы применить команду Свободное трансформирование, выберите слой, а затем нажмите сочетание клавиш Ctrl+T или выберите соответствующую команду меню Редактирование. Фотошоп поместит ограничительную рамку вокруг изображения, содержащую маркеры, позволяющие применять к вашему объекту любую или все из следующих трансформаций: масштабирование, искажение, поворот, перспектива, наклон и деформация.

4. Чтобы изменить масштаб (размер) объекта, захватите угловой маркер и перетащите его по диагонали внутрь для уменьшения или наружу для увеличения размера. Нажмите и удерживайте клавишу Shift при перетаскивании, чтобы изменить размеры пропорционально (то есть чтобы объект не был искажен).

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

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

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

6. Чтобы наклонить (скосить) объект, удерживайте сочетание клавиш Ctrl+Shift и перетащите один из боковых маркеров (указатель мыши примет вид двунаправленной стрелки).

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

8. Чтобы изменить перспективу объекта, удерживайте сочетание клавиш Ctrl+Alt+Shift и перетащите любой из угловых маркеров (указатель станет серым). Этот маневр добавляет объекту одноточечную перспективу (другими словами, одну точку схода).

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

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

Если применив трансформирование вы поняли, что его недостаточно, можно повторить операцию, выбрав команду меню Редактирование — Трансформирование — Применить снова. Ограничивающая рамка не появится, вместо этого фотошоп повторно применит то же самое трансформирование.

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

Деформируем объекты в Фотошопе

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

В этом уроке разберем несколько способов деформации.

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

Для деформации объектов в Фотошопе пользуются несколькими методами. Перечислим основные.

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

    Способ 1: Деформация

    Как уже было сказано выше, «Деформация» является дополнением к «Свободному трансформированию», которое вызывается сочетанием горячих клавиш CTRL+T, либо из меню «Редактирование».

    Нужная нам функция находится в контекстном меню, которое открывается после нажатия правой кнопки мыши при активированном «Свободном трансформировании».

    «Деформация» накладывает на объект сетку с особыми свойствами.

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

    Применение параметров осуществляется обычным способом – нажатием клавиши ENTER.

    Способ 2: Марионеточная деформация

    Находится «Марионеточная деформация» там же, где и все инструменты трансформирования – в меню «Редактирование».

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

    Булавки можно ставить в любое место, руководствуясь потребностями.

    Инструмент интересен тем, что с его помощью можно искажать объекты с максимальным контролем над процессом.

    Способ 3: фильтры Искажения

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

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


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


    Зигзаг.
    «Зигзаг» создает эффект пересекающихся волн. На прямолинейных элементах он вполне оправдывает свое название.


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


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


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


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

    Способ 4: Пластика

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

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

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

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

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

    Вот фото отеля и казино « Нью-Йорк » в Лас-Вегасе:

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

    • Шаг 1: Выберите инструмент «Измеритель»
      • Шаг 2: Кликните мышью и проведите линию вдоль чего-то, что должно быть выпрямлено
      • Шаг 3: Выберите команду «Повернуть холст — Произвольно»
      • Шаг 4: Нажмите кнопку OK, чтобы повернуть и выровнять изображение
      • Шаг 5: Обрежьте изображение с помощью инструмента «Кадрирование»

    Шаг 1: Выберите инструмент «Измеритель»

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

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

    Шаг 2: Кликните мышью и проведите линию вдоль чего-то, что должно быть выпрямлено

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

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

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

    Если вы посмотрите на панель параметров в верхней части экрана, то увидите угол линии, которую вы только что нарисовали ( это число, указанное справа от буквы «А» ). В моем случае линия расположена под углом 1,9 градусов к горизонтали:

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

    Шаг 3: Выберите команду «Повернуть холст — Произвольно»

    Перейти в меню « Изображение », выберите « Повернуть холст », а затем « Произвольно »:

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

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

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

    Тем не менее, идем дальше. После того, как вы выберете « произвольно », всплывет диалоговое окно « Повернуть холст », и, как мы видим, все уже сделано за нас. В моем случае, Photoshop уже ввел значение 1,85 градуса, и даже уже знает, что изображение нужно будет повернуть против часовой стрелки, поэтому выбран вариант CCW :

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

    Хотя на самом деле угол, измеренный с помощью инструмента « Измеритель », равнялся 1,85 градуса. Угол, указанный в диалоговом окне « Повернуть холст », является более правильным.

    Шаг 4: Нажмите кнопку OK, чтобы повернуть и выровнять изображение

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

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

    Шаг 5: Обрежьте изображение с помощью инструмента «Кадрирование»

    Конечно, есть небольшая проблема. При вращении изображения внутри окна документа, мы добавили на холст некоторые белые области вокруг внешнего края фото. Мы должны завершить обработку, обрезав эти области. А для этого, мы можем использовать инструмент « Кадрирование ». Выберите « Кадрирование » из палитры инструментов, или просто нажмите букву C на клавиатуре:

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

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

    После того как вы задали расположение рамки, нажмите Enter ( Win ) / Return ( Mac ), чтобы обрезать изображение:

    Вот и все! Именно так вы можете легко выравнивать перекошенные изображения!

    Данная публикация представляет собой перевод статьи « How To Straighten Crooked Photos In Photoshop » , подготовленной дружной командой проекта Интернет-технологии.ру

    Как деформировать любое изображение в фотошопе двумя методами?

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

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

    Все исходные материалы вы можете загрузить отсюда.

    1. Деформация
    2. Марионеточная деформация

    Деформация

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

    Есть обычный шарик, а мы сделаем его овальным. Для этого идем в «Редактирование» , а затем в «Трансформирование» и там уже выбираем «Деформация» . Появилась сеточка? Ну тогда всё круто. Зажмите левую кнопку мыши в том месте, где вы хотите ужать или наоборот притянуть часть объекта.

    В общем весь процесс напоминает лепку из глины или пластилина. Лепили когда-нибудь из пластилина? Ну тогда всё будет

    Ну как? Суть уловили? Просто лепите и у вас всё получится)))

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

    И вот у нас получилось такое замечательное яичко. В общем поиграйтесь с этими параметрами. Я вот, например, слепил еще такую теннисную грушу)).

    Марионеточная деформация

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

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

    Работать я буду с изображением мальчика и девочки на прозрачном фоне. А фон будет отдельным. Понятно? Тогда поехали!

    1. Выделите слой с детишками, а теперь идите в главное меню наверху и выберете там пункт «Редактирование» , а затем «Марионеточная деформация» .
    2. Как видите детишек оплела какая то сеточка. И означает это, что мы на правильном пути. Правда теперь нам надо вставить в некоторые части юных танцоров булавочки, которые будут закреплять их в данном месте. Для этого нажимайте левой кнопкой мышки в определенных местах, где надо зафиксировать эту точку. Для примера можете поставить булавки там же, где и я, а дальше сами поймете как это работает.
    3. Когда все точки-булавочки поставлены, то мы можем двигать те части изображения, где они крепятся. Давайте попробуем опустить руку девочки чуть ниже, чем она есть на самом деле. Для этого зажмите левую кнопку мышки сначала на первой булавке руки и потяните ее чуть ниже, потом также тяните за вторую и третью булавки. Получается? Отлично. Заодно тоже самое сделаем с ногой. После этого нажмите Enter.
    4. Теперь давайте сделаем то же самое с рукой и ногой мальчика. Только сильно не увлекайтесь, а то рука может сильно деформироваться и стать тоньше и нереалистичной. Смотрите, что у нас получилось.

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

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

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

    Понравилась статья? Поделить с друзьями:
  • Фотошоп как изменить форму кисти
  • Фотошоп как изменить фон сзади
  • Фотошоп как изменить фон листа
  • Фотошоп как изменить угол наклона объекта
  • Фотошоп как изменить углы прямоугольника