Постарайтесь, чтобы пролистать эту книгу
1. Запуск SWF Quicker. Нарисуйте прямоугольник на холсте и установить его размер, ширина: 160, Высота: 215. Он может быть использован, чтобы сделать преобразующую силу после страницы с помощью записной книжке. Мы называем это "pagemask".
2. Выделите прямоугольник и нажмите F8, чтобы преобразовать его ролика с именем "PageFront". Продублируйте его в библиотеку панели и назовите его "PageBack".
3. Выберите экземпляр "PageFront" на холст и нажмите клавишу F8, чтобы конвертировать его в мувиклип. Дайте ему имя "PageFlip".
4. Вход в режим PageFlip редактирования. Настройте экземпляр PageFront на должность (80, 0) и перетащите центральную точку в середине левой стороны, как синие точки показано на следующем рисунке. В SWF Quicker, центральная точка имеет автоматическую адсорбции, что означает, что позиции автоматически, когда она близка к точке. Теперь центральная точка выравнивание по происхождению. Левая сторона позвоночника книги, когда вы страницу до конца.
СОВЕТ: положение точки центр, который первоначально находился в центре выбранного объекта, может быть изменена на другую должность. При изменении размера, поворот, или наклон объекта, все операции будут основаны на новой позиции центральной точки, а не на прежнем месте.
5. В сроки, вставьте ключевой кадр в кадр 20 и 39 соответственно. В кадре 20, установите параметр косых горизонтально в панели Transform, как -180. Пожалуйста, обратите внимание, чтобы разблокировать геометрической прогрессии косых горизонтально и вертикально Косые в первую очередь. После этого, создайте анимацию движения между 1-й кадр и кадр 39.
Страница флип эффект рудимент сейчас. Подумайте об этом, мы, кажется, встречаются еще одна проблема: что мы должны увидеть это перед второй странице в течение 11-29 кадров, но мы можем видеть только спины первой странице. Это все потому, что мы входим -180 как Косые горизонтально параметра. Теперь нам нужно, чтобы сделать ту же страницу перевернуть эффект для "PageBack" и принять соответствующие кадры для замены кадров 11-29.
6. Нажмите кнопку глаз, чтобы скрыть слой 1 во временной шкале. Создайте новый слой, перетащить "PageBack" из библиотеки на холст и установить свою позицию в качестве (-80, 0), а затем перетащить центральную точку "PageBack" к середине правой стороны. Выровнять по центру указывают на происхождение.
7. Установите параметр Косые как по горизонтали, 180. Вставьте ключевой кадр в кадр 20 и 39 соответственно. В кадре 20, установите параметр Косые как по горизонтали, 0 для "PageBack". Создайте анимацию движения между 1-й кадр и славы 39. Хронология показано следующим образом:
Теперь переверните влияние последней странице делается. Он похож на слой Layer 1, но он отображает первую страницу во фрейм 11-29. В дальнейшем мы будем совмещать две анимации движения в один слой.
8. Вставьте ключевой кадр в кадр 10, 11, 29, 30 слоя 1 и 2 соответственно. В слое 1, конвертировать кадров 11-29 к пустым ключевых кадров. В слое 2, конвертировать кадр 1-10 и 30-39 с пустыми ключевыми кадрами. Нажмите кнопку глаз слоя 1, чтобы отобразить этот слой.
Советы: Для преобразования ключевых кадров для пустых ключевых кадров, вы можете сначала ясно ключевые кадры и вставлять пустые ключевые кадры в правильную позицию.
9. Выберите кадр 11-29 в слое 2 и нажмите правую кнопку мыши, чтобы выбрать их вырезать кадры в контекстном меню. В Layer 1, выделите кадр 11-29, щелкните правой кнопкой им выбрать Вставить кадр. Теперь два слоя будут объединены в один слой.
10. В слое 2, вставьте ключевой кадр в кадр 20 и 30. Входной же ActionScript в кадре 1 и 20 следующим образом:
| Код: |
| остановить (); |
Входной же ActionScript в кадре 11 и 30 следующим образом:
| Код: |
| this.swapDepths (-this.getDepth ()); |
Выше ActionScript означает: когда вы страницу с первой страницы до последней странице и от последней странице на главную страницу, Глубина порядке должны быть изменены, например, стр. 1 и 2 находятся в первой инстанции и PageFlip стр. 3 и 4 Во второй экземпляр PageFlip. Страница 1 выше стр. 3 в то время как главная страница отображается это означает, что первый PageFlip выше второй. В противоположность этому, стр. 4 выше стр. 2 в то время как на последней странице отображается, в другом слове, вторая PageFlip выше первого.
11. Нажмите Ctrl + F8, чтобы создать новый символ и назовите его "PageBtn". Вставьте ключевой кадр в кадр Hit. Перетащите "pagemask" из библиотеки на холст и установить свою позицию как (0, 0).
12. Дважды щелкните "PageFlip" в библиотеке панели, чтобы вернуться в режим PageFlip редактирования. Вставьте новый слой здесь, вставьте ключевой кадр в кадр 2 и 20. Выберите кадр 1, перетащить "PageBtn" на холст и установить свою позицию в качестве (80, 0), добавить следующий код в кнопку.
| Код: |
|
/ / "_global.curpage" Это значит написать номер текущей страницы. на (релиз) { Var S: Number = _name.substr (4); если (_global.curpage == ы) { играть (); _global.curpage = номер (а) +2; } } |
Выберите 20 кадр и перетащите "PageBtn" на холст и установить свою позицию в качестве (-80, 0). Добавить в ActionScript кнопок следующим образом:
| Код: |
|
на (релиз) { Var S: Number = _name.substr (4); Если (S == _global.curpage-2) { играть (); _global.curpage = с; } } |
13. Здесь страницу перевернуть эффект почти сделано. Чтобы сделать его идеальным, мы должны добавить тень, когда мы листать записную книжку. Вставьте слой и поместите его под другими слоями. Дубликат "pagemask" в библиотеке панели и назовите его "pageshadow". Перетащите "pageshadow" на холст и установить свою позицию (80, 0), изменить его цвет заливки следующим образом: цвет указателя: Черный; Альфа стоимость каждого указателя на 100, 88, 65, 44 и 0 слева направо. Наконец, перетащите указатель центра "pageshadow" к середине левой стороны.
14. Вставьте ключевой кадр в кадр 10, 11, 20, 29, 30 и 39 соответственно.
В кадре 10, набор Ширина "pageshadow" как 13, Альфа-значение, что и 50.
В кадре 11, установить ширину 13, Косые как по горизонтали, 180, Альфа значение, что и 50.
В кадре 20, установить Косые как по горизонтали, 180.
В кадре 29, установить ширину 13, Косые как по горизонтали, 180, Альфа значение, что и 50.
В кадре 30, установить ширину 13, Альфа значение, что и 50
Создайте анимацию движения между этими кадрами.
15. Вставьте ключевой кадр в кадр 2, 19, 21 и 38. Выберите экземпляр этих ключевых кадров и установите значение альфа-канала до 80 для них по очереди. Затем преобразуйте 1 кадр, 20 и 39 до пустых ключевых кадров. После этого, нет никакой тени, когда страница лжет.
16. Щелкните правой кнопкой мыши "PageFlip" в панели библиотеки и выберите связь, введите "страницы" в качестве идентификатора.
17. Вход в "PageFront" режим редактирования, удаления прямоугольника "pagemask" в слое 1. Добавьте следующий ActionScript:
| Код: |
|
Var S: Number = _parent._name.substr (4); this.attachMovie ("страница" + S ", страница", 1); / / Автоматически сообщение на соответствующую страницу, которая имеет тот же номер в библиотеке как серийный номер имя экземпляра, в мувиклип. |
18. Сделайте то же самое на «PageBack". Удалите прямоугольник в слой Layer 1 и добавить следующий ActionScript.
| Код: |
|
Var S: Number = _parent._name.substr (4); this.attachMovie ("страница "+(++ ы)", страница ", 1); / / Автоматически сообщение на соответствующую страницу, которая имеет один большой номер в библиотеку, чем серийный номер имя экземпляра, в мувиклип. |
19. Потому что "PageFront" и "PageBack" пусты клипов и их трудно положение на холсте, нам нужно создать еще один новый клип под названием "PageLocation", чтобы сделать эту задачу. Перетащите "pagemask" дважды из библиотеки. Установить положение о них, как (80, 0) и (-80, 0), а затем обратно на основной фильм, поставить "PageLocation" на месте которая есть книга позиции отметить отображает дюйма Enter "pagelocation" как имя экземпляра из ролика "PageLocation".
20. Теперь мы создадим каждой страницы с размером такой же, как "pagemask" и назовите их как стр.1, стр.2, Страница3 ... в библиотеку через команду "связь". Я полностью дизайн 16 страниц в этом уроке.
21. Вставьте новый слой и добавьте ActionScript следующим образом:
| Код: |
|
pagelocation._visible = ложь; / / позиция ролика, чтобы сделать его невидимым; _global.curpage = 1; / / Поместить каждую страницу _root.attachMovie ("страница", "стр.1", 8); _root.attachMovie ("страница", "Страница3", 7); _root.attachMovie ("страница", "page5", 6); _root.attachMovie ("страница", "page7", 5); _root.attachMovie ("страница", "page9", 4); _root.attachMovie ("страница", "page11", 3); _root.attachMovie ("страница", "page13", 2); _root.attachMovie ("страница", "page15", 1); / / Похоже, с отрывными листами книги, если вы увеличите первого и конце страницы; page1._xscale = page1._yscale = 105; page15._xscale = page15._yscale = 105; / / Позиция ролика, чтобы оценить для каждой страницы; page1._x = page3._x = page5._x = page7._x = page9._x = page11._x = page13._x = page15._x = pagelocation._x; page1._y = page3._y = page5._y = page7._y = page9._y = page11._y = page13._y = page15._y = pagelocation._y; |
То есть конец учебника, нажмите Ctrl + Enter, чтобы увидеть презентацию.
Смотрите более подробную информацию, Вы можете загрузить исходные файлы здесь simplePageflip.zip (89,61 Кб) .