Магия Фотошопа

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Магия Фотошопа » Самая большая коллекция: уроки фотошопа Photoshop » Бамбуковый текст-эффект и милые панды


Бамбуковый текст-эффект и милые панды

Сообщений 1 страница 5 из 5

1

PHOTOSHOP PANDA ILLUSTRATION & BAMBOO TEXT EFFECT.

Бамбуковый текст-эффект и милые панды

http://sa.uploads.ru/t/a4nQS.jpg
http://sb.uploads.ru/t/o2XaP.jpg

Материалы для урока

Изображения
o Background bokeh
o Bamboo plant
o Font
Вспомогательные файлы
Bamboo Text Shape
Hair Brushes
Bamboo Spots brushes
Panda's eyes style
Inner Shadow Contour

http://sa.uploads.ru/t/sbhJv.jpg

Шаг 1.

Создайте новый документ Photoshop шириной 1200px и высотой 696px, с разрешением 72px/inch. Некоторые эффекты слоёв напрямую зависят от размера изображения.
Вставьте фоновое изображение. Если фоновое изображение меньше, чем документ, вы можете поместить два фоновых слоя для покрытия всей сцены, а затем объедините их, выберите края соединения, перейдите в Edit> Fill> Content-Aware. Установите непрозрачность (Opacity) 50%.

http://sc.uploads.ru/t/YExSp.jpg

Шаг 2.

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

http://sb.uploads.ru/t/e4xYp.jpg

Выберите нижнюю часть получившегося пятна и удалите её, чтобы создать нижний край так же, как на скриншоте ниже.

http://sb.uploads.ru/t/0IrwO.jpg

Шаг 3.

Для того чтобы создать "бамбуковый текстовый эффект" вы можете скачать прилагаемую к уроку форму (Bamboo Text Shape). Вставьте ее в новый слой. Или вы можете создать свою собственную форму, следуя инструкциям ниже.
Введите текст, этот шрифт довольно близко повторяет форму растения. Используйте бóльший размер шрифта для первой буквы. Кроме того, увеличьте пространство между буквами так, как на рисунке ниже.

http://sc.uploads.ru/t/kVnWu.jpg

Добавить эффектом слоя наружную обводку тексту толщиной 5px, с тем чтобы сделать его более жирным. Используйте для обводки тот же цвет, как и цвет шрифта.
Теперь растрируйте текстовый слой (клик правой кнопкой мыши на текстовый слой - Rasterize) и объединить его с новым пустым слоем, созданным сверху, чтобы реализовать эффект обводки.

http://sa.uploads.ru/t/UbRKz.jpg
http://sa.uploads.ru/t/U8PDs.jpg

Выше текста создайте новый слой, с помощью Line Tool (U) http://sa.uploads.ru/t/D1TIn.gif разделите текст на сектора. Этот слой временный.

http://sa.uploads.ru/t/AEmVa.jpg

Создайте новый слой выше текстового.
Выберите жесткую кисть (инструмент Brush Tool) и нарисуйте утолщения на окончаниях секций бамбука. Смотрите изображения ниже.

http://sa.uploads.ru/t/NhxiU.jpg
http://sb.uploads.ru/t/SO0VW.jpg
http://sc.uploads.ru/t/HoMzZ.jpg

Вы должны получить нечто подобное. Удалить слой с белыми линиями после окончания работы над формой секций бамбука.

http://sc.uploads.ru/t/yFUEH.jpg

Объедините все слои с утолщениями и текстовый слой. Вы получите слой текста из бамбука, но это только первый шаг. Переименуйте полученный слой - «bamboo 1»

Шаг 4.

Применить к полученному слою эффекты Gradient Overlay и Bevel and Emboss. Введите данные как на картинке ниже.

http://sc.uploads.ru/t/tZOSV.jpg
http://sc.uploads.ru/t/J8hCr.jpg
http://sb.uploads.ru/t/dtCfb.jpg

Продублируйте «bamboo 1», получившийся слой переименуйте «bamboo 2» и удалите все эффекты слоя. Измените заливку слоя (Fill) до 0% и примените следующие эффекты слоя:

http://sb.uploads.ru/t/CzBpY.jpg
http://sa.uploads.ru/t/O9VAN.jpg
http://sb.uploads.ru/t/CAjTv.jpg
http://sb.uploads.ru/t/b451Z.jpg
http://sb.uploads.ru/t/jMKiV.jpg
http://sc.uploads.ru/t/gE5ei.jpg

Продублируйте «bamboo 1», получившийся слой переименуйте «bamboo 3» и удалите все эффекты слоя. Измените заливку слоя (Fill) до 0% и примените следующие эффекты слоя:

http://sa.uploads.ru/t/bF2kT.jpg

Установите контур из материалов урока - Inner Shadow Contour

http://sc.uploads.ru/t/CXtmM.jpg
http://sb.uploads.ru/t/R29Px.jpg

http://sc.uploads.ru/t/UzfT6.jpg

Шаг 5.

Произведите выделение текста (Ctrl + клик по иконке слоя с текстом), создайте новый пустой слой.
Для того чтобы создать какую-то нерегулярность текстуры применим точечную кисть с расстоянием между ними (Spacing) 350% заполним выделенную область. Не забудьте поменять цвет Foreground на #5b6700.

http://sb.uploads.ru/t/l1Mxn.jpg
http://sc.uploads.ru/t/ZVd2j.jpg

Примените для слоя с точками режим наложения Multiply и уменьшите непрозрачность до 40%.

http://sc.uploads.ru/t/mHAkr.jpg

Создайте новый пустой слой. Сделайте выделение текста, используйте ту же кисть, чтобы создать новые точки, но светло-зеленого цвета.
Применить к этому слою режим наложения Overlay и непрозрачность 70%.

http://sa.uploads.ru/t/SCPvb.jpg

Шаг 6.

Создайте еще раз новый пустой слой, сделайте выделение текста. Нарисуйте в узлах чешуйки от отпавших листьев. Эти формы не должны быть с ровными краями. Используйте любой цвет.
Применить Fill = 0%.
Добавить эффекты слоя такие же, как на скриншотах ниже.

http://sc.uploads.ru/t/NsrdG.jpg
http://sa.uploads.ru/t/KZLHU.jpg
http://sa.uploads.ru/t/I1AO2.jpg
http://sc.uploads.ru/t/XkBNJ.jpg
http://sb.uploads.ru/t/BeJ0g.jpg
http://sb.uploads.ru/t/CmZxA.jpg
http://sa.uploads.ru/t/TuSr0.jpg
http://sc.uploads.ru/t/ogOvn.jpg

Вот примерно таким должен быть результат всех предыдущих действий:

http://sc.uploads.ru/t/Lhrj8.jpg

Шаг 7.

Сгруппируйте все слои относящиеся к изображению текста и его элементов. Для этого выделите все указанные слои, объедините их в папку, а папку затем, щелкнув правой клавишей мышки на ней, слейте в один (Merge Group) .
Вы можете получить темно пятна после слияния группы в слой. Для того, чтобы удалить их, аккуратно примените ластик - Eraser Tool (E).

http://sa.uploads.ru/t/UfzOy.jpg

Шаг 8.

Теперь вы должны каждую букву поместить в отдельный слой. Выделите каждую букву с помощью Polygonal Lasso щелкните на выделении правой кнопкой мыши и поместите выделенную букву в новый слой (Layer Via Copy).[StephenGTR. Начинайте с заглавной буквы – так у вас все созданные слои разместятся в прядке чтения. Не забывайте возвращаться на исходный слой]

http://sc.uploads.ru/t/isLbG.jpg

Когда все буквы будут помещены в отдельные слои, переместите их ближе друг к другу. Некоторые буквы могут заходить одна за другую.

http://sc.uploads.ru/t/wZcWE.jpg

Давайте создадим тень от букв в местах их пересечения.

http://sa.uploads.ru/t/mgXnJ.jpg

Для того чтобы создать тень от передней буквы "O" на ту которая стоит позади необходимо сделать копию слоя с впереди стоящей букой «О».
Выберите нижнюю копию из двух «О» слоев, щелкните правой кнопкой мыши на этом слое и выберете Create Clipping Mask.
Применить Fill = 0% для слоя маски и добавить эффект слоя Drop Shadow. Повторите то же самое для "B", "a", "m", "в" букв.

http://sa.uploads.ru/t/sIJyO.jpg

http://sc.uploads.ru/t/E9yCL.jpg

Вставьте изображение побега бамбука – файл и материалов для урока Bamboo plant .
Перейдите в Select> Color Range> нажмите пипеткой на белый фон.
Затем перейдите к Select> Inverse. Вы должны выбрать растение вместо белого фона.

http://sa.uploads.ru/t/diO9L.jpg

Перейдите в Select> Refine Edge для исправления и сглаживания контура выделения.

http://sc.uploads.ru/t/Uo2at.jpg

Вы должны иметь аналогичный результат. Сотрите толстую нижнюю часть стебля растения. Измените размер побега так, чтобы он был пропорционален вашим буквам (Edit > Transform > Free Transformation, или Ctrl+T ).

http://sa.uploads.ru/t/kSGu6.jpg

