|
Для маломобильных граждан
|
Каталог статей
Анимированный текст-градиент
Будет красиво, если при изготовлении поздравительных открыток вы не только раскрасите текст градиентом, но сделаете анимацию(см. пример). Идея такова: создадим текст, превратим его в маску и над ним будем двигать слой, крашеный градиентом.
1. Откроем файл с открыткой и возмем инструмент "Горизонтальный текст" (см.рис.) Напечатаем нужный текст на выбранной картинке, используя панель настройки символов (Окно > Символ).
  
2.
Создадим еще один слой в палитре "Слои": Слой > Новый > Слой и в открывшемся окне просто кликаем ОК. Проверьте, чтобы этот слой был активным.
3. Закрасим его градиентом. Выберем инструмент "Градиент" и настроим его по своему усмотрению в панели "Редактор градиентов" (два клика по полоске градиентов под словом "Редактирование"). Удачно, если справа и слева наш градиент будет прозрачным.
 
4. Проведем мышкой с нажатой кнопкой по нашему рисунку слева направо, закрасив слой.
5. Делаем маску. Сделаем активным текстовый слой кликом мыши в палитре "Слои". Правой кнопкой кликнем по белому квадратику этого слоя, в открывшемся меню нас интересует опция "Выбрать пиксели". На нашем рисунке появится выделение вокруг текста.
6. Делаем активным слой с градиентом и добавляем к нему маску, кликнув третью иконку внизу палитры "Слои" "Добавить векторную маску" (см. рис.). Градиент теперь будет виден только на тексте. Кликаем по иконке градиента в этом слое, а затем кликаем по цепочке, чтобы выключить связь градиента и текста (нам, ведь, градиент придется двигать).
Текст-градиент готов, теперь займемся анимацией градиента.
7. Берем инструмент "Перемещение" (самый первый) и передвигаем наш градиент влево, чтобы он исчез с надписи, то есть пока вся надпись не станет одноцветной (белой).
8. Откроем окно анимации (Окно > Анимация). Создадим новый кадр в этом окне инструментом "Создание копии выделенных кадров". Передвинем наш градиент инструментом "Перемещение" в другое положение, слева направо, чтобы текст снова стал одноцветным.
9. Создаем промежуточные кадры инструментом "Создание промежуточных кадров". В появившемся меню добавляем кадров 10 - 15 и кликаем ОК.
 
10. Установим время показа каждого кадра. Можно кликнуть на первом кадре в палитре "Анимация" с клавишей Shift (чтобы выделить все кадры разом) по времени и установить время 0,1 сек. Анимация готова. Теперь важно ее правильно сохранить.
11. Кликните в главном меню Файл > Сохранить для Web... В открывшемся окне выберите обязательно GIF и 256 цветов. Кликните "Сохранить" и укажите место, куда вы хотите сохранить вашу анимашу. Откройте этот файл, чтобы убедиться, что все в порядке, анимация работатет.
|
|
| Категория: Методические материалы | Добавил: НВ (01.02.2012)
|
| Просмотров: 1059
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
Copyright SPb_188_school © 2011-2023 