Анимация радуги на флеше
Для сайта Rainbowproduction Co. нужна заставка на главную страницу: радуга, появляющаяся слева направо и озаряющая всё вокруг. Может меняться фон под радугой, а размер должен подстраиваться под экран пользователя.
Анимация радуги: кликните для просмотра флеш-версии| Tweet | Опубликовано: 9 июля 2010 |
2 комментария
Слава
Пожалуйста, напиши, как ты делаешь такой интересный переход цветов?
Ваня
1) Рисуем большой круг (потом его можно обрезать до нужного сектора).
2) Накладываем круговой градиент в виде радуги (на внешней кромке круга и на внутренней кромке радуги прозрачность уходит в ноль).
3) И самое интересное: делаем копию, получается два слоя.
4) Нижний слой накладываем с эффектом Overlay (Перекрытие) — тогда радуга "вживляется" в картинку, а не просто лежит поверх. Прозрачность ставим около 50%, потому что этот эффект слишком ненатуральный, и надо его смягчить.
5) Верхний слой — подстраховочный. При наложении в режиме Overlay радуга в некоторых местах может стать невидимой. Для этих мест и нужен верхний слой. Ставим ему прозрачность 30-50%.
2) Накладываем круговой градиент в виде радуги (на внешней кромке круга и на внутренней кромке радуги прозрачность уходит в ноль).
3) И самое интересное: делаем копию, получается два слоя.
4) Нижний слой накладываем с эффектом Overlay (Перекрытие) — тогда радуга "вживляется" в картинку, а не просто лежит поверх. Прозрачность ставим около 50%, потому что этот эффект слишком ненатуральный, и надо его смягчить.
5) Верхний слой — подстраховочный. При наложении в режиме Overlay радуга в некоторых местах может стать невидимой. Для этих мест и нужен верхний слой. Ставим ему прозрачность 30-50%.