Рубрика: Photoshop Уроки | Урок прочитали: 817
 (голосов: 4)

Вязаный текст в Фотошоп

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

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

Загрузить пробную версию 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) как:

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

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

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

Шаг 5

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

Установите такие значения:
Динамика формы (Shape 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 пикс., и шириной равной ширине рабочего холста.

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

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

Шаг 10

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

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

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

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

Шаг 11

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

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

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

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

Шаг 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
Перевод: Хитрён@

           

Похожие файлы и публикации:

Вязаный текст в Фотошоп
Создайте новый документ размером 1350 x 1000 пикселей.  Установите основной цвет #4ea6d0, а цвет фона #195081. Создайте радиальный градиент от центра документа к одному из его углов.
Вязаный текст в Фотошоп
В этом уроке я покажу вам как создать красивый цветочный текст из роз. Для работы мы будем использовать стили слоя, текстуры и PNG изображение розы. Как результат у нас получится красивый праздничный текст. Вы сможете дополнить его , украсить или изменить по настроению и необходимости. Единственное ограничение - ваша фантазия! Я надеюсь, этот текст станет хорошим дополнением ко многим из ваших творческих работ или добавит изюминку в поздравительную открытку!
Вязаный текст в Фотошоп
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2560x1440 пикселей. Затем используя Градиент (Gradient Tool (G)) залейте фон радиальным градиентом двух цветов 3d2626 и 060404.
Вязаный текст в Фотошоп
В этом уроке описан очень простой способ для создания красивого светящегося искрами текстового эффекта, используя пару кистей и стилей слоя.
Вязаный текст в Фотошоп
В этом уроке, используя программу Photoshop, мы будем добавлять к тексту эффект скрученной бумаги (квиллинг эффект).
Вязаный текст в Фотошоп
Сегодня мы будем учиться создавать одежду из воды.
Вязаный текст в Фотошоп
В этом уроке вы узнаете как, используя программу Photoshop, можно создать простые и оригинальные абстрактные обои для рабочего стола. В работе мы будем использовать фигуры, текстуры и кисти.
Вязаный текст в Фотошоп
В этом уроке вы узнаете как используя программу Photoshop создать текст из кожи. Этот текст идеально подходит к предстоящему празднику Хэллоуин. Так же вы можете использовать его в дизайне плакатов или листовок. Мы будем использовать для работы текстуру кожи и добавим швы и шрамы к нашим страшным буквам.
Вязаный текст в Фотошоп
Откроем панель настроек Кистей (Brush) Окно-> Кисть (Window -> Brush), и изменим настройки Форма отпечатка кисти (Brush Tip Shape), как показано ниже:
Вязаный текст в Фотошоп
Вы, наверное, видели где-нибудь в интернете надписи, нацарапанные на плитке, например на Tumblr и Pinterest. Они все очень разные, но не всегда их легко создавать.
Вязаный текст в Фотошоп
Ресурсы: Текстура бумаги Текстура Кисти искры
Вязаный текст в Фотошоп
Этот урок покажет, как создать красивый эффект матового стекла для текста, используя фильтры Фотошоп и стили слоя.
Вязаный текст в Фотошоп
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
Вязаный текст в Фотошоп
Финальное изображение.
Вязаный текст в Фотошоп
Ниже приведены ссылки для загрузки материалов. Но ссылок на векторные фигуры не будет. Поэтому скачайте их самостоятельно на любом дизайнерском сайте.  Это не сложно, потому что таких векторов куча.