Уроки Photoshop. Работа с текстом. Вязаный текст в Фотошоп

Источник: photoshop-master
Rose; Перевод: Хитрён@

В этом уроке мы будем создавать текст в трикотажном обрамлении используя программу Photoshop и Filter Forge.

Больше о программе Filter Forge:
Filter Forge является мощным дополнением, которое позволяет применить более 4000 эффектов к вашим изображениям. Чтобы узнать больше о Filter Forge, вы можете посетить сайт, скачать пробную версию программного обеспечения и воспользоваться галереей Filter Gallery.

Загрузить пробную версию Filter Forge вы можете перейдя по данной ссылке.

Как загрузить Filter Forge

Прежде всего перейдите по вышеуказанной ссылке и скачайте предложенный файл. После загрузки запустите установочный файл. Filter Forge будет добавлен в Photoshop в меню фильтров. Всё очень просто в установке!

Чтобы запустить плагин и начать работу с фильтром, перейдите в Filter> Filter Forge> Filter Forge 3. Вы найдете пару уже существующих фильтров рассортированных по категориям.

Вы также найдете "Библиотека фильтров: скачать дополнительные фильтры" ("Filter Library: Download more filters"), ссылка на верхней правой части окна плагина. Нажмите на ссылку, чтобы начать загрузку фильтров.

Ссылка приведет вас на страницу "Фильтры" (Filters) на сайте плагина.

Вы можете найти практически любой фильтр среди удивительных "9000 +" фильтров. Просто введите ключевые слова для поиска и нажмите на кнопку "Поиск" (Search).

Как только вы получите результаты поиска, щелкните по имени фильтра.

Выполнив предыдущее действие вы перейдете на страницу с фильтром. Нажмите кнопку "Открыть фильтр Filter Forge", чтобы установить фильтр. Если вы получили сообщение с запросом на подтверждение, нажмите "Да" или "ОК". Фильтр будет добавлена в вашу галерею.

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

Теперь, осталось загрузить исходные материалы к уроку и можем начинать работу!

Исходники:

  1. шрифт Anja Eliane
  2. текстура "Деревянные доски"
  3. текстура "Вязка ромбиком"
  4. текстура "Дерево"

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

трикотаж
трикотаж 2
текстура дерева

Как загрузить контур

В данном уроке мы так же будем использовать контуры. Для того что бы загрузить контур перейдите к Редактирование  >  Управление наборами  >  Тип набора: контур (Edit > Preset Manager).

Затем нажмите на маленькую стрелку рядом с графой Тип контура и в подменю выберите Контур (Contours).

На появившейся запрос дайте ответ "Добавить" (Append), для добавления нового контура к уже существующим.

Шаг 1

Создайте новый документ размером 1280 x 1024 пикселей.
Активируйте инструмент Градиент (Gradient Tool); тип градиента Радиальный (Radial Gradient). Щелкните по полю Редактор градиента (Gradient box), для того что бы перейти к заданию цвета вашего градиента.

Перейдя в редактор градиента, добавим дополнительных два цветовых маркера. Для того чтобы задать необходимый цвет, достаточно сделать щелчок на соответствующем маркере. Ниже я привожу схему расположения (номер маркера - цвет - позиция):

1 - 4e341d - 0
2 - 412914 - 27
3 - 291 506 - 61
4 - 160 600 - 100

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

Шаг 2

Создайте новый слой поверх фонового и назовите его "Текстура дерева" ("Wood BG").

Перейти к Фильтр > Filter Forge> Filter Forge 3 (Filter> Filter Forge> Filter Forge 3). Затем выберите "Фанера Плюс" ("Plywood Plus"), категория  фильтров - под "Строительство" ("Building"); и воспользуйтесь указанным на скриншоте шаблоном (Presets).

Перейдите на вкладку Параметры (Settings), а затем проверьте что бы флажок возле параметра Бесшовные (Seamless Tiling) был снят. Установите Размер (Size) на 350 пикселей. Нажмите кнопку Применить (Apply) (в правом нижнем углу). Ниже вы видите настройки для остальных параметров.

Применение текстуры займет некоторое время. Как результат вы получите красивое изображение с детализированной текстурой. Режим наложения слоя  "Текстура дерева" ("Wood BG") измените на Перекрытие (Overlay).

Шаг 3

Создайте новый документ размером 600 х 600 пикселей.

Снова откройте Filter Forge и перейдите в категорию "Разное" (Misc). В данной категории выберите "Вязка ромбиком" (Аrgyle knitwear). Рядом с вкладкой Шаблоны (Рreset) вы увидите вкладку Параметры (Settings), перейдите к ней чтобы изменить пару значений.

Filter Forge позволяет создать вам реалистичную бесшовную текстуру трикотажа. Но самое интересное, что вы можете задать собственные цвета и получить великолепную индивидуальную текстуру!

Для своей работы я воспользуюсь такими цветами:
- красный - # FF0000;
- зеленый - # 1E7718;
- темно-серый - # 2C2C2C;
- светло-бежевый - # FBFBFB.
Вы, конечно, можете экспериментировать и задавать другие оттенки. Когда вы определитесь с цветами, измените Размер (Size) до 300 пикс. и поставьте галочку возле "Бесшовная текстура" (Seamless Tiling).

После применения фильтра, перейдите к Редактирование > Определить узор (Edit > Define Pattern), и введите имя для шаблона, который вы создали. Теперь можно закрыть этот документ (сохраните его, если хотите), а затем вернитесь к исходному документу.

Шаг 4

Создайте новый слой поверх всех предыдущих. Активируйте инструмент Текст (Horizontal Type Tool) и напишите нужное слово заглавными буквами, цвет текста - #a6a6a6. В своей работе я использую шрифт Anja Eliane.

Перейдите к Палитре символов и абзацев (Окно > Абзац (Window > Character)) для внесения изменений в ваш текст:

размер (size) - 300 pt ;
трекинг (tracking) - 100.
Увеличение расстояния между буквами до 100 , нужно для того, что бы мы могли добавить ворсинки в последующих шагах. После внесения нужных чисел закройте палитру настроек текста, и дважды щелкните по текстовому слою для перехода во вкладку Стиль слоя (Layer Style).

Мы воспользуемся такими Стилями слоя (Layer Style) как:

Тиснение (Bevel and Emboss)

Контур (Contour)

Текстура (Texture): из списка выберите текстуру "Вязка ромбиком", которую мы создали в предыдущем шаге. Для получения объемного эффекта , глубину (depth)установите "-55".

Внутренняя тень (Inner Shadow)

Перекрытие узором (Pattern Overlay): воспользуйтесь узором "Вязка ромбиком" еще раз.

Тень (Drop Shadow): снимите галочку возле "Глобальное освещение" (Global Light) и примените значения , указанные ниже на рисунке:

После применения стилей слоя вы получите похожий результат:

Шаг 5

Перейдем к созданию ворсинок.
Активируйте инструмент Кисть (Brush Tool) и в списке выберите кисть "Трава" (Dune Grass). Перейдите к окну настроек кисти Окно > Кисти (Window > Brush).

Установите такие значения:
Динамика формы (Shape Dynamics)

Динамика цвета (Color Dynamics)

Шаг 6

Нажмите правой кнопкой мыши по текстовому слою и выберите Создать рабочий контур (Create Work Path).

Под слоем с текстом создайте новый слой и назовите его "Края" (Edges).

Установите основной цвет на # f1f1f1 , а цвет фона  на # a6a6a6. Теперь поместите курсор мыши в любом месте документа (убедитесь, что инструмент Кисть (Brush Tool) по-прежнему активен), и нажмите клавишу Enter. Это позволит вам быстро создать обводку по контуру букв.

Такой же результат вы можете получить выполнив другой набор действий: активируйте инструмент Частичное выделение  (Direct Selection Tool )> сделайте щелчок правой клавишей мыши по контуру > в подменю выберите пункт "Выполнить обводку контура" (Stroke Path) > затем выберите кисть (из инструментов выпадающего меню) и нажмите кнопку OK.

На данном этапе мех выглядит очень редким. Для того что бы сделать его более густым, повторите действия с обводкой контура еще несколько раз. Когда будете довольны результатом , активируйте инструмент Частичное выделение  (Direct Selection Tool) и нажмите клавишу  Enter для того что бы быстро отключить рабочий контур.

Шаг 7

Сделайте одновременный выбор двух слоев  - текстового и "Края" (Ctrl + щелчок по слою). Затем создайте группу из выбранных слоев Слой > Сгруппировать слои (Layer > Group Layers).

Создайте дубликат группы. Отключите видимость оригинальной группы слоев, нажав на иконку глаза рядом с изображением папки. Мы вернемся к работе с группой-оригиналом позже.
Сейчас мы растрируем группу-копию. Для этого встаньте на группу и нажмите комбинацию клавишCtrl + E либо перейдите к Слой >  Объединить группу (Layer > Merge Group).

К полученному слою добавим Стиль слоя (Layer Style) "Тень" (Drop Shadow) с указанными ниже настройками. Для перехода к Стиль слоя (Layer Style) сделайте двойной щелчок мышкой по объединенному слою.

После проделанных действий наш текст приобрел больше глубины.

Шаг 8

Добавим еще один узор.
Для этого создайте новый документ размером 600х600 пикс., и откройте  Filter Forge. Отфильтруйте текстуры и в предложенном списке выберите последний шаблон под названием "Дерево" (Wood).

Перейдите к вкладке Параметры (Settings) и установите цвет (base color) на # 6A5136, размер (size) - 600 пикс., и поставьте галочку возле "Бесшовная текстура" (Seamless Tiling).

После применения фильтра, перейдите к Редактирование > Определить узор (Edit > Define Pattern), и введите имя для нового узора, который вы создали. Закройте документ и перейдите к основному рабочему документу с текстом.

Шаг 9

Активируйте инструмент Прямоугольник (Rectangle Tool). В настройках инструмента установите рисовать в режиме "Слой-фигура" (Shape). Цвет заливки установите на какой-либо светлый, а так же отключите обводку (Stroke - No Color). На новом слое нарисуйте прямоугольник высотой около 45 пикс., и шириной равной ширине рабочего холста.

Сделайте двойной щелчок по слою с формой прямоугольника, чтобы применить следующие стили слоя:

Тиснение (Bevel and Emboss)

Контур (Contour)

Текстура (Texture). Выберите рисунок древесины, который мы создали в предыдущем шаге, и изменить глубину (depth ) до "-127".

Наложение цвета (Color Overlay). Измените режим наложения на Умножение (Multiply) и цвет на # 616161.

Наложение узора (Pattern Overlay). Выберите ваш древесный узор.

Тень (Drop Shadow)

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

Шаг 10

Рисуем петельки.
Для этого создайте новый слой поверх слоя с планкой. Активируйте инструмент Эллипс (Ellipse Tool). На панели параметров отключите заливку (fill), а для обводки (stroke) поставьте белый цвет, толщину обводки установите на 5 pt. Теперь нарисуйте овальное колечко размером 30 х 96 пикс..

Если вы работаете не в версии программы Photoshop CS6, а более ранних версиях, то рисовать петельку вы можете так: активировать инструмент Эллипс (Ellipse Tool),  на панели настроек выбрать режим рисования "Контур" (Path). Затем настройте круглую жесткую Кисть (Brush Tool) - установите цвет на белый, а размер на 5 пикс., и выполните обводку по контуру овала.

Применим к полученному колечку Стили слоя (Layer Style):

Тиснение (Bevel and Emboss)

Контур (Contour)

Наложение цвета (Color Overlay)

Тень (Drop Shadow)

После проделанных действий у вас получится нечто подобное:

Шаг 11

Рисуем гвоздь.
Создайте новый слой поверх слоя с петелькой. Снова активируйте инструмент Эллипс (Ellipse Tool). На панели параметров отключите обводку (stroke), а цвет заливки (fill) установите на белый. Нарисуйте небольшой кружок размером 21 х 21 пикс. (для того что бы нарисовать правильный круг зажмите при рисовании клавишу Shift).

Вы, конечно, можете создать круг и другого размера. Теперь снова переходим к Стилю слоя (Layer Style).

Ниже указаны стили слоя и настройки, которые нужно применить:

Тиснение (Bevel and Emboss)

Контур (Contour)

Наложение узора (Pattern Overlay)

Тень (Drop Shadow)

На данном этапе мы получили вот такой результат:

Шаг 12

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

Активируйте инструмент Перемещение (Move Tool). Выберите первую группу-копию "Tack" и переместите изображение к второй букве. Вы можете воспользоваться клавишами "стрелки" на клавиатуре для более точного передвижения, а так же свободно перетаскивать  группу при зажатой клавише Shift.

Шаг 13

Перейдите на слой с текстом. Активируйте инструмент Лассо (Lasso Tool).

Создайте выделение вокруг первой буквы.

Стоя на слое с текстом, при активном выделении, нажмите комбинацию клавиш Ctrl + J, что бы дублировать выбранную букву на новый слой.

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

Шаг 14

Выберите слой с первой буквой. Активируйте инструмент Трансформирование (Transform) и поверните букву на 15? (Редактирование>Трансформирование>Поворот / Edit> Transform> Rotate).

Нажмите клавишу Enter для того что бы применить поворот. Повторите эти действия для остальных букв.

Шаг 15

На палитре слоев нажмите на иконку (в нижней части панели) под названием "Создать новый корректирующий слой" (Create new fill or adjustment layer). В появившемся меню выберите "Карта градиента" (Gradient Map).

Убедитесь что вы расположили корректирующий слой поверх всех остальных. Измените режим наложения слоя "Карта градиента" на Мягкий свет (Soft Light), понизьте непрозрачность (оpacity) до 10%.

Для градиента хорошо подойдет коричневая гамма цветов - от # 613021 к  # 857b72.

Надеюсь вам понравился мой урок и вы узнали что-то новое из него.
Так же, вы можете скачать PSD файл данного урока перейдя по ссылке. http://enva.to/TqrtYG

Финальный результат:

Автор: Rose
Перевод: Хитрён@


Страница сайта http://test.interface.ru
Оригинал находится по адресу http://test.interface.ru/home.asp?artId=35138