rvm1455
20.02.2005, 19:15
8. Пример 4. Создание разноцветного мигающего круга – «солнце»
Этот пример покажет эффект переливающегося к5руга, который может быть использован, например, в качестве солнца на картинке.
8.1. Загружаем пакет Macromedia Flash MX/ Выбираем размер документа 550х400, фон документа задаем темно-синий (Modify – Document – Background Color)
8.2. Выбираем инструмент «круг» на левой верхней панели инструментов Tools (Oval Tool)
8.2.1. На левой панели Color цвет границы (значок карандаша) выбираем «никакой» (белый квадратик, перечеркнутый красной диагональю).
Цвет заливки (Fill Color) выбираем из нижней части цветов кружок с красно-черным заполнением).
После этого на правой панели инструментов Color Mixer (включение/выключение с помощью комбинации Shift+F9) вид заполнения указан Radial
8.3. C помощью мыши рисуем круг.
В левой верхней точке размещения будущего объекта нажимаем левую кнопку мыши и, не отпуская ее, тащим мышь вправо вниз. На экране появляется овал, который иногда превращается в правильный круг, о чем говорит появляющийся в этот момент маленький кружок возле курсора мыши. В один из таких моментов отпускаем кнопку мыши.
На экране появился круг выбранной нами расцветки.
8.4. Если размер полученной фигуры не устраивает, его можно исправить с помощью панели инструментов Info (Ctrl+I)/ Здесь W и H – ширина и высота объекта, X и Y – расположение его в документе.
8.5. выбрав инструмент «стрелка» на левой панели Tool, можно фигуру перенести также мышкой в нужное место.
8.6. Превращаем нарисованную фигуру в объект Move.
8.6.1. Выбираем инструмент «стрелка» на панели Tools, выделяем нарисованный объект и жмем кнопку F8. В появившемся окне “Convert to Symbol” выбираем переключатель в положение Move Clip, в строке Name указываем Sun. Щелкаем кнопку Ок.
Вокруг нашего круга появилась рамка с обозначенным внутри центром.
8.7. Щелкаем по объекту двойным щелчком левой кнопки мыши и этим переходим в режим редактирования этого объекта.
8.8. Меняем расцветку объекта с помощью панели инструментов Color Mixer (Shift+F9).
8.9. Вначале на строке палитры слева видим стилизованное изображение банки с красной краской, а справа – с черной краской.
8.9.1. Щелкаем по правой черной банке мышкой. Теперь она открыта для изменения. Переходим на банку над этой строкой (ColorProxy) и меняем черный цвет на желтый.
Цвет нашего объекта поменялся в соответствии с новой раскраской.
8.10. Выделяем мышкой 10й кадр и делаем его ключевым (кнопкой F6). Выделяем 20й кадр и тоже делаем его ключевым.
8.11. Снова выделяем мышкой 10й кадр. Затем щелкаем мышкой один раз по объекту и меняем его цвет.
Для этого на панели Color Mixer мышкой меняем местами левую и правую банки с краской. Так, чтобы слева была желтая банка, а справа – красная.
8.12. Для плавной замены цветов – эффекта переливания – делаем раскадровку.
8.12.1 Выделяем 1й кадр. Внизу в панели Properties в окошке Tween выбираем Shape. Между кадрами 1 и 10 появляется стрелка на зеленом фоне. Непрерывность стрелки показывает, что раскадровка прошла успешно.
8.12.2. Выделяем мышкой 10й кадр и, как в п.8.12.1 устанавливаем раскадровку Shape.
8.13. Все. Сохраняем под именем summer, публикуем (Ctrl+Shift+F12), проверяем.
Исходные данные и результат можете посмотреть здесь
http://friends-forum.com/modules/My_Uploads/user_folders/rvm1455/sun.fla
http://friends-forum.com/modules/My_Uploads/user_folders/rvm1455/sun.swf
9. Пример 5. Добавление земли и неба к примеру 4.
9.1. Создаем документ размером 550х400 с белым фоном.
9.2. Создаем три слоя (сверху вниз) с именами:
солнце
небо
земля
9.3. Слой земли. Блокируем все слои кроме слоя «земля».
Землю вместо однотонного фона выберем также градиентный, как в предыдущем примере. Обычно, чем ближе к горизонту, тем и небо, и земля светлее и наоборот. Однако градиент во Flash изменяется в горизонтальном направлении. Чтобы создать вертикальный градиент нашего фона, делаем так.
9.4. Открываем панель Color Mixer (Shift+F9). В окне Fill style выбираем опцию Linear.
9.5. Левую банку краски на этой панели (черную) меняем на зеленую.
9.6. На левой панели Tools выбираем инструмент прямоугольник. С помощью панели Colors (слева) для цвета контура (границы) -инструмент Stroke Color - выбираем пустую – белый квадратик, перечеркнутый красной линией.
9.7. На документе рисуем прямоугольник примерно на половину его нижней площади.
9.8. Теперь нам нужно изменить его размер и выровнять. И повернуть градиент так, чтобы темная часть была внизу, а светлая – внизу.
9.8.1. Переключаем инструмент на «стрелку» из панели Tools.
Щелкаем правой кнопкой мыши по прямоугольнику и выбираем Free Transform.
Наш прямоугольник оказывается заключен в рамку с метками по краям и выделенным центром. Подводим мышку к одному из углов так, чтобы указатель мыши превратился в дуговую стрелку. И с помощью него поворачиваем прямоугольник на 90 градусов так, чтобы темная часть оказалась внизу, а светлая – вверху.
9.8.2. Переходим на панель Info (Ctrl+I). Изменяем параметры на W=550, H=200, X=0, Y=225.
9.9. Слой солнца. Солнце можно создать, как было указано ранее в п.8, а можно прямо импортировать уже созданный объект. Так и сделаем.
9.10. Блокируем два нижних слоя, а слой солнца разблокировать. Выбрать первый кадр верхнего слоя.
9.11. Выбираем в верхнем меню File – Open as Library – читаем сохраненный файл summer.fla
В результате получаем панель Library (библиотека) с сохраненным объектом Sun
Панель Library включается/выключается с помощью комбинации Ctrl + L.
9.12. Выбираем мышкой объект sun и переносим его в правый верхний угол нашего документа.
С помощью панели Info (Ctrl+I) можно изменить размер и положение солнца.
9.13. Все. Сохраняем под именем frei и публикуем (Ctrl+Shift+F12).
Исходные данные и результат можете посмотреть здесь
http://friends-forum.com/modules/My_Uploads/user_folders/rvm1455/frei.fla
http://friends-forum.com/modules/My_Uploads/user_folders/rvm1455/frei.swf
Этот пример покажет эффект переливающегося к5руга, который может быть использован, например, в качестве солнца на картинке.
8.1. Загружаем пакет Macromedia Flash MX/ Выбираем размер документа 550х400, фон документа задаем темно-синий (Modify – Document – Background Color)
8.2. Выбираем инструмент «круг» на левой верхней панели инструментов Tools (Oval Tool)
8.2.1. На левой панели Color цвет границы (значок карандаша) выбираем «никакой» (белый квадратик, перечеркнутый красной диагональю).
Цвет заливки (Fill Color) выбираем из нижней части цветов кружок с красно-черным заполнением).
После этого на правой панели инструментов Color Mixer (включение/выключение с помощью комбинации Shift+F9) вид заполнения указан Radial
8.3. C помощью мыши рисуем круг.
В левой верхней точке размещения будущего объекта нажимаем левую кнопку мыши и, не отпуская ее, тащим мышь вправо вниз. На экране появляется овал, который иногда превращается в правильный круг, о чем говорит появляющийся в этот момент маленький кружок возле курсора мыши. В один из таких моментов отпускаем кнопку мыши.
На экране появился круг выбранной нами расцветки.
8.4. Если размер полученной фигуры не устраивает, его можно исправить с помощью панели инструментов Info (Ctrl+I)/ Здесь W и H – ширина и высота объекта, X и Y – расположение его в документе.
8.5. выбрав инструмент «стрелка» на левой панели Tool, можно фигуру перенести также мышкой в нужное место.
8.6. Превращаем нарисованную фигуру в объект Move.
8.6.1. Выбираем инструмент «стрелка» на панели Tools, выделяем нарисованный объект и жмем кнопку F8. В появившемся окне “Convert to Symbol” выбираем переключатель в положение Move Clip, в строке Name указываем Sun. Щелкаем кнопку Ок.
Вокруг нашего круга появилась рамка с обозначенным внутри центром.
8.7. Щелкаем по объекту двойным щелчком левой кнопки мыши и этим переходим в режим редактирования этого объекта.
8.8. Меняем расцветку объекта с помощью панели инструментов Color Mixer (Shift+F9).
8.9. Вначале на строке палитры слева видим стилизованное изображение банки с красной краской, а справа – с черной краской.
8.9.1. Щелкаем по правой черной банке мышкой. Теперь она открыта для изменения. Переходим на банку над этой строкой (ColorProxy) и меняем черный цвет на желтый.
Цвет нашего объекта поменялся в соответствии с новой раскраской.
8.10. Выделяем мышкой 10й кадр и делаем его ключевым (кнопкой F6). Выделяем 20й кадр и тоже делаем его ключевым.
8.11. Снова выделяем мышкой 10й кадр. Затем щелкаем мышкой один раз по объекту и меняем его цвет.
Для этого на панели Color Mixer мышкой меняем местами левую и правую банки с краской. Так, чтобы слева была желтая банка, а справа – красная.
8.12. Для плавной замены цветов – эффекта переливания – делаем раскадровку.
8.12.1 Выделяем 1й кадр. Внизу в панели Properties в окошке Tween выбираем Shape. Между кадрами 1 и 10 появляется стрелка на зеленом фоне. Непрерывность стрелки показывает, что раскадровка прошла успешно.
8.12.2. Выделяем мышкой 10й кадр и, как в п.8.12.1 устанавливаем раскадровку Shape.
8.13. Все. Сохраняем под именем summer, публикуем (Ctrl+Shift+F12), проверяем.
Исходные данные и результат можете посмотреть здесь
http://friends-forum.com/modules/My_Uploads/user_folders/rvm1455/sun.fla
http://friends-forum.com/modules/My_Uploads/user_folders/rvm1455/sun.swf
9. Пример 5. Добавление земли и неба к примеру 4.
9.1. Создаем документ размером 550х400 с белым фоном.
9.2. Создаем три слоя (сверху вниз) с именами:
солнце
небо
земля
9.3. Слой земли. Блокируем все слои кроме слоя «земля».
Землю вместо однотонного фона выберем также градиентный, как в предыдущем примере. Обычно, чем ближе к горизонту, тем и небо, и земля светлее и наоборот. Однако градиент во Flash изменяется в горизонтальном направлении. Чтобы создать вертикальный градиент нашего фона, делаем так.
9.4. Открываем панель Color Mixer (Shift+F9). В окне Fill style выбираем опцию Linear.
9.5. Левую банку краски на этой панели (черную) меняем на зеленую.
9.6. На левой панели Tools выбираем инструмент прямоугольник. С помощью панели Colors (слева) для цвета контура (границы) -инструмент Stroke Color - выбираем пустую – белый квадратик, перечеркнутый красной линией.
9.7. На документе рисуем прямоугольник примерно на половину его нижней площади.
9.8. Теперь нам нужно изменить его размер и выровнять. И повернуть градиент так, чтобы темная часть была внизу, а светлая – внизу.
9.8.1. Переключаем инструмент на «стрелку» из панели Tools.
Щелкаем правой кнопкой мыши по прямоугольнику и выбираем Free Transform.
Наш прямоугольник оказывается заключен в рамку с метками по краям и выделенным центром. Подводим мышку к одному из углов так, чтобы указатель мыши превратился в дуговую стрелку. И с помощью него поворачиваем прямоугольник на 90 градусов так, чтобы темная часть оказалась внизу, а светлая – вверху.
9.8.2. Переходим на панель Info (Ctrl+I). Изменяем параметры на W=550, H=200, X=0, Y=225.
9.9. Слой солнца. Солнце можно создать, как было указано ранее в п.8, а можно прямо импортировать уже созданный объект. Так и сделаем.
9.10. Блокируем два нижних слоя, а слой солнца разблокировать. Выбрать первый кадр верхнего слоя.
9.11. Выбираем в верхнем меню File – Open as Library – читаем сохраненный файл summer.fla
В результате получаем панель Library (библиотека) с сохраненным объектом Sun
Панель Library включается/выключается с помощью комбинации Ctrl + L.
9.12. Выбираем мышкой объект sun и переносим его в правый верхний угол нашего документа.
С помощью панели Info (Ctrl+I) можно изменить размер и положение солнца.
9.13. Все. Сохраняем под именем frei и публикуем (Ctrl+Shift+F12).
Исходные данные и результат можете посмотреть здесь
http://friends-forum.com/modules/My_Uploads/user_folders/rvm1455/frei.fla
http://friends-forum.com/modules/My_Uploads/user_folders/rvm1455/frei.swf