html текст
All interests
  • All interests
  • Design
  • Food
  • Gadgets
  • Humor
  • News
  • Photo
  • Travel
  • Video
Click to see the next recommended page
Like it
Don't like
Add to Favorites

Текст из заклепок в Adobe Photoshop

Сегодня мы будем создавать текст из заклепок в Adobe Photoshop. Этот урок не займет у вас много времени, зато результат выглядит очень натурально и интересно. Процесс создания текста состоит из работы кистью, а также применения стилей слоев. А завершенный вид дизайну придадут несколько корректирующих слоев.

 

Результат

Исходники

1- Шрифт ETH font (ETH Sans/EthRomainEthon.ttf).
2- Текстура FabricPlain0067 (Small 1024×625 ) texture.

Загрузите контуры

Нам понадобятся контуры, чтобы использовать их в стилях слоев позже. Для того, чтобы загрузить их, выберите в меню Edit -> Preset Manager/Редактировать>Управление наборами, и выберите Contours/Контуры в выпадающем меню Preset Type/Тип набора.

Кликните по маленькой стрелки в правой верхней части экрана и выберите Contours/Контуры.

Кликните по кнопке Append/Добавить, чтобы добавить новые контуры к уже существующим.

Шаг 1

Откройте файл “FabricPlain0067″, затем кликните по иконке Create new fill or adjustment layer/Создать новый корректирующий слой или слой-заливку в палитре Layers/Слои. Выберите тип корректирующего Levels/Уровни.

Настройте уровни как показано ниже.

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

Шаг 2

Возьмите инструмент Brush/Кисть и откройте палитру Brush/Кисть (Window > Brush/Окно>Кисть). Выберите нерастушеванную кисть размера 30 px и измените для нее параметр Spacing/Интервалы на 131.

Создайте новый слой поверх всех существующих и назовите его “1″. Выберите в качестве первого цвета #726023, затем начинайте создавать заклепки поверх текста, который у вас есть в качестве ориентира.

Создавать прямые линии можно так:
1- Кликните и тяните курсор, зажимая клавишу Shift, или
2- Кликните один раз там, где хотите начать линию, зажмите Shift, затем кликните снова туда, где хотите линию закончить.

Вам необязательно повторять контур буквы идеально. Ведь вы фактически ставите заклепки. Можете позволить себе небольшие неидеальности.

Шаг 3

Для более сложных букв с изгибами, вы можете воспользоваться инструментом Pen/Перо. Обведите с его помощью букву, включив опцию Path/Контур в панели настроек. Кликните один раз чтобы создать точку. Кликните и потяните, чтобы создать узел для кривой.

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

После того как вы закончите корректировку контура, кликните правой кнопкой по контуру и выберите Stroke Path/Обводка контура.

Выберите Brush/Кисть в меню Tool/Инструмент и нажмите Ok. Затем нажмите Enter/Return, чтобы избавиться от рабочего контура.

После того как вы закончили с обводкой букв заклепками, сделайте слой с оригинальным текстом невидимым. Для этого просто кликните по иконке с глазом напротив этого слоя в палитре Layers/Слои.

Дублируйте слой “1″, переименуйте копию в “2″, затем укажите ему параметр Fill/Заливка равный 0. Дублируйте слой “2″ и переименуйте копию в “3″.

Шаг 4

Дважды кликните по иконке слоя “1″ в палитре Layers/Слои, чтобы применить к слою следующие стили слоя /Layer Style:

– Bevel and Emboss/Тиснение:

– Contour/Контур:

– Stroke/Обводка:

Для этого стиля создайте градиент (кликнув по полоске градиента) из следующих цветов.
Цвет – Расположение бегунка:
#2c2410 – 0
#f6ee91 – 19
#2f2d13 – 37
#f9f3c3 – 63
#302e17 – 82
#faf2b2 – 100

– Inner Shadow/Внутренняя тень:

– Inner Glow/Внутреннее свечение:
Цвет: #b6b6b6

– Drop Shadow/Тень

Вот как будет выглядеть наш слой после применения этого стиля:

Шаг 5

Дважды кликните по слою “2″, чтобы применить к нему следующие стили слоя:

– Bevel and Emboss/Тиснение:

– Contour/Контур:

Результат:

Шаг 6

Дважды кликните по слою “3″, чтобы применить  к нему следующие стили слоя:

– Bevel and Emboss/Тиснение

– Contour/Контур

Вот что получится:

Шаг 7

Создайте новый корректирующий слой типа Gradient Map/Карта градиента.

Настройте его как показано ниже, используя цвета #0a1e59 и #ffc600. Затем смените Blend Mode/Режим наложения для этого слоя на Color Burn/Затемнение основы и снизьте его Opacity/Непрозрачность до 20%.

Шаг 8

Создайте новый корректирующий слой Gradient/Градиент.

Выберите градиент от прозрачного к непрозрачному от цвета #dfdbba к #5b5b5b. Смените тип градиента ра Radial/Радиальный, и настройте его как показано ниже.

Смените Blend Mode/Режим наложения этого слоя на  Linear Burn/Линейный затемнитель и снизьте Opacity/Непрозрачность до 35%. Это немного затемнит финальный результат и создаст мягкую виньетку.

Результат

Автор урока Rose

Перевод — Дежурка

Смотрите также:

Читать дальше
Twitter
Одноклассники
Мой Мир

материал с dejurka.ru

5

      Add

      You can create thematic collections and keep, for instance, all recipes in one place so you will never lose them.

      No images found
      Previous Next 0 / 0
      500
      • Advertisement
      • Animals
      • Architecture
      • Art
      • Auto
      • Aviation
      • Books
      • Cartoons
      • Celebrities
      • Children
      • Culture
      • Design
      • Economics
      • Education
      • Entertainment
      • Fashion
      • Fitness
      • Food
      • Gadgets
      • Games
      • Health
      • History
      • Hobby
      • Humor
      • Interior
      • Moto
      • Movies
      • Music
      • Nature
      • News
      • Photo
      • Pictures
      • Politics
      • Psychology
      • Science
      • Society
      • Sport
      • Technology
      • Travel
      • Video
      • Weapons
      • Web
      • Work
        Submit
        Valid formats are JPG, PNG, GIF.
        Not more than 5 Мb, please.
        30
        surfingbird.ru/site/
        RSS format guidelines
        500
        • Advertisement
        • Animals
        • Architecture
        • Art
        • Auto
        • Aviation
        • Books
        • Cartoons
        • Celebrities
        • Children
        • Culture
        • Design
        • Economics
        • Education
        • Entertainment
        • Fashion
        • Fitness
        • Food
        • Gadgets
        • Games
        • Health
        • History
        • Hobby
        • Humor
        • Interior
        • Moto
        • Movies
        • Music
        • Nature
        • News
        • Photo
        • Pictures
        • Politics
        • Psychology
        • Science
        • Society
        • Sport
        • Technology
        • Travel
        • Video
        • Weapons
        • Web
        • Work

          Submit

          Thank you! Wait for moderation.

          Тебе это не нравится?

          You can block the domain, tag, user or channel, and we'll stop recommend it to you. You can always unblock them in your settings.

          • dejurka-magazine
          • шрифт
          • adobe photoshop
          • домен dejurka.ru

          Get a link

          Спасибо, твоя жалоба принята.

          Log on to Surfingbird

          Recover
          Sign up

          or

          Welcome to Surfingbird.com!

          You'll find thousands of interesting pages, photos, and videos inside.
          Join!

          • Personal
            recommendations

          • Stash
            interesting and useful stuff

          • Anywhere,
            anytime

          Do we already know you? Login or restore the password.

          Close

          Add to collection

             

            Facebook

            Ваш профиль на рассмотрении, обновите страницу через несколько секунд

            Facebook

            К сожалению, вы не попадаете под условия акции