Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2013 » Март » 12 » Создание Бейсбольного Текстового Эффекта в Photoshop \ Create a Baseball-Inspired Text Effect in Photoshop
20:37
Создание Бейсбольного Текстового Эффекта в Photoshop \ Create a Baseball-Inspired Text Effect in Photoshop


Любите ли вы бейсбол, как люблю его я? Это главный девиз, который крутится у меня в голове после просмотра данного урока по созданию Бейсбольного Текстового Эффекта в Photoshop.

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

Grass Texture 1 Изображение травы
Merkin Шрифт
Seamless leather texture. Текстура кожи (паттерн)
Undercover Grunge Brush Set Кисти грязи


Шаг 1

Создайте новый документ размером 1024 x 645 px.
Создание Бейсбольного Текстового Эффекта *

Вы можете использовать любые другие значения для высоты и ширины в зависимости от размера вашего текста.
Создание Бейсбольного Текстового Эффекта *[/IMG]

Загрузите ] текстуру травы установите ее поверх фонового слоя и измените размер по необходимости.
Создание Бейсбольного Текстового Эффекта *

Переименуйте слой в "Grass Texture” Трава.
Создание Бейсбольного Текстового Эффекта *


Шаг 2

Немного затемним и обесцветим траву, для этого зайдем в Image > Adjustments > Color Balance (Изображение > Коррекция > Цветовой баланс) быстрая клавиша (Ctrl+В) Убедитесь что выбран тоновый баланс Midtones (Средние тона) и выставьте значения как на рисунке
Создание Бейсбольного Текстового Эффекта *

Зайдите в Image > Adjustments > Levels (Изображение > Коррекция > Уровни) (Ctrl+L) Измените уровень Highlights (Тени) на 266. Это немного улучшит текстуру нашей травы, слои регулирования мы будем использовать позже.
Создание Бейсбольного Текстового Эффекта *


Шаг 3

Создайте текст используя шрифт Merkin, который находится в материалах урока, выставьте цвет #e6e6e6 и размер 250pt. Установка штифтов
Меняем параметры Character (Символ) как показано на рисунке, не забываем нажать иконку All Caps (Все прописные).
Создание Бейсбольного Текстового Эффекта *

Создайте выделение кликнув на иконке текстового слоя с зажатым Ctrl
Создание Бейсбольного Текстового Эффекта *


Шаг 4

Пройдите в Select > Modify > Expand (Выделение> Модификация > Расширить) и выставьте значение 15, это расширит выделение на 15 пикселей.
Создание Бейсбольного Текстового Эффекта *

Создайте новый слой под слоем с текстом и назовите его "Stroke” (Штрих)
Создание Бейсбольного Текстового Эффекта *

Основной цвет выставьте #e7e7e7 и залейте выделение этим цветом. Затем снимите выделение Ctrl+ D.
Создание Бейсбольного Текстового Эффекта *


Шаг 5

Снова создайте выделение кликнув на иконке текстового слоя с зажатым Ctrl, затем Select > Modify > Expand (Выделение> Модификация > Расширить) и выставьте значение 1
Создание Бейсбольного Текстового Эффекта *

Убедитесь что слой "Stroke” (Штрих) активен (выделен) и нажмите клавишу Delete (Del) на клавиатуре что бы избавиться от внутренних частей штриха. Затем Ctrl+ D что бы снять выделение.
Создание Бейсбольного Текстового Эффекта *


Шаг 6

Этот шаг нужен для того что бы в верхней части буквы S сделать отверстие как в нижней части. Вы можете сделать это при помощи Eraser Tool (Ластик) (Е). ИЛИ же создайте выделение кликнув на иконке текстового слоя с зажатым Ctrl, затем Select > Modify > Expand (Выделение> Модификация > Расширить) значение 10.
Создание Бейсбольного Текстового Эффекта *

