Сообщество дельфин пытается в фш

Анимация текста №1
Анимация текста создаётся за счёт изменения непрозрачности.
Чаще всего я использую какой-то из этих вариантов:
1. 10% 30% 50% 70% 90% 100% 90% 70% 50% 30% 10%
2. 20% 40% 60% 80% 100% 80% 60% 40% 20%
Что бы сделать более "интересную" анимацию текста можно использовать фильтры. Например, "Сдвиг..." или "Волна..."
А для усиления можно использовать размытия. Например, "Размытие в движении..." или "Радиальное размытие"
Здесь я покажу три простых способа сделать анимацию текста

Предисловие к началу работы:
Подробнее...Когда я начинаю делать текст, то изначально я выбираю то, как я хочу, что бы подпись выглядела
Ищу расположение, выбираю шрифт. После этого я уже вижу базу и могу от него отталкиваться

Способ 1

История создания:
Подробнее...Основа для подписи выглядит так:

Будет 2 папки
1 папка "JACK" - там голубая подпись
2 папка "jack" - там белая подпись
Начнём с папки 1 "JACK"
Для удобства можно сразу растрировать текст.
Для этого нажимаем ЛКМ на слой с текстом и выбираем "Растрировать слой"

При данном формате нельзя будет отредактировать то, что написано. Поэтому, если делать работу на подпись, то растрировать текст не нужно(!)
При использовании размытия текст будет растрирован (!)
10 раз дублируем наш текст (CTRL + J). Должно получится 11 слоёв
Ставим непрозрачность
20%
40%
60%
80%
100%
100%
100%
80%
60%
40%
20%

Нажимаем на слой с непрозрачностью 80% и выбираем "Размытие в движении...."

Ставим настройки:

Для второго слоя с непрозрачностью 80% будут такие же настройки. Поэтому выбираем тот слой, где у нас нет размытия, и нажимаем горячие клавиши CTRL + F
Слой с непрозрачностью 60% будет с настройками 6
С непрозрачностью 40% будет с настройками 9
С непрозрачностью 20% будет с настройками 12
На этом мы закончили с 1 папкой

Работаем с 2 папкой "jack"
Делаю точно так же, как с 1 текстом:
1. Растрирую слой
2. Делаю столько же дубликатов
3. Ставлю такую же непрозрачность
4. Ставлю такие же настройки "Размытие в движении..."
Теперь используем сдвиг текста
Для этого либо идём в фильтр "Сдвиг...", либо перемещаем с помощью стрелочек
В данном случае используем 1 способ
Нажимаем на слой с непрозрачностью 80%, который идёт до подписи без непрозрачностью (показала на скрине)

Выбираем фильтр "Сдвиг..."

Ставим настройки

Дальше переходим на слой ниже (там у нас слой с непрозрачностью 60%)
Дважды нажимаем горячие клавиши CTRL + F
Переходим на слой ниже (непрозрачность 40%)
Трижды нажимаем горячие клавиши CTRL + F
Переходим на слой ниже (непрозрачность 20%)
Четыре раза нажимаем горячие клавиши CTRL + F
Теперь переходим на другой слой с непрозрачностью 80%

Нажимаем горячие клавиши для вызова окна фильтра (CTRL+ALT+F)
Ставим настройки в другую сторону:

Повторяем так же, как делали до этого:
Выбираем слой с непрозрачностью 60% и дважды нажимаем CTRL + F
40% - трижды CTRL + F
20% - четыре раза CTRL + F
Объединяем наши две папки
Готово

Способ 2

История создания:
Подробнее...Основа для подписи выглядит так:

Растрирую слой для удобства
Дублирую слой 1 раз (CTRL + J)
Основу оставляю и не трогаю. Переношу её наверх
Работаю с слоем снизу

Беру инструмент "Ластик"

Настройки ластика изменяю в процессе

Нам нужно начать стирать подпись с конца
Пару кликов сделала около подписи
Снова делаю дубликат (CTRL + J)
Нажимаю на слой снизу. Убираю глазик сверхнего слоя, что бы не мешал
И так же ластиком немного убираю подпись

Делаю так, пока не останется немного от подписи
На данном этапе у меня получилось так


Теперь наш основной слой (красный) дублирую (CTRL + J)
Я хочу добавить свечение, как я показывала в уроке 6
Для этого я по дубликату нажимаю дважды ЛКМ
Выбираю "Внешнее свечение" и ставлю настройки

Дублирую этот слой (CTRL + J)
ЛКМ дважды нажимаю на "Эффекты"
Увеличиваю "Размер" на 2

Снова дублируем слой и увеличиваем размер "Внешнего свечения" на 2
Так же ставим "Заливка" на 80%

Снова дублируем слой и увеличиваем размер "Внешнего свечения" на 2 , "Заливка" 60%
Так делаем, пока "Заливка" не станет 0% (то есть ещё 40%, 20%, 0%)

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

Дублируем слой и делаем на нём такие настройки

Дублируем слой, ставим настройки:

Дублируем ещё раз. Настройки:

Готово

Способ 3

История создания:
Подробнее...Представим, что я делаю автарку на подпись и хочу, что бы мне было удобно её подписывать
Для этого я открываю свою анимацию и работаю на шкале времени (в моём случае сделала копии слоя)

Выбираю место, где я хочу, что бы была подпись
Нажимаем дважды ЛКМ на подпись.
Выбираю "Наложение градиента" и делаю такие настройки

Мне нужно, что бы эти настройки были на всех слоях. Поэтому я убираю глазик с подписи. Копирую его. И старый удаляю.
Настройки сохранились
Для начала создам левую часть (появление подписи)
Копирую текст без включённого глазика (так же глазик на эффект я не включаю). Работаю с дубликатом на слое 7
1. Ставлю непрозрачность 90%
2. Нажимаю горячие клавиши CTRL + T
3. Уменьшаю ш и в на 10

Убираю глазик
Дублирую этот слой. Глазик включаю
Перехожу на шкале времени на следующий слой (слой 6)
Делаю точно так же, но непрозрачность ставлю 70%
Так продолжаю ещё с непрозрачностью 50% 30% и 10%
На данном этапе у меня такие слои
Все слои активны и их можно корректировать

Должно быть, как будто подпись "растёт"

Переходим на 9 слой и включаем наш слой с эффектом (глазик эффект тоже должен быть включён)

Переходим на 10 слой. Включаем и ставим настройки:

На 11 слое "Масштаб" должен быть 60%

12 слой - "Масштаб" 90%
13 слой - "Масштаб" 120%
14 слой - "Масштаб" 150%
15 слой у меня будет чуть отличаться. Я хочу, что бы подпись ещё больше уходила. Для этого я растягиваю чёрный цвет. Создаю ещё один ползунок с чёрным цветом на позиции 30

16 слой будет с ползунком на позиции 50
17 слой будет с ползунком на позиции 70
Убираю лишние кадры у себя и получаю такой вариант

Я хочу, что бы чёрное было прозрачным
Поэтому я беру всю подпись и засовываю её в папку с наложением "Экран"
С зажатым SHIFT нажима. от начала слоёв до конца. Использую горячие клавиши CTRL + G для создания папки. Делаю наложение "Экран"
Готово
psd данной подписи
+ для примера добавила "Радиальное размытие"

psd с смарт объектом

Фильтр "Блик..."
Расположение: Фильтр ==> Рендеринг ==> Блик...

Все psd из этого урока можно использовать как в ознакомительных целях, так и применять в работах(!)
Фильтр "Блик..." использую как фишку. Поэтому его делают уже после того, как сделали фонарики
Комбинируя несколько примеров можно получить интересный вариант. Может быть бесконечное множество вариаций использования данной фишки.

Предисловие к началу работы:
Подробнее..."Блик" можно добавлять как на слой с фонариками, так и на чёрный слой поверх всей работы. Если создавать на чёрном слое, то тогда в любой момент можно будет убрать и подкорректировать. Будем использовать именно второй способ.
Для удобства создаю папку. Ставлю наложение "экран" и добавлю в эту папку чёрный слой.

Именно в папке будем создавать блики

Пример 1

История создания:
Подробнее...Создаём дубликаты чёрного слоя (CTRL + J). В сумме будет 5 чёрных слоя

Переходим в фильтр "Блик..." и ставим настройки:

2 чёрный слой будет с бликом 30%
3 - 50%
4 - 70%
5 - 90%
Теперь мы можем двигать этот блик так, как мы захотим.
На данный момент он у нас по середине, но я хочу, что бы он был в другом месте
Для этого я выделяю папку и двигаю блик туда, куда захочу
===>
Переходим в окно "шкала времени" и дублируем исходный слой 9 раз

Добавляем наш блик по слоям
2 слой на шкале - 1 блик, который мы делали
3 слой на шкале - 2 блик, который мы делали
4 слой - 3 блик
5 слой - 4 блик
6 слой - 5 блик
7 слой - 4 блик
8 слой - 3 блик
9 слой - 2 блик
1 слой - 1 блик
Так у нас получилось добавить 1 блик на исходник

Для данного примера я хочу добавить ещё два таких же блика
Для это я дважды копирую нашу папку и перемещаю их по своему вкусу

Для удобство я создам ещё несколько дубликатов чистого слоя на "шкала времени". Потом лишнее удалю (в данном примере вышло 22 слоя)

Возвращаемся на слой 8 на "шкала времени". Добавляем 1 слой второго блика

Примечание: Если у вас два блика расположены в одной папке, то слой с верхним бликом должен быть с наложением "экран", что бы блик не закрывал собой другой блик
9 слой - 2 слой второго блика
10 слой - 3 слой второго блика
11 слой - 4 слой второго блика
12 слой - 5 слой второго блика
13 слой - 4 слой второго блика
14 слой - 3 слой второго блика
15 слой - 2 слой второго блика
16 слой - 1 слой второго блика
Добавили второй блик

Третий блик мы будем добавлять с 14 слоя. На этом слое у нас будет располагаться 1 слой третьего блика

15 слой - 2 слой третье блика
16 слой - 3 слой третье блика
17 слой - 4 слой третье блика
18 слой - 5 слой третье блика
19 слой - 4 слой третье блика
20 слой - 3 слой третье блика
21 слой - 2 слой третье блика
22 слой - 1 слой третье блика
Готово
psd данного примера

Пример 2

История создания:
Подробнее...Создаём дубликаты чёрного слоя (CTRL + J). В сумме будет 10 чёрных слоя
Настройки блика такие же, как в 1 примере
В данном случае будем использовать такие проценты: 10%, 30%, 50%, 70%, 90%, 120%, 150% 180%, 210% 240%
Создаём отдельный белый слой

Переходим в окно "шкала времени" и дублируем исходный слой 21 раз

На "шкала времени" 1 слой остаётся чистым
На 2 слое добавляем 1 слой нашего блика
3 слой - 2 слой блика
4 слой - 3 слой блика
5 слой - 4 слой блика
6 слой - 5 слой блика
7 слой - 6 слой блика
8 слой - 7 слой блика
9 слой - 8 слой блика
10 слой - 9 слой блика
11 слой - 10 слой блика
12 слой - ставим белый слой
13 слой - 10 слой блика
14 слой - 9 слой блика
15 слой - 8 слой блика
16 слой - 7 слой блика
17 слой - 6 слой блика
18 слой - 5 слой блика
19 слой - 4 слой блика
20 слой - 3 слой блика
21 слой - 2 слой блика
22 слой - 1 слой блика
Готово
psd данного примера
Доп: можно не делать вариант с белым слоем, тогда у нас будет как в примере 1, только больше маштаб. То есть мы ставим, в данном случае, на 11 слой 10 слой блика, а потом на 12 слой ставим 9 слой блика и там на уменьшение


Пример 3

История создания:
Подробнее...Создаём дубликаты чёрного слоя (CTRL + J). В сумме будет 9 чёрных слоя
Переходим на 1 черный слой. Выбираем фильтр "Блик" и ставим настройки.

Настройки будут такие же, как в примере 1, но при этом мы будем двигать наш блик
Непрозрачность будет: 10%, 20%, 30%, 40%, 50%, 40%, 30%, 20%, 10%
Переходим на 2 чёрный слой. Горячими клавишами вызываем окно, которое последний раз использовали (CTRL + ALT + F). Мышкой выбираем место и делаем один клик ЛКМ. Непрозрачность ставим 20%. Сохраняем

Полное видео можно посмотреть здесь
Так делаем до конца и получает такой результат

Может вы заметили, что у нас дополнительно свечение появляется

Оно мне не нравится, поэтому я накладываю на папку маску и закрашиваю этот участок чёрным цветом


Хочется добавить такой же блик, но в другом углу
Можно так же, как в 1 примере, уже существующий блик скопировать и отразить его так, как хочется
Копируем папку с бликом. На копии нажимаем горячие клавиши CTRL + T
Изменяем его так, как нам хочется

Примечание: после того, как я его изменила, я дублирую эту же папку ещё раз, а старую удаляю. Это нужно для того, что бы для всех кадров был один и тот же результат.
Начинаем добавлять 2 блик со слоя 8


Мне ещё захотелось вставить блик из примера 1. Я взяла свой PSD и вытащила от туда блик, который мы уже делали ранее
Добавила его с 14 слоя
Готово
psd данного примера
+ бонусный psd


Пример 4

История создания:
Подробнее...Данный блик создаётся так же, как в примере 3, но непрозрачность изменена: 20%, 40%, 60%, 80%, 100%, 120%, 100%, 80%, 60%, 40%, 20
psd данного примера