Как сделать 3d картинку в фотошопе: 3D объект из плоской картинки в фотошопе.

3D объект из плоской картинки в фотошопе.

Содержание

быстрая навигация по статье

#1. Подготовка изображения с объектом

#2. Создание 3D объекта из изображения

#3. Подгоняем 3D объект под фоновое изображение

#4. Раздувание объекта с обеих сторон

Посмотреть видео-урок

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

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

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

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

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

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

2. Создание 3D объекта из изображения

При выделенном слое с объектом выбираем в верхнем меню «3d» — «новая 3d экструзия из выделенного слоя», нажимаем «да» и photoshop переключает нас в 3d редактор.

Здесь, как мы видим, у нас уже произошло выдавливание.

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

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

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

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

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

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

Ну и теперь ее можно поставить на какую-то композицию, допустим, на цветок и отрендерить. Нажимаем «3d» — «рендеринг слоя» и ждем.

Объект отрендерился и теперь мы можем посмотреть что получилось. Если мы перейдем во вкладку «слои» и преобразуем этот 3d слой в смарт-объект, то увидим, что у нас вот такой вот жук получился на прозрачном фоне.

3. Подгоняем 3D объект под фоновое изображение

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

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

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

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

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

Как видите, достаточно просто из плоской картинки раздуть какой-то 3d объект. Теперь рассмотрим немного другой пример — это раздувание с обеих сторон. Мы жука раздували только сверху, рассмотрим вот такой объект, как груша и проделываем то же самое, то есть снимаем блокировку слоя, вырезаем грушу с нашего фона, так же немного уменьшаем, так же делаем «3d» — «новая 3d экструзия из выделенного слоя». У нас получается вот такой вот объект.

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

Вот таким образом, мы сделали 3d грушу, которую так же можно использовать в каком-нибудь коллаже. Таким вот лёгким способом вы можете разнообразить свои работы какими-нибудь простыми 3d объектами.

Поделиться:

Создание 3D-объектов и анимаций в Photoshop

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

Поиск

Последнее обновление Oct 26, 2021 08:00:00 AM GMT

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

Photoshop позволяет создавать множество разнообразных базовых 3D-объектов с использованием 2D-слоев в качестве основы. После создания 3D-объекта его можно поместить в 3D-пространство, изменять настройки рендеринга, добавлять источники света или включать его в другие 3D-слои.

• Преобразуйте двухмерные слои в трехмерные открытки (плоскости с трехмерными свойствами). Если начальным слоем является текстовый слой, все настройки прозрачности сохраняются.

• Обернуть 2D-слой вокруг 3D-объекта, например конуса, куба или цилиндра.

• Создайте 3D-сетку из содержимого в градациях серого, сохраненного в 2D-изображении.

• Смоделируйте технику работы по металлу под названием чеканка путем вытеснения двухмерного объекта в трехмерное пространство. См. раздел Создание 3D-чеканки.

• Строить 3D-объемы из мультикадрового файла, например файла изображения DICOM. Photoshop обработает отдельные изображения из файла и создаст на их основе 3D-объект, который можно будет поместить в 3D-пространство, где им можно будет манипулировать и рассматривать с разных сторон. Для оптимизации изображения различных материалов во время сканирования, например кости или мягкой ткани, можно использовать различные эффекты рендеринга 3D-объема. См. раздел Создание 3D-тела.

Создание 3D-открытки

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

1. Откройте 2D-изображение и выберите слой, который требуется преобразовать в открытку.

2. Выберите «3D» > «Новая 3D-открытка из слоя».

   • 2D-слой преобразуется в 3D-слой на панели «Слои». Содержимое 2D-слоя накладывается в качестве материала на обе стороны открытки.

   • Исходный 2D-слой появляется на панели «Слои» в качестве текстурной карты «Диффузия» объекта 3D-открытки. (См. раздел Обзор панели 3D.)

   • Созданный 3D-слой сохраняет все размеры исходного 2D-изображения.

3. (Необязательно) Чтобы добавить 3D-открытку в 3D-сцену в качестве плоскости поверхности, объедините новый 3D-слой с уже существующим 3D-слоем, содержащим другие 3D-объекты, затем при необходимости осуществите выравнивание. (См. раздел Объединение 3D-объектов.)

