Активная ссылка во Flash ролике очень часто необходима дизайнеру. Например в составлении меню не обойтись без ссылки. Для вставки активной ссылки, необходимо выделить объект и в поле ActionScript ввести:
on (release) { get URL ("http://www.profdesigner.com","_blank") }
В первых кавычках мы указываем URL адрес на который будет осуществлён переход, а во вторых кавычках, метод открытия ссылки. В данный момент параметр _blank указывает на то, что ссылка будет открыта в новом окне. Так же есть другие параметры открытия ссылки, которые я приведу ниже.
Параметры открытия ссылки: _blank - Загружает страницу в новое окно браузера.
_self - Загружает страницу в текущее окно.
_parent - Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.
_top - Отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.
Очень часто у меня возникали ситуации, когда Flash перекрывал выпадающее меню или какую-нибудь нужную информацию. Так устроено, что Flash ролик по умолчанию находиться выше всех объектов на страничке. Что бы поставить Flash ролик на второй план, необходимо при размещении ролика, указать в коде вставки ролика, параметр value="opaque", этот параметр и укажет ролику что пора на второй план. :)
Продолжая работу над проектом строительного холдинга я не раз пересматривал стиль сайта, так как для такого проекта необходим серьёзный дизайн, дизайн который будет говорить о четких и серьезных намерениях компании. Так и родился новый стиль проекта. Предлагаю посмотреть на шапку проекта. Пока весь дизайн выкладывать не стану, так как проект еще не оплачен и не выложен на сервер компании.
Продолжая работу над проектом строительного холдинга я заметил, что мой шаблон красивый и стильный, но он не подходит для статуса серьезной компании. Необходим серьезный дизай, дизайн который будет говорить о четких и серьезных намерениях компании. Так и родился новый стиль проекта. Предлагаю посмотреть на шапку проекта. Пока весь дизайн выкладывать не стану, так как проект еще не оплачен и не выложен на сервер компании.
Недавно начал разработку сайта для крупной строительной компании. Тема разработки проекта: строительство, стройматериалы, авто услуги, дорожные работы. В ходе процесса буду сообщать о продвижении проекта и размещать материалы. Подписывайся на новости и будешь в курсе событий.
Вот и подошло время ещё для одного Flash урока. Сегодня будем делать случайно появляющийся текст на Flash. Используем язык Action Script, ты поймешь что он лёгок в работе.
В начале, как и в прошлом уроке, создадим рабочее поле, куда вставим рисунок. Затем создадим слой на котором будет располагаться сам текст, который преобразуем в Movie Clip. И потом к тексту применим кусочек кода Action Script. Для незнакомого с данной технологией, может показаться все трудно, но поверь это не так сложно.
Вот рабочий вариант, который в последствие у нас получится:
Как ты успел заметить, картинку я взял из фильма "Аватар". Замечательная киношка, если не смотрел, советую.
Создание Flash файла:
1.Сохраните картинку, которую будем использовать в процессе создания эффекта.
2. Создай новый Flash документ. Нажми в созданном документе комбинацию клавиш Ctrl + J (свойства документа). Задай параметры документа равной размеру нашей фотографии (450x300)
3. По умолчанию, наш слой на панели TimeLine называеться - Layer 1, можете переименовать его, если хочется.
4. Теперь мы с тобой вставляем нашу картинку. File - Import - Import to Stage или Ctrl + R, выбираем нашу картинку и щелкаем "открыть". Выровняем её по отношению с нашим рабочим полем. Нажимаем Ctrl + K:
а) Смотрим чтобы была включена кнопка To Stage
б) Щелкаем по иконке "выровнять по горизонтали и центру"
в) Щелкаем по иконке "Выронять по вертикали и центру"
5. Создаем новый слой, над нашим полем TimeLine(если вы не поменяли начальное его название). Называем новый слой "Текст".
6. Выделите вновь созданное поле просто нажав на него один раз, и нажмите на инструмент Text Tool или нажмите кнопку T на клавиатуре. Напечатайте нужный вам текст и зайдите в панель параметров, нажав Ctrl + F3 на клавиатуре, чтобы установить нужные настройки. Настройки показаны на рисунке ниже.
7. Выделив получившийся текст, нажмите F8 и преобразуйте его в Movie Clip.
8. Не снимая выделения с текста, нажите на клавиатуре клавишу F9 и скопируйте в появившееся поле данный код:
onClipEvent (enterFrame) { _alpha = Random (140); _x = _x = Random (400); _y = _y = Random (441); }
9. Выделите текст, нажмите на клавиатуре Ctrl + D, тем самым продублируете объект на рабочей области. Повторяйте это действие до тех пор, пока у тебя не получиться нужное количество слов. Разбросайте слова по картинке просто перетащив куда удобнее.
Вот и всё, наш эффект готов! Если тебе лень делать самому, то скачай исходник здесь.
Ивот свежая статья для тебя мой любимый читатель. Решил начать цикл уроков про Flash. Задача не из легких, но я постараюсь вас не подвести. Программа Flash достойна больших похвал. На Flash'e можно делать что угодно для своего проекта, от простеньких мультимедийных реклам, до здоровенных сложных программ.В общем все красивые слова о Flash давно сказаны и растирать эту вязкую массу по рукаву я больше не стану и перейду непосредственно к уроку.
Урок будет заключаться в создании мультимедийного ролика, который будет демонстрировать "печать текста на клавиатуре". Мы с тобой сделаем мигающий курсор, который и будет печатать наш с тобой текст.
Готовый Flash файл будет выглядеть так:
Если не успели посмотреть эффект Flash при загрузке страницы, то нажмите правую кнопку мыши на флешь ролике и выбирите "play".
Теперь разберем как это у меня получилось на практике. Сразу оговорюсь, что дело будем иметь с английской версией Flash редактора, так как пути русификации программы неисповедимы и не существует одних стандартов перевода. =(
1. Создаем новый Flash документ. Для быстрого создания можно воспользоваться комбинацией клавиш Ctrl + J. Установите параметры документа так, как показано на рисунке.
2. Нарисуйте на слое, который называется у нас по умолчанию Layer 1, черный прямоугольник, с размерами 300x200. Он будет в точности соответствовать размеру нашего фона. Для этого выберите инструмент Rectangle Tool или нажмите на клавиатуре клавишу R. Нарисуйте прямоугольник 300x200 и задайте ему черный цвет используя нижнюю вкладку Properties.
3. Теперь выровняем наш созданный прямоугольник с фоном. Для этого воспользуемся инструментами выравнивания. Нажимаем на комбинацию клавишь Ctrl + K для появления панели выравнивания. Посмотрите чтобы в появившемся меню, кнопка "to
stage" была нажата. Щелкните по кнопкам показанным на рисунке.
4. Необходимо создать из нашего прямоугольника Movie объект. Для этого убедитесь что прямоугольник выделен и нажмите клавишу F8. В появившемся окне сделайте так, как показано на рисунке. Имя можете задать какое пожелаете.
5. Теперь в слое Layer1 выделите 60 кадр и нажмите F5
6. Создайте новый слой, который будет выше слоя Layer1 и назовите его "текст"
7. Выделите теперь 30 кадр слоя "текст" и нажмите клавишу F6
8. Находясь на том же 30 кадре слоя "текст", выберите инструмент Text Tool или нажмите T на клавиатуре. Напечатайте текст нужной величины, выбрав при этом белый цвет заливки.
9. Создай новый слой, выше слоя "Текст". Назовём ег например "печатаем".
10. Выдели 50 кадр слоя "печатаем" и нажми клавишу F6.
11. Так же сделайте с 15 и 30 кадром в этом слое.
12. После последнего действия, ты остался на 30 кадре. Нажми теперь на инструмент Rectangle Tool или клавишу R на клавиатуре. В цветах Stroke, которая ниже инструментов (около неё нарисован карандаш, а справа цвет), нажми и заблакируй использование цветов. Это иконка перечеркнутая красной линией. Ниже, для цвета заливки выбери черный цвет. Нарисуй прямоугольник, который должен полностью покрывать написанную тобой надпись.
13. Опять выберите Rectangle Tool (R) и опять отмените цвета Stroke нажав на перечеркнутую красной линией иконку. Для заливки выберите белый цвет. Нарисуйте прямоугольник как показано на рисунке.
14. Выделите получившийся прямоугольник и нажмите F8, чтобы преобразовать его в Movie Clip.
15. Теперь выделите 50 кадр слоя "печатать" и нажмите на клавиатуре клавишу F9. После этого переместите наш слой так, как показано на рисунке.
16. Теперь зафиксируем наш ролик в конце, что бы он у нас не повторялся. Для этого выдели 50 кадр, нажми F9 и введи в появившееся поле код:
Stop ();
17. Щелкните правой кнопкой на серой области между границами 30 и 50, на временной шкале слоёв и выберите Create Motion Tween.
18. Вернись на 30 кадр и нажми CTR+C (функция копирования).
19. Затем выбери 15 кадр и нажми Ctrl + Shift + V (вставка скопированного ранее в буфер).