RSS

Компьютерная терминология    1_9  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z  .....  A  Б  В  Г  Д  Ж  З  И  К  Л  М  Н  О  П  Р  С  Т  У  Ф  Х  Ц  Ч

Flash

  
  • СНЯТИЕ ЗАЩИТЫ С FLASH-КЛИПА
  • И Н Т Е Р Ф Е Й С
  • Панель инструментов
  • А Н И М А Ц И Я
  • Flash editor


  • Бесплатная консультация специалиста
    Loading…
     
    Ваш первый Flash-баннер

    Создавать собственную анимацию во Flash может даже тот, кто абсолютно лишен способностей к рисованию .Давайте попробуем сделать простой баннер. Прежде всего необходимо четко представить себе, что мы хотим создать, то есть разработать сценарий. Чем лучше вы будете знать, что и как должно быть в вашем проекте – именно так называется работа во Flash-редакторе, – тем быстрее и проще будет осуществить задуманное. В нашем случае баннер будет очень простым: на фоне вращающегося квадрата выезжает надпись, которая затем растворяется.

    Как известно, в кинематографе используется частота 24 кадра в секунду, но в мультипликации, особенно предназначенной для Интернета, вполне достаточно 12. Чем больше будет частота кадров, тем более плавными получатся движения, но при этом значительно сильнее загружается процессор, что становится существенно в сложных сценах. Именно от процессора зависит скорость воспроизведения Flash, и на разных компьютерах она может заметно различаться. Обычно это проявляется в торможении или прерывистом движении, особенно когда сложная анимация синхронизирована со звуком.

    Определившись со сценарием, приступим к творчеству. Для начала решим, какого размера должен быть баннер. Пусть это будет общепринятый в баннерообменных сетях формат 468і60. Именно эти размеры необходимо указать в панели Movie Properties (параметры фильма) ModifyёMovie [Ctrl+M], в полях Width (ширина) и Height (высота). В этом же окне выберем цвет фона (Background Color) нашего баннера, а также в поле Frame Rate укажем значение fps – количество кадров в секунду.

    После того как указаны все параметры фильма и нажата кнопка ОК, проверьте масштаб отображения сцены. При необходимости установите 100%.

    Теперь создадим основу будущего баннера – движущуюся надпись:

  • Выберите инструмент Text [T].
  • Откройте панель настройки данного инструмента: WindowёPanelsёCharacters [Ctrl+T] или нажмите в правом нижнем углу окна кнопку с изображением буквы «А».
  • В выпадающем меню Font открытой панели Characters выберите кириллический шрифт, например Arial Cyr.
  • Установите необходимый размер, например 35, и цвет.
  • Щелкните на месте начала надписи (в нашем случае — в начале баннера) и введите текст. Если вдруг выяснилось, что выбранный размер или цвет не подходят, переключитесь на инструмент Arrow [M] (черная стрелка на панели инструментов) и выделите текст, щелкнув по нему. Вокруг текста появится рамка, теперь на панели Characters можно изменить его параметры: размер, цвет шрифта и т. п.

    Настало время вашей первой анимации. Успокойте дрожащие от волнения руки и продолжайте творить:

  • Преобразуйте текст в символ: Insertё Convert to Symbol [F8]. Не забудьте дать ему соответствующее имя и указать тип Graphic. При этом созданный символ будет помещен в библиотеку текущего проекта.
  • Выделите 20-й кадр на линейке Timelime и вставьте ключевой кадр InsertёKeyframe [F6]. Слева от нового кадра появится серая полоска, идущая от первого ключевого кадра.
  • Вернитесь в первый кадр и переместите надпись на баннере за его границу, например, за правый край.
  • Не снимая выделения с первого кадра, откройте панель параметров кадра WindowёPanelsёFrame [Ctrl+F] (можно также нажать кнопку Show Instance в правом нижнем углу экрана), затем переключитесь на вкладку Frame.
  • В выпадающем меню Tweening (построение промежуточных кадров) выберите тип анимации – Motion, то есть анимацию движения. При этом серая полоска между ключевыми кадрами станет голубой со стрелкой вправо.

    Поздравляю! Вы только что заставили текст двигаться. Убедиться в этом можно, перемещая указатель кадров, расположенный над линейкой Timeline, или включив режим предварительного просмотра: ControlёTest Movie [Ctrl+Enter].

    Время, которое займет проигрывание фильма или клипа от начала воспроизведения, отображается в строке статистики Timeline. Реальная длительность отдельных эпизодов может незначительно отличаться от отображаемого значения, которое вычисляется на основе установленного fps. Оно зависит в основном от сложности расчетов, требующихся для построения изображения отдельного кадра, и быстродействия компьютера.

    Использование слоев дает большие возможности при создании фильма. Кроме того, что объекты, помещенные на разные слои, можно накладывать или скрывать, создавая имитацию объема сцены, правильное применение слоев может заметно уменьшить размер готового файла. Любой объект, который предстоит анимировать, нужно помещать на собственный слой. Так вы значительно быстрее добьетесь нужных эффектов и сократите загрузку процессора.

    Для каждого слоя старайтесь придумать подходящее название. Для изменения имени слоя щелкните дважды левой кнопкой мыши на названии слоя и введите новое.

    Если предполагается, что на кнопках будут анимированные объекты, создайте заранее символы Movie clip, а затем просто разместите их в соответствующем кадре кнопки.

    Согласно нашему сценарию, текст должен не только «выехать» на экран, но и, побыв некоторое время, исчезнуть. Следовательно, придется еще немного помучить символ с текстом, ведь мы анимируем именно символ, а не сам текст.

  • Вставьте новый ключевой кадр, на этот раз 60-й. Надеюсь, вы уже привыкли к тому, что для этого надо выделить соответствующий кадр и нажать F6? Тем самым мы установили время статического отображения текста после его остановки – примерно на три с половиной секунды.
  • Вставьте последний ключевой кадр, например 80-й.
  • Из выпадающего списка выберите эффект Alpha и, передвигая ползунок, установите нулевую прозрачность.

    Этим мы указали редактору Flash, что последний кадр будет прозрачным, но не объяснили ему, что менять прозрачность следует постепенно. Как уже, наверное, понятно, необходимо анимировать отрезок между ключевыми кадрами, в нашем случае — между 60-м и 80-м.

  • Перейдите на предыдущий ключевой кадр (60-й) и установите для него тип анимации Motion так же, как мы делали это с первым ключевым кадром.

    Основа нашего баннера готова. Текст делает то, что мы от него хотели, убедитесь в этом, включив тестовый просмотр: ControlёTest Movie [Ctrl+Enter].

    Теперь необходимо добавить последний элемент фильма – вращающийся квадрат:

  • Создайте новый символ: InsertёNew Symbol [Ctrl+F8], присвоив ему необходимое имя и установив тип Movie Clip.
  • Выберите инструмент Rectangle [R] и установите нужный цвет заливки и тип границ. Цвет можно выбрать на палитре (панель Mixer), вызываемой через меню (WindowёPanelsёMixer), или соответствующей кнопкой в правом нижнем углу программы.
  • Нарисуйте квадрат, постаравшись сделать так, чтобы метка центра объекта действительно приходилась на центр квадрата, или переместите уже нарисованный квадрат.
  • Преобразуйте квадрат в графический символ, как вы ранее это сделали с текстом.
  • Вставьте ключевой кадр, например, на 30-м фрейме.
  • Выделите первый кадр, откройте панель Frame для данного кадра и укажите уже знакомый тип анимации Motion.
  • В выпадающем меню Rotation выберите вращение по часовой стрелке – CW, а в поле Times укажите, сколько оборотов должен сделать объект (например, один).

    Осталось совсем немного — разместить созданный Movie-клип на сцене, то есть на нашем баннере:

  • Перейдите в режим сцены, щелкнув на вкладке Scene1 над списком слоев.
  • Добавьте новый слой. Для этого необходимо нажать на изображение бумажки с загнутым уголком и плюсиком под списком слоев.
  • Перейдите в первый кадр созданного слоя, выделив его мышкой.
  • Откройте библиотеку проекта: WindowёLibrary [Ctrl+L] или щелкнув на книжке в правом нижнем углу экрана.
  • Найдите в библиотеке Movie-клип вращающегося квадрата и перенесите его на сцену, расположив на нужном месте баннера.
  • Если, создавая квадрат, вы ошиблись с размерами, – ничего страшного, воспользуйтесь модификатором Scale, изменив размеры квадрата до необходимых.
  • Убедитесь, что Flash создал на панели Timeline неанимированную линейку для данного слоя, равную по продолжительности предыдущему. Если этого не произошло, щелкните на последнем кадре слоя и вставьте пустой кадр: Insert/Flame [F5].

    Просмотрите созданный фильм в тестовом режиме. Что не так? Правильно! Вращающийся квадрат закрывает собой надпись. Все верно, ведь мы его поместили на слой, расположенный выше слоя с текстом. Достаточно перетащить верхний слой вниз. Перемещать слои следует, нажав на название слоя и передвигая его вверх или вниз.

    Конечно, можно было бы остановиться на том, что уже создано, но покой нам только снится! Не кажется ли вам, что вращающийся квадрат очень одинок и ему не помешала бы пара разноцветных приятелей? Для этого не придется создавать новые Movie-клипы, достаточно использовать уже имеющийся с небольшими изменениями для каждого экземпляра:

  • Разместите на баннере еще пару квадратов, перетащив соответствующий Movie-клип из библиотеки проекта на сцену, можно на уже имеющийся слой с первым квадратом.
  • После того как квадраты заняли свое место и подогнаны по размерам, выделите один из них, щелкнув по нему мышью.
  • Откройте панель эффектов экземпляра Effects и в выпадающем меню выберите эффект Tint (оттенок). Установите необходимый цвет для каждого из экземпляров квадратов.

    Раз уж речь зашла о баннерах, хочется упомянуть, что некоторые баннерообменные сети ограничиваются принятием Flash-роликов определенного размера, а некоторые требуют обязательного размещения кнопки, выполняющей роль фона (подложки) со специальным сценарием на ActionSript.

    Баннер немыслим без возможности перехода на сайт при щелчке на нем мышью, в противном случае это уже не баннер, а обыкновенный Flash-ролик. За обработку нажатий во Flash отвечают символы-кнопки с присвоенными им фрагментами кода на ActionScript.

    Создание кнопки мало отличается от создания Movie-клипа: InsertёNew Symbol [Ctrl+F8] (тип символа – Button). Основная особенность кнопки состоит в том, что ее Timeline используется нестандартно. Она содержит всего четыре кадра, никак не связанных с последовательностью анимации. В кадре Up представлено обычное состояние кнопки, в кадре Over – вид, когда над ней находится курсор мыши, Down – нажатая кнопка и Hit – область реагирования.

  • Нарисуйте прямоугольник в первом кадре кнопки, равный по размерам всему баннеру и имеющий цвет фона. Размеры можно проконтролировать на панели Info, вызываемой кнопкой в правом нижнем углу окна с изображением квадрата и координатных стрелок, или через меню: WindowёPanelsёInfo [Ctrl+Alt+I].
  • Перейдите на второй фрейм – Over, вставьте ключевой кадр [F6]. Измените цвет прямоугольника, выделив его и выбрав цвет заливки Fill.
  • Установите область реагирования кнопки во фрейме – Hit, просто вставив еще один кадр [F5] для данного фрейма.
  • Вернитесь на основную сцену, создайте новый слой и разместите в нем кнопку, совместив ее с границами баннера.

    Теперь необходимо заставить кнопку открывать необходимый сайт. Для этого нам надо научиться присваивать объектам сценарий на ActionScript:

  • Выделите кнопку и откройте панель Object Action, нажав в нижнем правом углу кнопку с изображением голубой стрелки или выбрав в меню Windowё Actions [Ctrl+Alt+A].
  • В правом окне открывшейся панели найдите группу Basic Actions и дважды щелкните на команде Get URL или просто перетащите ее в правое окно.
  • Выделите вторую строку.
  • Заполните поля в нижней части окна. В поле URL введите имя своего любимого сайта, а в поле Window выберите значение «_blank» – открывать в новом окне (если вы создавали свои веб-проекты, это значение должно быть вам хорошо знакомо). Поле Variable используется при необходимости передавать данные серверному CGI-скрипту с использованием методов GET и POST; в нашем случае оставьте значение «Don’t sent». В результате в правой части окна у нас получится следующий сценарий:
    on (release) {
    getURL ("", "_blank");
    }

    Вот мы и создали баннер, а точнее — Flash-ролик с элементами интерактивности. Пришла пора сохранить созданный проект. Сохранение ничем не отличается от аналогичного процесса в других программах. Созданный файл имеет расширение .fla, его нельзя использовать для размещения в Интернете, так как это формат редактора, да и объем этого файла может быть достаточно большим, в нашем случае около 20 Кбайт. Для размещения фильма на веб-странице необходимо сохранить его в подходящем формате. Как правило, создаются сразу два файла: HTML-страница и файл формата .swf – собственно сам фильм. Это вовсе не означает, что мы не можем использовать другие форматы! При желании можно опубликовать проект в таких распространенных графических форматах, как GIF, JPEG, PNG, доступен видеоформат MOV, а при желании Flash создаст для вас исполняемый файл в формате .exe, и ваш фильм можно будет показать даже на компьютерах, где не установлен Flash.

  • Откройте панель настройки публикации: FileёPublish Settings .
  • Выберите нужные форматы, в нашем случае — HTML и Flash.
  • Нажмите кнопку Publish.

    Все! Процесс создания баннера можно считать законченным. Теперь в папке, в которой вы сохранили Flash-проект, появятся еще два файла. После публикации размер готового файла .swf будет гораздо меньше исходного .fla (в нашем случае меньше 3 Кбайт).

    Конечно, в небольшой статье невозможно описать все приемы работы во Flash. Но надеюсь, после этого небольшого примера, когда буквально за несколько минут был создан Flash-баннер, применена пара эффектов анимации и создана кнопка, реагирующая на прохождение над ней курсора мыши и открывающая сайт после нажатия, вы убедились, что работать с Flash действительно легко и интересно. Мы не успели коснуться таких приемов анимации, как трансформация, когда один объект превращается в другой, или движение по заданной траектории. Не познакомились с различными типами слоев, например маскирующим слоем, позволяющим достигать удивительно красивых эффектов. Не изучили возможности текстовых полей: динамических – изменяемых в ходе работы сценария ActionScript, полей для ввода – дающих возможность пользователю вводить необходимую информацию, которую затем можно передать для обработки серверу. Мы почти не говорили об ActionScript, языке, очень похожем по своей структуре на JavaScript, но предназначенном для работы с объектами анимации. Его применение позволяет создать фильм, полный движения, но состоящий из одного-двух кадров. Не коснулись мы и такого нововведения пятой версии Flash, как интеллектуальные Smart-клипы. Собственно, и приемы рисования во Flash мы не рассматривали. Но все это нетрудно изучить самостоятельно. Главное начать, а это, будем надеяться, вы сегодня смогли.


  • Q: Как можно преобразовать готовую флешку (SWF) в AVI-файл? К сожалению, напрямую экспортировать в AVI не могу, так как не хочется терять специальные эффекты, созданные некоторыми скриптами…
    A: Если флешка без звука, то можно использовать любую грабилку экрана с возможностью захвата видео, например SnagIt . Если же в SWF файле присутствуют звуковые эффекты, то придется воспользоваться узкоспециализированными утилитами. SWF2AVI  – как раз то, что нужно.
    Q: Мне заказали сделать симпатичный autorun с анимацией, выпадающими менюшками и прочими красивостями для рекламного компакта одного крупного издательства. Так как главным критерием была наглядность, то я решил сделать все на Flash’е. Все получилось даже лучше, чем я ожидал, но есть одна проблема. Я понятия не имею, как можно запустить внешнюю программу из flash-ролика...
    A: Встроенный язык скриптов во Flash’е – в принципе очень мощная вещь. Не понимаю, почему многие хорошие дизайнеры обходят его стороной. Но эту проблему мы будем потихоньку исправлять. Сейчас я коротко расскажу о синтаксисе команды fscommand, с помощью которой и решается поставленная задача.
    Собственно запуск внешнего приложения:

    fscommand("exec","notepad.exe");

    Запись строки в файл:

    String = "Хакер’s FAQ";

    FileName = "c:\\X_0303_FAQ.txt";

    fscommand("exec","command.com\t/C\techo\t" + String + "\t>" + FileName);

    Добавочная запись строки в файл:

    String = "End of Xakep’s FAQ";

    FileName = "c:\\X_0303_FAQ.txt";

    fscommand("exec","command.com\t/C\techo\t" + String + "\t>>" + FileName);

    Переименование файла:

    FileName = "c:\\X_0303_черновик.txt";

    NewFileName = "c:\\X_0303_FAQ.txt ";

    fscommand("exec","command.com\t/C\tren\t" + FileName + "\t" + NewFileName);

    Изменения атрибутов файла:

    FileName = "c:\\X_0303_FAQ.txt";

    Attributes = "-a+h+r+s";

    // "-" снять атрибут

    // "+" добавить атрибут

    // a, r, s, h - соответственно archive, read only, system, hidden

    fscommand("exec","command.com\t/C\tattrib\t" + Attributes + "\t" + FileName);
    Q.Пытался импортировать swf файл во Flash MX, а мне сообщение: файл защищён автором.Как снять защиту?
    A.Мувик сделан так, что часть его это текст, а именно то, что заставляет его реагировать на твои действия: ActionScript,а другая часть это Shapes, то что двигается.Оторвав одно от другого ничего понять не удастся.
    Есть ещё и проги, которые позволяют почти на 100% перекрыть доступ к этому делу. Тут уже обсуждали вкратце про ActionScript Obfuscator.Посмотреть можно, конечно, но не всё и не всегда.Вот тулза, позволяющая увидеть скрипты: ActionScriptViewer.Но у этой версии (3.01) проблемы с седьмым флэшем (MX2004).
    15.05.1999      СНЯТИЕ ЗАЩИТЫ С FLASH-КЛИПА
    Для внимательного изучения чужих работ, анализа их дизайнерских решений, понимания тех или иных моментов Flash-технологии применяемых в них, бывает весьма полезно загрузить интересующий вас Flash-клип в редактор и тщательно просмотреть его в покадровом режиме. Хочу сразу предупредить, что это не декомпилирует SWF файл в исходный формат FLA, но тем не менее дает достаточно пищи для размышления при изучении лучших работ.

    Ниже на картинке показано начало защищенного SWF файла - заголовок, в котором описываются его основные характеристики такие как: название формата, версия Flash, объем файла в байтах, размеры клипа по ширине и высоте, частота кадров, цвет заднего фона и наличие установленной зашиты от импорта во Flash-редактор. Байты ответственные за последнее, выделены на картинке красным цветом. Для снятия защиты достаточно просто удалить (выкусить) эти два байта 00 06 в любом редакторе, позволяющем работать с HEX-кодами, например в UltraEdit. После их удаления файл станет соответственно короче на два байта и будет загружаться во Flash-редактор без проблем. Для большей корректности можно уменьшить на две единицы значение адреса 04h, но для Flash-редактора это не критично.

    HEX-коды заголовка SWF файла

    Из информации, находящейся к заголовке, представляют интерес следующие адреса:

    Как уже написал выше, декомпиляция SWF-клипа в формат FLA невозможна в принципе. Поэтому с таким файлом ничего, кроме его изучения, сделать нельзя, т.е. редактированию он не поддается.


     Панель инструментов

    Могу с уверенностью сказать, что изучение и понятие Flash для новичков очень затруднительно. Так как Flash - это мощный инструмент, изучение которого требует много времени и внимания. Естественно на первом этапе обучения очень важную роль играет интерфейс программы, ведь это первое и главное, что видит пользователь. В этой статье мы рассмотрим немаловажную деталь интерфейса, как панель инструментов.
    Панель инструментов - это одна из главных деталей интерфейса. Она расположена в левой части экрана, выглядит, как прямоугольник, вверху которого надпись Tools. Внутри прямоугольника расположены инструменты, о которых сейчас и пойдет речь.
    Первыми инструментами, о которых мы начнем речь - будут инструменты Arrow Tool и Subselection Tool. Эти инструменты расположены в начале панели, изображены черной и белой стрелкой и вызываются клавишами V и A соответственно. Они служат для выделения объектов, перемещения их и для небольшой транформации.
    Следующим инструментом является Line Tool. Он служит для рисование линий и вызывается клавишей N. Нажмите на этот инструмент и вы увидите, что в панели инструментов можно выбрать толщину линии. Затем, после того, как вы выбрали толщину линии и ее форму, поместите курсор на холст нажмите левую кнопку мыши, тяните мышь, затем отпустите кнопку. Вы увилите, что вы нарисовали линию. Так же можно выбрать цвет линии. Это можно сделать изменив цвет в подпанели Color в панели Tools.
    Рассмотрим инструмент Lasso Tool. Он служит для более тчательного выделения. Нажмите кнопку L и выделите, зажав левую кнопку участок холста.
    Так же во Flash существует инструмент Pen Tool - ручка, инструмент Text tool, служащий для создании надписей.
    Если вам нужно нарисоват круг или квадрат, то вам помогут Oval Tool и Rectagle Tool.
    Иногда вам нужно нарисовать, какую-нибудь кривую линиию, причем рисовать ее удобней от руги, то в этом случае лучше всего использовать карандаш - Pencil Tool или кисть Brush Tool. Для карандаша можно установить сглаживание ( под понелью Color), а для кисти форму и размер.
    Free Trasformarion - служит для трансформации объектов. Для изменения размеров и формы графических объектов.
    Инструмент Paint Bracket Tool используют для заливки объектов в какой нибуль цвет. Например, нарисуйте квадрат, а затем поменяв цвета в панели Color щелкните на квадрат заливкой.
    Так же существует инструмент, очень похожий на предыдущий, только он заливает выбранным вами цветов только контур объекта. Этот инструмент вызывается клавишей S и называется Ink Bottle Tool.
    Те, кто уже сталкивался с такими программами, как Photoshop, легко усвоят следующе компоненты, как пипетку (Eyedropper Tool) и ластик (Eraser Tool). Пипетка служит для помещения в панел Color выбранного вами цвета. Например выбирите этот инструмент и кликните мышкой на какой - нибуль объект на холсте. После этого у вас поменяется цвет в панели Color на цвет выбранного вами объекта.


    seo & website usability inet os faq hardware faq memory video cpu hdd mainboard faq printer & scaner modem mobiles hackzone

    Windows 10 | Registry Windows 10 | Windows7: Общие настройки | Windows7: Реестр | Windows7: Реестр faq | Windows7: Настроки сети | Windows7: Безопасность | Windows7: Брандмауэр | Windows7: Режим совместимости | Windows7: Пароль администратора |  |  |  | Память | SDRAM | DDR2 | DDR3 | Quad Band Memory (QBM) | SRAM | FeRAM | Словарь терминов | Video | nVIDIA faq | ATI faq  | Интегрированное видео faq | TV tuners faq | Терминология | Форматы графических файлов | Работа с цифровым видео(faq) | Кодеки faq | DVD faq | DigitalVideo faq | Video faq (Архив) | CPU | HDD & Flash faq | Как уберечь винчестер | HDD faq | Cable faq | SCSI адаптеры & faq | SSD | Mainboard faq | Printer & Scaner | Благотворительность

    На главную | Cookie policy | Sitemap

     ©  2004