• Авторизация


Листаеи страницы 10-04-2012 11:46 к комментариям - к полной версии - понравилось!

Это цитата сообщения morela4 Оригинальное сообщение

Листаеи страницы

Постарайтесь, чтобы пролистать эту книгу


1. Запуск SWF Quicker. Нарисуйте прямоугольник на холсте и установить его размер, ширина: 160, Высота: 215. Он может быть использован, чтобы сделать преобразующую силу после страницы с помощью записной книжке. Мы называем это "pagemask".

2. Выделите прямоугольник и нажмите F8, чтобы преобразовать его ролика с именем "PageFront". Продублируйте его в библиотеку панели и назовите его "PageBack".

[показать]



3. Выберите экземпляр "PageFront" на холст и нажмите клавишу F8, чтобы конвертировать его в мувиклип. Дайте ему имя "PageFlip".

4. Вход в режим PageFlip редактирования. Настройте экземпляр PageFront на должность (80, 0) и перетащите центральную точку в середине левой стороны, как синие точки показано на следующем рисунке. В SWF Quicker, центральная точка имеет автоматическую адсорбции, что означает, что позиции автоматически, когда она близка к точке. Теперь центральная точка выравнивание по происхождению. Левая сторона позвоночника книги, когда вы страницу до конца.

СОВЕТ: положение точки центр, который первоначально находился в центре выбранного объекта, может быть изменена на другую должность. При изменении размера, поворот, или наклон объекта, все операции будут основаны на новой позиции центральной точки, а не на прежнем месте.

[436x259]



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. Хронология показано следующим образом:

[485x418]



Теперь переверните влияние последней странице делается. Он похож на слой Layer 1, но он отображает первую страницу во фрейм 11-29. В дальнейшем мы будем совмещать две анимации движения в один слой.

8. Вставьте ключевой кадр в кадр 10, 11, 29, 30 слоя 1 и 2 соответственно. В слое 1, конвертировать кадров 11-29 к пустым ключевых кадров. В слое 2, конвертировать кадр 1-10 и 30-39 с пустыми ключевыми кадрами. Нажмите кнопку глаз слоя 1, чтобы отобразить этот слой.
Советы: Для преобразования ключевых кадров для пустых ключевых кадров, вы можете сначала ясно ключевые кадры и вставлять пустые ключевые кадры в правильную позицию.

[476x136]



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" к середине левой стороны.

[440x257]



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 до пустых ключевых кадров. После этого, нет никакой тени, когда страница лжет.

[503x527]




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 Кб) .


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Листаеи страницы | Irina_K- - Дневник Irina K | Лента друзей Irina_K- / Полная версия Добавить в друзья Страницы: раньше»