4. Чтобы обеспечить доступ к 3D-содержимому, экспортируйте 3D-слой в 3D-файл или сохраните его в формате PSD. (См. раздел Экспорт 3D-слоев.)

Создание 3D-фигур

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

1. Откройте 2D-изображение и выберите слой, который требуется преобразовать в 3D-фигуру.

2. Выберите «3D» > «Новая фигура из слоя», затем выберите в меню форму фигуры. Фигуры могут содержать объекты с одной сеткой, например пончик, сфера или шляпа, а также объекты с несколькими сетками, например конус, цилиндр, жестяная банка с лимонадом или бутылка вина.

   В меню фигуры можно добавлять произвольные фигуры. Фигуры являются файлами моделей Collada и имеют расширение «.dae». Чтобы добавить фигуру, поместите файл модели Collada в папку «Presets\Meshes» с установленной программой Photoshop.

   • 2D-слой преобразуется в 3D-слой на панели «Слои».

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

3. (Необязательно) Воспользуйтесь параметром «Сферическая панорама» при использовании панорамного изображения в качестве 2D-входа. Этот параметр осуществляет полное преобразование (360 x 180 градусов) сферической панорамы в 3D-слой. После преобразования в 3D-объект можно наносить краску на области панорамы, которые часто находятся в труднодоступных местах, например, полюса или области с прямыми линиями. Дополнительную информацию по созданию 2D-панорамы см. в разделе Создание панорам с углом обзора 360 градусов.

4. Экспортируйте 3D-слой в формате 3D-файла или PSD, чтобы сохранить полученное 3D-содержимое. См. раздел Экспорт 3D-слоев.

Создание 3D-сетки

Команда «Новая сетка из градаций серого» преобразует изображение в градациях серого в карту глубины, где значения освещенности принимаются за значения глубины. Более светлые области преобразуются в возвышенности, а более темные — в углубления. Затем Photoshop накладывает карту глубины на одну из четырех возможных геометрических фигур для создания 3D-модели.

1. Откройте 2D-изображение и выберите один или несколько слоев, которые требуется преобразовать в 3D-сетку.

2. (Необязательно) Преобразуйте изображение в изображение в градациях серого. (Выберите «Изображение» > «Режим» > «Градации серого» или «Изображение» > «Корректировки» > «Черно-белое» для проведения более точного процесса преобразования.)

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

3. (Необязательно) Отредактируйте изображение в градациях серого, если требуется ограничить диапазон значений яркости.

4. Выберите «3D» > «Новая сетка из градаций серого», затем выберите тип сетки.

   Плоскость

   Накладывает карту глубины на плоскую поверхность.

   Двусторонняя плоскость

   Создает две плоскости-отражения по обе стороны центральной оси; карта высот накладывается на обе плоскости.

   Цилиндр

   Накладывает карту глубины на внешнюю поверхность относительно центра вертикальной оси.

   Сфера

   Накладывает карту глубины по радиусу на внешнюю поверхность относительно центральной точки.

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

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

Текстурная карта «Прозрачность» не отображается на панели «Слои», так как в этой карте используется тот же фоновый файл, что и в карте «Диффузия» (исходный 2D-слой). Если две текстурные карты ссылаются на один и тот же файл, этот файл на панели «Слои» отображается в единственном экземпляре.

Используя временную шкалу Photoshop Animation, можно создавать 3D-анимации, где 3D-модель будет осуществлять перемещения в пространстве с изменением параметров отображения. В анимации можно задействовать любое из следующих свойств 3D-слоя:

• 3D-объект или позиция камеры. Используйте инструменты 3D-позиционирования или камеры для перемещения модели или 3D-камеры с течением времени. Photoshop может создавать промежуточные кадры между перемещениями камеры или изменением позиции для создания эффекта плавного движения.

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

• 3D-поперечное сечение. Вращение секущей плоскости для отображения изменяющегося со временем поперечного сечения. Изменяйте настройки поперечного сечения от кадра к кадру для выделения различных областей модели во время анимации.

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

Похожие темы

• Создание анимации по временной шкале
• Работа с 3D-экструзиями

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

Войти

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

Эффект 3D Pop Up — Photoshop Tutorial

Шаг 1: сделайте две копии фонового слоя

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

.

Фоновый слой содержит исходное изображение.

