Автор Тема: Как сделать собирающийся и расплывающийся тескт.  (Прочитано 8376 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн @UR@Автор темы

  • Не@нГел-
  • Хранительница
  • *
  • Все к лучшему)))

  • Сообщений 2967
  • Респектов +854
  • Репутация 461
  • Пол: Женский
    • Просмотр профиля
Как сделать собирающийся и расплывающийся тескт.

В этом уроке мы научимся очень интересному эффекту "собирающийся и расплывающийся тескт".

Итак начнём. Создадим новый документ Файл-Новый или Ctrl+N любого размера( в моём варианте это 600х200) и зальем его любым цветом ( я залила чёрным). И пишем нужный нам текст ( я написала allavatars.ru) любым цветом (у меня он оранжевый).



Кликаем правой клавишей мышки на слое с текстом и выбираем Растеризировать слой. После этого продублируйте уже растеризированный слой 20 раз: Слой-Новый-Копия или Ctrl+J. Таким образом, мы получим 21 слой с текстом и слой с фоном.



Теперь скрываем все слои, кроме самого первого.



И к этому единственному видимому слою с текстом применяем Фильтр-Искажение-Волны со следующими настройками:



Теперь делаем этот слой невидимым. А видимым делаем вторую копию нашего текста:



К этому слою также применяем Фильтр-Искажение-Волны. Но теперь мы будем менять число Число генераторов, уменьшая его для каждого последующего слоя. Остальные настройки остаются неизменными. Для данного слоя ставим значение Число генераторов=950:



Скрываем этот слой. Делаем видимым следующий слой и повторяем все действия. Число генераторов меняем с амплитудой в 50 единиц, т.е. 900, 850, 800 и т.д. Последний слой оставляем без применения фильтра.

Далее открываем окно анимации Окно-Анимация.

Сейчас мы видим один кадр. Для него скрываем все слои, кроме первого.



Дублируем наш кадр . Для второго кадра делаем видимым только второй слой.



 Далее всё повторяется создаём третий кадра делаем видимым только третий слой.И всё повторяем пока не дойдём до последнего слоя.

Затем всё повторяем в обратном порядке. Создаём кадр и делаем видимым для него предпоследний слой:



Далее снова дублируем кадр и делаем для него видимым пред-предпоследний слой:



И так далее до самого первого слоя.



Время задержки кадров установите на свой вкус (у меня это 0,2сек)

Вот что у меня получилось:



Всем удачи!






Форум аватар


Оффлайн Mira

  • Аватарщица-
  • Аватарщица
  • *
  • Если я девушка твоей мечты - помечтай...

  • Сообщений 4025
  • Респектов +1181
  • Репутация 1979
  • Пол: Женский
    • Просмотр профиля
@UR@, спасибо за урок. Я пока дилетант ah, на днях выложу результат))) s18

Оффлайн Alia

  • И в этом вся я...
  • Аватарщица
  • *
  • Сообщений 2562
  • Респектов +856
  • Репутация 1011
  • Пол: Женский
    • Просмотр профиля
Отличный урок, Оля, спасибо )))))) Вот мой результат:

Я так поняла, что эффект зависит от длинны слова и шрифта, естественно......А время задержки я 0.1 поставила )

Оффлайн @UR@Автор темы

  • Не@нГел-
  • Хранительница
  • *
  • Все к лучшему)))

  • Сообщений 2967
  • Респектов +854
  • Репутация 461
  • Пол: Женский
    • Просмотр профиля
Конечно всё индивидуально. Рада что тебе понравилось.

Оффлайн Парниша

  • Старожил
  • ***
  • LA Lakers

  • Сообщений 340
  • Респектов 0
  • Репутация 49
  • Пол: Мужской
    • Просмотр профиля
урок и интернета скачен)

Оффлайн @UR@Автор темы

  • Не@нГел-
  • Хранительница
  • *
  • Все к лучшему)))

  • Сообщений 2967
  • Респектов +854
  • Репутация 461
  • Пол: Женский
    • Просмотр профиля
урок и интернета скачен)

Этот урок я сделала сама. Может где-то и есть похожий, но этот я сделала сама.

Оффлайн Парниша

  • Старожил
  • ***
  • LA Lakers

  • Сообщений 340
  • Респектов 0
  • Репутация 49
  • Пол: Мужской
    • Просмотр профиля

Оффлайн @UR@Автор темы

  • Не@нГел-
  • Хранительница
  • *
  • Все к лучшему)))

  • Сообщений 2967
  • Респектов +854
  • Репутация 461
  • Пол: Женский
    • Просмотр профиля
