Уроки » Спецэффекты → Мультипликационная лента  

Вот то что мы будем создавать в этом уроке.



:
Подготовка.


Начнем с создания нового документа в Photoshop. Я использую небольшой размер изображения 500x400px. Теперь нужно выбрать или создать подходящий фон. Я смешал вместе несколько текстур с деревом, которые я нашел на бесплатных сайтах с текстурами. Вот небольшой список, где вы всегда сможете получить качественные текстуры:

Mayang
YotoPhoto
DevianART

Кому как, а по мне так DevianART самый наилучший, поскольку имеет большой выбор не только текстур с деревом.



К вышеуказанной текстуре я применил фильтр Filter > Render > Lightings Effect с типом Omni Light, чтобы придать немного яркости.

:
Создание формы ленты.


Итак, начнем создание формы. Чтобы было проще и чтобы лента была ровнее включим сетку (View > Show > Grid), затем изменим ее параметры (Edit > Preferences > Guides, Grids & Slices…). Я рекомендую изменить Gridline на каждые 10 пикселей с разбиением (Subdivision) 1. Теперь выберите инструмент Rectangular Marquee Tool и создайте выделение от самого верха, почти до самого низа…



Создайте новый слой и залейте это выделение градиентом, снимите выделение (CTRL+D). Для градиента я использовал такие цвета #9A0C03 > 6C0A00. После того как вы применили градиент, создайте еще одно выделение внизу ленты в виде треугольника, создать такое выделение будет проще если у вас включена сетка.



После создания выделения нажмите на клавиатуре клавишу DELETE.

:
Применение эффектов к ленте


Теперь сделаем ленту немного интереснее и красивее. Откройте диалоговое окно стилей Blending Options (Щелкните правой кнопкой мыши по слою в палитре слоев и выберите Blending Options).

Примените следующие стили слоя.




В результате применения стилей слоя вы получите нечто похожее.



Пока выглядит неплохо, правда? Добавим еще больше эффектов.
Выберите инструмент Burn Tool и установите ранг Shadows (Тени) в 10%, проведите кистью по вашей ленте в некоторых местах, чтобы придать эффекта, затем берите Dodge Tool и установите Highlights в 50%. Повторите пока вы не будете удовлетворены результатом, в итоге должен получиться эффект глубины.



Теперь выглядит намного лучше.

:
Добавляем эффект тени, выделения и текст


Если вы хотите добавить текстуру вашей ленте, то нужно выполнить следующее:

  1. Создайте новый слой, установите цвета по умолчанию (клавиша D), затем примените фильтр Filter > Render > Clouds.
  2. Примените еще один фильтр Filter > Sketch > Chrome к слою с облаками. Загрузите выделение ленты (Зажав CTRL, щелкните по слою с лентой).
  3. Инвертируйте выделение (CTRL+SHIFT+I) и удалите ненужную часть нажатием клавиши DELETE. Это оставит на ленте неплохую хромовую текстуру.
  4. Смените тип смешивания слоя на Multiply и понизьте непрозрачность (Opacity) до 20-30%
    Вот то, что получилось у меня.




Теперь можно добавить немного глянца и света, но это все дополнительно.

Загрузите выделение ленты, как делали это ранее, затем сожмите выделение на 2px (Select > Modify > Contract). Переместите выделение на 10px вверх, для этого зажмите клавишу SHIFT и нажмите на клавиатуре стрелку вверх один раз.

Залейте ваше выделение темным градиентом (От черного к прозрачному), а затем смените тип смешивания слоя на Overlay или Soft Light, также понизьте и непрозрачность до 20-40%



Продублируйте этот слой с тенью и инвертируйте его (CTRL+I), затем сместите его вниз на 8-10px.



Клевый эффект? Да? Нет? Может быть?

Хорошо завершим этот шаг добавлением текста. Выбираем инструмент Horizontal Type Tool -->Horizontal Horizontal Type Tool и пишем свой текст.



Теперь поворачиваем текст на 90 градусов против часовой стрелки (Edit > Transform > Rotate 90 CCW) и перемещаем его на место. Еще я добавил к тексту стиль слоя Drop Shadow




:
Финальный шаг.


Ну а теперь для придания реалистичности, нужно придать эффект изогнутости, будто ветерком нашу ленту колыхнуло?. Я для этого использовал фильтр Distort.

Если вы тоже хотите исказить вашу ленту, то выполняйте следующие шаги:

  1. Во-первых вы должны объединить все слои ленты в один слой. Для этого выберите нужные слои и нажмите CTRL+E или сложите их в одну группу и нажмите CTRL+G.
  2. Теперь примените к этому слою фильтр Filter > Distort > Wave или другой известный вам фильтр подходящий для этих целей. Параметры настройки и установки фильтра на ваше усмотрение, экспериментируйте ?

Ну и в завершение несколько эффектов для освещения и лучшей наглядности.

  1. Filter > Render > Lighting Effects.
  2. Edit > Fade Lighting Effect > 40%
  3. Filter > Sharpen > Sharpen
  4. Edit > Fade Sharpen > 30%

Ну как неплохо выглядит ?


Информация к уроку:

Категория - Уроки » Спецэффекты

Дата публикации: 23-06-2012, 03:05

Опубликовал: killot

Просмотров: 655

Комментариев: 0

Ссылки к этой статье:

Источник - PhotoshopStar

Автор - Не указан

Переводчик - Killot

Найти - Все уроки с PhotoshopStar

Еще по этой теме:

Как создать эффект тумана в Photoshop Как создать эффект тумана в Photoshop
В этом уроке вы узнаете, как шаг за шагом создать ...
Добавляем радугу на фото
В этом уроке мы будем создавать реалистичную ...
3D фотоэффект 3D фотоэффект
В этом уроке я попытаюсь объяснить, как из ...
Щит капитана Америки Щит капитана Америки
У меня не было возможности посмотреть фильм ...
Пройдемся через Render Пройдемся через Render
Этот урок не такой подробный как остальные уроки ...
Текст в стиле чужих 2 Текст в стиле чужих 2
В это туториале я покажу вам как сделать ...
Футуристическая сигнатура Футуристическая сигнатура
В последнее время кроме аватарки на форумах стало ...
Значок Burn (Mac OS) Значок Burn (Mac OS)
Создаем иконку выжигалки как в "Маке" ...
Текст в индустриальном стиле Текст в индустриальном стиле
В этом туториале я научу вас делать красивый ...
Обои с логотипом Обои с логотипом
В этом уроке мы рассмотрим возможность создания ...

Социальные закладки:


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

 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
Ты робот? (да-нет)
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: