Уроки Macromedia Flash MX от rvm1455-для начинающих

[rvm1455]

11. Создаем четырехугольную звездочку в программе FireWorks и импортируем ее в наш документ, как рассказано в п.п.2 и 3 в предыдущем - точнее 36-м - посте.
Выделяем звездочку инструментом стрелка и превращаем ее в графический символ - F8 - Graphic
12. Изменяем его размеры до приемлемого - правая кнопка мыши - Free Transform

и копируем в разных частях тех мест картинки с разными размерами, которые будут у нас с блестючками.
13. Выбираем инструмент "Oval" с белой заливкой и без границы и рисуем кружочки разных размеров в тех же частях картинки на не занятые звездочками места.
14. Переходим на второй ключевой кадр и снова размещаем кружочки и звездочки, но уже в других местах.
Повторяем это же и в третьем кадре.

Пункты 12-14 довольно трудоемкие, поэтому вы, очевидно, заметили, что чаще всего на мерцающих картинках с "блестючками" используется один и тот же повторяющийся рисунок с парой тройкой звездочек и тремя-четырьмя кружочками.
Сделаем и мы так же.

Вместо выполнения пунктов 12-14 делаем так:
15. Размещаем три звездочки и четыре кружочка разных размеров на маленьком пространстве в месте нужной нам заливки "блестючками" во втором слое.
16. Выделяем все нарисованные здесь в этом кадре второго слоя объекты (звезды и круги) и копируем в буфер - Ctrl + C
17. Добавляем эти объекты на этот же кадр (Ctrl + V) и с промощью стрелок вниз-вверх-влево-вправо на клавиатуре пододвигаем их вплотную к нарисованным ранее. При необходимости большего шага движения объектов по картинке используйте сочетание клавиш Shift и стрелок.
18. Когда все пространство для блеска заполнено, переходим во второй ключевой кадр верхнего слоя и повторяем пункты 15-17. При этом количество, размеры и расположение первых кружков и звездочек необходимо изменить.
19. Еще раз повторить пункт 18 для третьего ключевого кадра второго слоя.
Картинка готова. Осталось ее экспортировать в гиф-анимацию.
Это делается так.
20. Сохраняем исходный флэш-документ на диске компьютера: Ctrl + S или File - Save
21. Публикуем: Ctrl + Shift + F12 или File - Publish Settings
22. Ставим птичку на строчке GIF image (.gif) (стрелка 1)
и переходим на вкладку GIF (стрелка 2)

23. Выбираем анимированный тип (стрелка 1) и адаптированную цветовую палитру для увеличения количества цветов в гиф-картинке (стрелка 2). Это имеет смысл только в гиф. Во флэш-файле вся палитра цветов исходного файла сохраняется.

Теперь в том же каталоге, где находится ваш флэш-файл, будет находиться и гиф-анимация.
Удачи.

[rvm1455]

Результат

исходный fla - файл

[rvm1455]

gia, BepaK,ссылки в уроках 1-3 и 14 обновлены. Пользуйтесь

[lcnet]

народ подскажите кто знает, как заставить текст крутиться? а именно есть надпись "ПРИМЕР", далее идет некое кол-во переходов после чего получается надпись "РЕМИРП", после этого опять идет некое кол-во переходов и текст возвращается в исходную позицию...

[Vit0]

Сообщение от lcnet

некое кол-во переходов

Поясни.

[111111]

Здравствуйте, читал эту тему. Очень интересная, звездочки понравились)))
Но зачем ограничивать количество сообщений 10?

[111111]

И вот еще какоето тупое ограничение:
для того, чтоб иметь возможность оставлять линки, количество Ваших сообщений должно быть 10 или больше. На данный момент Вы написали 2 сообщений
Зачем они?

Я кода-то давно в универе делал раскадровки, но уже совсем все забыл, помню только что для этого есть Флеш МХ.
Я во всем этом только начинаю разбираться, потому то и обратился за помощью. Я делаю страничку для ирк-чата.

Вот жимпег картинка, это скриншот
shikin.od.ua/documents/portal/design_jpg/irc_chat.jpg

Вот сам psd файл
shikin.od.ua/documents/portal/design_psd/irc_chat.psd

Пожалуйста посмотрите, то что я сделал в html
shikin.od.ua/documents/portal/maket_html/irc_chat/

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

Но основное зачем я пришел это: Как раскадровать свиток, чтобы он сворачивался по нажатии на Навигации и разворачивался при повторном нажатии? Помогите пожалуйста сделать раскадровку (и по возможности оптимизацию всей странички) или скажите хотя бы источники, что бы почитать
Подскажите пожалуйста.

[rvm1455]

lcnet,
если это имеешь в виду



есть несколько вариантов.
Например, иногда я делаю так
1. Загружаю WORD из MS Office
2. Выбираем обьект WordArt (из строки меню - Рисование) - обозначен буквой А - обычно это самый первый значок в этом меню.
3, Набираем в нем текст
4. После набора текста выделяем этот обьект и снова обращаемся к тому же меню "Рисование", где выбираем пункт "Текст-Фигура". Тоже обозначается буквой "А", но слегка деформированной.
5. В этом пункте выбираем фигуру - Круг
6. Полученный текст через буфер (CTRL+C и CTRL+V) копируем во флэш.
7. Преобразовываем скопированный текст-фигуру в графику. -> F8 - пункт Graphik
8. Выделяем на временнОй шкале, к примеру 20й (или 30й или 40й и т.д чем длиннее, тем меньше будет скорость вращения текста) кадр и делаем его ключевым (F6)
9. выделяем любой промежуточный кадр и в шкале свойств (внизу) выбираем раскадровку:
Tween - Motion
Rotate - CCW 1 times
10. Все.
НО! Есть один важный момент.
При такой раскадровке дважды будет начальное положени текста подряд в двух кадрах - последний и первый, совпадаюший с началом движения.
Чтобы устранить эту проблему, делаем так:
1. выделяем на временнОй шкале предпоследний кадр раскадровки и делаем его ключевым тоже.
2. удаляем последний кадр

[rvm1455]

111111,
раскадровка делается между двумя нарисованными или графическими фигурами.
Но не jpeg или gif-картинками.
Однако, для сайта, как мне представляется - это лишняя временнАя нагрузка. Проще подменять обьект-кнопку со свернутого свитка на развернутый и наоборот. Ну. или добавить еще один или два промежуточных рисунка полуразвернутого свитка.

[111111]

Извинте пожалуйста, разрешите задать глупый вопрос: что можно почитать для того что бы передать пункты меню из ПоХаПе в Свиток, и что бы переход из ссылки отображал контент в правой части?