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

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

¬сем любител€м и ценител€м 3D надписей советую посетить данный урок =)
очень полезна€ информаци€ дл€ начинающих и сторожил =)

—оздание 3D текста.
ѕервое, что нам нужно сделать Ц это скачать шрифт Storybook (совершенно бесплатно). ќн как нельз€ лучше подойдЄт к выполнению данного урока. ƒалее откройте Illustrator и напишите первую букву вашего слова, цвет - 4C3F38.
¬олшебный дизайн с 3D типографикой


“еперь добавим 3D эффекта, идЄм в меню Effect > 3D > Extrude & Bevel.
¬ыставите настройки формы, света и угла наклона буквы на ваше усмотрение, либо можете повторить за мной, использу€ те же настройки. Ќе забудьте использовать Bevel>Complex 2
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


ѕосле того как вы закончили первую букву, повторите шаги, чтобы сделать остальные. «атем скопируйте (Ctrl + C) буквы и вставьте их (Ctrl + V) в Photoshop по отдельности.  ак только вы попытаетесь вставить их, вам будет предложено выбрать метод импорта. ¬ыберете вариант - Smart Object, чтобы в последующем, если потребуетс€, была возможность их редактировать.
–азместите буквы на пустом листе в Photoshop. я работаю на довольно большом разрешении около 6300 x 4500 px при 300 dpi.
 роме того, заполните фон цветом: 17151d.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


Ќа данном этапе мы займЄмс€ стилизацией букв. ¬озьмите Magic Wand Tool (W) и выделите передний план буквы. ѕотом щелчок ѕ ћ и Make Work Path Ц установите значение tolerance равное 1,5рх. ѕо необходимости откорректируйте полученную область.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


“еперь зальЄм эту область цветом. »дЄм в меню Layer > New Fill Layer > Solid Color. ¬ыберете белый цвет. ƒалее добавим эффекты слою Ц двойной щелчок Ћ ћ> ставим настройки Bevel как на картинке ниже, в частности- highlight color - 94aa53, shadow color - 6c6f64.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


ј сейчас создадим шаблон дл€ заливки, который будем примен€ть к переднему плану наших букв. ƒл€ этого € использую Go Media vector freebie: скачать его можно здесь Seamless Swirls. —каченный файл откройте в Illustrator. »змените цвет на: 94aa52 и скопируйте (Ctrl+C).
ќткройте новый проект Photoshop с размером 235 х 235рх и заполните фон цветом: ebe77f, теперь (Ctrl+V). „тобы сделать образец дл€ заливки идЄм в меню Edit > Define Pattern. ƒаЄм название и сохран€ем.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


“еперь, когда у нас есть образец дл€ заливки, добавим его к переднему фону букв. ƒвойным кликом Ћ ћ по слою с ранее полученной белой формой откроем окно свойств сло€ и добавим эффект Pattern Overlay, выбрав полученный образец заливки.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


Ќу и на последок добавим корректирующий слой Gradient Map к гран€м и вершинам букв. ¬ыделите слой и идите в меню Layer > New Adjustment Layer > Gradient Map. «атем настройте цвет градиента по вашему усмотрению, € выбрал следующие цвета: слева направо: d8c67f, 94aa53, 262628 и 141416. ”бедитесь, что корректирующий слой примен€етс€ только к букве. ƒл€ этого с зажатым Alt щЄлкните Ћ ћ между сло€ми (буквы и корректирующего сло€).
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


 опиру€ стили сло€ и корректирующий слой Gradient Map, добавьте их к оставшимс€ буквам.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


—оздание декораций.
–абота с текстом закончена, пришло врем€ добавить деревь€ и листву. ћы будим использовать метод, который € разработал дл€ себ€. ќн заключаетс€ в создании сложных форм из простых. ¬ам он может показатьс€ полезным или скучным, но именного его € буду использовать в своей композиции. ¬сЄ, что вам нужно дл€ этого стандартна€ кругла€ кисть и мышь. ¬ыберете инструмент Brush Tool ( и поставьте следующие настройки кисти:
¬олшебный дизайн с 3D типографикой


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


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


 исть готова. ѕриступим к рисованию деревьев. ¬ажно знать то, что не об€зательно создавать целиковое дерево с указанными настройками. —уществует параметр, который необходимо измен€ть в процессе рисовани€. Ётим параметром будет Fade на вкладке Shape Dynamics в окне настроек кисти. ¬ы можете использовать любые настройки, использу€ подход€щие. я использовал 100% дл€ магистральных, 150% дл€ сужени€ ствола и 250% дл€ ветвей дерева.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


»спользу€ эту технику нарисуйте оставшиес€ деревь€ и добавьте немного корней, измен€€ параметр Fade там, где это необходимо.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


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


ƒл€ рисовани€ листвы сделайте настройки кисти как на картинке ниже:
¬олшебный дизайн с 3D типографикой


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


Ќачните рисовать листву, использу€ большой размер кисти, цвет - 94aa53. —лоем ниже, рисуем меньшим размером кисти с более тЄмным цветом - 55612f. —нова над светло-зелЄным слоем рисуем цветом 94aa53, уменьшив размер кисти. ƒалее не мен€€ размер кисти, рисуем жЄлтым цветом e3e07d. ¬ результате мои деревь€ прин€ли форму акаций, суд€ по стволу и форме листвы.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


»спользу€ данный способ, получим вот это!
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


¬ следующем шаге, использу€ pen tool (P), € добавил гору и луну. ќни должны придать глубину изображению, и полученна€ композици€ не будет выгл€деть так скудно.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


—делаем так, чтобы гора исчезала к основанию. —амый простой способ дл€ этого создать выше слой и использу€ большую м€гкую кисть закрасить низ горы использу€ цвет фона. ≈щЄ € добавил свечени€ луне. ƒл€ этого € использовал стиль сло€: Outer Glow (оставив стандартный цвет € уменьшил непрозрачность до 25% и увеличил размер Size). Ќа новом слое м€гкой кистью затемните низ деревьев и корней. ƒобавьте тень от деревьев на переднюю часть букв.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


ƒоработка дизайна
Ќа данном этапе добавим текстуру в нашу работу. ѕросто поместите еЄ на новый слой, который будет самым верхним. ѕоставьте режим смешивани€ сло€ Linear Burn, непрозрачность пор€дка 30%.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


ƒалее инвертируем текстуру (Ctrl+I) и изменим еЄ цвет, идЄм в меню Image > Adjustments > Hue and Saturation. ¬ по€вившемс€ окне ставим hue равное 153 и saturation равное -73.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


¬ заключение добавьте акварельных текстур к горе и луне, использу€ clipping mask. »спользуйте режим смешивани€ слоЄв дл€ горы - Overlay и Multiply дл€ луны. Ќе забудьте отрегулировать непрозрачность.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой


Ќа этом всЄ. “еперь вы можете создавать свой собственный дизайн.
¬олшебный дизайн с 3D типографикой¬олшебный дизайн с 3D типографикой

0

#

 атегори€:

”роки фотошоп » 3D эффекты


—мотрите также:

–ады приветствовать ¬ас на сайте посв€щенному урокам фотошоп.

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

ћы стараемс€ размещать самые лучшие и доступные уроки по фотошопу на русском €зыке, которые, по нашему мнению, помогут ¬ам в изучении такого искусства, как компьютерна€ графика. ƒл€ более удобного воспри€ти€ все уроки фотошоп разбиты поэтапно, что делает их изучение более более простым и пон€тным.

“ак же на сайте ¬ы найдете необходимые в работе с Photoshop интсрументы и дополнени€ (кисти дл€ фотошоп, формы, градиенты, стили, экшены дл€ фотошоп), векторный и растровый клипарт, иконки шрифты и много всего прочего. ћы не ограничиваем и не принуждаем ¬ас к регистрации, все это находитс€ в свободном доступе и ¬ы можете скачивать их бесплатно и без регистрации.

”дачи ¬ам в изучении уроков по фотошопу! ”читесь с нами!


ќпрос

Ќужны ли на сайте видео уроки по фотошопу?

ƒа, об€зательно
Ќет, это лишнее
ћне все-равно

–езультаты голосовани€

–еклама

ќнлайн авиакасса купить авиабилеты из —анкт-ѕетербурга в Ѕарселону карта цен.
–Ш–Љ–њ–Њ—А—В–љ—Л–µ —Г–≥–ї–Њ–≤—Л–µ —Г–≥–ї–Њ–≤—Л–µ –Ї–Њ–ґ–∞–љ—Л–µ –і–Є–≤–∞–љ—Л.
–Ф–Є–≤–∞–љ—Л –•–∞—А—М–Ї–Њ–≤ –њ–Њ–і—А–Њ–±–љ–Њ—Б—В–Є –Ј–і–µ—Б—М.