Создаем дизайн с 3D типографикой в фотошопе

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


Первое, что нам нужно сделать – это скачать шрифт Storybook (совершенно бесплатно). Он как нельзя лучше подойдёт к выполнению данного урока. Далее откройте Illustrator и напишите первую букву вашего слова, цвет – 4C3F38.

Волшебный дизайн с 3D типографикой

Теперь добавим 3D эффекта, идём в меню Effect > 3D > Extrude & Bevel.
Выставите настройки формы, света и угла наклона буквы на ваше усмотрение, либо можете повторить за мной, используя те же настройки. Не забудьте использоватьBevel>Complex 2

Волшебный дизайн с 3D типографикой

После того как вы закончили первую букву, повторите шаги, чтобы сделать остальные. Затем скопируйте (Ctrl + C) буквы и вставьте их (Ctrl + V) в Photoshop по отдельности. Как только вы попытаетесь вставить их, вам будет предложено выбрать метод импорта. Выберете вариант – Smart Object, чтобы в последующем, если потребуется, была возможность их редактировать.
Разместите буквы на пустом листе в Photoshop. Я работаю на довольно большом разрешении около 6300 x 4500 px при 300 dpi.
Кроме того, заполните фон цветом: 17151d.

Волшебный дизайн с 3D типографикой

На данном этапе мы займёмся стилизацией букв. Возьмите Magic Wand Tool (W) и выделите передний план буквы. Потом щелчок ПКМ и Make Work Path – установите значение tolerance равное 1,5рх. По необходимости откорректируйте полученную область.

Волшебный дизайн с 3D типографикой

Теперь зальём эту область цветом. Идём в меню Layer > New Fill Layer > Solid Color. Выберете белый цвет. Далее добавим эффекты слою – двойной щелчок ЛКМ> ставим настройки Bevel как на картинке ниже, в частности- highlight color – 94aa53, shadow color – 6c6f64.

Волшебный дизайн с 3D типографикой

А сейчас создадим шаблон для заливки, который будем применять к переднему плану наших букв. Для этого я использую Go Media vector freebie: скачать его можно здесьSeamless Swirls. Скаченный файл откройте в Illustrator. Измените цвет на: 94aa52 и скопируйте (Ctrl+C).
Откройте новый проект Photoshop с размером 235 х 235рх и заполните фон цветом: ebe77f, теперь (Ctrl+V). Чтобы сделать образец для заливки идём в меню Edit > Define Pattern. Даём название и сохраняем.

Волшебный дизайн с 3D типографикой

Теперь, когда у нас есть образец для заливки, добавим его к переднему фону букв. Двойным кликом ЛКМ по слою с ранее полученной белой формой откроем окно свойств слоя и добавим эффект Pattern Overlay, выбрав полученный образец заливки.

Волшебный дизайн с 3D типографикой

Ну и на последок добавим корректирующий слой Gradient Map к граням и вершинам букв. Выделите слой и идите в меню Layer > New Adjustment Layer > Gradient Map. Затем настройте цвет градиента по вашему усмотрению, я выбрал следующие цвета: слева направо: d8c67f, 94aa53, 262628 и 141416. Убедитесь, что корректирующий слой применяется только к букве. Для этого с зажатым Alt щёлкните ЛКМ между слоями (буквы и корректирующего слоя).

Волшебный дизайн с 3D типографикой

Копируя стили слоя и корректирующий слой Gradient Map, добавьте их к оставшимся буквам.

Волшебный дизайн с 3D типографикой

Создание декораций

Работа с текстом закончена, пришло время добавить деревья и листву. Мы будим использовать метод, который я разработал для себя. Он заключается в создании сложных форм из простых. Вам он может показаться полезным или скучным, но именного его я буду использовать в своей композиции. Всё, что вам нужно для этого стандартная круглая кисть и мышь. Выберете инструмент Brush Tool (cool.gif и поставьте следующие настройки кисти:

Волшебный дизайн с 3D типографикой

Волшебный дизайн с 3D типографикой

Волшебный дизайн с 3D типографикой

Кисть готова. Приступим к рисованию деревьев. Важно знать то, что не обязательно создавать целиковое дерево с указанными настройками. Существует параметр, который необходимо изменять в процессе рисования. Этим параметром будет Fade на вкладкеShape Dynamics в окне настроек кисти. Вы можете использовать любые настройки, используя подходящие. Я использовал 100% для магистральных, 150% для сужения ствола и 250% для ветвей дерева.

Волшебный дизайн с 3D типографикой

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

Волшебный дизайн с 3D типографикой

Волшебный дизайн с 3D типографикой

Для рисования листвы сделайте настройки кисти как на картинке ниже:

Волшебный дизайн с 3D типографикой

Волшебный дизайн с 3D типографикой

Начните рисовать листву, используя большой размер кисти, цвет – 94aa53. Слоем ниже, рисуем меньшим размером кисти с более тёмным цветом – 55612f. Снова над светло-зелёным слоем рисуем цветом 94aa53, уменьшив размер кисти. Далее не меняя размер кисти, рисуем жёлтым цветом e3e07d. В результате мои деревья приняли форму акаций, судя по стволу и форме листвы.

Волшебный дизайн с 3D типографикой

Используя данный способ, получим вот это!

Волшебный дизайн с 3D типографикой

В следующем шаге, используя pen tool (P), я добавил гору и луну. Они должны придать глубину изображению, и полученная композиция не будет выглядеть так скудно.

Волшебный дизайн с 3D типографикой

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

Волшебный дизайн с 3D типографикой

Доработка дизайна

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

Волшебный дизайн с 3D типографикой

Далее инвертируем текстуру (Ctrl+I) и изменим её цвет, идём в меню Image > Adjustments > Hue and Saturation. В появившемся окне ставим hue равное 153 и saturation равное -73.

Волшебный дизайн с 3D типографикой

В заключение добавьте акварельных текстур к горе и луне, используя clipping mask. Используйте режим смешивания слоёв для горы – Overlay и Multiply для луны. Не забудьте отрегулировать непрозрачность.

Волшебный дизайн с 3D типографикой

На этом всё. Теперь вы можете создавать свой собственный дизайн.

Волшебный дизайн с 3D типографикой

Фотошопер
 

Click Here to Leave a Comment Below 0 comments

Leave a Reply: