Работаем с 3D Сценой
Шаг 1
Чтобы получить доступ к настройкам 3D объектов, а
также к другим параметрам, мы должны открыть две панели: панель 3D и панель Свойства (Properties) (обе панели
можно активировать через меню Окно (Window).
Панель 3D имеет
все компоненты 3D сцены и, если вы
щёлкните по названию одного из них, то вы сможете получить доступ к настройкам
панели Свойства (Properties).
Поэтому, если вы хотите провести редактирование, не забудьте вначале
выбрать вкладку элемента в 3D панели,
а затем уже меняйте настройки в панели Свойства (Properties).
Шаг 2
Если вы выберите инструмент Перемещение (Move Tool (V),
то вы увидите появившееся окно с 3D
режимами рядом с панелью настроек.
Если вы выберите один из режимов, то затем, вы
можете проводить изменения объекта, щёлкнув и потянув его (объект, который
выбран в 3D панели).
Используйте эти режимы, чтобы изменить угол камеры,
под тот угол, который вам нравится.
Масштабируем Глубину Резкости Объекта
Шаг 1
Перейдите на вкладку с 3D объектом Выпуклый (Frill), а затем выберите инструмент Перемещение (Move Tool) для активации 3D-Оси (3D Axis),
Стрелки на концах оси смещают объект, деталь,
которая расположена ниже, используется для поворота, а кубики используются для
масштабирования. Куб в центре используется для равномерного масштабирования
объекта.
Используйте Масштаб оси Z (Z Scale), чтобы уменьшить масштаб объекта Выпуклый (Frill) вдоль Z-оси.
Шаг 2
Вы можете увеличивать или уменьшать масштаб объекта до процесса рендеринга, поэтому, сейчас не переживайте насчёт получения подходящего размера — просто примените масштабирование, чтобы эффект выглядел, как выпуклый.
Корректируем Освещение
Шаг 1
Выберите вкладку Бесконечный свет 1 (Infinite Light 1) в панели 3D, а затем в панели Свойства (Properties), щёлкните по выпадающему меню Тип освещения (Type), чтобы выбрать опцию Прожектор (Spot).
Шаг 2
Щёлкните по значку Направить
свет в начало координат (Point to Origin), чтобы зафиксировать первоначальное направление света, а затем нажмите значок Передвинуть
для просмотра (Move to View), чтобы увидеть освещение в пределах обзора камеры.
Шаг 3
Поменяйте Интенсивность (Intensity) на 10%, Тень- Сглаживание (Shadow Softness) на 30%, Блик (Hotspot) на 26.2, а Конус (Cone)
на 47.
Далее, поставьте галочку в окошке Спад света (Light Falloff), а также поменяйте значение Внутренний
(Inner) на 350 и Внешний (Outer) на 1000.
Имейте в виду, что вы можете выбрать любые другие
значения на своё усмотрение в зависимости от результата, который вы хотите получить.
Шаг 4
Поиграйте со светом, пока вам не понравится, как выглядит
общее освещение сцены, используя инструмент Перемещение (Move Tool) или настройки Координат (Coordinates).
Шаг 5
Выберите вкладку Окружающая среда (Environment), а затем щёлкните по значку текстуры ИСБИ (IBL), и в появившемся меню, выберите опцию Заменить текстуру (Replace Texture), чтобы заменить текстуру на исходное изображение Студийное Освещение.
Шаг 6
Установите Интенсивность (Intensity) освещения ИСБИ (IBL) на 60%, а для параметра Плоскость основания (Ground Plane), установите Непрозрачность тени (Shadows Opacity) на 50%.
Шаг 7
С помощью инструмента Перемещение (Move Tool), сместите текстуру, пока вам не понравится, как выглядит общее освещение сцены. Это очень важный шаг, т.к. текстура немного влияет на заключительный результат.
Обводим Контур Узором
Шаг 1
Отключите видимость слоя Узор (Pattern). Создайте новый слой ниже предыдущего слоя, назовите этот слой Выпуклый (Frill).
Шаг 2
Идём Редактирование — Выполнить заливку (Edit > Fill), а затем поменяйте Содержимое (Contents) на Узор (Pattern).
В выпадающем меню, выберите узор, который вы только что создали Выпуклый (Frill). Поставьте галочку в окошке Сценарий (Script), а также выберите опцию Разместить вдоль контура (Place Along Path) и нажмите кнопку ‘OK’.
Шаг 3
В появившемся окне Поместить вдоль контура (Place Along Path), установите следующие настройки:
- Масштаб узора (Pattern Scale): 1 (измените масштаб, если хотите изменить размер выпуклости)
- Интервалы (Spacing): 0 (это обеспечит, чтобы элементы заливки узора не наслаивались друг на друга)
- Поставьте галочку в окошке Настроить интервалы по размеру (Adjust spacing to fit).
- Угол от контура (Angle from path): -90 (чтобы заливка узором повторяла направление контура без поворота)
- Расстояние от контура (Distance from path): 0 (Узор будет расположен точно по контуру)
- Уберите галочку в окошке Другие узоры (Alternate patterns), чтобы избежать добавления узоров на обеих сторонах контура.
- Прогрессия масштабирования (Scale progression): 100 (чтобы заливка была одного размера вдоль всего контура)
- Уберите галочку в окошке Пропустить поворот символа (Skip symbol rotation), таким образом, элементы узора будут соблюдать направление контура.
- Произвольность цвета (Color randomness): 0
- Произвольность яркости (Brightness randomness): 0 (Это поможет создать произвольное изменение яркости, чтобы сделать узор более динамичным)
Шаг 4
Как только вы нажмёте кнопку ‘ОК’, контур будет залит узором.
Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение.
Шаг 5
Убедитесь, что вы находитесь на слое Выпуклый (Frill), а затем дважды нажмите клавишу (Delete), чтобы удалить рабочий контур и внутреннюю часть выпуклости.
Отмените активное выделение (Ctrl+D), когда закончите.
Подготовка
В этом уроке нам понадобятся кисти Suddenly Spring, разработанные GValkyrie.
Скачайте набор Suddenly Spring
Шаг 1 – Настраиваем фон
Создайте документ размером 750 на 550 пикселей.
Цвет переднего плана установите #004B64 и фона — #000000.
Используя инструмент «Радиальный градиент» (Radial Gradient) создайте круговой градиент от центра к низу документа:
Шаг 2a
Создадим 3D-текст в Adobe Illustrator.
Установите цвет заливки (Fill) #FFFFFF и наберите первую букву вашего текста жирным шрифтом.
Я использовал Helvetica 75 Bold.
Создайте слой с черным фоном, чтобы ваша буква стала видимой:
Шаг 2b – Создаем 3D – текст
Выделите набранный символ и зайдите в меню Эффекты > Объёмные > Вытягивание и скосы (Effect > 3D > Extrude& Bevel):
Задайте параметры, как показано на рисунке:
Включите предварительный просмотр, чтобы было легче наблюдать за результатом. Отрегулируйте значения на свое усмотрение, если это необходимо.
Заполните остальные настройки, как показано на рисунке ниже. Нажмите OK, когда закончите:
Шаг 2d – Создаем 3D – текст
Повторите шаги 2a — 2c для остальных символов. Для шага 2b настройте значения так, чтобы буквы были расположены в разных направлениях.
Выделите первую букву и нажмите Ctrl+C, чтобы скопировать ее:
Шаг 2e – Создаем 3D – текст
Вернитесь в Photoshop и нажмите Ctrl+V, чтобы вставить символы. В появившемся диалоговом окне вставки выберите «Смарт объект» (Smart Object).
Повторите копирование и вставку для оставшихся символов:
Шаг 3a – Применяем градиент поверхности
Выберите инструмент «Волшебная палочка» (Magic Wand) и введите настройки как на рисунке.
Нажмите на поверхность первого символа:
Кликните на «Уточнить края» (Refine Edge).
Введите настройки как на картинке:
Шаг 3c – Применяем градиент поверхности
Создайте новый слой под первым символом и назовите его Surface. Заполните его цветом #000000. Выберите этот слой и зайдите в «Настройки смешивания» (Blending Option).
Поставьте галочку напротив пункта «Перекрытие градиента» (Gradient Overlay), установите цвета #003146 и #B8EBFE.
Режим смешивания (Blend Mode) установите «Обычный» (Normal), Непрозрачность (Opacity) в 100%, Стиль (Style) выберите «Линейный» (Linear), Угол (Angle) равным 90 градусов и Масштаб (Scale) 100%:
Шаг 3d – Применяем градиент поверхности
Повторите шаги 3a — 3c для остальных символов.
Старайтесь использовать различные цвета, подходящие к основной теме, такие как зеленый и синий:
Шаг 4a – Добавляем вьющиеся цветы
Загрузите набор кистей Suddenly Spring. Создайте новый слой и назовите его Floral.
Цвет переднего плана задайте #FFFFFF. Выберите одну из кистей набора Suddenly Spring и нарисуйте ею поверх градиента.
Режим смешивания (Blend Mode) слоя Floral установите «Наложение» (Overlay), а Непрозрачность (opacity) 50%. Выберите слой Floral и, удерживая нажатой клавишу Ctrl, нажмите левой кнопкой мыши на слое Surface для загрузки его выделения.
Щелкните по кнопке «Маска слоя» (Layer Mask):
Шаг 4b – Добавляем вьющиеся цветы
Повторите шаг 4a для остальных символов.
Создайте новые слои между каждой буквой и нарисуйте черные (#000000) тени с помощью мягкой кисти.
Маскируйте эти тени таким же образом, как и слой Floral:
Шаг 4c – Добавляем вьющиеся цветы
Создайте новый слой под слоями с символами.
Установите оттенок переднего плана #BEF7A8 и нарисуйте несколько цветов между буквами. Правой кнопкой мыши щелкните на слое и выберите «Настройки смешивания» (Blending Options).
Включите «Внешнее свечение» (Outer Glow) и задайте его цвет #FFFFFF.
Остальные настройки оставьте по умолчанию:
Повторите шаг 4c и добавьте больше цветов между символами:
Шаг 4e – Добавляем вьющиеся цветы
Создайте новый слой. Установите цвет переднего плана #FFFFFF и нарисуйте большой цветок. В меню Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) установите радиус равный 6 пикселям.
Режим смешивания (Blend Mode) этого слоя установите «Наложение» (Overlay):
Шаг 5a – Пылающие звезды
Создайте новый слой позади всех слоев и назовите его Stars.
С помощью мягкой кисти размером 1 пиксель и цветом #FFFFFF, нарисуйте большой крест как показано на рисунке. Немного сотрите 4 угла большим мягким ластиком. Выберите мягкую кисть, установите ее непрозрачность 20% и размер 30 пикселей.
Нарисуйте затухающую точку в центре креста:
Шаг 5b – Пылающие звезды
Щелчком правой кнопки мыши по слою Stars выберите «Настройки смешивания» (Blending Options).
Включите «Внешнее свечение» (Outer Glower) и установите цвет #FFFFFF.
Остальные настройки оставьте по умолчанию:
Опционально
Вы можете повторить шаги 5a и 5b много раз, чтобы добавить звезды разных размеров. Надеюсь, вам понравился этот урок, и вы извлекли из него новую для себя информацию. Спасибо!
Создаём Карту Нормалей
Шаг 1
Карты Нормалей в основном помогают имитировать ощущение глубины и детализации 3D-объекта, используя информацию RGB, которая соответствует оси X, Y и Z в 3D-пространстве.
Чтобы создать карту, щёлкните по значку папки Нормали (Normal) в нижней части панели Свойства (Properties) и в выпадающем меню, выберите опцию Создать Нормали из Рассеивания (Generate Normals from Diffuse).
Шаг 2
Далее появится окно настроек Создания Карты Нормали (Generate Normal Map), где вы можете использовать копию текстуры Рассеивания (Diffuse), чтобы создать Карту Нормали (Normal Map).
В верхней части укажите Тип Освещения (Lighting Preset) Освещение по умолчанию (Default Lights). Далее, в нижней части в выпадающем меню Объект (Object ), вы можете выбрать опцию Кубическая деформация (Cube Wrap), т.к. она лучше воссоздаст Плоскость Основания (Ground Plane).
После этого, вы можете щёлкнуть по области предварительного просмотра и сместить объект, чтобы увидеть результат с различных углов.
Поменяйте Размытие (Blur) на 2.5, чтобы смягчить детали, а также уменьшите значение Детального Масштабирования (Detail Scale) до 20%, чтобы сделать детали менее заметными.
Поиграйте со значениями, пока вы не получите результат, который вам нравится, а затем нажмите кнопку ‘ОК’.
Шаг 3
Настройте UV-свойства для Карты Нормали для соответствия с текстурой Рассеивания (Diffuse).
Если вам не нравится результат, вы можете удалить текущую карту и вновь создать карту, используя другие настройки.
Создание 3D текста в «Фотошоп»
Далее рекомендуется переходить к вкладке «Капитель». Здесь задается степень угловатости текста. Лучше не трогайте эту вкладку в том случае, если вы не собираетесь делать углы более фигурными или гладкими. Последняя вкладка получила наименование «Координаты». В ней можно задать точное местонахождение 3D текста в изображении.
Но это ещё не всё. Сделать объемный текст в «Фотошопе» — это не только задать ему цвет, сменить ракурс и изменить глубину экструзии. Взгляните на панель «3D». В ней вы найдете несколько пунктов, ответственных за присвоение тексту того или иного материала. Кликните на строку «Материал передней выпуклости». А панели «Свойства» немедленно отобразятся параметры материала, из которого состоит передняя часть нашего текста. Вы можете изменить коэффициент преломления отраженного цвета, плавность контура, его рельеф и прочие параметры. Можно даже усилить блеск.
На этом создание 3D текста в «Фотошопе» практически завершено. Предлагаем с оставшимися пунктами панели «3D» ознакомиться самостоятельно. Эксперименты не возбраняются. Мы же напоследок расскажем лишь о пункте «Бесконечный свет 1». Нажмите на него — в «Свойствах» откроются параметры освещения. Сам источник освещения будет виден на композиции, он имеет значок с изображением солнышка.
Вы можете сменить бесконечный свет на точечный или направленный. В последнем случае на композиции появится своеобразный прожектор, силу свечения которого можно регулировать. Также регулировке подвергается диаметр освещаемого пространства.
Поздравляю вас! Мы завершили урок!
В этом уроке мы создали текстовый слой, а затем использовали его, чтобы создать простой рабочий контур. Далее, мы создали градиентный узор и выполнили обводку этим узором, чтобы создать выпуклость.
После этого, мы преобразовали слои в 3D объекты и поработали над их настройками и материалами, включая освещение сцены и угол камеры.
В заключение, мы добавили плоскость основания и несколько фрагментов выпуклости, провели рендеринг сцены и применили пару корректирующих слоёв для завершения заключительного эффекта.
Пожалуйста, не стесняйтесь оставлять свои
комментарии, предложения, а также выкладывать свои работы.
