|
|
Результат урока:
Открываем исходник с прошлого урока.
Давайте ещё раз внимательно посмотрим на результат урока. Буквы нашего текста появляются по очереди.
Каждая буква имеет свой кадр. А на одном кадре вобще нет букв. Значит, это как бы, чистый кадр.
Вот теперь давайте посчитаем , сколько слоёв (то есть кадров) будет в нашей анимации.
В моём случае текст имеет 7 символов (6 букв и восклицательный знак)
и + должен быть один слой (кадр) без текста вобще. И того в моей анимации должно быть 8 слоёв (кадров).
Давайте посмотрим на понель слоёв. Там сейчас всего один слой. Снимем с него замочек.
И так, я выяснила, что мне нужно для анимации 8 кадров. Один уже есть.
Не хватает ещё семи слоёв (кадров). Значит, сейчас я семь раз нажму на клавиаутре комбинацию клавиш Ctrl+J ,
тем самым сделаю семь копий нашего слоя. Это называется ПРОДУБЛИРОВАТЬ СЛОЙ.
теперь смотрите какие у нас названия слоёв...запутаться можно: слой 0 копия 1 .и т.д.
Сейчас мы их переименуем так, как нам удобно.
Давайте встанем на самый нижний слой (то есть кликнем по нему)
и он станет у нас активным и выделится серым (синим) цветом.
Теперь кликнем по нему правой кнопкой мыши и в выпавшем окне
выберем первую строку ПАРАМЕТРЫ СЛОЯ.
Выйдет такое окно
в строке ИМЯ стираем, то, что написано и пишем просто цифру 1 и жмём ДА.
теперь смотрим в панель слоёв и видим, что нижний слой в названии имеет только цифру 1.
Теперь встаём на следующий слой, кликаем по нему снова правой кнопкой
мыши , выбираем ПАРАМЕТРЫ СЛОЯ, стираем название и вводим цифру 2.
Затем поднимаемся на следующий и проделываем тоже самое,
меняя цифру на следующую по порядку. И так проходим все слои.
У меня теперь панель слоёв выглядит так. Очень удобно глазу.
Обратите вни мание...сейчас активен самый верхний слой.
Он в анимации будет самым последним кадром, когда все буквы уже появятся.
Значит, именно на нём мы ничего делать не будем.
Единственное, что мы сделаем, это отключим у него глазик
(просто кликнем на него и он исчезнет).
Этим самым мы сделали слой 8 невидимым . А сами перейдём на слой 7.
Теперь берём инструмент ПИПЕТКА и набираем в неё цвет фоновой заливки,
дабы подобрать родной цвет.
Теперь берём инструмент КИСТЬ.
В параметрах кисти давайте нажмём на эту стрелочку.
Открылось такое окно. В нём находится какой то один набор кистей,
из тех наборов, которые заложены в программе.Жмём на эту стрелочку.
В выпавшем окне, в нижней его части, находятся все наборы, которые есть
в программе. Мы выберем второй - набор базовых кистей.
Выйдет окошко, где вас спросят, действительно ли вы хотите заменить
текущий набор кистей на выбранный. Жмём ДА.
Давайте в этом наборе выберем кисть с диаметром 28.
Теперь этой кистью (крожочком) поводим по восклицательному знаку,
то есть по последнему символу в тексте, иначе говоря,
закрасим последний символ.
Вот я закрасила его. Это нужно делать аккуратно, чтобы не закрасить рядом
стоящую букву, или клипарт. Помните.если где то ошиблись, вернитесь на
шаг назад: МЕНЮ - РЕДАКТИРОВАНИЕ - ШАГ НАЗАД.
Всё..со слём 7 поработали.....выключаем у него глазик, делая его невидимым
и опускаемся на слой 6.
Теперь нашей кистью закрашиваем два последних симола в тексте.
Выключаем глазик у слоя 6 и опускаемся на слой 5.
Теперь нашей кистью закрашиваем три последних симола в тексте.
Отключаем глазик у слоя 5 и опускаемся на слой 4.
Теперь нашей кистью закрашиваем четыре последних симола в тексте.
Выключаем глазик у слоя 4 и встаём на слой 3.
Теперь нашей кистью закрашиваем пять последних симолов в тексте.
Выключаем глазик у слоя 3 и встаём на слой 2.
Теперь нашей кистью закрашиваем шесть последних символов в тексте.
Выключаю глазик у слоя 2 и встаю на слой 1.
C:\Users\Евгений\Desktop\29.jpg
Закрашиваю кистью все символы.
Ну вот.теперь все наши слои (кадры) готовы к анимации.
Чтобй начать создавать анимацию, нужно сначала открыть панель анимации.
Для этого идём МЕНЮ - ОКНО - АНИМАЦИЯ. Внизу открылась панель анимации.
Как видим, один кадр уже у нас стоит. Нам нужно столько кадров, сколько и слоёв.
В моём слёчае у меня 8 слоёв, значит и кадров должно быть тоже 8.
так как один уже стоит - не хвататет ещё 7. Сейчас я их добавлю.Для этого
нажму 7 раз на вторую иконку справа.
Теперь в панели анимации появились 8 кадров.
А вот теперь внимание! Делаем всё не спеша и обдуманно.
Сейчас в панели анимации у нас активен последний кадр.
Видите, он выделен серым(синим) цветом.
Это так же , как в панели слоёв. Какой слой активен, с тем и можно работать.
Давайте сделаем активным первый кадр. Для этого достаточно просто на него кликнуть
и он выделится серым(синим) цветом.
Теперь смотрите........у нас восемь кадров в панели анимации и восемь слоёв
в панели слоёв. Это значит, что каждому кадру будет нужна видимость только
одного слоя,соответствующего его порядковому номеру.
Чтобы было понятнее, объясню на пальцах.
Например, у вас в шкафу висят 8 платьев. Каждое платье на отдельном плечике.
Вы двигаете плечики ( то есть кадры) и на каждом плечике вам видно одно только
платье во всей своей красе.
А теперь представим, что вы все восемь платьев повесили на одно плечико.
Что будет? чёрти что.. Так и здесь. Если на один кадр включить несколько слоёв -
будет тоже чёрти что.
Вот давайте внимательно будем раскладывать слои по кадрам.
И так... в панели анимации встаём на первый кадр, в панели слоёв включаем глазик
на первый слой. Все остальные слои без глазика, то есть невидимы.
Теперь в панели анимации встаём на второй кадр, в панели слоёв включаем
глазик на второй слой. Все остальные слои без глазика, то есть невидимы.
Теперь в панели анимации встаём на третий кадр, в панели слоёв включаем глазик
на третий слой. Все остальные слои без глазика, то есть невидимы.
Теперь в панели анимации встаём на четвёртый кадр, в панели слоёв включаем
глазик на четвёртый слой. Все остальные слои без глазика, то есть невидимы.
Теперь в панели анимации встаём на пятый кадр, в панели слоёв включаем глазик
на пятый слой. Все остальные слои без глазика, то есть невидимы.
Теперь в панели анимации встаём на шестой кадр, в панели слоёв включаем глазик
на шестой слой. Все остальные слои без глазика, то есть невидимы.
Теперь в панели анимации встаём на седьмой кадр, в панели слоёв включаем глазик
на седьмой слой. Все остальные слои без глазика, то есть невидимы.
Теперь в панели анимации встаём на восьмой кадр, в панели слоёв включаем глазик
на восьмой слой. Все остальные слои без глазика, то есть невидимы.
Ну вот...все кадры у нас готовы. Если на них внимательно посмотреть, то видно,
что с каждым кадром наш текст добавляется.
Сейчас под каждым кадриком стоит 0 секунд...это значит, что наши кадры будут
чередоваться без задержки.то есть очень быстро.
Давайте выставим время задержки 0.2. для этого под каждым кадром,
кроме последнего, нажмём на малюсенькую стрелочку и в выпавшем окошечке
выберем 0.2.
В последнем кадре давайте поставим 2.0 ...ну типа сделаем остановку в конце фразы.
Теперь давайте нажмём на значок плей , чтобы запустить воспроизведение анимации,
и посмотрим, что у нас получилось.
У меня всё отлично получилось. Теперь я останавливаю анимацию,
нажав на значок СТОП.
Теперь вам осталось работу сохранить на рабочий стол и показать мне в качестве
домашнего задания.
Внимание! Все анимационные изображения имеют формат GIF (ГИФ),
поэтому сохранять их нужно иначе.
Идём МЕНЮ - ФАЙЛ - СОХРАНИТЬ ДЛЯ WEB И УСТРОЙСТВ.
В открывшемся окне жмём СОХРАНИТЬ.
Далее даёте имя файлу, выбираете рабочий стол и жмёте СОХРАНИТЬ.
Снова выйдет окошечко, в котором нужно нажать ОК.
После этого в самом низу пробежит зелёная зебра обработки и вернёт вас на
рабочий стол программы. Это значит, что обработка и сохранение завершены.
Изображение должно появиться на рабочем столе.
Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:
1. Научились задавать параметры слоя, то есть давать каждому слою имя.
2. Познакомились с инструментом КИСТЬ (поверхностно).
3. Познакомились с панелью анимации.
4. Научились сохранять файлы в Gif формате.
========================================================
Домашнее задание:
1. Выполнить урок.
2. В комментах выложить работу по уроку. Удачи! С теплом Милледи Малиновская
|
|
|