Начнем с создания пары копий слоя. Нажмите Ctrl+J (Win) / Command+J (Mac) на клавиатуре, чтобы быстро сделать первую копию. Вы увидите, что копия, которую Photoshop автоматически называет «Слой 1», появится над фоновым слоем на панели «Слои». Эти имена по умолчанию, которые Photoshop дает новым слоям, не очень полезны, поэтому, поскольку эта первая копия будет использоваться как «плоская» версия нашего изображения, дважды щелкните непосредственно на имени слоя и переименуйте его в flat . Нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда вы закончите, чтобы принять изменение имени:

Измените имя нового слоя с «Слой 1» на «плоский».

Теперь сделаем вторую копию слоя. Нажмите Ctrl+J (Win) / Command+J (Mac) еще раз на клавиатуре. Еще один новый слой, на этот раз названный «плоская копия», появится над двумя другими слоями на панели «Слои». Мы будем использовать этот слой для создания всплывающего эффекта, поэтому дважды щелкните на имени слоя и переименуйте его всплывающее окно . Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять изменение имени. Всего у вас должно быть три слоя:

.

Измените имя второй копии с «плоская копия» на «всплывающее окно».

Шаг 2. Отключите видимость новых слоев

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

Когда глазное яблоко исчезает, это означает, что слои отключены.

Шаг 3: выберите фоновый слой

Щелкните исходный фоновый слой , чтобы выбрать его (выбранные слои выделяются синим цветом):

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

Шаг 4. Добавьте слой градиентной заливки

Давайте добавим слой для использования в качестве фона для нашего эффекта. Мы будем использовать слой «Градиентная заливка», так как градиенты немного интереснее, чем сплошные цвета. Щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новый слой-заливка» или «Корректирующий слой».

Затем выберите Градиент из появившегося списка:

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

Шаг 5: Выберите черно-белый градиент

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

Щелчок по панели предварительного просмотра градиента.

Это открывает большое диалоговое окно Редактор градиентов с набором предустановленных градиентов, которые мы можем выбрать вверху. Выберите градиент Black, White , нажав на его миниатюру (третий слева, верхний ряд):

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

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

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

Двойной щелчок по остановке черного цвета.

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

Выбор светло-серого цвета с помощью палитры цветов.

Нажмите «ОК», чтобы закрыть палитру цветов, затем нажмите «ОК», чтобы закрыть редактор градиентов. Наконец, нажмите «ОК», чтобы закрыть диалоговое окно «Градиентная заливка». Если мы посмотрим на панель «Слои», то увидим, что наш новый слой «Градиентная заливка» находится прямо над фоновым слоем (но ниже двух других слоев):0009

Панель «Слои» со слоем «Градиентная заливка» над фоновым слоем.

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

Наш градиентный фон.

Шаг 7: выберите и включите «плоский» слой

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

Выбор и включение «плоского» слоя.

Ваша фотография снова появится в окне документа, поскольку «плоский» слой находится над слоем «Градиентная заливка» и теперь блокирует слой «Градиентная заливка» из поля зрения:

Фотография снова отображается в окне документа.

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

Возьмите инструмент Rectangular Marquee Tool на панели инструментов или нажмите букву M на клавиатуре, чтобы быстро выбрать его с помощью сочетания клавиш:

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

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

Выбрав инструмент Rectangular Marquee Tool, щелкните и перетащите прямоугольное выделение внутри изображения вокруг области, которая станет плоской версией фотографии. Пока не беспокойтесь о том, чтобы получить что-то точно правильное. Все, что нам нужно, это первоначальный выбор вокруг общей области:

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

Шаг 10. Выберите команду преобразования выделения

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

.

Выберите «Выделение» > «Преобразовать выделение».

Шаг 11. Переключитесь в режим перспективы

Как только вы выберете «Преобразовать выделение», вы увидите 9Вокруг контура выделения появляются маркеры преобразования 0005 (маленькие квадратики) (по одному в каждом углу и по одному сверху, снизу, слева и справа). Мы будем использовать эти маркеры, чтобы изменить форму выделения, но перед этим нам нужно переключить команду «Трансформировать выделение» в режим «Перспектива». Для этого щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) в любом месте контура выделения и выберите Perspective в появившемся меню:

Выбор «Перспектива» в меню.

Шаг 12. Перетащите угловые маркеры для создания трехмерной перспективы

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

Перетащите верхний левый маркер вправо. Верхняя правая ручка переместится влево.

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

.

Перетащите нижний левый маркер влево. Нижняя правая ручка переместится вправо.

Шаг 13. Переключение в режим масштабирования

Далее нам нужно переключить команду Transform Selection из режима Perspective в более распространенный режим Scale. Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) еще раз внутри контура выделения и на этот раз выберите Масштаб в меню:

Выбор «Масштаб» в меню.

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

манипулятор вниз:

Перетащите верхнюю часть контура выделения вниз к центру.

Наконец, нажмите на ручку в внизу контура выделения, удерживая нажатой мышь, перетащите этот маркер вверх:

Перетащите нижнюю часть контура выделения вверх к центру.

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

Контур выделения теперь выглядит более «трехмерным» (технический термин).

Шаг 14: Добавьте маску слоя

После выбора места щелкните значок Слой-маска в нижней части панели «Слои»:

Щелкните значок маски слоя.

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

Миниатюра маски слоя появляется на «плоском» слое.

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

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

Шаг 15. Добавьте стиль слоя «Белая обводка»

Давайте используем белую обводку, чтобы добавить границу фотографии. Щелкните значок Layer Style (значок «fx») в нижней части панели «Слои»:

Щелкните значок стиля слоя.

Затем выберите Stroke из появившегося списка стилей слоя:

Выбор стиля слоя «Обводка».

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

.

Нажатие на образец цвета.

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

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

Вернувшись в диалоговое окно Layer Style, измените Position обводки с Outside на Inside :

Изменение параметра «Положение» на «Внутри».

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

Увеличьте размер обводки с помощью ползунка.

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

.

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

Шаг 16: выберите и включите всплывающий слой

Мы готовы добавить всплывающий эффект. Щелкните всплывающий слой на панели «Слои», чтобы выбрать его, затем щелкните его значок видимости , чтобы снова включить слой в окне документа:

Выберите верхний слой и щелкните значок его видимости.

Шаг 17: Выберите основной объект

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

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

Шаг 18: Добавьте маску слоя

После того, как мы выделили основной объект, щелкните еще раз значок Layer Mask в нижней части панели слоев:

Щелкните значок маски слоя.

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

Панель «Слои» с новой миниатюрой маски слоя для «всплывающего» слоя.

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

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

Шаг 19: Выберите «плоский» слой

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

Выбор «плоского» слоя.

Шаг 20: перезагрузите маску слоя как выделение

Удерживайте Ctrl (Win) / Command (Mac) нажмите клавишу на клавиатуре и щелкните прямо на миниатюре маски «плоского» слоя :

Щелкните, удерживая нажатой клавишу Ctrl (Win)/Command (Mac), на миниатюре маски слоя.

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

.

Вокруг фотографии снова виден контур выделения.

Шаг 21: Добавьте новый слой ниже «плоского» слоя

Удерживая нажатой Ctrl (Win) / Command (Mac) на клавиатуре еще раз, щелкните значок New Layer в нижней части панели слоев:

Удерживая нажатой клавишу Ctrl (Win)/Command (Mac), щелкните значок «Новый слой».

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

Photoshop добавляет новый слой ниже «плоского» слоя. Назовите новый слой «тень».

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

Давайте заполним наше выделение на слое «тень» черным цветом. Перейдите в меню Edit в верхней части экрана и выберите команду Fill :

Выберите Правка > Заполнить.

Откроется диалоговое окно заливки Photoshop. Измените параметр Использовать вверху на Черный, затем убедитесь, что параметр Режим в нижней половине диалогового окна установлен на Нормальный , а параметр Непрозрачность установлен на 100% :

Диалоговое окно «Заливка».

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

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

Шаг 23: Выберите «плоскую» маску слоя

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

Выбор маски «плоского» слоя нажатием на миниатюру маски.

Шаг 24. Отсоедините слой от его маски

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

Щелкните значок ссылки, чтобы отменить связь маски с содержимым слоя (фотографии).

Шаг 25: Выберите команду деформации

Выбрав миниатюру маски слоя и отсоединив ее от самой фотографии, перейдите в меню Edit в верхней части экрана, выберите Transform , затем выберите Warp :

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

Шаг 26. Перетащите четыре угла вверх, чтобы загнуть углы

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

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

Шаг 27: Выберите слой «тень»

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

Выбор слоя «тень».

Шаг 28. Примените фильтр размытия по Гауссу

Перейдите в меню Фильтр в верхней части экрана, выберите Размытие , затем выберите Размытие по Гауссу :

Выберите «Фильтр» > «Размытие» > «Размытие по Гауссу».

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

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

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

Края теней стали мягче благодаря фильтру Gaussian Blur.

Шаг 29: Уменьшите непрозрачность тени

Мы смягчили края тени, но она все еще слишком темная и насыщенная. Перейдите к опции Opacity в правом верхнем углу панели «Слои» и уменьшите непрозрачность слоя «тень» со 100% до 9. 0005 60% :

Снижение непрозрачности слоя до 60%.

С пониженной непрозрачностью тень теперь больше уходит на задний план:

Изображение после снижения непрозрачности тени.

Шаг 30: Измените форму тени с помощью команды Free Transform

И последнее. Давайте немного подкорректируем тень, чтобы она выглядела так, как будто она находится под фотографией. Перейдите в меню Edit и выберите Free Transform :

.

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

Это помещает поле Free Transform и обрабатывает тень. Я просто щелкну и перетащу слева , справа и снизу немного обработают внутрь, чтобы края тени лучше совпадали с краями фотографии:

Перемещение левого, правого и нижнего краев тени внутрь.

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

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

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

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

Двойной щелчок на миниатюре градиентной заливки.

Это повторно открывает диалоговое окно Gradient Fill , как мы видели в начале урока. Нажмите на панель предварительного просмотра градиента , чтобы повторно отредактировать градиент:

Щелчок по панели предварительного просмотра градиента.

Это повторно откроет Редактор градиентов . Я хочу изменить серый цвет в градиенте на что-то другое, поэтому я дважды щелкну на границе серого цвета ниже и в крайнем левом углу панели предварительного просмотра градиента:

Двойной щелчок на остановке серого цвета.

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

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

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

Исходное изображение.

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

Финальный эффект.

Как создавать анаглифные 3D-изображения в Photoshop

В этом учебном пособии вы познакомитесь с процессом создания анаглифного 3D-изображения из одного изображения. Это может быть не совсем голливудский 3D-эффект, но он все равно забавный и может стать основой для некоторых интересных проектов! Что вам понадобится:

• 3D-очки (нелепые на вид с красно-голубыми линзами)

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

Этот метод очень хорошо работает с черно-белыми изображениями.

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

Шаг 2. Дублируйте изображение

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

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

Шаг 3. Изолируйте цветовые каналы и измените перспективу

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

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

Начнем с выделения цветовых каналов на каждом слое. Перейдите на панель «Слои» и дважды щелкните слой «Слева-красный». Большинство анаглифных 3D-очков поставляются с красными линзами для левого глаза и синими или голубыми линзами для правого глаза.

Поскольку красная линза пропускает только красный канал, мы отключим зеленый и синий каналы для этого слоя. Это можно сделать в диалоговом окне Advanced Blending. Поскольку наш правый глаз сможет видеть только зеленый и синий (голубой) каналы через голубую линзу, мы отключим красный канал для слоя «Правый-голубой».

Теперь, когда мы изолировали, какое изображение увидит какой глаз, мы моделируем глубину, изменяя перспективу каждого слоя. Начиная со слоя «Left-red», мы меняем перспективу, выбрав Edit > Transform > Perspective. Перетащите верхний левый угол изображения вверх примерно на 50-100 пикселей, в зависимости от размера вашего изображения.

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

Мы только что эффективно «завладели» нашим мозгом, заставив его думать, что он обрабатывает 2 разных изображения, создавая ощущение глубины при просмотре через анаглифные 3D-очки.

Шаг 4.

Регулировка глубины

Наденьте 3D-очки и посмотрите, чего вы достигли. Выбрав инструмент «Перемещение», нажимайте левую и правую клавиши на клавиатуре, пока два слоя не выровняются посередине.

Я использовал лицо модели в качестве эталона того, где будет середина.

Шаг 5. Обрезка

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

Шаг 6. Сохраните изображение

Теперь вы можете сохранить свою фотографию в любом формате изображения (JPG, PNG и т. д.), выбрав «Файл» > «Сохранить как…» Вы только что создали 3D-анаглиф из одно фото! Хотя эта техника не совсем похожа на создание настоящей 3D-анаглифной фотографии, потому что она не использует две разные фотографии с двух разных точек зрения, мы добились в чем-то похожего эффекта, используя всего одну фотографию.