Результат урока:
 [500x]
[500x]
Переходим к уроку.
Для начала покажу, как можно сделать анимацию текста шумом.
Берём любую картинку из инета БЕЗ ТЕКСТА!
Я взяла эту.Открываем её в фотошопе. МЕНЮ - ФАЙЛ - ОТКРЫТЬ.
Снимаем в панели слоёв замочек.
Берём инструмент ТЕКСТ. Пишем слово ВЕСНА! Жмём Энтер.
Обратите
внимание.в панели слоёв у нас сейчас два слоя.один с фоном, другой с
текстом.то есть каждый слой живёт своей самостоятельной жизнью и с
каждым из них можно работать по отдельности.
Идём
в панель стилей и выбираем подходящий. Все эффекты этого стиля
отразились в панели слоёв. Спрячем их, чтобы не мешали, нажав на
стрелочку.
Давайте
сделаем искажение текста, кликнув на значок в меню программы и выберем
эффект искажения. После нажатия на иконку искажения выскочит
окошко...жмём ДА.
У меня получилось так.
Наше изображение готово, теперь нам нужно его подготовить к анимации.
Идём в панель слоёв, встаём на слой с текстом, тем самым , делая его активным и
дублируем его два раза, нажав комбинацию клавиш Ctrl+J.
Теперь
кликнем по каждому из слоёв правой кнопкой мыши и зададим параметры
каждому слою, то есть переименуем (материал прошлого урока).
Теперь у нас в панели слоёв всего 4 слоя. Один с фоном и три с текстом.
Теперь встаём на первый слой с текстом, делая его активным. глазики у слоя 2 и 3 отключаем. Глазик у фона включен всегда.
Идём МЕНЮ - ФИЛЬТР - ШУМ - ДОБАВИТЬ ШУМ.
Если выскочит такое окошко - жмём Да.
В открывшемся окне выставляю такие настройки.
Переходим
на второй слой с текстом. Включаем на нём глазик. Глазик на первом и
третьем слое с текстом отключаем. Глазик у фона по прежнему включен.
Снова идём МЕНЮ - ФИЛЬТР - ШУМ - ДОБАВИТЬ ШУМ и меням в настройках цифру на ваше усмотрение. Я сделала так.
Переходим
на третий слой с текстом, включаем у него глазик. На слое 1 и 2 глазик
выключен. На слое с фоном глазик включен по прежнему.
Снова идём МЕНЮ - ФИЛЬТР - ШУМ - ДОБАВИТЬ ШУМ и меням в настройках цифру на ваше усмотрение. Я сделала так.
Открываем панель анимации. МЕНЮ - ОКНО - АНИМАИЯ.
Видим,
что там уже стоит один кадр. В нашей анимации должны быть всего три
кадра. Потому, что в панели слоёв у нас три слоя с текстом.
На
панели анимации кликнем дважды на вторую иконку справа и у нас
появится ещё два кадра. Теперь всего их стало три...так как нам и
нужно.
Теперь внимательнее!!!
Начинаем создавать анимацию.
В панели анимации встаём на первый кадр. В панели слоёв включаем два глазика...на фон ( он у нас и так был включен всегда) и на первый слой с текстом. Какой слой активен сейчас - роли не играет.
Теперь в панели анимации встаём на второй кадр. В панели слоёв включаем два глазика...на фон ( он у нас и так был включен всегда) и на второй слой с текстом. Остальные глазики отключены.
Теперь в панели анимации встаём на третий кадр. В панели слоёв включаем два глазика...на фон ( он у нас и так был включен всегда) и на третий слой с текстом. Остальные глазики отключены.
Нажимаете
плей.смотрите, что получилось. Останавливаете анимацию и сохраняете на
рабочий стол "меню - файл - сохранить для Web".
Если хотите писать на открыточке свой ник,
значит сначала напишите ник на первоначально открытом исходнике и
сохоаните её в формате Jpeg на рабочий стол. С программы все документы
удалите и открывайте потом свою картинку с вашим ником.
Тогда не запутаетесь в слоях и кадрах при создании анимации.
Таким
же способом можно делать очень красивую анимацию, наложив на текст
градиент (градиент это своего рода узор, только в нём идёт плавный
переход двух, или более цветов, без конкретного рисунка). Для этого
делаете первую часть урока до того момента, когда нужно продублировать
два раза слой с текстом. Продублировали...стало три слоя с текстом. Так
же поочерёдно с каждым слоем , как накладывали шум, накладываем
градиент. Для этого жмём вторую иконку слева в панели слоёв и в выпавшем
окне выбираем НАЛОЖЕНИЕ ГРАДИЕНТА.
Выбирайте любой градиент. В предосмотре будет всё видно.
Затем
переходите на второй слой с текстом ..снова идёте в наложение градиента
и выбираете либо другой градиент, либо тот же , но с другими
настройками. Затем так же поступаете с третьим слоем текста.
Не бойтесь пробовать. Результат не сохранится, пока Вы его не сохраните сами. Проявляйте своё творчество.
Вот пример с градиентом.
Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Научились создавать анимацию текста с использованием фильтра ШУМ.
2. Научились создавать анимацию текста при помощи наложения градиента.
========================================================
Домашнее задание:
1. Выполнить урок.
2. В комментах выложить работу по уроку (желательно две - с шумом и градиентом)
===============================================
По уроку Милледи Малиновской.
Сообщество ХОЧУ ВСЁ ЗНАТЬ
|
|
|
|
|