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

Висячий текст средствами Photoshop и Illustrator

 В этом уроке будем создавать эффект висящего текста. Для этого будем использовать Photoshop и немножечко Illustrator. урок отлично подойдет для начинающих пользователей графических программ, так как все шаги детально расписаны и проиллюстрированы. 

 

Конечный результат

final-results

Скачать PSD (3.59 MB)

Ресурсы

 

Шаг 1

Начнем с Photoshop. Создадим новый документ (размер документа 8,5 х 11 дюймов, но вы можете задать любой другой размер на ваше усмотрение). Шрифт, который я использую, Coolvetica. Определяемся с текстом и вводим буквы, разместив их в любом месте по собственному желанию. Также на данном этапе не имеет значение, какого цвета будет ваш текст. Мы изменим это позже.

Шаг 2 

Сохраним ваш файл, нажав  Файл> Сохранить как. Называем файл ( к меня — “Typography” (psd файл). Теперь запускаем иллюстратор и открываем только-что сохраненный psd файл. Убедитесь, что выбрана опция  “Convert layers to objects”.

step-002

Шаг 3

Выберите наши буквы и поменяем цвет на # EF2E7D

step-003

Шаг 4

Выбираем все буквы и применяем 3D-эффект (Effect > 3D > Extrude & Bevel).

step-004

Шаг 5

На данном этапе это должно выглядеть следующим образом. 

Шаг 6

Сейчас мы снова экспортируем файл в фотошоп . Для этого будем использовать функцию ‘drag and drop’, что означает, что просто перетащим текст буква за буквой из векторного в растровый редактор. Скрываем видимость других букв, оставив только букву  "Т". Выбираем область Magic Wand Tool  и кликаем по затененной области нашего буквы.

Шаг 7

Копируем выделенную область (нажимаем Ctrl + C) и вставляем на новый слой. Применяем следующие настройки (Дважды кликаем по иконке слоя, чтобы появилось всплывающее окно Стилей слоя. Начинаем с параметра Тиснение).

step-007b

step-007c

Шаг 8

У нас должно получиться следующее.

Шаг 9

На оригинале слоя с буквой ‘T’  добавляем тень. 

Шаг 10

Создаем новый слой и с помощью инструмента Elliptical Marquee Tool создаем выделение над буквой, которое заливаем нужным цветом.

Шаг 11

Выберите слой "Т", и, удерживая Ctrl , кликнете по картинке рядом с буквой. Выберите  Select> Inverse, и удалите созданный круг.

Шаг 12

Применяем следующие параметры. 

Шаг 13 

Аналогичные действия повторяем для остальных букв.

Шаг 14

Перейдите на фоновый слой и примените стиль Gradient Overlay(Наложение градиента).

step-0014

Шаг 15

Откройте нужную текстуру в Photoshop, разметите ее над фоновым слоем и измените режим наложения света на мягкий свет.

step-0015

Шаг 16

Создайте новый слой. С помощью кистей облаков нарисуйте облака под текстом.

step-0016

Шаг 17

Создайте новый слой и  с помощью кистей краски добавьте следующие штрихи. Цвета, которые мы используем: # 0578a5, 5ed950 #, # f2eb17, 0ef2ea #, # 640ef2, f20eef #, # f20e24, f28a10 #, # f2ea0e.

step-0017

Шаг 18

Выбираем Filter> Blur> Motion Blur

step-0018

Шаг 19

Изменяем режим наложения слоя на Overlay. 

step-0019

Шаг 20

Теперь добавим нитки, на которых будут висеть наши буквы. Берем инструмент Pen Tool(должна быть установлена жесткая кисть с размером 3px). Создайте линию от верхней части окна к нашему документу. Кликните правой кнопкой мыши и выберите  Stroke Path .

step-0020

Шаг 21

Аналогичным способом создайте еще одну линию. (При создании ниток использовали размеры кисти в 3  и 2px).

step-0021

Шаг 22

Создайте нитки для остальных букв. 

step-0022

Шаг 23

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

step-0023

Шаг 24

Добавляем стили. Убедитесь, что значение заливки fill установлено на 0%.

step-0024

step-0024a

Конечный результат

final-results[1]

Автор урока - Ashlee Harrell

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

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

 

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

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

3

      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
          • домен 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

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