Содержание
- 1 Шаг 2 из 14: 2. Слой на слое
- 2 Шаг 3 из 14: 3. Сама маска
- 3 Шаг 4 из 14: 4. Конвертировать в Symbol
- 4 Шаг 5 из 14: 5. Идеальное время
- 5 Шаг 6 из 14: 6. Анимируйте его
- 6 Шаг 7 из 14: 7. Маска
- 7 Шаг 8 из 14: 8. Твердые края
- 8 Шаг 9 из 14: 9. Редактирование символов
- 9 Шаг 10 из 14: 10. Градиентное редактирование
- 10 Шаг 11 из 14: 11. Имена экземпляров
- 11 Шаг 12 из 14: 12. Код
- 12 Шаг 13 из 14: 13. Твики
- 13 Шаг 14 из 14: 14. Подробнее, пожалуйста
Создайте новый документ ActionScript 3.0 через экран приветствия. Маска должна находиться над слоем, содержащим содержимое, которое она будет маскировать. По умолчанию слой с именем Layer 1 будет создан на временной шкале. Дважды щелкните имя слоя и переименуйте его в Image.
Следующий шаг «
Реклама
следующий
Предыдущая
Создайте новый документ ActionScript 3.0 через экран приветствия. Маска должна находиться над слоем, содержащим содержимое, которое она будет маскировать. По умолчанию слой с именем Layer 1 будет создан на временной шкале. Дважды щелкните имя слоя и переименуйте его в Image.
Шаг 2 из 14: 2. Слой на слое
Импортируйте изображение в слой («Файл»> «Импорт»> «Импортировать в рабочую область») и выберите изображение, которое вы хотите импортировать. Нажмите кнопку «Новый слой» в нижнем левом углу временной шкалы, чтобы создать новый слой, и переименуйте маску слоя. Слой маски будет размещен над слоем изображения.
Шаг 3 из 14: 3. Сама маска
Чтобы создать свою маску, выберите «Овальный инструмент» на панели инструментов, удерживайте нажатой клавишу «Shift» и нарисуйте круг с левой стороны рабочей области (документ). Удерживая клавишу Shift во время рисования, вы получите идеальный круг, который важен для того, чтобы эффект работал.
Шаг 4 из 14: 4. Конвертировать в Symbol
Преобразуйте круг и изображение в символ мувиклипа. Это не является строго необходимым, но позволит вам легко анимировать маску и позже смягчить ее края. Щелкните правой кнопкой мыши по кругу и выберите: «Преобразовать в символ», выберите тип клипа и назовите его «Маска». Сделайте то же самое с изображением и назовите его ColouredImage.
Шаг 5 из 14: 5. Идеальное время
Давайте сделаем анимацию длиться четыре секунды. Вспышка по умолчанию работает со скоростью 24 кадра в секунду, так что это 96 кадров (4 x 24). Выберите кадр 96 для обоих слоев на временной шкале, удерживая нажатой клавишу «Shift», затем щелкните правой кнопкой мыши выбранный кадр и выберите «Вставить кадр». Вставка кадра сохраняет содержимое слоя видимым.
Шаг 6 из 14: 6. Анимируйте его
Щелкните правой кнопкой мыши на серой панели в слое маски и выберите «Создать анимацию движения», чтобы символ маски можно было анимировать. Переместите красную точку воспроизведения в кадр 96, а затем переместите символ «Маска» с помощью инструмента «Выделение», чтобы оживить его; появится пунктирная траектория движения, показывающая путь, по которому будет следовать символ.
Шаг 7 из 14: 7. Маска
Щелкните правой кнопкой мыши слой «Маска» (рядом с именем слоя) и выберите «Маска» в меню. Изображение появится внутри круглой маски; вне маски будет показан белый цвет сцены. Протестируйте фильм, выбрав «Управление»> «Тестировать ролик»> «Тест», чтобы увидеть достигнутый эффект. Затем закройте тестовое окно.
Шаг 8 из 14: 8. Твердые края
По умолчанию маски не поддерживают прозрачность во Flash, поэтому маски с заштрихованными / мягкими краями невозможны. Но с небольшим количеством кода и ноу-хау, это можно изменить. Давайте смягчим край маски, чтобы создать эффект с перьями. Сначала нажмите на оба замка на временной шкале, чтобы разблокировать слои.
Шаг 9 из 14: 9. Редактирование символов
Используя инструмент «Выделение», дважды щелкните символ «Маска». Двойной щелчок позволяет редактировать оригинальное изображение внутри символа. На панели «Цвет» щелкните значок «Цвет заливки» (заливка с краской) и в раскрывающемся меню выберите «Радиальный градиент».
Шаг 10 из 14: 10. Градиентное редактирование
К маске теперь будет применен градиент. На панели «Цвет» дважды щелкните оба цветовых указателя на цветовой панели внизу и выберите черный. Нажмите на правый цветной указатель и установите Alpha на 0% (обычно на A: 100%), чтобы сделать этот черный прозрачным. Переместите цветные указатели, как показано выше.
Шаг 11 из 14: 11. Имена экземпляров
Нажмите на сцену 1, чтобы выйти из режима редактирования символов. Выберите символ Маска. В инспекторе свойств присвойте символу имя экземпляра mask_mc. Выберите символ ColouredImage, присвойте ему имя экземпляра colouredImage_mc. Это позволяет управлять символами с помощью кода ActionScript. Заблокируйте слои.
Шаг 12 из 14: 12. Код
Выберите слой «Маска», затем создайте новый слой под названием «Действия», затем щелкните правой кнопкой мыши кадр 1, выберите «Действия» и введите код, показанный на панели «Действия»: colouredImage_mc.cacheAsBitmap = true; mask_mc.cacheAsBitmap = true; colouredImage_mc.mask = mask_mc; Протестируйте фильм, чтобы увидеть работающий код.
Шаг 13 из 14: 13. Твики
Попробуйте импортировать затемненную версию используемого изображения на новый нижний слой, чтобы усилить эффект факела. Также попробуйте настроить анимацию маски, переместив точку воспроизведения, затем переместив символ маски и изменив его размер с помощью Free Transform Tool — помните, что вам сначала нужно разблокировать слой.
Шаг 14 из 14: 14. Подробнее, пожалуйста
По умолчанию маскируется только слой под слоем маски. Чтобы замаскировать больше слоев, выберите слои, которые вы хотите замаскировать, а затем перетащите слои вверх под слоем «Маска» или в настоящее время замаскированный слой. Появится индикатор, затем отпустите кнопку мыши. Дополнительные слои будут затем замаскированы.