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

5

  • Мой новый вордпресс шаблон:
  • Представляю новый премиум вордпресс шаблон Wecreation Style
    Все подробности можно узнать здесь »

Уроки / Текст эффект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%.
Создаем в фотошопе эффект для текста из фильма Звездные войны

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

Если вам понравилась эта статья и у вас есть Твиттер - поделитесь ею с другими,
нажав кнопку "Retweet" (?). Или просто добавьте статью в социальные сервисы.
Опубликовать в своем блоге livejournal.com

Подписаться на обновления:

  
Присоединяйтесь в:в Google+Присоединиться В КонтактеПрисоединиться во FriendFeedПрисоединиться в FacebookПрисоединиться в ЖЖПрисоединиться в Твиттере или 


Короткая ссылка на этот пост: http://www.designonstop.com/?p=1782

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

Комментариев (5)

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

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

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

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

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

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

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

Спасибо!

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

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

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

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

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