Сделать стартовой Добавить в закладки Обратная связь Новости по RSS 2.0
ZEROlayer.ru » Уроки Photoshop » Эффекты с текстом » Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.

Автор: sondar | Категория: Уроки Photoshop » Эффекты с текстом | 9-02-2014, 20:26
7. Усовершенствование мерцания

Шаг 1
Сохраните все созданные смарт-объекты и вернитесь к своему рабочему документу. В данный момент на нем ничего не видно. Однако очень важно осознавать, что наш рабочий документ по-прежнему проигрывает ранее созданную анимацию. На следующих шагах мы займемся как раз тем, что многократно усилим эффект мерцания.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 2
Продублируйте (Command/Ctrl-J) смарт объект с блестками.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 3
Выделите созданную копию вместе с оригиналом, и объедините их в один смарт-объект:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 4
Двойным кликом по иконке смарт-объекта откройте его. Примените к нему гауссовское размытие радиусом 4 пикселя.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 5
Затем создайте слой коррекции Изогелия (Threshold), вытравив его на слое с копией блесток. Настройте корректирующий слой на палитре свойств так, чтобы точки стали крупнее:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 6
Выделите созданный корректирующий слой и слой-копию с блестками, и преобразуйте их в смарт-объект. Назовите этот смарт-объект “Изогелиевое размытие”.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 7
Далее примените к этому же слою гауссовское размытие радиусом 6 пикселей.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 8
Установите этот слой в Режим наложения (Blend mode) – Экран (Screen) и уменьшите его Непрозрачность (Opacity) до 40%. В результате каждая блестка на вашем холсте окажется окружена свечением.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


8. Добавление бликов

Шаг 1
Продолжаем работу над искрами. Создайте еще одну копию оригинального слоя с блестками и расположите ее поверх всех существующих слоев.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 2
Примените размытие в движении: Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur), задав величину угла: -45 градусов, и Расстояние (Distance): 19 пикселей.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 3
Теперь создайте слой коррекции Изогелия (Threshold) вытравив его на последнем созданном слое с блестками. Примените показанные ниже настройки. В результате линии размытия должны стать отчетливо видимыми.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 4
Выберите оба этих слоя и преобразуйте их в смарт-объект. Переименуйте его в “Изогелия-Динамическое размытие”.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 5
Примените к этому смарт-объекту еще один фильтр с динамическим размытием, увеличив на этот раз Расстояние (Distance) до 23 пикселей.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 6
Кликните ПКМ по слою с Изогелией-Динамическим размытием, и выберите в контекстном меню пункт “Создать смарт-объект путем копирования” (New Smart Object via Copy). Это разрушит связь между оригинальным слоем и его копией, что даст нам возможность редактировать копию не затрагивая остальные смарт объекты.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 7
Теперь двойным кликом откройте смарт-объект. Измените величину угла динамического размытия, задав величину 45 градусов. Сохраните и закройте его, после чего вернитесь к своему основному документу.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 8
Теперь измените угол размытия слоя с Изогелией-Динамическим размытием на 45 градусов.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 9
Установите оба эти смарт объекта в Режим наложения (Blend mode) – Экран (Screen). Результат должен выглядеть примерно вот так:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 10
Можете посмотреть как теперь выглядит наша анимация, просто нажав клавишу пробела. Если вас все устраивает, сохраните этот документ и вернитесь к своему основному холсту.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


9. Выстраиваем сцену

