Анимация текста (вспышки,исчезновение и т.д)

Страницы :  1, 2  След.

Ответить на тему
 

Итачи ®

Стаж: 5 лет 9 месяцев

Сообщений: 98

Симпатии: 1

Анимеция текста


(кадры, которые у вас должны получится)
1)Создаём четыре слоя с текстом "Name", т.е. каждая буква отдельно, и слой с чёрной заливкой.
Анимация будет создаваться из копий этих 4-х слоёв, сами слои вы оставляете не тронутыми(!)

2)кадр 1
Начинаем с анимации буквы "е".
Копируем слой с буквой и применяем на него фильтр-другое-сдвиг

Ставим основной слой с буквой примерно на 10% прозрачности, а слой со сдвигом размываем.

Ставим прозрачность слоя с размытием на 30%. Получаем вот такой слой.

3)кадр 2
Создаём два дубликата буквы "е". Один оставляем на прозрачности 10%, другой ставим на прозрачность 40% и применяем настройки сдвига.

Размываем слой со сдвигом.

Делаем дубликат слоя с буквой "N" и работаем только с ним.
Применяем фильтр-размытие-радиальное размытие(линейное) и ставь слой с размытием на 30%.

4)кадр 3
Делаем копии буквы "N" и "e". Стандартный слой с буквой "е" ставим на 30% прозрачности, а его дубликат фильтром "сдвиг" перемещаем на "+8", ставим прозрачность на 50% и размываем с тем же смещением "7". Дубликат буквы "N" размываем фильтром "радиальное размытие(линейное)" с количеством "20".
Далее создаём две копии слоя с буквой "а". Одну ставим на прозрачность 5%, а другую накладываем на неё с прозрачностью 30% и размываем по вертикали.

5)кадр 4
Создаём дубликаты букв. Одну копию буквы "N" ставим на 50%, на другую применяем размытие-радиальное размытие(линейное) и накладываем на первую с прозрачностью 80%
Один слой с буквой "а" ставим на прозрачность 10%, другой накладываем с прозрачностью 50% и вертикальным размытием.

Первый слой с буквой "е" ставим на прозрачность 100% и применяем к нему внешнее свечение (значок в окне со слоями внизу)

Второй слой с прозрачностью 100% размываем.

Добавляем копию слоя с буквой "m" и ставим прозрачность на 20%

6)кадр 5
Слой с буквой "N"(копия) и прозрачностью 100% размываем

К этому же слою применяем внешнее свечение

Одну копию буквы "а" ставим на прозрачность 30%, вторую на 70% и размываем вертикально.

Дубликат слоя с буквой "m" ставим на прозрачность 30%. К слою с буквой "е" применяем внешнее свечение.

7)кадр 6
К слою с буквой "N" применяем внешнее свечение.

Слой с буквой "а" размываем

Слой с буквой "m" ставим на прозрачность. К копии слоя "е" применяем внешнее свечение.

8)кадр 7
Применяем свечение ко всем буквам.

9)кадр 8
Теперь копируем текст, который получился в предыдущем шаге и делаем всё из этих копий.
К копии слоя с буквой "N" применяем размытие в движении вертикальное со смещением 7 и фильтр-другое-сдвиг.

Сочетанием клавиш "Shift+Ctrl" при помощи деформации поворачиваем копию слоя с буквой "а".

10)кадр 9
Следующую копию слоя "N" тоже размываем с настройкой "12", копируем предыдущий слой с буквой "а" и переворачиваем его, ставим на 80%.

Делаем дубликат слоёв "m" и "е", растрируем текст,очищаем стили слоёв, объединяем их, и делаем свечение.

11)кадр 10
Размываем копию слоя с буквой "N" с настройкой примерно "16-17", делаем сдвиг и ставим прозрачность 40%, а также переворачиваем "а" и ставим на 50% .

Копируем предыдущий слой со свечением "me" и просто меняем настройки свечения.

12)кадр 11
Копируем предыдущий слой "N" с размытием и просто выполняем сдвиг, ставим его на 20% прозрачности.
Слой с буквой "а" переворачиваем и ставим на 20% прозрачности.

Так же как и в предыдущем шаге изменяем настройки внешнего свечения.

14)кадр 13
Опять изменяем настройки внешнего свечения и ставим 80% прозрачности.

15)кадр 14
Ставим вот такие настройки и прозрачность на 30%.

16)кадр 15
Такие же настройки, как в предыдущем шаге, прозрачность 10%.
не забудьте выложить свою работку,которая у вас получилась!!

_________________
Подпись отключена за нарушение правил форума

Создавать темы 18-Авг-2012 20:03

[Профиль]  [ЛС] 

NepsteR

Стаж: 5 лет 8 месяцев

Сообщений: 113

Симпатии: 1

Итачи,

Скриншоты

как так сделать текста

Создавать темы 18-Авг-2012 20:04

[Профиль]  [ЛС] 

Итачи ®

