Создаем в фотошопе эффект для текста из фильма Звездные войны

5

13953
20-08-2010

Создаем в фотошопе эффект для текста из фильма Звездные войныОчень хороший урок от Tutzor, в котором мы будем создавать симпатичное лого в стиле Звездных войн. В основном мы будем оперировать такими стилями слоя: «Тиснение», «Наложение градиента», «Внутреннее свечение» и «Обводка». Потом мы сделаем текстуру с помощью фильтров «Шум» и «Размытие в движении», а затем воспользуемся одной оригинальной текстурой.

Шаг 1.
Создаем в фотошопе новый документ размером 1024х768, заливаем его черным цветом.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 2.
Пишем фразу, используя для этого любой подходящий шрифт. Если хочется полного соответствия, то можно воспользоваться буквой S из этого специального шрифта.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 3.
Дважды кликаем по слою и в стиле слоя задаем параметры для «Тиснение» (Bevel and Emboss) и «Наложение градиента» (Gradient Overlay), как на рисунке ниже.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 4.
Делаем дубликат слоя и в стиле слоя задаем параметры для «Тиснение» (Bevel and Emboss), «Внутренняя тень» (Inner Shadow) и «Обводка» (Stroke), как на рисунке ниже.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 5.
Устанавливаем параметр «Заливка» (Fill) для этого слоя на 0%.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 6.
Делаем еще одну надпись, устанавливаем ее над текстом и задаем параметры стиля слоя как на рисунке ниже.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 7.
На новом слое создаем прямоугольники, как на рисунке ниже, и заливаем их белым цветом.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 8.
Применяем к этим прямоугольникам следующие настройки стиля слоя.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 9.
Выделяем слово и прямоугольники. Для этого прощелкиваем мышкой каждый слой, удерживая Ctrl. Создаем новый слой.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 10.
Трансформируем выделение «Выделение» (Select) > «Модификация» (Modify) > «Расширить…» (Expand) на 3 пикселя.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 11.
Заливаем выделение этим цветом #fcff00.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 12.
Устанавливаем режим наложения «Мягкий свет» (Soft Light) и прозрачность слоя (Opacity) 35%.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 13.
Создаем новый слой, заливаем его цветом #7e4f2f. Затем в меню выбираем «Фильтр» (Filter) > «Шум» (Noise) > «Добавить шум…» (Add noise) со значениями как на картинке ниже.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 14.
Теперь выбираем «Фильтр» (Filter) > «Размытие» (Blur) > «Размытие в движении» (Motion Blur) со значениями как на картинке ниже.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 15.
Применяем «Фильтр» (Filter) > «Резкость» (Sharpen) > «Контурная резкость» (Unsharp Mask) со значениями как на картинке ниже.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 16.
Делаем выделение текста и прямоугольников, как в Шаге 9, и добавляем слой-маску (Add a layer Mask), нажав на соответствующую иконку внизу на палитре слоев. Меняем режим наложения на «Перекрытие» (Overlay).
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 17.
Теперь возьмем эту текстуру. Трансформируем ее по размеру документа и обесцветим ее «Изображение» (Image) > «Коррекция» (Adjustments) > «Обесцветить» (Desaturate).
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 18.
Делаем выделение текста и прямоугольников, как в Шаге 9, и добавляем слой-маску (Add a layer Mask), нажав на соответствующую иконку внизу на палитре слоев.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Шаг 19.
Меняем режим наложения на «Перекрытие» (Overlay) и прозрачность слоя (Opacity) 65%.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Финал
Если поэкспериментировать с наложением света и тени, то можно получить такой вот результат.
Создаем в фотошопе эффект для текста из фильма Звездные войны

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=1782
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Комментариев 5 комментариев

Как-то не аккуратно, обводка не очень

ОтветитьОтветить

Мне одному кажется что на тему звёздных войнов здесь только шрифт похож 🙂 ?!

ОтветитьОтветить

@Панков
Срочно ищем позитив ))
@Booratino
Не знаю, я звездные войны не смотрела. Ну если шрифт похож — то это уже неплохо 🙂

ОтветитьОтветить

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

Спасибо!

ОтветитьОтветить

@Kama:
Пожалуйста!
Тоже всегда подхожу с тех позиций, что во всем можно найти что-то положительное и полезное ))

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

47 queries in 0,427 seconds.