урок и интернета скачен)

Да. Даже цвета похожи. Но это случайность. Но если тебе так уж неймётся, то пожалуйся на меня админу, а тут больше не флуди
« Последнее редактирование: 30 Апрель 2009, 14:15:18 от @UR@ »

Оффлайн Alia

  • И в этом вся я...
  • Аватарщица
  • *
  • Сообщений 2562
  • Респектов +856
  • Репутация 1011
  • Пол: Женский
    • Просмотр профиля
Вот он http://dikarka.ru/lesson_photoshop/07.shtml

1)Нефига там цвета не совпали!!!!!!!!!!!!!!
2) Скриншоты другие!!!!!!!!!!!
3) Парниша, извини, у тебя наверное от рождения прям "дар" и талант работы на Фотошопе, и ты никогда не учился по урокам с инета!!!!!!!!!!!
4) Парниша, У тебя есть свой урок с текстом на форуме и если захотеть то можно в инете найти еще 5 похожих!!!!!!!!!
5) @UR@чка ты молодчинка!!!!!!!!!

Оффлайн Sherlock007

  • Ветеран
  • *****
  • Сообщений 636
  • Респектов +23
  • Репутация 182
  • Пол: Мужской
    • Просмотр профиля
Классный урок  :ay:

Оффлайн @UR@Автор темы

  • Не@нГел-
  • Хранительница
  • *
  • Все к лучшему)))

  • Сообщений 2967
  • Респектов +854
  • Репутация 461
  • Пол: Женский
    • Просмотр профиля
Рада что тебе понравился

Оффлайн Elektra

  • Аватарщица
  • *
  • Сообщений 320
  • Респектов +79
  • Репутация 76
  • Пол: Женский
    • Просмотр профиля
Урок классный! Эффект завораживающий! Мне понравилось, у меня кстати тоже есть подобный эффект на авике, но сделан он другим фильтром , поэтому подобных уроков может быть тьма и вообще что-то придумать свое уже сложно, всем что-то будет казаться vala_02

Обязательно применю в будущем на какой-нибудь авке, если разрешишь? :P

Оффлайн @UR@Автор темы

  • Не@нГел-
  • Хранительница
  • *
  • Все к лучшему)))

  • Сообщений 2967
  • Респектов +854
  • Репутация 461
  • Пол: Женский
    • Просмотр профиля

Оффлайн Mira

  • Аватарщица-
  • Аватарщица
  • *
  • Если я девушка твоей мечты - помечтай...

  • Сообщений 4025
  • Респектов +1181
  • Репутация 1979
  • Пол: Женский
    • Просмотр профиля


Мне кажется не хватает полного четкого кадра? look

Оффлайн Elektra

  • Аватарщица
  • *
  • Сообщений 320
  • Респектов +79
  • Репутация 76
  • Пол: Женский
    • Просмотр профиля
согласна! Но переделывать не стала, а psd не сохранила)))

Оффлайн Mira

  • Аватарщица-
  • Аватарщица
  • *
  • Если я девушка твоей мечты - помечтай...

  • Сообщений 4025
  • Респектов +1181
  • Репутация 1979
  • Пол: Женский
    • Просмотр профиля
Вот мой "шедевр"))) hi_girl

Оффлайн @UR@Автор темы

  • Не@нГел-
  • Хранительница
  • *
  • Все к лучшему)))

  • Сообщений 2967
  • Респектов +854
  • Репутация 461
  • Пол: Женский
    • Просмотр профиля

Оффлайн Девушка Итачи

  • Новичок
  • *
  • Сообщений 17
  • Респектов 0
  • Репутация 0
    • Просмотр профиля
 :ay: класс урок супер

Оффлайн ody

  • Старожил
  • ***
  • ушел навсегда

  • Сообщений 244
  • Респектов +2
  • Репутация 18
  • Пол: Мужской
    • Просмотр профиля
чоооорт я немогу найти кнопку анимации... ОКНО - Аниманимации там нет((((есть ещё пути до анимации???или горячии кнопки???

Оффлайн @UR@Автор темы

  • Не@нГел-
  • Хранительница
  • *
  • Все к лучшему)))

  • Сообщений 2967
  • Респектов +854
  • Репутация 461
  • Пол: Женский
    • Просмотр профиля
Открой на верхней панели в меню ОКНО и поставь галочку рядом с надпосью АНИМАЦИЯ. Снизу появимся окно анимации.

 

Расплывающийся текст с анимацией

Автор Парниша

Ответов: 4
Просмотров: 2715
Последний ответ 01 Август 2009, 14:46:35
от MecTb