В данном уроке мы рассмотрим основные инструменты программы фотошоп для работы с 3D объектами, а именно с текстом.
В фотошопе можно без труда смоделировать красивую 3D надпись, например для логотипа сайта или группы в социальной сети. Объемный текст в фотошопе создается гораздо проще, чем в 3D редакторах и так, приступим!
1) Создадим новый документ, необходимого Вам размера, я задал квадратный размер 1024 на 1024 пикселя. Для этого в верхнем меню слева выбираем "Файл" - "Создать" и устанавливаем необходимые параметры. Если вы не опытный пользователь программы фотошоп, то рекомендую ничего не менять, оставить все параметры по умолчанию, кроме размера документа.
2) Теперь напишем текст, который в дальнейшим будем делать трехмерным. Для этого в левом боковом меню программы выбираем инструмент "Текст", кликнув по нему левой кнопкой мыши.
Теперь, выбрав необходимый инструмент, кликаем левой кнопкой мыши на нашем холсте и печатаем необходимый текст. Для настройки размера текста, шрифта, его цвета и тп.. необходимо в панельке с правой стороны выбрать вкладку "Символ".
Если у Вас данная вкладка не отображается, то ее необходимо включить, выбрав в верхнем меню программы "Окно" - "Символ". Слева от пункта "Символ" должна стоять галочка, значит данный пункт включен. Если галочки нет, просто кликните по этому пункту левой кнопкой мыши.
3) И так, мы напечатали необходимый нам текст, настроили его размеры, цвет, выбрали шрифт, теперь преобразуем его в объемную 3D модель. Для этого в верхнем меню программы выбираем пункт "3D" - "Новая 3D - экструзия из выделенного слоя" и в всплывающем окне просто нажимаем "Ок".
При этом слой с текстом в правой панели снизу должен быть выделен, если выделен другой слой, то кликните левой кнопкой мыши по слою с текстом, чтобы выделить именно его.
4) Выполнив все описанные выше действия мы попадаем в режим 3D редактирования нашего текста. Вы можете поворачивать и перемещать текст в любом направлении, используя 3 оси, выбирая нужную и удерживая левую клавишу мыши. Так же можно произвольно выбирать ракурс текста, для этого наведите мышь за пределы текста (лучше над ним), нажмите левую кнопку мыши и удерживая ее перемещайте мышь.
5) При работе в режиме 3D редактирования нам становится доступна панель настроек в правой верхней части программы. С помощью данной панели можно настроить различные эффекты для нашего текста, попробуйте что-нибудь изменить двигая ползунки установок в данной панели. Поэкспериментировав с данными настройками можно получить необычный и интересный результат.
Вот, к примеру, регулируя ползунок настройки "Скручивание" я получил вот такой интересный эффект:
6) Создав необходимый вам текст с эффектами и нужным ракурсом его можно преобразовать в "Смарт-объект" и работать с ним уже как с обычным слоем, а не 3D объектом. Для этого в правой нижней панели перейдите из вкладки "3D" во вкладку "Слои" и выберите слой с текстом, нажмите на нем правой кнопкой мыши и выберите "Преобразовать в Смарт-объект". Но учтите, после преобразования текста в Смарт-объект вы его уже не сможете редактировать, т.е. изменить сам текст надписи, поменять шрифт, сменить эффекты 3D и т.п., поэтому данное действие лучше делать по окончанию работы.
7) Если вы хотите сделать надпись допустим на половину скрученой, а вторую часть надписи просто объемной и повернутой боком, то соответственно изначально вам необходимо создать два разных слоя в каждом из которых будет часть этой надписи и с каждым из слоев работать по отдельности, редактируя часть надписи.
В этом уроке мы будем учиться создавать объёмный текст в рабочей среде 3D
фотошопа CS6
, а затем разукрасим каждую буквы в различные цвета.
В результате урока у меня получился вот такой объёмный текст:
Итак, приступим к уроку и создадим новый документ CTRL+N с размерами как указано на скриншоте:
Теперь для удобства работы зальём слой 50% серым цветом. Для этого нажмём сочетание клавиш SHIFT+Delete и в появившемся окне Заполнить в строке Использовать установим параметр 50% серого :
Теперь активизируем инструмент Текст , установим основной цвет Белый , нажав сначала клавишу D , а затем X , после чего выберем любой жирный шрифт и напишем текст. Затем вызовем рамку Трансфрормации CTRL+T и увеличим текст, удерживая клавишу SHIFT :
Затем дважды щёлкнем внутри рамки левой клавишей мышки, чтобы трансформация применилась:
Как мы видим две последние буквы склеились вместе – между ними нет просвета. Чтобы исправить расположение букв нужно активизировать инструмент Текст и щёлкнуть курсором между буквами, а затем удерживая клавишу ALT несколько раз щёлкнуть на клавиатуре по клавише со стрелочкой, которая направлена вправо. В результате последняя буква передвинется вправо и появится промежуток между буквами:
Теперь перейдём в рабочую среду 3D , нажав на вкладку 3D на верхней панели и выберем в выпадающем меню опцию Новая 3D-экструзия из выделенного слоя. После чего рабочая среда преобразуется в 3D :
Как мы видим, что текст приобрёл толщину и тень. Курсор в рабочей среде 3D позволяет поворачивать 3D объект в любых направлениях. Повернём наш текст так, чтобы толщина текста была видна нагляднее:
Теперь щёлкнем по тексту мышкой и затем щёлкнем по значку Свойства , в результате откроется окно Свойства , где нужно щёлкнуть по опции Набор фигур и выбрать фигуру под названием Раздувание и подвинуть движок параметра Глубина экструзии приблизительно до 40-50:
Теперь перейдём во вкладку Капитель , чтобы сделать буквы ещё более выпуклыми и установим движок параметра Интенсивность , чтобы наглядно буквы смотрелись достаточно выпуклыми:
Чтобы выйти из режима Капитель в режим Обзора нужно щёлкнуть по пустому месту рабочей среды:
Теперь создадим цвет букв. Для этого выделим все текстовые слои: кликнем по первому слою и затем удерживая клавишу SHIFT , кликнем по последнему слою в результате слои выделятся:
Затем перейдём в окно Свойства и выберем готовый материал:
Теперь раскрасим буквы в цвет, который мы выберем сами на палитре цветов, например в оранжевый. Для этого мы вернёмся в исходное положение, когда текст был белым, нажав несколько раз сочетание клавиш ALT+CTRL+Z и выделим тестовые слои, затем в окне Свойства нажмём на квадратик Рассеивание и в палитре цветов выберем оранжевый цвет:
Добавим Блик . Для этого выберем цвет блика белый и передвинем движок параметра Блеск так, чтобы блик смотрелся реалистично:
Теперь раскрасим каждую букву отдельно. Для этого перейдём в меню 3D и нажмём на опцию Разделить экструзию в результате мы получим редактирование каждой буквы по отдельности:
Первую букву Т перекрашивать не будем – оставим оранжевый цвет для неё. Перекрасим вторую букву «е » в красный цвет. Для этого щёлкнем по букве и затем в палитре 3D выделим все слои со словом Текст и в окне Свойства щёлкнем по квадратику Рассеивание , после чего в открывшейся палитре цветов выберем красный цвет:
Повторим такую же операцию для всех букв, меняя цвет для каждой буквы. В результате получится вот такой разноцветный текст:
Если вы сладкоежка, то у нас есть аппетитное удовольствие для вас. В этом уроке вы узнаете, как в Photoshop CS6 использовать новые возможности 3D-инструментов для создания вкусной 3D текстовой иллюстрации. Мы будем использовать большое количество стоковых изображений, и применять неразрушающие возможности Photoshop, такие как корректирующие слои и маски.
Давайте начнем!
Финальное изображение
Исходные данные:
Некоторые файлы вы найдете в папке «Source». Вам также понадобятся бесплатный шрифт и следующие стоковые изображения из этого урока
- Шрифт Ryno Slab
- Шоколадное мороженое
- Шоколадное печенье
- Кусочек сникерса
- Кусок торта
- Кусок шоколадки
- Клубника
- Шоколадный торт
- Папка «Source» 178,21Мб (необязательно)
Шаг 1
Создайте новый документ размером Width (Ширина) 14,85см Height (Высота) 10,5см Resolution (Разрешение) 300 dpi. УстановитеColor Mode (Цветовой режим) в RGB, Background Contents (Содержимое фона) установите в White (Белый).
Шаг 2
Возьмите инструмент Type Tool (T) (Текст), укажите шрифт , размер 160pt , цвет # 5d1e0f и добавьте первый символ.
Шаг 3
Пройдите в меню 3D-> New Extrusion from Selected Layer (3D-> Новая экструзия из выделенного слоя). Если вы не получили активное 3D пространство, появится следующее приглашение.
Шаг 4
Если вы когда-либо пользовались 3D инструментами в Photoshop CS5, то знаете, насколько в нем неудобен интерфейс. В версии Photoshop CS6 3D интерфейс полностью переделан и стал более интуитивно понятен, теперь все инструменты встроены в рабочее пространство. Возьмите Move Tool (V) (Перемещение), расположите 3D панель, как показано на рисунке.
Шаг 5
В правой стороне вы увидите панель Properties (Свойства). Кликните по значку Cap (Капитель) и скопируйте показанные ниже настройки. Затем активируйте значок Deform (Деформировать) и установите указанные настройки. Теперь нажмите по иконке Mesh (Сетка) и выключите оба варианта теней.
Шаг 6
Дублируйте ваш первый 3D текстовый слой. Чтобы изменить текст в 3D режиме, кликните по кнопке Edit
Source
(Изменить источник) на панели Properties
(Свойства). Это действие откроет «дочерний документ», в котором вы сможете отредактировать текст. После того, как отредактируете текст, закройте этот документ, и ваш текст автоматически обновится. Далее перетащите новый 3D текст вдоль оси Х в 3D пространстве, чтобы изменить его расположение.
Повторите этот процесс, пока каждое слово не будет готово, затем поместите каждый символ в отдельную папку слова, как показано ниже.
Шаг 7
Теперь используйте вкладку 3D Tools на панели свойств, чтобы повернуть/передвинуть каждую букву. Будьте осторожны, не используйте ось Z, так как, двигая объект по этой оси, вы будете его отдалять или приближать, делая его при этом больше или меньше размером.
Шаг 8
Когда будете довольны расположением надписи, пройдите в меню 3D->Render (3D-> Рендеринг) и можете откинуться назад, пока будет выполняться процесс рендеринга.
Шаг 9
В этот момент я решил добавить к верхней части изображения немного пространства для руки с клубникой. Чтобы сделать это, нажмите Alt +Ctrl + I, откроется окно Canvas Size (Размер Холста), установите опорную точку в центральной нижней части и увеличьте Height (Высота) до 11,85см.
Шаг 10
Создайте новый слой под названием «Розовый» выше слоя «Фон». Установите цвет переднего плана # e2b4c1, затем нажмите Alt + Delete, чтобы заполнить слой выбранным розовым цветом.
Шаг 11
Вставьте новый слой под названием «Тень на полу» выше предыдущего. Установите для него режим наложения Multiply (Умножение) с Opacity (Непрозрачность) 94%. Выберите инструмент Gradient Tool (G) (Градиент), настройте его, задав на панели опций в верхней части окна программы режим Foreground to Transparent (от Основного к Прозрачному) и Linear (Линейный) градиент. Установите для переднего плана темно-розовый цвет # c18088. Теперь, удерживая Shift, наложите градиент в соответствии с длинной и направлением красной стрелки на изображении ниже.
Шаг 12
Добавьте еще один слой под названием «Верхняя тень». Установите режим наложения по умолчанию, затем установите цвет переднего плана # e38da4. Удерживая Shift, протяните короткий линейный градиент сверху вниз, затем измените тип градиента на Radial (Радиальный) и проведите еще 2 градиента из двух верхних углов.
Шаг 13
Измените цвет переднего плана на # f9f5f7 и на новом слое «Внутреннее свечение» и проведите из центра Radial (Радиальный) градиент.
Шаг 14
Теперь добавим тень на земле от надписи. Возьмите Elliptical Marquee Tool (Овальная область) и сделайте выделение под надписью. Создайте новый слой в режиме наложения Multiply (Умножение) выше слоя «Внутреннее свечение» и назовите его «Тень 1». Установите цвет переднего плана в # d0879c и заполните им активное выделение.
Шаг 15
Перейдите в меню Filter -> Blur -> Motion Blur (Фильтр -> Размытие ->Размытие в движении), укажите Angle (Угол) 0 градусов и измените значение параметра Distance (Смещение) 531px. Затем примените к этому же слою Gaussian Blur (Размытие по Гауссу) и введите Radius (Радиус) 15px.
Шаг 16
Понизьте Opacity (Непрозрачность) до 53% на слое «Тень 1». Затем дублируйте и переименуйте его в «Тень 2». Передвиньте немного содержимое слоя вверх, затем нажмите Ctrl + T, чтобы активировать режим трансформации и немного уменьшите в размере тень. Наконец, уменьшите Opacity (Непрозрачность) этого слоя до 31%.
Шаг 17
Чтобы понизить яркость фона, добавьте корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность), установите для него настройки, показанные на рисунке, затем понизьте Opacity (Непрозрачность) до 27%.
Шаг 18
Чтобы немного «разбавить» задний фон, выберите слой «Тень 2» и перейдите в меню Filter-> Noise-> Add Noise (Фильтр ->Шум ->Добавить шум), введите Amoun t (Эффект) 3px и активируйте кнопку Uniform (Равномерная). Выберите по очереди оставшиеся слои (как показано) и нажмите Ctrl + F для повторного применения фильтра к каждому из них. Теперь поместите все эти слои в группу под названием «Фон».
Шаг 19
Теперь перейдем к текстурированию первой буквы. Используйте Lasso Tool (L ) (Лассо), чтобы сделать грубое выделение из этого изображения . Скопируйте -> Вставьте выделенную область на новый слой выше всех групп, затем продублируйте слой с мороженым и расположите рядом с оригиналом. Используйте Eraser (E ) (Ластик) с мягкими краями, чтобы соединить жесткие края оригинала и дубликата, затем нажмите Ctrl + E, чтобы объединить их в один слой. Назовите получившийся слой «Текстура 1».
Поместите полученную текстуру над буквой так, чтобы она покрывала ее, затем удерживая клавишу Ctrl, кликните по соответствующему текстовому слою, чтобы создать выделение на основе слоя. Убедитесь, что ваш новый слой выделен, затем кликните по иконке Add layer mask (Добавить слой-маску) внизу палитры Layers (Слои).
Шаг 20
Вы получили первый слой с текстурой, который перекрывает первую букву, теперь примените к нему корректирующий слой Levels (Уровни) и установите значение белого ползунка на нижней шкале 94.
Шаг 21
Теперь добавьте текстуру карамели с шоколадной лазурью. Используйте Quick Selection Tool ( W) (Быстрое выделение) для извлечения кусочка конфеты из фона. Поместите полученное выделение в качестве нового верхнего слоя, скорректируйте размер и расположите, как показано на рисунке. Добавьте слой-маску, а затем используйте ассортимент мягких и твердых кистей, чтобы слой с карамелью плавно переходил в слой с шоколадом. Назовите этот слой «Текстура 2».
Шаг 22
Добавьте (Цветовой баланс) и повысьте Reds (Красные) до +23
Шаг 23
Извлеките шоколадное мороженое (как в шаге 19), затем поверните, скорректируйте размер и поместите, как новый слой. Назовите этот слой «Текстура 3», добавьте маску , а затем нажмите Ctrl + I, чтобы инвертировать цвет маски. Теперь используйте белые кисти для восстановления области, которая показана ниже.
Шаг 24
Добавьте корректирующий слой Levels (Уровни) со следующими настройками для слоя «Текстура 3» для затемнения средних тонов
Шаг 25
Добавьте снова шоколадное мороженое, как новый верхний слой, и назовите его «Текстура 4». Поместите в нижней части буквы, а затем, добавьте ему маску слоя и повторите этап работы с маской из Шага 23.
Шаг 26
Примените корректирующий слой Levels (Уровни) к слою «Текстура 4» и передвиньте серый маркер вправо
Шаг 27
И наконец, чтобы закончить с первой буквой, вставьте еще раз изображение с мороженым и назовите полученный слой «Текстура 5». Добавьте этому слою маску и сделайте видимой область, показанную на рисунке:
Шаг 28
Поместите все слои, относящиеся к первой букве в группу под названием «Буква S», затем добавьте маску к группе. Загрузите выделение второй буквы, перейдите на маску группы и закрасьте черной кистью перекрывающий ее участок от первой буквы.
Шаг 29
Извлеките шоколадную текстуру, нажмите Ctrl + J, чтобы скопировать в новый слой, отключите видимость оригинального слоя. Выберите новый слой, возьмите инструмент Move Tool (V) (Перемещение), а затем, удерживая Ctrl, перетащите верхние узловые точки, как показано на рисунке.
Добавьте текстуру, как верхний слой под названием «Текстура 1», скорректируйте размер и расположите над второй буквой. Уменьшите Opacity (Непрозрачность) до 32%, а затем загрузите выделение второй буквы и создайте маску для слоя, чтобы скрыть ненужные участки.
Шаг 30
Дублируйте этот слой, переименуйте его «Текстура 2» и измените Opacity (Непрозрачность) 95%. Перетащите маску на значок корзины и нажмите кнопку Delete (Удалить) в следующем окне. Временно отключите видимость обоих текстурных слоев, а затем используйте Magic Wand (W) (Волшебная палочка), чтобы выделить лицевую часть буквы. Теперь нажмите Shift + F6 и укажите Feather (Радиус растушевки) 3px, затем перейдите в меню Select-> Modify-> Expand (Выделение -> Модификация -> Сжать) 5px. Наконец, щелкните по значку Add layer mask (Добавить слой-маску). Не сбрасывая выделения, перейдите на слой «Текстура 2» и добавьте ему маску слоя.
Шаг 31
Добавьте корректирующий слой Color Balance (Цветовой баланс) к слою «Текстура 2» и увеличьте Reds (Красные) и Yellows (Желтые).
Шаг 32
Теперь примените корректирующий слой Level s (Уровни) на этом же слое для увеличения контраста.
Шаг 33
Теперь примените (Цветовой тон / Насыщенность) на том же слое, и скорректируйте Master (Все), Reds (Красные) и Yellows (Желтые), как показано ниже.
Шаг 34
В качестве последнего изменения добавьте корректирующий слой Selective Color (Выборочная коррекция слоя) к этому же слою, увеличьте значение Black (Черные) до 72. Поместите все слои, относящиеся ко второй букве, в группу под названием «Буква W».
Шаг 35
Перейдем к текстурированию третьей букве. Откройте изображение с шоколадными конфетами. Повторите процесс, описанный в шаге 19, чтобы добавить и наложить следующее изображение. Этой текстурой нужно покрыть правую часть буквы, так что не волнуйтесь, если с левой стороны ее не хватит. Назовите это слой «Текстура 1»
Шаг 36
Добавьте корректирующий слой Levels (Уровни) к слою «Текстура 1» и установите значение белого ползунка 59, чтобы затемнить изображение.
Шаг 37
Добавьте то же самое изображение с конфетами снова и назовите его «Текстура 2». Теперь примените технику работы с маской, как в шаге 30.
Шаг 38
Примените корректирующий слой Levels (Уровни) к слою «Текстура 2» и скопируйте следующие настройки. Поместите слои, относящиеся к третьей букве в группу под названием «Буква Е1»
Шаг 39
Теперь примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к тому же слою, и уменьшите для Reds (Красные) насыщенность до -15.
Шаг 40
Извлеките и поместите изображение с шоколадным печеньем на вторую букву «Е». Создайте для этого слоя с печеньем маску, уменьшите Opacity (Непрозрачность) до 45% и назовите его «Текстура 1»
Шаг 41
Шаг 42
Примените корректирующий слой Levels (Уровни) к слою «Текстура 1» и скорректируйте значение серого маркера до 0,84
Шаг 43
Еще раз добавьте текстуру с печеньем, как новый слой, назовите его «Текстура 2», добавьте ему маску и сделайте видимой область, показанную на рисунке:
Шаг 44
Примените корректирующий слой Levels (Уровни) к слою «Текстура 2» и скопируйте следующие настройки.
Шаг 45
Теперь добавьте корректирующий слой Color Balance (Цветовой баланс) для того же слоя со следующими настройками.
Шаг 46
Извлеките правую часть из этого изображения. Поместите ее в верхний левый угол буквы, с помощью Warp (Деформация) придайте форму. Добавьте маску и осторожно соедините этот кусочек карамели с текстурой шоколадного печенья. Назовите этот слой «Текстура 3».
Шаг 47
Примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) к этому же слою, и измените Reds (Красные) и Yellow (Желтые), как показано на рисунке. Теперь поместите все слои, относящиеся к четвертой букве в группу под названием «Буква Е2».
Шаг 48
Теперь добавьте маску к оригинальному текстовому слою и скройте верхнюю часть буквы.
Шаг 49
Извлеките и добавьте это изображение ), как новый слой и назовите его «Текстура 1». Так же, как в предыдущих шагах, при помощи маски слоя сделайте текстуру видимой только на боках буквы, только уменьшите Opacity (Непрозрачность) до 90%.
Шаг 50
Примените к этому слою корректирующий слой Levels
Шаг 51
Добавьте ту же самую текстуру торта в качестве еще одного слоя, назовите его «Текстура 2». Теперь создайте маску для этого слоя, чтобы текстура была видна на лицевой части буквы.
Шаг 52
Добавьте корректирующий слой Color Balance (Цветовой баланс) к слою «Текстура 2» и примените следующие настройки.
Шаг 53
Теперь добавьте к нему же корректирующий слой Levels (Уровни) со следующими настройками.
Шаг 54
Вставьте текстуру с карамелью, которая использовалась еще для первой буквы, и назовите ее «Текстура 3». Расположите его, как показано на рисунке и скройте под маской ненужные участки
Шаг 55
Добавьте корректирующий слой Color Balance (Цветовой баланс) для этого слоя, затем увеличьте Reds (Красные) до +17 и Yellow (Желтые) до +7. Теперь добавьте корректирующий слой Levels (Уровни) и измените значение серого маркера на 0,67 и значение белого маркера 215. Теперь поместите эти слои в группу под названием «Буква Т»
Шаг 56
Букву «О» будет достаточно просто сделать. Отделите от фона и поместите изображение пончика, как новый слой. Измените размер, чтобы покрыть букву и назовите его «Текстура 1». Загрузите выделение буквы и создайте маску на слое с текстурой, чтобы скрыть под ней ненужные области, затем снимите выделение и тщательно при помощи кисти черного цвета закрасьте бока по внешнему краю и центральное отверстие.
Шаг 57
Примените к этому слою корректирующий слой Levels (Уровни) и скопируйте следующие настройки, для затемнения текстуры. Поместите эти два слоя в группу под названием «Буква О1»
Шаг 58
С помощью инструмента Lasso Tool (L) (Лассо) сделайте небрежное выделение темных краев из изображения кекса. Скопируйте ->Вставьте выделенный кусочек несколько раз и расположите по бокам следующей буквы. Когда будете довольны, слейте их и назовите получившийся слой «Текстура 1». Далее загрузите выделение текущей буквы и создайте маску для слоя «Текстура 1», чтобы скрыть ненужные области.
Шаг 59
Примените корректирующий слой Levels (Уровни) к слою «Текстура 1», установите серый ползунок на 0,86, белый ползунок на 236. Отделите кекс от фона, расположите над буквой, если выделенной части не хватит для покрытия всей буквы, дублируйте и слейте, как вы делали с самой первой текстурой буквы. Добавьте полученную текстуру, как новый слой, затем расположите и добавьте маску , как показано на рисунке. Назовите этот слой «Текстура 2». Поместите все слои, относящиеся к этой букве, в группу под названием «Буква N»
Шаг 60
Повторите ту же самую процедуру на следующей букве, только в этом случае используйте джем. Спрячьте под маской ненужные участки, как показано на рисунке, назовите этот слой «Текстура 1».
Шаг 61
Добавьте корректирующий слой Levels (Уровни) к этому слою, и установите значение белого ползунка на 148. Далее примените корректирующий слой Color Balance (Цветовой баланс) для того же слоя и скопируйте следующие настройки.
Шаг 62
Грубо отделите изображение того же торта с джемом от фона и поместите, как новый слой. Выделите и вставьте центральную часть торта, увеличьте и вытяните ее, как показано на рисунке. Объедините оба слоя, затем добавьте маску так, чтобы видимой осталась только лицевая часть торта с джемом. Назовите этот слой «Текстура 2»
Шаг 63
Примените корректирующий слой Color Balance (Цветовой баланс) для этого слоя и скопируйте следующие настройки. Добавьте слои, относящиеся к этой букве, в отдельную группу под названием «Буква Y»
Шаг 64
Следующую букву достаточно легко текстурировать. Откройте «Donut.jpg» из папки «Source» и отделите его от фона. Поместите пончик, как новый слой, затем скорректируйте его размер. Назовите этот слой «Текстура 1», отключите видимость оригинального текстового слоя.
Теперь примените два корректирующих слоя к этому слою - Levels
(Уровни) и Color Balance
(Цветовой баланс) со следующими настройками. Поместите эти слои в группу под названием «Буква О2»
Шаг 65
Откройте изображение с куском торта, извлеките его и поместите поверх последней буквы. Скорректируйте размер и наложите маску так, чтобы она покрывала бока буквы, назовите этот слой «Текстура 1».
Шаг 66
Добавьте корректирующий слой Levels (Уровни) к этому слою и примените следующие настройки, чтобы затемнить его.
Шаг 67
Поместите ту же текстуру торта в качестве еще одного слоя (удалите у полученной копии маску), назовите его «Текстура 2». Скорректируйте размер и положение этого слоя, уменьшите Opacity (Непрозрачность) 48%. Теперь добавьте к слою «Текстура 2» маску так, чтобы видимой осталась только лицевая часть буквы.
Шаг 68
Добавьте корректирующий слой Color Balance (Цветовой баланс) и примените следующие настройки.
Шаг 69
Извлеките и поместите кусочек шоколадки в рабочий документ, как новый слой, назовите его «Текстура 3». Flip Horizontal (Отразите по горизонтали), поверните, скорректируйте размер и расположите, как показано. Затем добавьте маску слоя и совместите кусочек с текстурой торта.
Шаг 70
Добавьте корректирующий слой Levels (Уровни) к этому слою и скопируйте следующие настройки, чтобы затемнить его.
Шаг 71
Добавьте корректирующий слой Color Balanc e (Цветовой баланс) к этому же слою, и скопируйте следующие настройки. Добавьте маску к оригинальному текстовому слою и скройте откусанную часть. Наконец, добавьте все слои, относящиеся к последней букве, в группу «Буква U».
Шаг 72
Шаг 73
Для этого изображения нам понадобится точное выделение, так что выберите инструмент Quick Selection (W) (Быстрое выделение) и выделите белый фон.
Шаг 74
Нажмите Shift + Ctrl + I, чтобы инвертировать выделение, затем нажмите кнопку Refine Edge (Уточнить край) в панели настроек. В следующем окне выберите On Layer (L) (На слое) из выпадающего меню View (Режим просмотра), скопируйте настройки и нажмите кнопку ОК.
У вас появится дубликат с маской, притом, что видимость слоя-оригинала окажется выключенной. Перетащите иконку с маской на пиктограмму с мусорной корзиной в нижней части палитры слоев, и в появившемся окне нажмите Apply (Применить), а затем удалите оригинальный слой.
Данная клубника смотрится не очень красиво, к счастью, это легко исправить. Откройте изображение и отделите клубнику от фона при помощи той же функции Refine Edge (Уточнить край). Удалите полученную маску продублированного слоя и оригинальный слой с клубникой, измените размер клубники и расположите ее, как показано на рисунке.
Overlay (Перекрытие) выше слоя «Ретушь руки». Возьмите образец цвета лака для ногтей (я использовал # 814564) и закрасьте ногти при помощи Brush Tool (Кисть), чтобы подчеркнуть их. Чтобы удалить случайно закрашенные участки, загрузите выделение слоя «Рука», инвертируйте выделение и нажмите Delete (Удалить), находясь на слое «Ногти».
Шаг 81
Заштампуйте белые кончики ногтей на новом слое «Ретушь ногтей» и используйте тот же метод, что и в предыдущем шаге, чтобы удалить излишки по краям. Поместите все слои, относящиеся к руке, в группу под названием «Рука».
Шаг 82
Перетащите иконку группы «Рука» в ваш рабочий документ, измените размер и расположите, как показано на рисунке. Если вы заметили какие-либо ореолы по краям на слое «Рука», выделите его и перейдите в меню Layer-> Matting-> Defringe (Слой -> Обработка края -> Устранить кайму) и введите значение 1-2px.
Шаг 83
При помощи функции Refine Edge (Уточнить край) отделите от фона изображения "Choc_1.jpg" и "Choc_2.jpg" (находятся в папке "Source"), чтобы добавить стекающий шоколад. Используйте методы добавления корректирующих слоев, которые вы узнали ранее, чтобы скорректировать цвет шоколада и каплей джема. Поместите эти слои в верхнюю папку под названием «Элементы»
Шаг 84
Отделите от фона и добавьте "White_choc.jpg", затем при помощи Warp (Деформация) расположите над пончиком и скройте под маской ненужные части изображения соответственно. Добавьте корректирующий слой Levels (Уровни) для повышения контрастности и корректирующий слой Hue/ Saturation (Цветовой тон/Насыщенность), чтобы перекрасить белый шоколад в розовую глазурь. Затем выделите небольшой кусочек из этого изображения и расположите в виде небольшого раскрошенного печенья под последней буквой, на панели Layers (Слои) поместите его в группу «Элементы».
Добавьте пустой слой в режиме наложения Multiply (Умножение) в самый низ списка слоев в той же группе. Загрузите выделения всех слоев из группы «Элементы», перейдите на новый слой и залейте выделенную область темно-коричневым цветом. Трансформируйте слой, как показано ниже, затем примените то же размытие и добавьте шум, как вы делали в начале урока для основной тени от надписи. Наконец, уменьшите Opacity (Непрозрачность) до 90% и скройте под маской часть тени с помощью градиента с опцией от черного к прозрачному.
Шаг 85
Поместите новый слой выше всех групп и назовите его «Ретушь». Теперь возьмите Clone Stamp Tool (S) (Штамп) маленького размера с Hardness (Жесткость) около 50% и пройдитесь им по краям надписи, чтобы сделать их немного неровными.
Шаг 86
В завершение, мы немного повысим резкость всего изображения. Поместите пустой слой выше всех слоев, а затем перейдите в меню Image -> Apply Image (Изображение -> Внешний канал). Установите режим наложения Normal (Обычный) в следующем окне и нажмите кнопку ОК. Назовите этот слой «Цветовой контраст». Выберите Filter-> Other-> High Pass (Фильтр -> Другое -> Цветовой контраст) и введите значение 3px. Измените режим наложения этого слоя на Overlay (Перекрытие), чтобы сделать серый невидимым, затем поместите оба слоя («Цветовой контраст» и «Ретушь») в группу под названием «Финальная ретушь».
Заключение
Я надеюсь, что вы получили удовольствие от выполнения этого урока и узнали несколько новых техник. Также я надеюсь, что вдохновил вас на создание своих собственных типографических иллюстраций!
Как вы, наверное, уже поняли, возможности программы Photoshop безграничны благодаря множеству комбинаций использования очень простых инструментов. Порой даже удивляешься, сколь красивую идею можно воплотить в жизнь всего парочкой операций. Сегодня я покажу вам подобную вещь. Вам не потребуется глубоких знаний программы для ее создания. Тем не менее, выглядит она очень эффектно.
Мы разберем, как в фотошоп сделать 3D текст. Думаю, вы уже слышали, что последние версии программы содержат модуль, позволяющий создавать 3D объекты, но сегодня я покажу вам, как легко можно справиться и без него.
Для создания объемной надписи для начала подумайте над цветом шрифта. Представьте себе объемный предмет любимого цвета. Есть определенная разница между светлой и темной частью объекта. Основной цвет практически не меняется, но, тем не менее, оттенки совершенно разные. Цвет надписи играет существенную роль в создании 3D текста. Я немного утрировала цвета. Вы же можете сделать надпись более естественной.
Для начала пишем текст на белой рабочей области. Еще одна оговорка: воспользуйтесь шрифтом с жирным начертанием для первого раза. С его помощью у вас точно все получится. В то время как шрифты с изящным начертанием подходят далеко не все. Я использовала шрифт dino pro. Цвет текста пока не важен. Мы перекроем его градиентом.
В окне слоев кликаем делаем клик по слою с надписью правой клавишей мыши. В выпадающем окне выбираем «параметры наложения».
Давайте настроим «градиент». Переход от цвета #886174 к #af7c94.
Такой градиент у нас получился.
Теперь переходим в окно слоев. Кликаем правой клавишей мыши по слою с текстом и в выпадающем списке выбираем «создать дубликат слоя».
Наша задача состоит в том, чтобы переместить его вниз и влево на 1 пиксель. Сделали. И в окне слоев выбираем тот слой, что находится сзади. Открываем «параметры наложения».
Убираем галочку с градиента. И ставим на «наложение цвета». Нам нужен цвет #eddacf. Этот слой будет являться бликом на 3D тексте. Так наши буквы будут казаться более объемными.
Делаем еще один дубликат слоя. Перетаскиваем его в окне слоев так, чтобы он стал первым после фона. Накладываем цвет #342328. И смещаем на пиксель вверх и вправо.
Что-то уже начинает вырисовываться.
Повторите последнюю манипуляцию 10 раз. Или больше. В зависимости от того, какой толщины буквы объемного текста вы хотите получить.
Вот, что мы имеем на данный момент. Думаю, можно было бы добавить и тень.
Делаем еще один дубликат слоя. Опять же, он должен стоять первым по порядку в окне слоев. Смещать не нужно. Выбираем его в коне слоев. Кликаем правой клавишей мыши. Выбираем «преобразовать в смарт объект». Нажимаем комбинацию клавиш ctrl+t. Делаем клик правой клавишей мыши по слою уже в рабочем окне. Выбираем команду «перспектива». Тянем за уголок текста. Вот, что должно у нас получиться:
Теперь при помощи «параметров наложения» меняем цвет этого слоя на белый. Слой стал для нас невидимым. И снова преобразовываем его в смарт объект.
Нажимаем клавишу ctrl+shift+n, чтобы создать новый слой. Выделяем рабочую область соразмерную со шрифтом. На панели инструментов ищем «градиент».
Его настройки найдем здесь:
Кликаем и задаем их:
Нижний левый ползунок: цвет #e4e4e4. Нижний правый – белый.
Верхний левый ползунок: непрозрачность 100% . Нижний правый – 0%.
Протягиваем мышкой по выделенной области снизу вверх. И снимаем выделение.
Теперь кликаем по данному слою в окне слоев правой клавишей мыши и выбираем «создать обтравочную маску».
Сводим слои. Сохраняем. Все!
Как видите, мы воспользовались очень простыми приемами, но тем не менее, достигли нужно эффекта. 3D текст у нас в самом деле получился.
В этом учебном руководстве по текстовым эффектам Photoshop мы изучим, как создать простой 3D текст:
Давайте начнем!
Шаг 1: создайте новый документ
Чтобы начать, давайте создадим совершенно новый документ Photoshop. Идите в меню File наверху экрана и выберите New , или для более быстрого пути, нажмите сочетание клавиш Ctrl+N (Win) / Command+N (Mac). Какой бы способ Вы не выбрали Photoshop откроет диалоговое окно New Document . Введите размер для своего документа. Для этого учебного руководства я собираюсь ввести Ширину 6 дюймов , Высоту 4 дюйма и Разрешение 300 пикселей/дюйм , которое является стандартным разрешением для печати профессионального качества. Я также собираюсь установить фоновый цвет Белый . Когда все готово, нажмите "OK" в верхнем правом углу диалогового окна, чтобы выйти из него. Ваш новый документ Photoshop появится на экране.
Создайте новый документ Photoshop, используя диалоговое окно New Document.
Шаг 2: выберите инструмент Текст из палитры инструментов Photoshop
Чтобы добавить текст к документу, мы должны будем использовать инструмент Текст Photoshop. Выберите его из Палитры инструментов или нажмите букву T на Вашей клавиатуре:
Выберите инструмент Текст.
Шаг 3: выберите шрифт из панели опций
Затем, мы должны выбрать шрифт. С выбранным инструментом Текст Вы заметите, что Панель Опций наверху экрана изменилась, чтобы показать варианты для инструмента Текст. Выберите, какой нибудь шрифт, который Вы хотели бы использовать из списка шрифтов. Этот 3D эффект работает лучше всего со шрифтами, у которых есть большие, толстые буквы. Я собираюсь выбрать Impact . Вы можете также выбрать размер для своего текста:
Выберите шрифт из Панели Опций.
Шаг 4: выберите цвет для своего текста
Затем, мы должны выбрать цвет для нашего текста. Если Вы посмотрите далее вправо в Панели Опций, то Вы у видете каталог цветов . Каталог цветов показывает текущий цвет текста. Чтобы изменить цвет, просто щелкните по каталогу цветов:
Измените цвет текста, нажимая на каталог цветов в Панели Опций.
Это переведет Палитру цветов Photoshop в рабочее состояние. Выберите какой вам нравится. Я собираюсь выбрать яркий оттенок красного цвета. Когда все готово, нажмите "OK" в верхнем правом углу Палитры цветов, чтобы выйти из него:
Выберите новый цвет для текста от Палитры цветов, затем нажмите "OK", чтобы выйти из него.
Каталог цветов в Панели Опций изменится, чтобы показать цвет, который Вы выбрали.
Шаг 5: добавьте свой текст к документу
С нашим шрифтом и выбранным цветом текста, щелкните в документе и добавьте свой текст. Я собираюсь ввести “PHOTOSHOP”, все в прописных буквах, чтобы улучшить эффект. Не волнуйтесь если текст покажется слишком большим или слишком маленьким на данный момент. Через мгновение мы исправим это:
Щелкните в документе и добавьте свой текст.
Когда все будет готово, щелкните по галочке в Панели Опций, чтобы принять текст и выйти из режима редактирования текста:
Выход из режима редактирования текста - нажать галочку в Панели Опций.
Если мы смотрим на нашу палитру Layers, мы видим, что Photoshop удобно поместил наш текст в свой собственный слой выше слоя Background. Это - то, что позволит нам работать с текстом независимо от белого фона:
Текст появляется на своем собственном уровне в палитре Layers.
Шаг 6: измените размеры текста в случае необходимости
Если вы видите, что Ваш текст слишком маленький (или слишком большой), мы можем легко это командой Free Transform Photoshop. Во-первых, удостоверьтесь, что Ваш текстовый слой выбран в палитре Layers (выбранные слои выделены в синем). Тогда Идите в меню Edit наверху экрана и выберите Free Transform . Вы можете также выбрать команду Free Transform сочетанием клавиш Ctrl+T (Win) / Command+T (Mac):
Выберите “Free Transform” из меню Edit.
Вы будете видеть поле Free Transform, и дескрипторы вокруг Вашего текста в документе. Чтобы изменить размеры текста, удержите свою клавишу Shift , затем щелкните по любому из угловых дескрипторов (небольшие квадраты) и перетащите угол внутрь, чтобы сделать текст меньшим или наружу, чтобы сделать его больше.:
Измените размеры и переместите текст по мере необходимости инструментом Free Transform
Когда все будет готово, нажмите Enter (Win) / Возврат (Mac), чтобы принять изменение и выйти из команды Free Transform.
Шаг 7: преобразуйте текст в форму
Чтобы создать наш 3D эффект (в более новый версиях фотошопа уже есть инструмент 3D - о нем в следующих статьях. пр. SeRbGa), мы должны изменить перспективу нашего текста. Есть только одна проблема все же. Photoshop не позволяет нам изменять перспективу текста. Чтобы показать Вам, что я имею в виду, удостоверьтесь, что выбрали текстовый слой, затем подходите к меню Edit наверху экрана и выбираете Transform из списка. Во вторичное меню будут все различные способы, которыми мы можем преобразовать содержание слоя, который мы в настоящее время выбрали. Заметьте, опции Distort и Perspective отображаются серым? Это означает, что они в настоящее время недоступны нам и поэтому Photoshop не может выполнить ни один из этих двух типов преобразований на тексте.
Решение состоит в том, чтобы преобразовать наш текстовый слой в то, что вызвало слой формы . Преобразовывая текст в форму, мы будем в состоянии изменить перспективу его и создать наш эффект. Единственная нижняя сторона к преобразованию текста к форме - то, что тип больше не будет доступен для редактирования. В этом случае, хотя, так как у нас нет потребности отредактировать наш текст, мы не должны волноваться об этом.
С текстовым уровнем, все еще выбранным, Идите в меню Layer наверху экрана, выберите Текст , и затем выберите Convert to Shape (преобразуем в кривые) :
Слои> Текст> Преобразовывает в кривые.
Если мы смотрим в палитре Layers, мы видим, что текстовый слой теперь выглядит абсолютно отличающимся, и поэтому это больше не текстовый слой. Photoshop преобразовал его в кривые, что означает, что мы теперь свободны применить Перспективное преобразование к нему и создать наш 3D текстовый эффект:
Текстовый слой был преобразован в кривые.
Шаг 8: измените перспективу
Возвратитесь в меню Edit . Вы будете видеть, что опция Transform, на которую мы смотрели момент назад, была заменена новой опцией под названием Transform Path (преобразование контура) . Снова, поэтому мы имеем дело теперь с формой. Выберите Transform Path из списка. Когда вторичное меню появится, Вы будете видеть, что обе опции Distort и Perspective теперь доступны. Выберите Perspective из списка:
Редактирование>, Преобразовываие Контура> Перспектива.
То же поле и дескрипторы, которые мы видели ранее, когда мы выбрали команду Free Transform, появятся вокруг текста (контура). Различие, мы теперь работаем в режиме Perspective. Чтобы изменить перспективу текста и дать ему трехмерный взгляд, просто щелкните по дескриптору в нижнем правом углу и перетащите его прямо вниз. Вы перетаскиваете, а высота правой стороны текста увеличится с его центра, в то время как левая сторона останется неизменной:
Щелкните по нижнему правому угловому дескриптору и перетащите вниз.
Когда Вы будете довольны перспективным сдвигом, нажмите Enter (Win) / Возврат (Mac), чтобы принять преобразование. Ваш текст должен теперь выглядеть примерно так:
Текст теперь появляется 3D перспективой.
Шаг 9: создайте многократные копии слоя формы, каждый перемещенный немного вправую сторону
Этот следующий шаг - забавная часть. Мы создаем копии нашего слоя формы и каждую перемещяем на один пиксель правее от предыдущего. Это даст нашим буквам некоторую глубину. Во-первых, выберите Move Tool из Палитры инструментов, или просто нажмите букву V на своей клавиатуре, . Этот прием только работает с выбранным Инструментом Перемещения:
Выберите инструмент перемещения.
С выбранным Инструментом Перемещения и слой формы, выбранный в палитре Layers, удерживайте ALT (Win) / Option (Mac) и нажмите клавишу со стрелкой вправо на своей клавиатуре. Тогда нажмите его снова. С другой стороны. И снова. Заметьте то, что происходит? Каждый раз, когда Вы нажимаете клавишу со стрелкой вправо с ALT Вы создаете новую копию слоя формы, и Вы перемещаете новую копию на один пиксель вправо. Удержание ALT говорит Photoshopу создавать новую копию формы каждый раз вместо того, чтобы просто переместить существующую форму. Чем больше раз Вы нажимаете клавишу со стрелкой вправо, тем больше копий слоя и больше глубина, которую мы даем нашим буквам.
Продолжите нажимать клавишу со стрелкой вправо, пока Вы не будете довольны результатами. В моем случае я нажал клавишу со стрелкой в общей сложности 68 раз, создавая 68 копий моей формы, каждый перемещенный на один пиксель далее вправо. Число раз Вы нажимаете клавишу со стрелкой, будет зависеть от разрешения документа, с которым Вы работаете. Когда все готово, Ваш текст должен выглядеть примерно так:
Удержите ALT (Win) / Option (Mac), затем нажмите Клавишу со стрелкой вправо многократно, чтобы дать глубину буквам.
Шаг 10: переместите исходный слой формы в вершину стека слоя в палитре уровней
Каждый раз, когда мы создали новую копию нашей формы, мы создали новый слой формы в палитре Layers, и Photoshop поместил каждый новый слой непосредственно выше предыдущего слоя. В моем случае моя палитра Layers теперь содержит 68 копий моего исходного слоя формы. Исходный слой формы находится выше слоя Background со всеми копиями, сложенными поверх него. Вы можете сказать, что это - оригинал, потому что это - единственный слой формы, который не содержит слово "копия" на имени.
Мы должны переместить тот исходный слой на самый верх и есть простой способ, чтобы сделать это. Во-первых, щелкните по нужному слою в палитре Layers, чтобы выбрать его. Затем нажмите Ctrl+Shift +] (Win) / Command+Shift +] (Mac). Это - ключ правая скобка ("]"). Этот немедленно переместит выбранный слой непосредственно в вершину слоя:
Исходный слой формы теперь появляется выше других уровней в палитре Layers.
Шаг 11: объедините все копии вместе
Наш оригинал теперь на самой вершине слоя, мы должны объединить все те копии слоя формы внизу. выделите их через кнопку Shift на клавиатуре и затем щелкните по слою и идите в меню Layer наверху экрана и выберите Merge Layers вниз около нижней части списка. Или для более быстрого пути, нажмите сочетание клавиш Ctrl+E (Win) / Command+E (Mac):
Перейдите к Слои> объеденить
Photoshop объединит все выбранные слои в единственный слой. Если мы смотрим в нашей палитре Layers, мы видим, что у нас теперь есть только три слоя. слой Background находится на нижней части, исходный слой формы находится на вершине и промежуточный - это наш недавно объединенный слой:
Все копии слоя формы были объединены в единственный слой.
Шаг 12: добавьте "черный-к-белому" градиент к объединенному слою
Чтобы дать нашим буквам действительно 3D - добавим простой эффект освещения. Или по крайней мере, что-то, что похоже на эффект освещения. Щелкните по объединенному уровню в палитре Layers. Тогда щелкните по значку Layer Styles у основания палитры Layers. Список всех доступных стилей слоя. Щелкните по Gradient Overlay , чтобы выбрать его:
Выберите стиль слоя Gradient Overlay из нижней части палитры Layers.
Это переведет набор диалогового окна Layer Style Photoshop в рабочее состояние к опции Gradient Overlay в среднем столбце. Мы хотим использовать черно - белый градиент для нашего поддельного эффекта освещения.:
Нажмите "OK" когда все готово, чтобы выйти из диалогового окна Layer Style.Photoshop применяет градиент к объединенному уровню, создавая теневой эффект на буквы и завершая наш простой 3D текстовый эффект:
Заключительный 3D текстовый эффект.
по материалу Steve Patterson *(photoshopessentials.com)