Стаж: 5 лет 9 месяцев

Сообщений: 98

Симпатии: 1

как так сделать текста
1)пишешь текст
2)далее Слои - > Стиль Слоя -> Параметры наложения
ставь такое же значение,как и на картинке:

дальше на самой картинки передвигаешь градиент влево,пока изображения не исчезнет,переходишь на панель анимации и создаешь еще один кадр.теперь снова заходишь в стиль слоев и снова Градиенты,передвигаешь сам градиент вправо.
теперь анимация:
переходишь на первый кадр и нажимаешь вот эту кнопку,она выделена красным:

я поставил 10 кадров
потом задаешь скорость кадров,в моем случае 0,1 сек
ну и сохраняешь в :Файл -> Сохранить для Web устройств -> Сохранить
результат:
p.s. если не понял,сделаю подробней,но уже в след раз.ща тороплюсь!

_________________
Подпись отключена за нарушение правил форума

Создавать темы 18-Авг-2012 20:53

[Профиль]  [ЛС] 

NepsteR

Стаж: 5 лет 8 месяцев

Сообщений: 113

Симпатии: 1

Итачи, не получилось

Скриншоты

Создавать темы 19-Авг-2012 08:52

[Профиль]  [ЛС] 

Итачи ®

Стаж: 5 лет 9 месяцев

Сообщений: 98

Симпатии: 1

Итачи, не получилось
ты градиент на слое с фоном делал,а нужно на слое с текстом))
з.ы. прикольно получилось)

_________________
Подпись отключена за нарушение правил форума

Создавать темы 19-Авг-2012 16:20

[Профиль]  [ЛС] 

NepsteR

Стаж: 5 лет 8 месяцев

Сообщений: 113

Симпатии: 1

Итачи, на слой текста делал)

Создавать темы 19-Авг-2012 21:10

[Профиль]  [ЛС] 

Итачи ®

Стаж: 5 лет 9 месяцев

Сообщений: 98

Симпатии: 1

Итачи, на слой текста делал)
скинь мне исходник,посмотрю,что там намудрил =)

_________________
Подпись отключена за нарушение правил форума

Создавать темы 20-Авг-2012 00:13

[Профиль]  [ЛС] 

NepsteR

Стаж: 5 лет 8 месяцев

Сообщений: 113

Симпатии: 1

Итачи, а можеш видео урок сделать?

Создавать темы 20-Авг-2012 10:42

[Профиль]  [ЛС] 

Maxwn

Стаж: 6 лет 10 месяцев

Сообщений: 243

Симпатии: 10

Всё таки Adobe Flash рулит, и флешь анимации получаются ещё красивее и меньше весят)))
Вот Gif на флеше cs5:

правда gif не очень

Создавать темы 20-Авг-2012 12:49

[Профиль]  [ЛС] 

Итачи ®

Стаж: 5 лет 9 месяцев

Сообщений: 98

Симпатии: 1

Итачи, а можеш видео урок сделать?
могу,но мне программа нужна,которая записывает видео)

_________________
Подпись отключена за нарушение правил форума

Создавать темы 20-Авг-2012 14:28

[Профиль]  [ЛС] 

Итачи ®

Стаж: 5 лет 9 месяцев

Сообщений: 98

Симпатии: 1

Всё таки Adobe Flash рулит, и флешь анимации получаются ещё красивее и меньше весят)))Вот Gif на флеше cs5:
ну дак...флэш и преднозначен в основном для создания анимаци.а в шопе все подстроено для рисования и эффектов

_________________
Подпись отключена за нарушение правил форума

Создавать темы 20-Авг-2012 14:31

[Профиль]  [ЛС] 

HX722

Стаж: 5 лет 10 месяцев

Сообщений: 195

Симпатии: 112

Итачи, а можеш видео урок сделать?
могу,но мне программа нужна,которая записывает видео)
UV Screen Camera

Создавать темы 20-Авг-2012 15:47

[Профиль]  [ЛС] 

Итачи ®

Стаж: 5 лет 9 месяцев

Сообщений: 98

Симпатии: 1

могу,но мне программа нужна,которая записывает видео)
UV Screen Camera
спасиб,ша выложу =))

_________________
Подпись отключена за нарушение правил форума

Создавать темы 20-Авг-2012 16:47

[Профиль]  [ЛС] 

Итачи ®

Стаж: 5 лет 9 месяцев

Сообщений: 98

Симпатии: 1

лицезрейте о смертные

_________________
Подпись отключена за нарушение правил форума

Создавать темы 20-Авг-2012 17:32

[Профиль]  [ЛС] 

NepsteR

Стаж: 5 лет 8 месяцев

Сообщений: 113

Симпатии: 1

Итачи,

Скриншоты

Создавать темы 20-Авг-2012 18:04

[Профиль]  [ЛС] 
Показать сообщения:    
Ответить на тему

Текущее время: 23-Ноя 14:27

Часовой пояс: UTC + 5



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы