Дополнение к уроку Снежок «funkSnow».
29-11-2014 05:29
к комментариям - к полной версии
- понравилось!
Урок Снежок "funkSnow" находится здесь.
А сейчас мы научимся добавлять разные элементы ,например,такие как текст, рамочки, часики, информеры, плееры, к вашей работе.
Сначала сделаем рамочку к открытке
Рамочку можно подготовить в фотошоп или нарисовать в самой программе.
Откройте файл FLA с вашим проектом "funkSnow"
Файл - Открыть
На Временной школе у вас один слой "Слой 1"
[649x466]
Переименуем его в слой "main"
[613x438]
Вам может показаться, что этот слой пуст. Но на самом же деле он подключён к классу Main и вся графическая информация, а также программная анимация поступает на слой из файла этого класса.
Выше слоя "main" создайте слой "маска снега".
[542x429]
На слое "маска снега" инструментом "Прямоугольник" нарисуйте прямоугольник любого размера с любой заливкой, но без обводки.
[700x511]
Щелкните по нарисованному прямоугольнику инструментом "Стрелка", чтобы выделить его. Теперь, не снимая выделения, в панели "Свойства" установите размеры нарисованного прямоугольника такими же как фоновая картинка.
То есть, например, в моём случае это 700 x 470 пикселей.
[700x515]
Не снимая выделения, нарисованный прямоугольник необходимо выровнять горизонтально и вертикально по центру Рабочего поля.
Нарисованный прямоугольник должен полностью перекрывать всё Рабочее поле.
[700x573]
Слой "маска снега" сделайте маской для слоя "main". Напоминаю, что маской может быть только векторная фигура.
[699x638]
Определитесь какого размера вы хотели бы сделать рамочку. Например, по 20 пикселей с каждой стороны по ширине и высоте.
На эту величину нам надо уменьшить размер маски в ширину и в высоту
Для этого снимаем замочек со слоя "маска снега", выделяем прямоугольник на этом слое и в панели "Свойства" указываем новые размеры для маски.
То есть по моим размерам фонового слоя это будет:
ширина - 700 пикс. - 20 пикс. - 20 пикс. = 660 пикс.
высота - 470 пикс. - 20 пикс. - 20 пикс. = 430 пикс.
[700x564]
Заново выравниваем уменьшенную маску по центру Рабочего поля.
[700x599]
Можете протестировать флешку
и увидите, что снег идёт только на участке где есть маска, а по краям фон без фоновой картинки. Вот на участок где фон чистый и можно накладывать рамку.
Для этого ниже слоя "main" создаём новый слой "рамка".
Слои "main" и "маска снега" закройте на замочек.
На слое "рамка" инструментом "Прямоугольник" нарисуйте прямоугольник любого размера с заливкой цвета или градиента какой вы хотите видеть вашу рамочку.
Щелкните по нарисованному прямоугольнику инструментом "Стрелка", чтобы выделить его. Теперь, не снимая выделения, в панели "Свойства" установите размеры нарисованного прямоугольника такими же как фоновая картинка.
То есть, например, в моём случае это 700 x 470 пикселей.
Затем также, не снимая выделения, выровняйте прямоугольник горизонтально и вертикально по центру Рабочего поля.
[700x557]
[700x563]
Снимите замочек со слоя "маска снега" и выделите находящийся на нём прямоугольник - маску. Щелкните по выделенному прямоугольнику правой кнопкой мыши и вызовите контекстное меню. В контекстном меню выберите пункт "Копировать".
[650x635]
Далее снова закройте слой "маска снега" на замочек и вернитесь на слой "рамка"
Щелкните мышкой вне Рабочего поля и вызовите контекстное меню. В контекстном меню выберите пункт "Вставить на место".
[660x624]
Поверх прямоугольника,который перекрывает слой "рамочка", появился прямоугольник меньшего размера, который соответствует вырезу для рамочки. Снимите выделение с меньшего прямоугольника, щелкнув мышкой по Рабочему полю. Теперь снова щелкните по этому меньшему прямоугольнику мышкой, чтобы выделить его, и вызвав контекстное меню выберите пункт "Вырезать".
[653x630]
После выполнения этой операции на слое "рамка" у вас будет рамочка с вырезом.
Выделите эту рамочку щелкнув по ней мышкой. Затем преобразуйте рамочку в Фрагмент ролика.
[700x643]
[700x528]
Выделите Фрагмент ролика "рамочка" и примените к нему фильтр "Фаска" со следующими параметрами
[354x275]
[358x261]
Рамочка готова и можно протестировать флешку
Если же вы хотите поместить на эту флешку готовую рамочку, то импортируйте эту рамочку в Библиотеку. Отмечу то, что размеры рамочки, естественно, должны соответствовать размерам фоновой картинки. То есть в моём случае это 700 x 470 пикселей.
Файл - Импорт - Импортировать в библиотеку
[609x494]
Инструментом "Стрелка" перетащите импортированную рамочку на Рабочее поле на слой "рамочка".
[700x479]
Выровняйте перемещенную из Библиотеки рамочку по центру Рабочего поля.
[700x576]
Теперь необходимо внести изменения в размеры маски.
Выделите слой "маска снега". снимите с него замочек и выделите находящийся на нём прямоугольник. В панели "Свойства" измените размер этого прямоугольника так, чтобы он соответствовал размеру выреза вашей рамки.
В моём случае ширина рамочки 50 пикселей с каждой стороны. Следовательно размеры маски (соответственно размеры выреза рамки)
ширина: 700 пикс. - 50 пикс. - 50 пикс. = 600 пикс.
высота: 470 пикс. - 50 пикс. - 50 пикс. = 370 пикс.
Закройте слой "маска снега" на замочек
[700x529]
Можете протестировать флешку и, если сделали всё правильно, то увидите, что снежок идет только внутри выреза рамки.
Можно также украсить рамку маленькими анимашками. Например, поместить сверху на рамочку вот такую анимашку
Для этого импортируйте анимашку в Библиотеку
Файл - Импорт - Импортировать в библиотеку
Создайте выше слоя "рамка" новый слой - "анимашка"
Найдите в Библиотеке символ - Фрагмент ролика в котором эта анимашка находится и перетащите инструментом "Стрелка" этот Фрагмент ролика на Рабочее поле на слой "анимашка" в нужные места.
Обращаю ваше внимание, что любой текст или Фрагменты ролика будут видны только если находятся на Рабочем поле вне зоны, где размещена маска. То есть, например, на рамочке. Также нельзя создавать никакие слои выше слоя "маска снега".
[700x503]
Вот такая анимированная рамочка для нашей работы получилась у меня
Следующим шагом попробуем разместить какой - нибудь Фрагмент ролика, например часики. календарик или информер внутри маски.
Для этого импортируйте фоновую картинку, которая у вас находится в папке "lib" в Библиотеку программы.
Файл - Импорт - Импортировать в библиотеку
Далее создайте ниже слоя "рамка" слой "фон" и перетащите на него из Библиотеки фоновую картинку.
Для удобства в работе со слоем фон и фоновой картинкой отключите видимость всех остальных слоёв.
Выровняйте фоновую картинку по центру Рабочего поля.
[700x531]
Включите видимость слоёв, которые отключали.
В новом Фрагменте ролика создайте мувиклип, который вы хотите разместить внутри маски.
В моём случае это будет информер "До Нового Года"
Вставка - Новый символ
Создаём в этом символе информер
[564x440]
После того как создан необходимый Фрагмент ролика нужно определить ему место внутри маски для снега.
Для этого ниже слоя "main" создаём новый слой и называем его "рабочий". Этот слой мы потом удалим. У меня этот слой получился ниже слоя "main" и выше слоя "анимашка".
[586x358]
На слое "рабочий" инструментом "Прямоугольник" рисуем любую фигуру произвольного размера и с любой заливкой без обводки.
Инструментом "Свободное преобразование" придаём фигуре нужные размеры, исходя из того, чтобы в эту фигуру вместился созданный ранее Фрагмент ролика. В моём случае это информер.
После того как размеры фигуры установлены, помещаем её в нужное место внутри зоны маски для снега.
Обращаю внимание, что всё это мы делаем на слое "рабочий". Другие слои при этом для удобства можно закрыть на замочек.
Итак, я для размещения своего информера в зоне маски для снега нарисовала вытянутый овал и сдвинула его вправо.
[700x567]
Инструментом "Стрелка" щелкаем по нарисованному овалу, чтобы выделить его и вызвав контекстное меню выбираем пункт "Вырезать".
[700x587]
Видимость слоя "Рабочий" отключаем и переходим на слой "маска снега". Снимаем замочек со слоя "маска снега".
Щелкаем мышкой вне Рабочего поля и вызвав контекстное меню выбираем пункт "Вставить на место".
[700x615]
Снимаем выделение с вставленного овала, щелкнув мышкой по прямоугольнику маски для снега.
[691x656]
Затем снова щелкаем инструментом "Стрелка" по вставленному овалу, чтобы выделить его и, вызвав контекстное меню, выбираем пункт "Вырезать".
[700x600]
Если вырезали правильно, то у вас в прямоугольнике маски для снега должна образоваться дырка, в которую будет видна фоновая картинка.
Слой "рабочий" после этого можно удалить
[700x616]
Создаем ниже слоя "main" слой "информер" и перетаскиваем на него на Рабочий стол из Библиотеки Фрагмент ролика "информер". Размещаем этот Фрагмент ролика в вырез, который образовался в маске для снега.
[700x556]
Теперь можно протестировать флешку и если всё сделали правильно, то поверх летящего снежка вы увидите информер "До Нового Года..."
Можно экспортировать флешку и публиковать её.
Файл - Экспорт - Экспортировать ролик
[648x551]
Урок Снежок "funkSnow" находится здесь.
А сейчас мы научимся добавлять разные элементы ,например,такие как текст, рамочки, часики, информеры, плееры, к вашей работе.
Сначала сделаем рамочку к открытке
Рамочку можно подготовить в фотошоп или нарисовать в самой программе.
Откройте файл FLA с вашим проектом "funkSnow"
Файл - Открыть
На Временной школе у вас один слой "Слой 1"
[649x466] Переименуем его в слой "main"
[613x438]Вам может показаться, что этот слой пуст. Но на самом же деле он подключён к классу Main и вся графическая информация, а также программная анимация поступает на слой из файла этого класса.
Выше слоя "main" создайте слой "маска снега".
[542x429] На слое "маска снега" инструментом "Прямоугольник" нарисуйте прямоугольник любого размера с любой заливкой, но без обводки.
[700x511] Щелкните по нарисованному прямоугольнику инструментом "Стрелка", чтобы выделить его. Теперь, не снимая выделения, в панели "Свойства" установите размеры нарисованного прямоугольника такими же как фоновая картинка.
То есть, например, в моём случае это 700 x 470 пикселей.
[700x515] Не снимая выделения, нарисованный прямоугольник необходимо выровнять горизонтально и вертикально по центру Рабочего поля.
Нарисованный прямоугольник должен полностью перекрывать всё Рабочее поле.
[700x573] Слой "маска снега" сделайте маской для слоя "main". Напоминаю, что маской может быть только векторная фигура.
[699x638]Определитесь какого размера вы хотели бы сделать рамочку. Например, по 20 пикселей с каждой стороны по ширине и высоте.
На эту величину нам надо уменьшить размер маски в ширину и в высоту
Для этого снимаем замочек со слоя "маска снега", выделяем прямоугольник на этом слое и в панели "Свойства" указываем новые размеры для маски.
То есть по моим размерам фонового слоя это будет:
ширина - 700 пикс. - 20 пикс. - 20 пикс. = 660 пикс.
высота - 470 пикс. - 20 пикс. - 20 пикс. = 430 пикс.
[700x564]Заново выравниваем уменьшенную маску по центру Рабочего поля.
[700x599]Можете протестировать флешку
и увидите, что снег идёт только на участке где есть маска, а по краям фон без фоновой картинки. Вот на участок где фон чистый и можно накладывать рамку.
Для этого ниже слоя "main" создаём новый слой "рамка".
Слои "main" и "маска снега" закройте на замочек.
На слое "рамка" инструментом "Прямоугольник" нарисуйте прямоугольник любого размера с заливкой цвета или градиента какой вы хотите видеть вашу рамочку.
Щелкните по нарисованному прямоугольнику инструментом "Стрелка", чтобы выделить его. Теперь, не снимая выделения, в панели "Свойства" установите размеры нарисованного прямоугольника такими же как фоновая картинка.
То есть, например, в моём случае это 700 x 470 пикселей.
Затем также, не снимая выделения, выровняйте прямоугольник горизонтально и вертикально по центру Рабочего поля.
[700x557] [700x563]Снимите замочек со слоя "маска снега" и выделите находящийся на нём прямоугольник - маску. Щелкните по выделенному прямоугольнику правой кнопкой мыши и вызовите контекстное меню. В контекстном меню выберите пункт "Копировать".
[650x635] Далее снова закройте слой "маска снега" на замочек и вернитесь на слой "рамка"
Щелкните мышкой вне Рабочего поля и вызовите контекстное меню. В контекстном меню выберите пункт "Вставить на место".
[660x624] Поверх прямоугольника,который перекрывает слой "рамочка", появился прямоугольник меньшего размера, который соответствует вырезу для рамочки. Снимите выделение с меньшего прямоугольника, щелкнув мышкой по Рабочему полю. Теперь снова щелкните по этому меньшему прямоугольнику мышкой, чтобы выделить его, и вызвав контекстное меню выберите пункт "Вырезать".
[653x630]После выполнения этой операции на слое "рамка" у вас будет рамочка с вырезом.
Выделите эту рамочку щелкнув по ней мышкой. Затем преобразуйте рамочку в Фрагмент ролика.
[700x643] [700x528]Выделите Фрагмент ролика "рамочка" и примените к нему фильтр "Фаска" со следующими параметрами
[354x275] [358x261]Рамочка готова и можно протестировать флешку
Если же вы хотите поместить на эту флешку готовую рамочку, то импортируйте эту рамочку в Библиотеку. Отмечу то, что размеры рамочки, естественно, должны соответствовать размерам фоновой картинки. То есть в моём случае это 700 x 470 пикселей.
Файл - Импорт - Импортировать в библиотеку
[609x494] Инструментом "Стрелка" перетащите импортированную рамочку на Рабочее поле на слой "рамочка".
[700x479] Выровняйте перемещенную из Библиотеки рамочку по центру Рабочего поля.
[700x576]Теперь необходимо внести изменения в размеры маски.
Выделите слой "маска снега". снимите с него замочек и выделите находящийся на нём прямоугольник. В панели "Свойства" измените размер этого прямоугольника так, чтобы он соответствовал размеру выреза вашей рамки.
В моём случае ширина рамочки 50 пикселей с каждой стороны. Следовательно размеры маски (соответственно размеры выреза рамки)
ширина: 700 пикс. - 50 пикс. - 50 пикс. = 600 пикс.
высота: 470 пикс. - 50 пикс. - 50 пикс. = 370 пикс.
Закройте слой "маска снега" на замочек
[700x529]Можете протестировать флешку и, если сделали всё правильно, то увидите, что снежок идет только внутри выреза рамки.
Можно также украсить рамку маленькими анимашками. Например, поместить сверху на рамочку вот такую анимашку
Для этого импортируйте анимашку в Библиотеку
Файл - Импорт - Импортировать в библиотеку
Создайте выше слоя "рамка" новый слой - "анимашка"
Найдите в Библиотеке символ - Фрагмент ролика в котором эта анимашка находится и перетащите инструментом "Стрелка" этот Фрагмент ролика на Рабочее поле на слой "анимашка" в нужные места.
Обращаю ваше внимание, что любой текст или Фрагменты ролика будут видны только если находятся на Рабочем поле вне зоны, где размещена маска. То есть, например, на рамочке. Также нельзя создавать никакие слои выше слоя "маска снега".
[700x503]Вот такая анимированная рамочка для нашей работы получилась у меня
Следующим шагом попробуем разместить какой - нибудь Фрагмент ролика, например часики. календарик или информер внутри маски.
Для этого импортируйте фоновую картинку, которая у вас находится в папке "lib" в Библиотеку программы.
Файл - Импорт - Импортировать в библиотеку
Далее создайте ниже слоя "рамка" слой "фон" и перетащите на него из Библиотеки фоновую картинку.
Для удобства в работе со слоем фон и фоновой картинкой отключите видимость всех остальных слоёв.
Выровняйте фоновую картинку по центру Рабочего поля.
[700x531]Включите видимость слоёв, которые отключали.
В новом Фрагменте ролика создайте мувиклип, который вы хотите разместить внутри маски.
В моём случае это будет информер "До Нового Года"
Вставка - Новый символ
Создаём в этом символе информер
[564x440]После того как создан необходимый Фрагмент ролика нужно определить ему место внутри маски для снега.
Для этого ниже слоя "main" создаём новый слой и называем его "рабочий". Этот слой мы потом удалим. У меня этот слой получился ниже слоя "main" и выше слоя "анимашка".
[586x358]На слое "рабочий" инструментом "Прямоугольник" рисуем любую фигуру произвольного размера и с любой заливкой без обводки.
Инструментом "Свободное преобразование" придаём фигуре нужные размеры, исходя из того, чтобы в эту фигуру вместился созданный ранее Фрагмент ролика. В моём случае это информер.
После того как размеры фигуры установлены, помещаем её в нужное место внутри зоны маски для снега.
Обращаю внимание, что всё это мы делаем на слое "рабочий". Другие слои при этом для удобства можно закрыть на замочек.
Итак, я для размещения своего информера в зоне маски для снега нарисовала вытянутый овал и сдвинула его вправо.
[700x567]Инструментом "Стрелка" щелкаем по нарисованному овалу, чтобы выделить его и вызвав контекстное меню выбираем пункт "Вырезать".
[700x587] Видимость слоя "Рабочий" отключаем и переходим на слой "маска снега". Снимаем замочек со слоя "маска снега".
Щелкаем мышкой вне Рабочего поля и вызвав контекстное меню выбираем пункт "Вставить на место".
[700x615]Снимаем выделение с вставленного овала, щелкнув мышкой по прямоугольнику маски для снега.
[691x656] Затем снова щелкаем инструментом "Стрелка" по вставленному овалу, чтобы выделить его и, вызвав контекстное меню, выбираем пункт "Вырезать".
[700x600] Если вырезали правильно, то у вас в прямоугольнике маски для снега должна образоваться дырка, в которую будет видна фоновая картинка.
Слой "рабочий" после этого можно удалить
[700x616]Создаем ниже слоя "main" слой "информер" и перетаскиваем на него на Рабочий стол из Библиотеки Фрагмент ролика "информер". Размещаем этот Фрагмент ролика в вырез, который образовался в маске для снега.
[700x556]Теперь можно протестировать флешку и если всё сделали правильно, то поверх летящего снежка вы увидите информер "До Нового Года..."
Можно экспортировать флешку и публиковать её.
Файл - Экспорт - Экспортировать ролик
[648x551]
Комментарии (27):
Чудесная работа! Красотень! Спасибо Мариночка!
Лариса_Гурьянова
29-11-2014-07:25
удалить
Спасибо, Мариша!!!!
здесь_нет_никого
29-11-2014-07:32
удалить
Мариночка,спасибо тебе огромное за урок,не могла дождаться,очень благодарна!
Часто бывает,что поверх начинаешь что-то ставить и флешка совсем не работает,а вот этот вариант можно в других случаях применять,или только индивидуально к данной работе?
Цитирую с уважением и благодарностью.
Часто бывает,что поверх начинаешь что-то ставить и флешка совсем не работает,а вот этот вариант можно в других случаях применять,или только индивидуально к данной работе?
Цитирую с уважением и благодарностью.
Semenova_Irina
29-11-2014-07:36
удалить
Спасибо,Мариночка!!! Все это очень нужно!!!!!!!!!!
Татьяна_Волкова_Литвинова
29-11-2014-08:05
удалить
Марина, здравствуй! Огромное, огромное тебе спасибо за твой труд. Цитирую и буду учиться.Спасибо!
Мариночка,теперь ,в первую очередь,говорю спасибо за труд))
Потому что это титанический труд..
Ну а твои уроки понятны.. на них выросла и продолжаю расти..
Я в прошлом году билась долго пока не поняла,что поверх слоя маски добавлять ничего нельзя..
В общем,спасибо за все ..))
Потому что это титанический труд..
Ну а твои уроки понятны.. на них выросла и продолжаю расти..
Я в прошлом году билась долго пока не поняла,что поверх слоя маски добавлять ничего нельзя..
В общем,спасибо за все ..))
Большое спасибо, Мариночка, прекрасный урок!
Цитирую с благодарностью! Всего Вам доброго, Марина!
Franzuzhenka
29-11-2014-11:57
удалить
Marish, ti takaja rukodelniza! Super! Spasibki tebe!
Вот и дождалась! Спасибо большое, Мариночка! Цитирую с благодарностью! Только сейчас узнала, что поверх маски ничего нельзя добавлять.
пасиб...тащу к себе...надо будет разобраться
Sobirayu_vinograd
29-11-2014-15:23
удалить
Благодарю, Мариночка.
koreckolga
29-11-2014-20:46
удалить
Очень заинтересовало! Спасибо, Мариночка!
Успехов тебе и творческого вдохновения!
Успехов тебе и творческого вдохновения!
Любовь_Терехова
29-11-2014-20:47
удалить
Мариночка спасибо большое за урок и твой труд! Буду с удовольствием осваивать! 
Irina-snez
29-11-2014-21:11
удалить
Огромное спасибо, Мариночка! Обязательно попробую!
Для подобных флешек с классами, наверное, подобным же образом можно вставлять? Я как-то воспользовалась твоим подарком fla с движением воды. Попробую разобраться какой там класс вместо main нужно вставлять. Или там по-другому?
Для подобных флешек с классами, наверное, подобным же образом можно вставлять? Я как-то воспользовалась твоим подарком fla с движением воды. Попробую разобраться какой там класс вместо main нужно вставлять. Или там по-другому?
Inna_Guseva
30-11-2014-14:17
удалить
Цитирую с благодаоностью!
Marina-Rozina
30-11-2014-17:20
удалить
Прелесть! Спасибо, Мариночка! Поздравляю с днём матери!
Lana-Lanochka
30-11-2014-21:13
удалить
Спасибо большое за такой прекрасный урок!
Irina-snez
30-11-2014-21:38
удалить
Добрый вечер, Мариночка!
Вот, что получилось...
Вот, что получилось...
Оленька_555
01-12-2014-00:12
удалить
Спасибо за дополнения!!! Забираю!Буду учится!!!
novprospekt
01-12-2014-07:33
удалить
Ответ на комментарий Irina-snez #
Отлично Ириш. Очень понравилось.
Marina-Rozina
06-12-2014-17:51
удалить
Мариночка, огромное спасибо за такую красоту! Буду дерзать потихоньку.
Комментарии (27):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник Дополнение к уроку Снежок «funkSnow». | novprospekt - Дневник novprospekt |
Лента друзей novprospekt
/ Полная версия
Добавить в друзья
Страницы:
раньше»