Затем Select > Inverse(Выделение >Инверсия)Shift+Ctrl+I инвертируем выделение
Создание Бейсбольного Текстового Эффекта *

Аккуратно вытераем ластиком ненужное место.
Создание Бейсбольного Текстового Эффекта *


Шаг 7

Теперь пора создать кисть Стежков, создаем новый документ размером 23 x 82 px
Создание Бейсбольного Текстового Эффекта *

Выберите Инструмент Ellipse (Эллипс) и выставьте цвет переднего плана черным (D).
Создание Бейсбольного Текстового Эффекта *


На новом слое создайте эллипс протянув мышкой по диагонали с верхнего в нижний угол.
Создание Бейсбольного Текстового Эффекта *

Не волнуйтесь о том, что не видны некоторые края эллипса, они будут видны в следующем шаге.
Создание Бейсбольного Текстового Эффекта *

Что бы увидеть все края и продолжить создавать кисть пройдите в Image > Canvas Size (Изображение > Размер холста) Alt+Ctrl+C и поставьте ширину в 100px
Создание Бейсбольного Текстового Эффекта *


Шаг 8

Нажмите Ctrl + T для приминения инструмента Free Transform (Свободная трансформация), сдвиньте эллипс немного правее и поверните на 45 градусов, используйте для этого консоль инструмента трансформации в верху), затем нажмите Enter.
Создание Бейсбольного Текстового Эффекта *

Дублируйте этот слой , нажмите Ctrl + T для применения инструмента Free Transform (Свободная трансформация)
Создание Бейсбольного Текстового Эффекта *

Введите в области Ширины значение -100% и сдвиньте эллипс в лево. Нажмите Enter.
Создание Бейсбольного Текстового Эффекта *

Сгруппируем эти два слоя в папку, для того что бы если пойдет что то не так, иметь в наличии оригинальные слои, но перед этим их надо растрировать.
Создание Бейсбольного Текстового Эффекта *


Шаг 9

Дублируйте папку со слоями, затем пройдите Layer > Merge Group (Слои > Слить Папку) либо Ctrl + Е. Теперь оба слоя слиты в один. Папку с оригинальными слоями скройте нажав на глазок рядом с иконкой слоя.
Создание Бейсбольного Текстового Эффекта *

Выделите нижний слой фигуры инструментом Rectangular Marquee Tool (Прямоугольное выделение) от низа на 13 пикселей, для контроля используйте окно (Window > Info) (Окно >Инфо).
Создание Бейсбольного Текстового Эффекта *

Нажмите клавишу Delete (Del) на клавиатуре что бы удалить выделенное, затем снимите выделение Ctrl+ D.
Создание Бейсбольного Текстового Эффекта *

Снова используйте инструмент Rectangular Marquee Tool (Прямоугольное выделение) что бы выделить область в середине фигуры размером приблизительно 2 пикселя.
Создание Бейсбольного Текстового Эффекта *

Удалите выделенное и снимите выделение.
Создание Бейсбольного Текстового Эффекта *

Пройдите Image > Trim (Изображение > Тримминг) и выставьте значения как на рисунке и нажмите Ок, будет удалено лишнее белое пространство, это помогает установить точный размер кисти.
Создание Бейсбольного Текстового Эффекта *

И наконец пройдите Edit > Define Brush Preset (Редактирование > Определить кисть) дайте ей название, можете сохранить файл PSD, если хотите.
Создание Бейсбольного Текстового Эффекта *


Шаг 10

Вернемся к нашему основному документу и откроем окно Brush (Кисти) - Window > Brush (Окно > Кисти), выберите созданную вами кисть, ее размер будет где то 90-100 пикселей. Измените настройки кисти как показано ниже, убедитесь что угол задан 90° .
Создание Бейсбольного Текстового Эффекта *

Измените настройки под Shape Dynamics как показано ниже, убедитесь, что правильно выставили значение Angle Jitter (Угол колебания). Это важно, поскольку это заставит стежки следовать по указанному пути и иметь одинаковый угол.
Создание Бейсбольного Текстового Эффекта *