Шаг 1
Вытравите слой с текстурой на слое с текстом. Таким образом сверкающая анимация будет применена только к поверхности текста.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 2
Выберите инструмент Градиент (Gradient tool), и наложите градиент От Черного к Белому на фоновый слой.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 3
Теперь, чтобы сделать фон цветным, мы воспользуемся корректирующим слоем. Создайте прямо над фоновым слоем слой коррекции Цветового тона/Насыщенности (Hue/Saturation). Примените установки, показанные ниже:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 4
Теперь, чтобы придать слою с текстом чуть большую глубину, примените к нему стиль слоя Тиснение (Bevel and Emboss). Задайте установки, показанные ниже:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 5
Теперь, чтобы навести порядок на палитре слоев, выделите слои с текстурой и текстом, и объедините их в одну группу. Затем вытравите слой с блестками на этой новый группе.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 6
Далее мы добавим немного мерцания вокруг текста. Для этого выделите слой с текстом и кликните по нему ПКМ. Вы берите в контекстном меню пункт “Создать смарт-объект путем копирования” (New Smart Object Via Copy). Это разрушит связь между оригинальным слоем и его копией, что даст нам возможность редактировать копию не затрагивая остальные смарт объекты. Назовите этот слой “Мерцание 1” и расположите как показано на изображении ниже.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 7
Откройте окно редактирования смарт-объекта двойным кликом по его иконке. В результате будут отображены дополнительные смарт-объекты. Далее, дважды кликая по соответствующим иконкам, откройте оригинальный слой с текстом.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 8
Скройте текстовый слой и при помощи кисти нарисуйте вот такое черное пятно. Оно же и будет нашим сверкающим облаком.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 9
Сохраните и закройте все смарт-объекты, возвращаясь к своему рабочему документу. Теперь вы сможете заметить на сцене новый объект. Расположите его в нижней части сцены.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 10
Продублируйте слой со сверкающей текстурой и вытравите его на только что созданном облаке в нижней части сцены (“Мерцание 1”)

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 11
Повторите этот процесс, создавая на сцене еще одну сверкающую область.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


10. Завершение работы над мерцанием

Шаг 1
Теперь выделите один из смарт-объектов со сверкающей текстурой и установите его в Режим наложения (Blend mode) – Точечный свет (Pin Light). В результате свечение станет более детальным. Примените этот прием ко всем остальным слоям со сверкающей текстурой.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 2
В качестве дополнительного, но вовсе необязательного улучшения, мы можем добавить детальности путем создания еще одного вытравленного слоя для каждого элемента сцены, к которому была применена сверкающая текстура. Новый слой нужно будет предварительно заполнить каким-нибудь интенсивным шумом, и при помощи бегунков “Наложение если…” (Blend If) проконтролировать степень смешения шума с нашей текстурой. Данный слой следует установить в режим наложения – Мягкий свет (Soft Light). И так с каждым элементом, к которому была применена сверкающая текстура.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 3
Теперь можно заняться настройкой цвета мерцания. Создайте слой коррекции Цветового тона/Насыщенности (Hue/Saturation) и вытравите его на слое с блестками. Примените настройки, показанные ниже.
Поставьте галочку на пункте Тонирование (Colorize).

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 4
Последнее, что мы можем сделать в плане работы над мерцанием – это добавить немного отраженного света. Это можно сделать вручную, настроив соответствующим образом кисть. Выберите квадратную кисть и настройте ее следующим образом:

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 5
Создайте новый слой и вытравите его на ранее созданной группе. Нанесите на этом слое несколько темно-красных точек. Так как данный слой вытравлен на нижележащей группе, то пятна будут нанесены только на объекты, к которым применено мерцание.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 6
Повторите процесс, переключившись на белый цвет.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


11. Финальные штрихи

Шаг 1
Выделите на палитре слоев все существующие слои и преобразуйте их в единый смарт-объект. Это нужно для того, что бы у нас получился один единственный объект для анимации.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 2
Прежде чем продолжить нам нужно проверить наш смарт объект, и убедиться все ли в порядке. Двойным кликом по иконке смарт объекта откройте окно редактирования. Обратите внимание на то, что на нижней отдельной области со свечением имеется участок, не закрытый никакой текстурой. Это нужно исправить.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 3
Найдите слой со сверкающей текстурой, примененный к слою с Мерцанием-1, и измените его положение, так, чтобы он покрывал весь элемент.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 4
Сохраните смарт-объект и вернитесь к своему рабочему холсту.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 5
Теперь, чтобы создать эффект виньетки, создайте новый слой-заливку темно-красного цвета, и кликнув по специальной кнопке Добавления слоя-маски (Add layer mask) в нижней части палитры слоев, создайте для этого слоя слой-маску. Добавляя новые слои, не забывайте проверять, что очередь воспроизведения анимации соответствует первому кадру.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 6
Выберите инструмент кисть и проявите из под маски центральную часть изображения. Вы можете так же активировать Свободную трансформацию (Ctrl+T), и подкорректировать положение виньетки.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 7
Чтобы закончить работу над виньеткой, установите ее слой в режим наложения Умножение (Multiply), и уменьшите его Непрозрачность (Opacity) до необходимого значения.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


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

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 9
Установите данный слой в Режим наложения (Blend mode) – Линейный осветлитель (Linear Dodge) и уменьшите Непрозрачность (Opacity) до 34%.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


12. Анимация всей сцены

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

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 2
Кликните на временной шкале по стрелке рядом с названием нашей сцены, получив, таким образом, доступ к настройкам анимации. В числе прочих свойств, мы должны увидеть свойство Перспектива (Transform).

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 3
Убедитесь, что начало воспроизведения установлено на первый кадр, и кликните по иконке с секундомером.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 4
Активируйте Свободную трансформацию (Ctrl+T). Для этого первого кадра сместите правый нижний манипулятор в направлении, показанном ниже.
Удерживая при этом Shift, можно перемещать манипулятор по идеально прямой линии.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 5
Проделайте то же самое с левым верхним манипулятором. Только переместить его следует на половину того расстояния, на которое был смещен правый нижний манипулятор. Нажатием Enter подтвердите трансформацию и выйдите из этого режима.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 6
Переместите указатель очереди воспроизведения на последний кадр и снова активируйте Свободную трансформацию (Ctrl+T). Теперь верните оба манипулятора в их прежнее положение, так, чтобы образовался изначальный прямоугольник трансформации. Таким образом, трансформация будет отменена.
Не спешите пока выходить из режима свободной трансформации.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 7
Теперь сместите другие два манипулятора как показано на изображении ниже. Обратите внимание, что на шкале времени автоматически будет создан новый кадр. Завершите трансформацию нажатием Enter.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 8
Теперь, ориентируясь по направляющим, сместите сцену влево.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 9
Переставьте указатель очереди воспроизведения на первый кадр и сместите сцену вправо.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 10
В качестве дополнительно улучшения можно применить следующий фильтр: Фильтр > Размытие > Наклон-смещение (Filter > Blur > Tilt Shift). В результате будет усилен ощущение глубины. Так как данный фильтр применяется к смарт-объекту, он автоматически будет преобразован в смарт-объект.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


13. Рендринг законченной сцены

Шаг 1
В качестве последнего шага мы можем преобразовать нашу анимацию в видеоролик. Пройдите в меню Файл > Экспортировать > Просмотреть видео (File > Export > Render Video).

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 2
В открывшееся диалоговое окно содержит несколько разделов. В первом из них вы можете присвоить конечному файлу какое-либо название и указать место, где он должен быть сохранен.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 3
Во втором разделе выберите Adobe Media Encoder, с помощью которого фотошоп и преобразует файл в нужный видеоформат. В качестве формата выберите H.264 (на свое усмотрение можете задать любой другой из имеющихся форматов). Можете так же выбрать другой размер и частоту кадров. По умолчанию задано частота кадров, равная 30 fps, но я использовал 24 fps.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 4
В третьей секции активируйте пункт Рабочий участок (Work Area). Остальные настройки данного раздела можем оставить без изменений, так как наша сцена не содержит 3D элементов.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Шаг 5
Наконец, кликните по кнопке Рендринг, и на этом все. Так как мы создали эту сцену используя только смарт-объекты и корректирующие слои, то мы легко можем внести любые изменения даже на этом этапе.

Создание сверкающего анимированного текста ко дню Святого Валентина. Часть II.


Мои поздравления! Вы выполнили урок!
На этом уроке вы узнали, насколько широкие возможности предоставляют смарт-объекты, особенно при создании текстовых эффектов. Вы так же научились манипулировать смарт-объектами с целью создания сложной анимации. Надеюсь, знания о смарт-объектах, полученные вам на данном уроке, помогут вам в работе над вашими собственными композициями.



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

Другие новости по теме:


Просмотров: 6380 | Напечатать | Комментарии (0)

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Навигация по сайту

Новые уроки

Легкое тонирование при помощи режимов наложения
Легкое тонирование при помощи режимов наложения


Хотите поближе познакомиться с магией тонирования? Методов и техник тонирования существует великое множество, но сегодня я познакомлю вас с такой техникой, которая, за счет использования режимов наложения слоев, максимально упрощает весь процесс.

Популярные статьи

Друзья
Семейный портал
Полезная информация о недвижимости
Реклама

Мы в соц сетях

Рейтинг блогов


Главная страница | Регистрация | Добавить новость | Новое на сайте |

При перепечатке материалов с сайта ссылка на источник обязательна (кликабельная и не шифрованая).
Запрещено вносить изменения в графический материал, например, обрезание водяного знака или перекрытие его своим знаками.