Скорректируйте цвет побега – перейдите в Image > Adjustments > Color Balance. Введите в верхние поля цифры, указанные на скриншоте ниже.

http://sa.uploads.ru/t/diO9L.jpg

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

http://sc.uploads.ru/t/Uo2at.jpg

Вот, у вас должно получиться что-то похожее:

http://sa.uploads.ru/t/kSGu6.jpg

0

2

Шаг 9.

Теперь нарисуйте простой силуэт панды, используя ~ 8 оттенков серого, черный и белый цвета.
Поза тела панды получена на основании фото, ссылка на которое есть в материалах урока.
Если вы не хотите рисовать панду с нуля, вы можете использовать любое, понравившееся фото её. Просто отделите изображение животного от фона.

http://sa.uploads.ru/t/6Fv8K.jpg

Примените к слою с изображением панды Gaussian Blur фильтр (~ 3-5px). Фон должен быть прозрачным (т.е. должен отсутствовать).

http://sc.uploads.ru/t/RCN2E.jpg

Загрузите кисти из материалов к уроку Hair Brushes. Выберите инструмент Smudge и одну из кистей для изображения волос. Отрегулируйте Strength - 70%. Перемещайте инструмент с кистью изнутри изображения наружу, идя по границам изображения и цветовых пятен. Попробуйте различные размеры кисти, чтобы найти, какая из них работает лучше для различных областей.

http://sa.uploads.ru/t/XpK0u.jpg
http://sb.uploads.ru/t/l980U.jpg

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

http://sc.uploads.ru/t/3A5tj.jpg

Создайте маленькие глаза из круга черного цвета (Ellipse Tool) и примените к ним встроенный стиль для Photoshop "Черный анодированный металл». Стиль находится в материалах урока - Panda's eyes style.

http://sa.uploads.ru/t/VnYGu.jpg
http://sb.uploads.ru/t/4l7gu.jpg

Нарисуйте мелкие когти регулярной маленькой кистью (2-4px).

http://sc.uploads.ru/t/PBF70.jpg
http://sc.uploads.ru/t/zqGxh.jpg

Разместите панд на буквах.

http://sb.uploads.ru/t/0r2CY.jpg

Шаг 10.

Группа все слои, кроме фона. Дублируем группу. Сливаем (Merge) дублированную группу. Идём в Edit> Transform> Flip Vertical.
Переместите этот слой вниз, чтобы создать отражение. Поместите этот слой под папкой с пандами и текстом.

http://sb.uploads.ru/t/jwvXO.jpg

Добавьте маску слоя (Layer Mask) к слою с отражением. Залейте маску чёрно-белым линейным градиентом, как показано на рисунке снизу.

http://sb.uploads.ru/t/1aMqv.jpg

Выставьте для слоя с отражением непрозрачность (Opacity) - 30%.

http://sa.uploads.ru/t/rAo3K.jpg

Ctrl + клик на маске слоя, чтобы загрузить выделение белой части маски с градиентом. Перейдите Select> Inverse Selection, чтобы выделить нижнюю часть маски. После этого щелкните на иконке с изображением слоя отражения (Сделайте активной миниатюру отражающего слоя (не маску!!!)).

http://sb.uploads.ru/t/LlBkS.jpg

Применить фильтр Motion Blur к выбранной области отражения.

http://sa.uploads.ru/t/oZ74y.jpg

http://sc.uploads.ru/t/WEV2I.jpg

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

http://sc.uploads.ru/t/BRCfy.jpg

Сузьте полученный градиент до 50% – 60%.

http://sc.uploads.ru/t/1oJK5.jpg

В стилях слоя (Layer Style)поменяйте цвет (Color Overlay) полученного градиента на темно-зелёный.

http://sb.uploads.ru/t/DLCpU.jpg

Поиграйте с непрозрачностью слоя, чтобы получить в результате естественный вид тени:

http://sb.uploads.ru/t/BDCTh.jpg

И вот результат!

http://sa.uploads.ru/t/a4nQS.jpg

Источник: Alfoart
Перевод: StephenGTR

0

3

АААА!!!!!!!!!!! Урок просто суперский.. мишки такие няшечки.. ;))) Хи. хи. хи... Вот я не удержалась и сделала урок! ;)

http://sa.uploads.ru/t/1lMJn.jpg

0

4

Katrysa написал(а):

Вот я не удержалась и сделала урок!


отлично, мне тоже очень понравился урок )))

0

5

Отличный урок спасибо!!!!!))

0


Вы здесь » Магия Фотошопа » Самая большая коллекция: уроки фотошопа Photoshop » Бамбуковый текст-эффект и милые панды