Опубликован: 27.03.2013 | Доступ: свободный | Студентов: 1531 / 281 | Длительность: 08:07:00
Специальности: Программист
Лекция 8:

Слои

< Лекция 7 || Лекция 8 || Лекция 9 >
Аннотация: Упростить процесс создания и редактирования графического изображения позволяет использование слоев. Процесс работы со слоями, их типы рассмотрены в лекции.
Ключевые слова: объект, Клик, меню, шкала

Слои

Использование слоев дает большие возможности при создании фильма. Объекты, помещенные на разные слои можно накладывать или скрывать, что создает имитацию объема сцены. Любой объект, который предстоит анимировать, нужно помещать на собственный слой, так значительно быстрее добиваются нужных эффектов.

Добавить новый слой можно так:

Клик правой кнопкой мыши по "Слою 1" временной шкалы (либо: режим меню "Вставка" - "Временная шкала" - "Слой").

Вставка нового слоя

Рис. 7.1. Вставка нового слоя

Есть еще один способ создания слоя – можно воспользоваться значками под названиями слоев ("Создать слой", "Создать папку" и "Удалить") и использовать значок "Создать слой" для создания нового слоя.

Значки "Создать слой", "Создать папку" и "Удалить"

Рис. 7.2. Значки "Создать слой", "Создать папку" и "Удалить"

Для каждого слоя старайтесь придумать соответствующее название. Для изменения имени слоя, кликните дважды левой кнопкой мыши на названии слоя и введите новое.

Слои можно перемещать относительно друг друга, выводя на первый план их содержимое, или наоборот скрывая его. Достаточно перетащить мышкой выбранный слой выше или ниже в списке слоев на временной шкале.

При выделении объектов, будет автоматически активизироваться слой, на котором расположен данный объект.

Каждый слой имеет настройку, позволяющую скрыть, заблокировать его, или показать содержимое слоя в виде контура (когда содержимое слоя не требует редактирования, заблокируйте слой, щелкнув на точке соответствующей выбранному слою под изображением "замка". А если содержимое слоя мешает в работе - отключите его, щелкнув на этот раз под изображением "глаза" на выбранном слое).

Это быстрое задание параметров. Для полного изменения свойств слоя щелкнем правой кнопкой мыши по слою и выберем "Свойства":

Диалоговое окно задания свойств слоя

Рис. 7.3. Диалоговое окно задания свойств слоя

В появившемся диалоговом окне необходимо ввести:

  • имя слоя,
  • установить флажки, показывающие:

    -заблокирован либо нет слой,

    -видим он, либо нет

  • тип слоя ("Маску" и "Направляющую" рассмотрим позже подробнее);
  • видимость объектов в виде контуров (при этом выбрать цвет контура).

Практическая работа "Работа со слоями"

  1. В одном слое нарисуем цветок.
  2. Выберем любой кадр на временной шкале (например, 20) и создадим ключевой кадр, задав тем самым длительность фильма.
  3. Вернемся на первый кадр.
  4. Добавим новый слой, на котором нарисуем бабочку.
    Сюжет для анимации

    Рис. 7.4. Сюжет для анимации
  5. Выделим бабочку и перетащим его на изображение цветка. Перемещать объекты во Flash можно не только мышкой, но и стрелками клавиатуры. За одно нажатие клавиши выделенный объект переместится на один пиксель, а если при нажатии на клавишу удерживать Shift, то сразу на восемь.
  6. При изменении расположения слоев бабочка может оказаться как на цветке, так и скрытой под цветком.
  7. Чтобы изображение цветка не мешало при анимации, отключите режим отображения слоя.
  8. Проверьте, что текущим является слой с бабочкой, а сама бабочка выделена.
  9. Выделите первый кадр данного слоя на временной шкале. Создайте анимацию движения бабочки на данном слое.
  10. Переместите бабочку в то место, куда она должен попасть.
  11. Если все сделано правильно, то можно проиграть ролик, не забыв включить режим отображения слоя с бабочкой.

Краткие итоги лекции:

Использование слоев дает большие возможности при создании фильма. Объекты, помещенные на разные слои можно накладывать или скрывать, что создает имитацию объема сцены. Любой объект, который предстоит анимировать, нужно помещать на собственный слой, так значительно быстрее добиваются нужных эффектов.

Слои можно перемещать относительно друг друга, выводя на первый план их содержимое, или наоборот скрывая его. Когда содержимое слоя не требует редактирования его блокируют, а если содержимое слоя мешает в работе его отключают.

При выделении объектов, будет автоматически активизироваться слой, на котором расположен данный объект.

Ключевые термины

  • Слой
  • Заблокированный слой
  • Слой "Маска"
  • Слой "Направляющая"

Набор для практики:

Вопросы

  • Какие преимущества дает использование многослойного графического изображения?
  • Что произойдет при изменении взаимного расположения слоев?
  • Скрытие видимости слоя лишает ли возможности редактирования изображения, расположенного на этом слое?
  • Устанавливает ли запрет на анимацию объектов блокирование слоя?
  • На каких слоях будут располагаться объекты анимационного изображения, состоящего из статичного фона и располагающихся на нем анимированных персонажей (нескольких)?

Упражнения

Практическая работа "Весна"

Создайте анимацию с таким сюжетом: зима, в городском дворике стоит снеговик. Из-за тучи выходит солнце, снеговик тает (таянье снеговика реализуйте при помощи анимации формы). Готовую заготовку можно взять из созданных ранее рисунков.

Практическая работа "Валентинка"

Сердечко машет крылышками, созданными в отдельном слое. Картинку, которую планируется анимировать, можно нарисовать таким образом:

  • Импортировать файл с понравившимся изображением ("Файл" – "Импорт").
  • Вставить еще один слой выше.
  • В нем обвести инструментом "Карандаш" изображение, расположенное в слое ниже.
  • Удалить нижний слой.
    Сюжет для анимации "Валентинка"

    Рис. 7.5. Сюжет для анимации "Валентинка"

Практическая работа "Паровоз"

Создайте анимацию с таким сюжетом: из трубы паровозика подымается дымок. Паровозик создан в одном слое, дымок в другом. Дым реализуйте при помощи анимации формы (используйте работу предыдущего занятия).

Сюжет для анимации "Паровоз"

Рис. 7.6. Сюжет для анимации "Паровоз"
< Лекция 7 || Лекция 8 || Лекция 9 >
Яна Борисова
Яна Борисова

В тестах есть вопросы, детали которых в тестах не рассматриваются. Ест ли возможность рассмотреть материал в лекциях более подробно и в деталях?

Александра Замбровская
Александра Замбровская

Я прохожу бесплатное (самостоятельное) изучение курса Создание интерактивных приложений в Adobe Flash Могу ли я (имея высшее образование) заказать официальное удостоверение по программе повышения квалификации? Сколько это будет стоить и где можно заказать (если можно, то ссылку на страничку)?