Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Анимация "Печатающийся текст"
ghostДата: Пятница, 27.03.2009, 00:22 | Сообщение # 1
Рядовой
Группа: Пользователи
Сообщений: 8
Репутация: 0
Статус: Offline
В этом уроке будем учиться делать эффект печатающегося текста.
Нам понадобятся:
1. Рука (1 шт. (можно две))
2. Фотошоп (желательно старше CS2 (лично у меня стоит именно он))
3. Немного опыта работы с фотошопом (неограниченное кол-во)
4. Юмор (тож неограниченное кол-во)
Значит так. Открываем фотошоп.
File(Файл)->New(Новый)

Задаем параметры как на картинке. Размер 150*150, важное отмечено желтым цветом
У нас появилась рабочая область:

Значит будем печатать надпись "TypeText".
Чтобы был эффект печатания, нужно сделать каждую букву отдельно:



Теперь открываем панель анимации:
Window(Окно)->Animation(Анимация)

Появилось такое окошко:

Создаем на один кадр больше чем букв в надписи "TypeText":

Выбираем первый кадр

И на вкладке слои, которая выглядит так:

Делаем так (по просту нажимаем на них) чтобы исчезли глазики на слоях (кроме белого фона):

На втором кадре делаем видимой первую букву:

На третьем вторую:

И так все кадры до конца:

На вкладке анимация у нас получится следущее:

Теперь нужно выставить время:

Жмем File(Файл)->Save for Web(Сохранить для веб)
Откроется окошко:

Выбираем формат gif и нажимаем play (не путать с кнопкой save)):

Смотрим как работает. Если быстро или медленно, экспериментируйте со временем во вкладке анимация.
А вот что вышло у меня:
Прикрепления: 6711054.gif (18.6 Kb)
 
Смайл настроения:
TolikДата: Пятница, 27.03.2009, 11:19 | Сообщение # 2
Admin
Группа: Администраторы
Сообщений: 39
Репутация: 2
Статус: Offline
Поднял бы те репу за урок, так вот Юкоз обновляется млин!) cool

ADS-M
 
Смайл настроения:
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2025