Создаем «клубничный» текстовый эффект
21 марта 2013 | Опубликовано в Уроки | 3 Комментариев »
В этом уроке мы будем создавать текстовый эффект с клубничной текстурой. Создавать зернышки будем с помощью кисти. Урок был выполнен в Adobe Photoshop CS6, но вы также можете использовать фотошоп, начиная с CS3 версии.
Финальный результат:
Ресурсы:
* текстура Soft Wallpaper (Atle Mo).
* текстура Subtle freckles (y Atle Mo).
* изображение клубники fruits sen pngs (mossi889.
* текстура Dots and Screentones – Print (screentones).
Шаг 1
Создаем новый документ размером 1024 x 768 px. Установит цвет переднего плана # f8cece, а затем с помощью Paint Bucket заполняем холст этим цветом.
С помощью шрифта Janda Manatee создайте текст. Установить цвет шрифта # f12f2f, размер — 250 пунктов, и значения Tracking установите 20, чтобы увеличить расстояние между буквами.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_01_2.jpg)
Скопируйте слой с текстом два раза. Измените значение Fill слоя второй копии до 0%.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_01_3.jpg)
Шаг 2
Дважды щелкните на оригинальный текстовый слой, чтобы применить следующие стили слоя:
— Bevel and Emboss (Тиснение): Изменить стиль на Stroke Bevel (обводящее тиснение), размер до 10. Режим подсветки ( Highlight Mode) установите - Overlay, цвет Shadow Mode (режим тени) — на # b64a4a, и его непрозрачность до 56%.
— Contour: Choose the Half Round contour, and check the Anti-aliased box.
Contour: В настройках контура измените контур на полукруг (Half Round) и проверьте, что стоит галочка Anti-aliased.
Stroke: Изменяем размера до 3, и цвет # f12f2f.
Inner Shadow (Внутренняя Тень): измените цвет на # 9b1a1a, непрозрачность 100%, расстояние до 0, а размер до 15.
Drop Shadow: Измените цвет на # 5b5b5b, а расстояние до 7.
Это позволит добавить внешнюю обводку.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_02_6.jpg)
Берем инструмент Move Tool, а затем два раза нажимаем клавишу со стрелкой вправо, и дважды клавишу со стрелкой вниз, чтобы переместить обводку.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_02_7.jpg)
Шаг 3
Дважды щелкните на первой копии слоя текста и примените следующий стиль слоя:
Bevel and Emboss (Тиснение): измените размер (Size) до 21, снимите галочку Use Global Light , измените угол до 68, высота до 64, Gloss Contour , проверьте галочку на сглаживании, Highlight Mode — screen, непрозрачность- 50%, цвет Shadow Mode- #742b2b и ее непрозрачность - 25%.
Texture (Текстура): Выберите текстуру “Soft Wallpaper” (Soft Wallpaper), и измените глубину Depth на 50%.
Это позволит создать первый слой текстуры клубники.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_03_3.jpg)
Шаг 4
Дважды щелкните на второй копии текстового слоя, чтобы применить следующие стили слоя:
— Bevel and Emboss (Тиснение): Изменить размер до 18, снимите флажок Use Global Light, измените угол до 77, высоту до 42, проверьте галочку сглаживания, измените в Highlight Mode режим наложения - Overlay, прозрачность - 70%, а непрозрачность Shadow Mode до 0%.
Texture (Текстура): Выберите «Soft Wallpaper» Pattern, и изменить глубину до 20%.
Это позволит создать второй слой текстуры клубники.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_04_3.jpg)
Шаг 5
Создайте новый документ 100 на 100 пикселей.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_05_1.jpg)
Выберите инструмент Ellipse Tool и выберите в панели настроек Shape . Установите цвет переднего плана черный, а затем нажмите и перетащите, чтобы создать эллипс размерами 45 x 85 px.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_05_2.jpg)
Выберите Direct Selection Tool, затем нажмите на эллипсе, чтобы посмотреть опорные точки. Нажмите на точку в нижней части.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_05_3.jpg)
Перейдите к Edit -> Free Transform Points. Затем нажмите и удерживайте клавиши Alt и Shift, нажмите и перетащите правой стороне области преобразования в сторону центра.
Поскольку нажата кнопка Alt будут перемещены две стороны. После того, как овал будет отредактирован, нажмите Enter / Return, чтобы подтвердить изменения и выйти из режима свободной трансформации.
Инструмент Direct Selection Tool по-прежнему активен. Выберите две опорные точки на левой и правой стороне эллипса. Переходим к Edit -> Free Transform Points, нажимаем и удерживаем Alt + Shift, затем перетаскиваем точку наружу, чтобы расширить эти части. Нажмите Enter, затем нажмите клавишу со стрелкой вверх, чтобы переместить эти точки немного вверх.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_05_5.jpg)
Продолжаем изменение формы, пока не получите результат, который понравится.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_05_6.jpg)
Когда закончите, перейдите в Edit -> Define Brush Preset и введите имя для кисти.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_05_7.jpg)
Вы можете сохранить файл, если он вам нравится и еще пригодится, а затем закрыть его и вернуться к исходному документу.
Шаг 6
Откройте панель кистей (Window -> Brush), затем выберите созданную кисть и измените ее настройки, как показано ниже:
Brush Tip Shape:
![](http://textuts.com/images/tutorials/strawberry/Strawberry_06_1.jpg)
Shape Dynamics:
![](http://textuts.com/images/tutorials/strawberry/Strawberry_06_2.jpg)
Создайте новый слой поверх всех слоев и назовите его «Seeds„, установите цвет переднего плана на # d9a907, а затем добавляем семена поверх текстуры текста.
Убедитесь, что семена находятся не очень близко друг к другу. Как только вы закончите, копируйте слой “Семена» и измените его значение Fill до 0%
![](http://textuts.com/images/tutorials/strawberry/Strawberry_06_4.jpg)
Шаг 7
Дважды щелкните на слое с семенами, чтобы применить следующие стили слоя:
Тиснение (Bevel and Emboss): Измените Style на Pillow Emboss, размер 15, снимите галочку Use Global Light , измените угол до 162, высоту до 58, проверьте сглаживание Anti-aliased, изменить режим Highlight Mode на Vivid Light его Opacity на 90% и Shadow Mode непрозрачность Opacity на 50%.
Contour: Выберите контур Rounded Steps и проверьте галочку Anti-aliased.
Текстура: выберите текстуру «Subtle Freckles„.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_07_3.jpg)
Шаг 8
Дважды щелкните на копии слоя “Семена», чтобы применить следующие стили слоя:
Bevel and Emboss: Измените Size на 2, снимите галочку Use Global Light, измените угол Angle до 130, Altitude до 48, проверьте галочку сглаживания Anti-aliased, и измените цвет Shadow Mode на #68671c.
Contour: Выберите контур Gaussian и проверьте Anti-aliased.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_08_2.jpg)
Drop Shadow: Измените цвет на # 771e1e, расстояние Distance до 0, Spread к 3, а размер — 3.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_08_3.jpg)
Шаг 9
Ctrl + клик по иконке оригинала слоя текста, чтобы создать выделение
![](http://textuts.com/images/tutorials/strawberry/Strawberry_09_1.jpg)
Перейдите к Select -> Modify -> Expand и введите значение 3.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_09_2.jpg)
Создайте новый слой поверх всех слоев и назовите его «Inner Shadow».
![](http://textuts.com/images/tutorials/strawberry/Strawberry_09_3.jpg)
Залейте выделение белым.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_09_4.jpg)
Измените значение Fill «Inner Shadow» слоя до 0, а затем дважды щелкните на нем, чтобы добавить эффект внутренней тени.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_09_5.jpg)
Измените непрозрачность до 50%, расстояние до 0, а размер до 10.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_09_6.jpg)
Это позволит добавить внутреннюю тень к тексту, что поможет добавить глубину.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_09_7.jpg)
Шаг 10
Этот шаг является необязательным. Мы собираемся создать некоторые неспелые части.
Создайте новый слой между двумя копиями текстового слоя и назовите его «Top Gradient», а затем заливаем его белым цветом.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_10_1.jpg)
Так как для создания незрелых частей будет использоваться эффект Gradient Overlay, лучше отделить буквы.
Возьмите Rectangular Marquee Tool, и нажмите кнопку "Intersect with selection« на панели Options. Вокруг строчных букв создаем прямоугольник.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_10_2.jpg)
Переходим к Edit -> Cut, чтобы удалить строчными буквами.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_10_3.jpg)
Нажимаем Edit -> Paste Special -> Paste in Place, чтобы вставить строчные буквы в их первоначальное положение, но в другой слой, который будет назван „Layer 1“.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_10_4.jpg)
Измените значение Fill слоев к 0.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_10_5.jpg)
Шаг 11
Дважды щелкните на слое „Top Gradient“, чтобы применить эффект Gradient Overlay. Измените непрозрачность до 75%, угол до 103, и проверьте галочку Reverse. Затем щелкните на поле градиента Gradient, чтобы создать градиент.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_11_1.jpg)
Начните с выбора цвета переднего плана к прозрачному, а затем отредактируйте градиент соответственно настроек ниже:
1 – #bcbc5c – 0
2 – #fbe599 – 12
3 – 0 – 14
4 – 0 – 100
![](http://textuts.com/images/tutorials/strawberry/Strawberry_11_2.jpg)
Это градиент будет применяться к заглавной букве. Обратите внимание, что значение угла является достаточно важным и наш градиент будет наклонен немного влево и размещен именно там, где мы позже планируем добавить листья. Таким образом, вы можете попробовать разные значения, если у вас есть различные буквы или хотите разместить листья где-то в другом месте.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_11_3.jpg)
Теперь щелкните правой кнопкой мыши на слое „Top Gradient“, выберите Copy Layer Style, а затем нажмите правую кнопку „Layer 1“ и выберите Paste Layer Style.
Дважды щелкните на „Layer 1“, а затем измените непрозрачность до 35%, а угол до 90. Щелкните на градиенте, чтобы изменить некоторые значения.
Измените расположение № 1 к 8, а № 2 до 18.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_11_5.jpg)
Легкий градиент будет применен к строчным буквам.
Шаг 12
Откройте PNG-изображение fruits sen pngs, а затем с помощью инструмента Rectangular Marquee Tool в правом углу выберите первую клубнику (или любую другую, который вы захотите).
![](http://textuts.com/images/tutorials/strawberry/Strawberry_12_1.jpg)
Нажмите Ctrl + J, чтобы дублировать выбранную клубнику в отдельный слой. Вы можете сделать оригинал изображения невидимым, нажав на иконку глаза рядом с его слоем.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_12_2.jpg)
Выберите Magnetic Lasso Tool, затем выделите клубнику (так как это гораздо проще, чем выбрать часть листьев). Инвертируйте выделения.
Нажмите Edit -> Copy, затем обратно перейдите в исходный документ.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_12_3.jpg)
Нажмите Edit -> Paste. С помощью Eraser Tool удалите лишние части клубники.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_12_4.jpg)
Перейдите к Edit -> Free Transform, то изменить размер, поворот, и поместите листки на первую букву. Нажмите Enter, чтобы принять изменения и выйти из режима свободной трансформации.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_12_5.jpg)
Дважды щелкните на листе слоя, чтобы примените Drop Shadow. Измените непрозрачность до 23, снимите флажокUse Global Light, измените угол до 106, а расстояние до 10.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_12_6.jpg)
Это позволит добавить некоторые тени к листьям.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_12_7.jpg)
Переходим к Image -> Adjustments -> Hue / Saturation, изменяем Hue до 20, а Saturation до 35 лет.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_12_8.jpg)
Шаг 13
Создайте новый слой прямо на верхней части фонового слоя и назовите его „Dots“, выберите инструмент Paint Bucket Tool, выберите Pattern на панели параметров, а затем заполнить фон одной из текстур «Dots and Screentones – Printt». Здесь используется «3-40.bmp».
![](http://textuts.com/images/tutorials/strawberry/Strawberry_13_1.jpg)
Изменение режим наложение «Dots» на Multiply и непрозрачность до 35%.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_13_2.jpg)
Если хотите, можете использовать Eraser Tool для удаления точек, которые касаются краев текста. Не удаляйте много, чтобы не создавать пустые области.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_13_3.jpg)
Шаг 14
И, наконец, можно добавить надпись «Straw», используя, например, шрифт Clear Line.
Цвет # de2d2d, размер — 100 pt.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_14_1.jpg)
Дважды щелкните на слое“Straw” и примените простую тень Drop Shadow, изменив цвет на # f8cece.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_14_2.jpg)
Также вы можете убрать лишние точки возле слова “Straw”.
![](http://textuts.com/images/tutorials/strawberry/Strawberry_14_4.jpg)
Автор урока: photoshoplady.com
Перевод — Дежурка