В этом материале я расскажу, как сделать анимацию стекающей крови. Урок совсем не сложный и доступен даже начинающим.
Вот что получится у нас в результате:
Создаём новый документ (Ctrl+N) размер 640Х480. Заливаем чёрным цветом, дя этого нажимаем клавишу D, а затем комбинацию Alt+Delete. Клонируем слой, нажав Ctrl+J. С помощью инструмента Текст (Horizontal Type Tool) пишем текст. Выставим цвет текста белым. Получится примерно так:
Для красоты я взял готический шрифт. Эти шрифты можно скачать по этой ссылке.
Клонируем текстовый слой (Ctrl+J), потом пригодится. Я изменил название нового тестового слоя на "Текст". Отключаем видимость, чтобы не мешался.
Возвращаемся на предыдущий текстовый слой, растрируем текст, затем объединяем текстовый слой с фоновым, выделив текстовый и фоновый слои и нажав клавиши Ctrl+E. Слой автоматически назвался по содержанию моей надписи, "Стекание".
Кликаем по вкладке Изображение --> Повернуть холст --> По часовой (Image --> Rotate Canvas --> 90CW), и применим к нему фильтр Ветер. Для этого кликаем по вкладке Фильтр --> Стилизация --> Ветер (Filter --> Stylize --> Wind), выставляем метод "Ветер" (Wind), направление - справа (Direction From the right). Применяем фильтр ещё три раза, три раза нажав Ctrl+F. И затем разворачиваем холст обратно, Изображение --> Повернуть холст --> Против часовой (Image --> Rotate Canvas --> 90CCW). Для пущей убедительности эффекта применим Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur) с радиусом, равным 1.
Далее клонируем слой "Стекание" 15 раз, 15 раз нажав Ctrl+J при активном слое "Стекание". Убираем видимость у всех слоёв кроме верхнего (кликаем по глазику в палитре слоёв).
Активируем верхний видимый слой и применяем к нему Фильтр --> Эскиз --> Линогравюра (Filter --> Sketch --> Stamp). Ставим параметры для этого фильтра Детализация (Smoothness) - 2 и Затемнённость (Light/Dark Balance)– 48. Далее применим Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur) с радиусом 1.
Отключаем видимость у этого слоя и включаем видимость у слоя под ним, затем активируем. Далее повторим предыдущее действие с фильтрами, только параметр Затемнённость (Light/Dark Balance) поставим 45.
И, таким образом проводим действия со всеми слоями, постепенно уменьшая параметр Затемнённость (Light/Dark Balance) с тем, чтобы на последнем слое он был равен единице.
Это очень важно, потому что в последствии, при генерации последовательности фреймов анимации очень легко запутаться, и кровь будет стекать рывками.
Теперь надо сделать анимацию исчезновения текста. Клонируем последний слой "Стекание1". Применяем Фильтр --> Искажение --> Скручивание с параметром угол -90 градусов.
Клонируем полученное и применяем фильтр с этими параметрами ещё раз. Делаем так ещё два раза.
Теперь возвращаемся к текстовому слою "Текст". Применяем к нему стиль слоя "Тиснение" (Bevel and Emboss) с параметрами:
- Стиль-внутренний скос
- Метод-жёсткая огранка
- Глубина 123%
- Размер 8 пкс
- Смягчение 3 пкс
Клонируем (Ctrl+J), жмём клавишу V (выбор инструмента "Перемещение"), после чего последовательно жмём клавиши "стрелка вправо" и "стрелка вниз". Повторяем действие два раза. У меня слои автоматически переименовываются в "Текст копия", "Текст копия 1" и т.д.
Задаём нужную иерархию текстовых слоёв. Слой "Текст" перемещаем вверх, под него слой "Текст копия" и т.д.
Снова возвращаемся к текстовому слою "Текст". Добавляем к нему слоя стиль "Обводка" (Stroke) с параметрами:
- Размер-1 пкс
- Положение-внутри
- Режим наложения-замена светлым
- Цвет- FFFFFF
Далее активируем верхний слой и нажимаем Слой --> Новый корректирующий слой --> Цветовой тон/Насыщенность (Layer –-> New Adjustment layer --> Hue/Saturation). В версии Фотошопа CS3 и ниже откроется всплывающее окно, а в CS4 и выше окно будет в правой панели. Выставляем следующие параметры: Цветовой тон (Hue): 0, Насыщенность (Saturation): 100, Яркость (Lightness): -50 (минус пятьдесят). При правильных действиях у нас все белые изображения окрасятся в красный цвет.
Теперь приступим к анимации.
Включаем видимость слоёв:
- Корректирующий и нижний(фоновый). Далее эти слои будут включены всегда. Про их видимость в дальнейшем больше не упоминаю.
- "Текст"
- "Текст копия"
- "Текст копия 2"
- "Текст копия 3"
- "Текст копия 4"
Открываем панель анимации, кликнув Окно –-> Анимация (Windows –-> Animation).
Видимый рисунок у нас автоматически генерируется в панели анимации в первом фрейме. Ставим ему время отображения 01 сек.
Создаём новый фрейм анимации, кликнув по кнопке в палитре анимации, как показывает стрелка на рисунке. Подробнее о создании фреймов рассказывается в статье
Анимация текста на аватарке.Бегущий текст.
Во втором фрейме оставляем видимыми слои.
- "Текст"
- "Текст копия"
- "Текст копия 2"
- "Текст копия 3"
Генерируем третий фрейм. Включаем видимость у слоёв:
- "Текст"
- "Текст копия"
- "Текст копия 2"
- "Стекание 48"
Четвёртый фрейм:
- "Текст"
- "Текст копия"
- "Стекание 45"
Пятый:
- "Текст"
- "Стекание 41"
Шестой:
- "Текст", в палитре слоёв изменяем параметр Непрозрачность на 80%
- "Стекание 38"
Седьмой:
- "Текст", параметр Непрозрачность 60%
- "Стекание 35"
Восьмой:
- "Текст", параметр Непрозрачность 40%
- "Стекание 31"
Девятый:
- "Текст", параметр Непрозрачность на 20%
- "Стекание 28"
Десятый
- "Стекание 25"
И так до фрейма 19 со включенным слоем "Стекание 1". Затем делаем четыре фрейма с закручиванием текста.
Последний фрейм делаем просто чёрным. Первому и последнему фрейму я задал время отображения 1 сек.
Вот и всё, в итоге мы создали анимацию крови, стекающей с букв.
Помощь сайту
Понравился сайт? Уроки оказались полезными? Мы будем благодарны, если Вы окажете небольшую помощь в развитии проекта (на кофе и сервер).
Райфайзен банк прямой перевод на карту
QIWI кошелёк: ссылка для пополнения на никнейм NOSTROM
Сбербанк, номер карты для прямого перевода: 4274 3200 5092 4219
PayPal ссылка для перевода
WebMoney, рублёвый кошелёк R250684729036, долларовый кошелёк: Z170567175694
Яндекс.Деньги, форма для пополнения:
Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!
Похожие материалы:
Сегодня я хочу рассказать о простом методе получения эффекта неонового света - логотип, состоящий из светящихся неоновых трубок.
Методика получения...
|
Современный Adobe Photoshop - очень большая и сложная программа, занимающая более 1,5 Гб на жёстком диска только в папке C:\Program Files, не считая...
|
Все файлы стилей слоя имеют расширение его формат всегда ASL. Иконка файла в папке Windows выглядит вот так:
Самый простой способ установки стиля...
|
Выделение в Фотошоп — это обособление (изолирование) одной или нескольких областей изображения. Выделение (выделенную область) можно редактировать,...
|