Шаг 11

Щелкните правой кнопкой мыши на текстовом слое и выберите -Create Work Path (Создать рабочий контур).
Создание Бейсбольного Текстового Эффекта *

Создайте новый слой выше текстового слоя, назовите его "Stitches” (Стежки).
Создание Бейсбольного Текстового Эффекта *

Поставьте цвет переднего плана #d5002c, выберите инструмент Direct Selection Tool (Частичное выделение) (А). Кликните правой кнопкой мыши и выберите Stroke Path (Выполнить обводку контура).
Создание Бейсбольного Текстового Эффекта *

Выберите Brush (Кисть) из ниспадающего меню и убедитесь что снята галочка с Simulate Pressure(Имитация нажима)
Создание Бейсбольного Текстового Эффекта *


Затем мы применим некоторые стили слоя.

Шаг 12

Прежде чем применить Layer Styles (Стиль слоя) вам необходимо загрузить используемые контуры. Для этого перейдите в меню Edit> Preset Manager (Редактирование > Управление наборами) и выберите из ниспадающего меню Contours (Контуры)
Создание Бейсбольного Текстового Эффекта *

Кликните по маленькой стрелке в верхнем правом углу, и выберите Contours (Контуры)
Создание Бейсбольного Текстового Эффекта *

Кликните Append, чтобы добавить новые контуры к существующим.
Создание Бейсбольного Текстового Эффекта *

Двойной клик по текстовому слою чтобы применить следующие настройки Layer Styles (Стиля слоя)
Inner Shadow (Внутренняя тень): Измените Distance (Дистанция) на 0 и Size (Размер) на 16.
Создание Бейсбольного Текстового Эффекта *

Inner Glow (Внутреннее свечение): Blend Mode (Режим смешивания)на Multiply (Умножение), Opacity (Непрозрачность) на 30, color (цвет) на #c9ac86, галочку на Source to Center (источник из центра), Size (Размер) 59, и Gloss Contour (Контур глянца) на Gaussian – Inverse.
Создание Бейсбольного Текстового Эффекта *

Bevel and Emboss (Тиснение): Size 24 и Shadow Mode (Режим тени) цвет #a6a6a6.
Создание Бейсбольного Текстового Эффекта *

Texture (Текстура): Загрузите бесшовную текстуру кожи с расширением .pat (pattern) из файла Seamless leather texture. доступного в материалах урока.
Создание Бейсбольного Текстового Эффекта *

Там же измените Scale (Масштабирование )на 50 и Depth (Глубина) на 15.
Создание Бейсбольного Текстового Эффекта *

Satin: Измените цвет на #e4e4e4.
Создание Бейсбольного Текстового Эффекта *

Это создаст хороший кожано-резиновый эффект.
Создание Бейсбольного Текстового Эффекта *


Шаг 13

Двойной клик по слою Stroke (Штрих) чтобы применить следующие настройки Layer Styles (Стиля слоя)
Drop Shadow (Тень): Измените цвет на #5a543d, Distance на 0 и Size на 10.
Создание Бейсбольного Текстового Эффекта *

Inner Shadow: Distance на 0, а Size на 3.
Создание Бейсбольного Текстового Эффекта *

Inner Glow: Измените Blend Mode (Режим смешивания)на Multiply (Умножение), цвет на #a67c5a, Source to Center, и Size на 16.
Создание Бейсбольного Текстового Эффекта *

Bevel and Emboss: Size на 16 и Shadow Mode цвет на #a6a6a6.
Создание Бейсбольного Текстового Эффекта *

Texture: Используйте ту же кожаную текстуру, измените Scaleна 50 и Depth на 20.
Создание Бейсбольного Текстового Эффекта *

Вот такой эффект должен получится.
Создание Бейсбольного Текстового Эффекта *


Шаг 14

Двойной клик по слою "Stitches” (Стежки) чтобы применить следующие настройки Layer Styles (Стиля слоя)
Drop Shadow: Цвет на #686868, Distance на 0, Size на 2.
Создание Бейсбольного Текстового Эффекта *

Bevel and Emboss: Изменить Depth на 521, Size на 1, Highlight Mode (Режим света) на Soft Light (Мягкий свет),и Shadow Mode (Режим тени) цвет на #939393
Создание Бейсбольного Текстового Эффекта *

Contour (Оконтуривание): Поменяйте контур на Ring и поставьте галочку на Anti-aliased (Сглаживание выделения).
Создание Бейсбольного Текстового Эффекта *
Texture: Используйте предустановленный паттерн Metal Landscape, измените Scale
на 31, а Depth на 100.
Создание Бейсбольного Текстового Эффекта *

Это добавит некоторый объем нашим стежкам. Должно получиться вот так.
Создание Бейсбольного Текстового Эффекта *


Шаг 15

Ctrl + щелчок по иконке текстового слоя, чтобы создать выделение, затем Ctrl+ Shift + щелчок по иконке слоя "Stroke” (Штрих) чтобы добавить второе выделение.
Создание Бейсбольного Текстового Эффекта *

Создайте, поверх всех слоев, новый слой, назовите его "Grunge” (Гранж), затем измените Blend Mode (Режим смешивания) на Multiply (Умножение).
Создание Бейсбольного Текстового Эффекта *

Поставьте цвет переднего плана #9a8b74, и выберите одну из кистей Undercover Grunge Brush Set (в материалах к уроку), чтобы добавить некоторую грязь к тексту.
Создание Бейсбольного Текстового Эффекта *

Вы можете изменить значение Opacity (Непрозрачность ) как вам нравится, здесь же она установлена на 70%.
Создание Бейсбольного Текстового Эффекта *


Шаг 16

Дублируйте слой "Grass Texture” и перетащите его поверх всех слоев.
Создание Бейсбольного Текстового Эффекта *

Ctrl + щелчок по иконке текстового слоя, чтобы создать выделение.
Создание Бейсбольного Текстового Эффекта *

Пройдите Select > Modify > Expand (Выделение >Модификация >Расширить), и выставьте значение 15. Затем инвертируйте выделение (Shift+Ctrl+I).
Создание Бейсбольного Текстового Эффекта *

Кликните на иконку Add layer mask (Добавить маску слоя) находится в низу окна (Window > Layers). Мы будем использовать эту маску позже что бы добавить немного травы.
Создание Бейсбольного Текстового Эффекта *


Шаг 17

В начале мы немного изменили цвет травы, теперь добавим некоторые Adjustment Layers (Слои Регулирования) чтобы улучшить цвет всего изображения и добавить ему стиль старины.
И так кликните на иконке New adjustment layer (Новый корректирующий слой ) внизу окна Layers, и выберите Color Balance (Цветной Баланс).
Создание Бейсбольного Текстового Эффекта *

Убедитесь что выбран пункт Midtones и измените значения как показано ниже.
Создание Бейсбольного Текстового Эффекта *

Теперь выберите Shadows (Тени) и установите необходимые значения по рисунку.
Создание Бейсбольного Текстового Эффекта *

Добавьте еще один корректирующий слой Color Balance (Цветной Баланс) и измените Midtones как показано ниже.
Создание Бейсбольного Текстового Эффекта *

Измените параметры Shadows как на рисунке. Эти настройки улучшат цвета травы и она станет ярче.
Создание Бейсбольного Текстового Эффекта *


Шаг 18

Создайте новый слой поверх всех слоев и назовите его "Gradient” (Градиент). Измените его Blend Mode (Режим смешивания) на Soft Light (Мягкий Свет), а Opacity (Непрозрачность ) выставьте на 70 %.
Создание Бейсбольного Текстового Эффекта *

Поставьте цвет переднего плана #724c21, выберите Gradient Tool (Градиент), измените его на Foreground to Transparent (От основного к прозрачному) в Gradient Editor (Редактирование Градиента), затем кликните иконку Radial Gradient (Радиальный Градиент) в настройках инструмента и поставьте галочку в окошке Reverse (Инверсия). Щелкните в центре документа и тяните к одному из углов, что бы создать градиент.
Создание Бейсбольного Текстового Эффекта *

Это добавит глубину изображению, чтобы оно не выглядело так плоско.
Создание Бейсбольного Текстового Эффекта *

Добавьте еще один корректирующий слой и выберите на это раз Levels (Уровни)
Создание Бейсбольного Текстового Эффекта *

Измените значение Shadows (Тени) на 20. Это немного затемнит изображение. Вы можете поэкспериментировать с настройками на свой вкус.
Создание Бейсбольного Текстового Эффекта *


Шаг 19

Пришло время добавить немного травы вокруг текста. Выберите кисть Dune Grass brush (Трава Дюны). Измените ее значение как показано ниже.
Создание Бейсбольного Текстового Эффекта *

Измените параметры Shape Dynamics как показано ниже.
Создание Бейсбольного Текстового Эффекта *

Имейте в виду что вы можете изменять угол наклона кисти двигая по нему мышкой или же выставляя цифровые значения. Это облегчит добавление травы в разных местах.
Создание Бейсбольного Текстового Эффекта *


Шаг 20

Установите цвет переднего плана #000000 а фонового #ffffff или нажмите клавишу D(В) на клавиатуре, выберите инструмент Eraser Tool (Ластик), кликните по иконке маски слоя "Grass Texture copy” .
Создание Бейсбольного Текстового Эффекта *

Беспорядочными короткими штрихами водите ластиком вдоль краев текста. Вы можете отменить непонравившийся штрих нажав клавиши Ctrl + Z и рисовать дальше. Вы можете изменять настройки кисти, Size (размер) и Angle (угол). Постарайтесь только не утопить текст в траве, лучше меньше да лучше.
Создание Бейсбольного Текстового Эффекта *

Если вы поменяете местами цвета переднего и фонового плана, то вы можете удалять не понравившееся штрихи, используя инструмент Eraser Tool (Ластик), предварительно поменяв кисть на круглую и твердую.
Создание Бейсбольного Текстового Эффекта *

ФИНАЛЬНЫЙ РЕЗУЛЬТАТ



Создание Бейсбольного Текстового Эффекта *

финальная картинка моя


Автор: Rose
Перевод: Tanck

по материалам

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 1892 | Добавил: kir | Теги: ЭФФЕКТ НАСТРОЙКИ КИСТЕЙ, Создание Бейсбольного Текст, урок текст фотошоп, эффект тиснение на коже для фотошоп, Create a Baseball-Inspired Text Eff
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[30.05.2010][Lessons PHOTOSHOP]
Fireball - огненный шар, спецэффект (1)
[23.03.2011][Lessons Adobe Illustrator]
Иллюстрирование анатомии (2)
[01.09.2013][Lessons PHOTOSHOP]
Рисуем потрет Натана (0)
[15.12.2012][Veb DeSiGn]
Множество примочек для системы UCOZ \ Vol2 (0)
[21.12.2015][Lessons PHOTOSHOP]
Творческое и коммерческое ретуширование (2015) (1)
[12.12.2013][3D MAX modeling]
Avshare – Vase \ вазы 3D (0)
[26.01.2011][video futage]
DigitalJuice After Effects Project - Cable Channel (0)
[15.10.2010][Lessons PHOTOSHOP]
Газета, спецэффект (2)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс 3D LUT Creator + Photoshop (2014) (0)
[10.01.2011][Lessons PHOTOSHOP]
Искристый светящийся текст (1)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Четверг
25.04.2024
06:58


Copyright artpost and semantic product zanchi 2010-2011 © 2024