QuickTUTS — уроки фотошоп на русском языке.

Дизайн в Photoshop: Создание ленты с текстом

9 Сен 2010 в категории Дизайн
Комментариев: 9 »
Популярность: 1%

Метки: , , ,

В данном уроке я научу Вас создавать реалистичную ленту с надписью. Такие ленты Вы можете наблюдать на местах преступлений (обращали внимание в зарубежных фильмах такие желтые ленты), ленты так называемые Under construction и т.д.

Создайте новый документ необходимого размера.

Ribbon quicktuts 1 Дизайн в Photoshop: Создание ленты с текстом

Затем выберите инструмент Type Tool и напишите Ваш текст посередине холста, используя шрифт Impact и черный цвет.

Ribbon quicktuts 2 Дизайн в Photoshop: Создание ленты с текстом

Теперь создайте новый слой и назовите его Цвет. Расположите его между фоном и слоем с текстом.

Ribbon quicktuts 3 Дизайн в Photoshop: Создание ленты с текстом

Используя инструмент Rectangular Marquee Tool (прямоугольное выделение), создайте прямоугольную область выделения так, как показано на рисунке. Это будет основой для нашей ленты.

Ribbon quicktuts 4 Дизайн в Photoshop: Создание ленты с текстом

Выберите цвет #ffda00 и инструментом Paint Bucket Tool залейте область выделения. Нажмите Ctrl+D, чтобы снять область выделения.

Ribbon quicktuts 5 Дизайн в Photoshop: Создание ленты с текстом

Создайте новый слой, назовите его Текстура и расположите поверх всех слоев. Нажмите Shift+F5, чтобы вызвать инструмент заливки и залейте новый слой 50% серого.

Ribbon quicktuts 6 Дизайн в Photoshop: Создание ленты с текстом

Теперь необходимо развернуть изображение на 90 градусов по часовой стрелке. Для этого перейдите Image > Image Rotation > 90 CW. Нажмите кнопку D, чтобы вернуть цвета по умолчанию. Затем примените фильтр Filter > Render > Fibers. Заметьте, что Вы можете изменять результат, нажимая на кнопку Randomize. Попытайтесь добиться результата, как на рисунке.

Ribbon quicktuts 7 Дизайн в Photoshop: Создание ленты с текстом

Ribbon quicktuts 8 Дизайн в Photoshop: Создание ленты с текстом

Теперь примените фильтр Filter > Blur > Motion Blur со следующими настройками.

Ribbon quicktuts 9 Дизайн в Photoshop: Создание ленты с текстом

И, наконец, фильтр Filter > Blur > Gaussian Blur со значением параметра Radius: 5.

Ribbon quicktuts 10 Дизайн в Photoshop: Создание ленты с текстом

Разверните изображение обратно, перейдя Image > Image Rotation > 90 CCW. Должно получиться вот так.

Ribbon quicktuts 11 Дизайн в Photoshop: Создание ленты с текстом

Теперь нам необходимо создать дубликат изображения и сохранить его в отдельном файле. Для этого перейдите Image > Duplicate и создайте дубликат. После этого перейдите Layer > Flatten Image и сохраните изображение в отдельный файл (File > Save As). Название можно использовать любое, у меня он называется Текстура (также как и слой). Теперь, перейдите к исходному изображению. Скройте слой Текстура и фоновый слой.

Теперь я покажу Вам небольшой трюк. Можно, конечно, просто склеить два слоя (слой с текстом и слой Цвет), но тогда, если Вам потребуется изменить текст или цвет ленты, потом замучаетесь создавать все сначала. Поэтому, оставив видимыми только эти два слоя, зайдите в меню в панели слоев и, удерживая клавишу Alt, нажмите Merge Visible. Такая манипуляция оставит два необходимых нам слоя и создаст новый, который будет содержать все элементы видимых слоев. Назовите его Лента.

Ribbon quicktuts 12 Дизайн в Photoshop: Создание ленты с текстом

Скройте все слои, оставьте только слой Лента. Перейдите Filter > Distort > Displace и, установив указанные параметры, нажмите ОК.

Ribbon quicktuts 13 Дизайн в Photoshop: Создание ленты с текстом

Появится окно, в котором Вам необходимо выбрать сохраненный файл. В моем случае Текстура.psd.

Ribbon quicktuts 14 Дизайн в Photoshop: Создание ленты с текстом

Вы сразу увидите, что изображение изменилось.

Ribbon quicktuts 15 Дизайн в Photoshop: Создание ленты с текстом

Теперь сделайте видимым слой Текстура и установите режим наложения Blend Mode на Hard Light.

Ribbon quicktuts 16 Дизайн в Photoshop: Создание ленты с текстом

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

Ribbon quicktuts 17 Дизайн в Photoshop: Создание ленты с текстом

Ribbon quicktuts 18 Дизайн в Photoshop: Создание ленты с текстом

Вот и все! Как Вы поняли, изменяя цвет подложки и сам текст, Вы можете создавать любые ленты любых размеров и использовать их в своих коллажах или для оформления фотографий.

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

Ribbon quicktuts 19 Дизайн в Photoshop: Создание ленты с текстом

Появились вопросы? Задайте их на Форуме

Получайте обновления по почте:

Комментариев: 9
  1. Radmir:

    Спасибо за урок

  2. Radmir:

    Побольше бы текстовых Уроков

  3. Классна Беру на вооружение

  4. Получилось очень реалистично. Спасибо.

  5. >зайдите в меню в панели слоев и, удерживая клавишу Alt, нажмите Merge Visible
    Панель слоев это где?
    Когда захожу через меню с зажатым alt меню закрывается…

  6. Олег:

    Respect!!!
    з@ Ваши труды

Добавить комментарий