» Колонка редактора: MustLive
» Колонка редактора: Даниэль
» Новости из мира Flash
» Графический планшет VS мышка
» Основные правила создания анимации во Flash
» Флеш-граберы: потрошители флешек
» Flash в вопросах и ответах
» Post Scriptum

Здравствуйте дорогие читатели. Перед вам третий выпуск нашей рассылки. И как всегда вас ожидает много интересной информации. Из последних новостей вы узнаете о том, что с выходом Flash 8 в вебе грядут большие перемены. А также узнаете о первом 3D-проект с открытым кодом. В рассылке мы рассмотрим дополнительный инструментарий к флешу - Флеш-граберы, ознакомимся с основными правилами создания анимации во Flash, а также сравним графический планшет и мышку, дабы определить, что же удобнее для флеш художника и аниматора. В разделе "Flash в вопросах и ответах" мы ответим вам о том как совместить во флеше текст и графику, где взять коллекцию флешек для собственного использования (и чтобы можно было их редактировать), а также как можно сделать прозрачным рисунок. Также прошу обратить внимание на тот факт, что начиная с этого номера наша рассылка будет выходить не раз в две недели как это было ранее, а еженедельно. Теперь вы постоянно будете в курсе свежей и актуальной информации из мира Флэш. И не забывайте о нашем форуме (http://flashzone.ru/forum/), где вы всегда можете задать ваш вопрос и получить оперативный ответ от наших экспертов в разделе "Flash в вопросах и ответах" (http://flashzone.ru/forum/index.php?showforum=22), а также сможете высказать любые предложения по поводу нашей рассылки (http://flashzone.ru/forum/index.php?showforum=17).

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

Flash 8: грядут большие перемены http://news.com.com/Big+changes+ahead+for+Flash/2100-1032_3-5659052.html?tag=nl Компания Macromedia на конференции Flashforward2005 в Сан-Франциско пообещала значительные перемены в своем ПО флэш-анимации. Главный архитектор ПО Кевин Линч обратился к собравшимся, почти до отказа заполнившим Herbst Theater, чтобы описать детали будущих новшеств, содержащихся в предстоящем выпуске плеера Flash 8 с кодовым названием Maelstrom (http://www.macromedia.com/devnet/logged_in/wanbar_maelstrom.html) и инструменте разработки с кодовым названием 8Ball. Линч рассказал также о планах в отношении FlashCast (http://www.macromedia.com/software/flashcast/productinfo/overview/), новой системы разработки, которая поможет мобильным операторам исполнять разнообразные флэш-приложения. «Это крупнейшее обновление за всю историю Flash, — сказал Линч. — Мы существенно улучшили производительность плеера и добавили еще больше графической экспрессии. Мы достигли принципиально нового качества видео и текста. В этой версии плеера больше усовершенствований, чем в любой из предыдущих». Плеер Flash 8 выйдет в этом году и будет содержать изменения в интерфейсе, упрощающие задачу тем разработчикам, которые знакомы с другими приложениями Macromedia, такими как инструмент веб-дизайна Dreamweaver, а также различные нововведения для конечных пользователей, которыми Macromedia надеется привлечь к своему формату издателей видео и дизайнеров. Новый акцент Macromedia на флэш-видео говорит о желании компании не отставать от поставщиков технологии потокового видео — Microsoft, Apple Computer и RealNetworks. Macromedia продемонстрировала презентацию, имитирующую процесс выбора конечными пользователями перед просмотром видеоклипа в вебе параметров своего широкополосного канала доступа и плеера: Flash предлагается как способ обойти эти шаги. «Это реальная возможность сделать видео гражданином Web первого сорта», — сказал технический продакт-менеджер Macromedia по флэш-инструментам Майк Доуни. В состав Flash 8 войдут новые фильтры и специальные эффекты для текста и графики, и будет улучшена производительность рендеринга с целью решения «проблемы медлительности Flash 7». Аудитория Flashforward с энтузиазмом восприняла сравнительные демонстрации быстродействия Flash 8 и Flash 7. Линч сорвал аплодисменты и сравнением Flash 7 и 8 по четкости отображения шрифта, а также демонстрацией новых композиционных возможностей, позволяющих сочетать видео с другими графическими элементами. Старший директор по разработке авторских инструментов Flash 8 Дуг Бенсон продемонстрировал эмулятор, показывающий разработчикам, как будет выглядеть их произведение на экранах сотовых телефонов. Сейчас разработчики флэш-контента для телефонов, чтобы увидеть результат, вынуждены загружать его в аппарат. Бенсон сказал также, что Flash 8 продолжит проект компании по унификации пользовательских интерфейсов своих продуктов. Это позволит флэш-дизайнерам использовать в своих интерфейсах такие элементы, как панели с вкладками. «8Ball и Dreamweaver, по существу, используют целиком один и тот же код», — сказал он. В интерфейсе разработки Flash 8 появится также кнопка object drawing, которая позволит сохранять целостность форм при их наложении. Теперь формы при наложении извлекают байты друг из друга. Наконец, Flash 8 предоставит скошенные или остроугольные штрихи. Предыдущие версии предлагали только закругленные штрихи. Авторы, работающие с Flash 8, смогут накладывать на штрихи градиенты цвета. Линч кратко затронул планы Macromedia в отношении FlashCast. В конце своей презентации он описал этот продукт как контейнер для приложений, созданных в Flash Lite, усеченной версии Macromedia Flash для компактных устройств. Flash Lite завоевала некоторую популярность у производителей мобильных телефонов, несмотря на конкуренцию со стороны открытого стандарта SVG Tiny (Scalable Vector Graphics Tiny) организации World Wide Web Consortium. Линч сказал, что Macromedia подписала дистрибьюторские соглашения с Nokia и Samsung и ведет переговоры с Motorola. Линч начал свое выступление с ответа профессору Стэнфорда и реформатору закона об авторских правах Ларри Лессигу, который в среду рассказал аудитории Flashforward о системе Creative Commons, которая накладывает меньше ограничений в связи с защитой авторских прав, и об антипатии по отношению к Flash в мире open source и свободного ПО. «Сообща мы можем достичь большего, — сказал Линч. — Creative Commons — хорошая вещь, и она может стать очень полезной для нас». Лессиг призывал Macromedia сделать так, чтобы авторам было легче обмениваться своим исходным кодом, приведя в пример прозрачность исходного кода HTML: именно обмен интеллектуальной собственностью помог этой технологии стать вездесущей. Macromedia как будто прониклась словами Лессига, и Линч продемонстрировал новую программную кнопку, при помощи которой авторы могут автоматически открывать доступ к своему исходному коду. После выступления Линч сказал, что компания обсуждала идею включения подобной функциональности собственно в Flash, но, по его мнению, достаточно опциональных дополнительных элементов типа кнопки доступа к исходному коду. Первый 3D-проект с открытым кодом http://www.3dnews.ru/software-news/2005-06-15-6/ Разработчик программы Blender, Netherlands Media Art Institute и Montevideo/Time Based Arts сообщили о старте нового open source проекта Orange Project (http://orange.blender.org/cms/Home.553.0.html). Целью данного проекта является производство первого в мире open source трехмерного мультфильма. Эти организации хотят показать, что программное обеспечение с открытым кодом уже имеет достаточно возможностей для того, чтобы использоваться не только любителями, но и профессионалами. В создании мультфильма будут принимать участие шесть аниматоров и разработчиков программ, которые будут работать в офисе Montevideo в течение шести месяцев – с сентября этого года по март следующего. Удаленно помогать им смогут все желающие. В настоящее время работа только началась, идет подготовка к написанию скриптов и формирование команды. Когда 3D-анимация будет полностью готова и выйдёт финальный релиз мультфильма, то сам мультфильм и все его исходные файлы (сцены, текстуры, аудио и т.д.) будут распространяться абсолютно бесплатно.

Как известно, самыми распространенными и основными способами рисования на компьютере являются создание рисунков с помощью графического планшета и с помощью простой, обыкновенной мышки. Графический планшет представляет собой плоскую сенсорную панель с прилагающимся в комплекте специальным пером. Комплектация планшетов варьируется в широких пределах, все зависит от цены девайса и от того какие возможности он предоставляет. Выбор планшетов достаточен и множество фирм предлагают целые модельные ряды, от простеньких моделей до дорогих, богатых возможностями графических "досок" с целым арсеналом дополнительных функций, сложным пером, улавливающим малейшее изменение давления руки художника. Принцип функционирования графического планшета достаточно прост - художник водит пером по сенсорной панели планшета и на экране монитора создается рисунок. В чем же преимущества планшета перед мышью? Прежде всего, планшет в работе в разы удобнее чем мышь. С помощью планшета достаточно легко и быстро создавать ровные линии с различной толщиной и кривизной оных, что позволит достичь результатов, которые при работе с мышью получить сложней и времени затрачивается больше. Профессиональные анимационные студии рисуют только на планшетах, в специальных графических редакторах (например, Macromedia FreeHand), работа в которых в сочетании с возможностями планшета позволяет создавать рисунки идеальной ровности линий, что во многом способствует повышению качества всего создаваемого мультфильма/ролика в целом. Сенсорная панель практически всех планшетов содержит по периметру сенсорные кнопки, на которые можно "повесить" те или иные "горячие" клавиши того редактора в котором Вы рисуете, что позволит не отрывая руку от рисунка, с помощью пера, переключать инструменты, производить навигацию по меню редактора и т.п., что делает работу с планшетом очень удобной. Перо планшета способно улавливать изменение усилия нажима и от определенного усилия от руки художника будет соответственно изменятся толщина получаемых линий, что также делает создание рисунков очень гибким. К тому же, все мы когда-то рисовали карандашами на бумаге - поэтому гораздо "роднее" держать все то же подобие карандаша в руке и рисовать на электронном "листе бумаги". Разумеется, использование мышки тоже имеет некоторые преимущества. Самое основное - это то, что не потребуется тратить свои кровные на планшет ;-) Рисование мышью также может быть эффективным для тех, кто уже настолько привык к мыши, что просто "сросся" с ней. К примеру, довольно известные флэшер Рунета Somnambula все свои работы рисовал именно мышью и на планшет переходить не собирается. Подводя итог, хочется сказать, что если Вы уверены что сможете хорошо рисовать мышью и планшет Вам ни к чему - пускай так оно и будет. Хорошо рисовать мышью можно. Пример - Somnambula. Однако, если Вы стоите на перепутье и не уверены что же Вам подойдет - рекомендую все-таки прикупить простенький планшет и рисовать с его помощью. Дело пойдет значительно быстрее, качественнее - я знаю о чем говорю, т.к. сам испытывал переход от мышки к планшету. Творческих Вам успехов, друзья!

Создание анимации - очень трудоемкий процесс. Сколько времени тратится на то, чтобы создать минуту качественной анимации. И как иллюзорна простота с которой анимация подается зрителю. Кажется нет ничего проще чем сделать то или иное действие и сколько всплывает "подводных камней" при создании анимации самому. Качественная анимация должна радовать глаз зрителя живостью движений персонажа, богатой мимикой, выразительными и "недеревянными", гибкими движениями конечностей. Рассмотрим основные правила создания качественной анимации, чтобы наш персонаж не казался дубовой куклой с "топорной" походкой и движениями робота. 1. Сжатие и растяжение персонажа. Если присмотреться внимательнее к человеку прыгнувшего на землю с высоты одного метра, то можно заметить что в момент приземления тело человека под действием силы инерции сжалось и через несколько секунд обрело прежний вид, когда человек выпрямился. Нужно помнить что тело - это не камень и оно имеет гибкость, т.е. в прыжках, при взмахах рук тело персонажа сжимается и растягивается. Соблюдение этого правила позволит придать Вашим персонажам жизненности и естественности. Также необходимо всегда помнить, что несмотря на растяжение и сжатие тела персонажа, объем тела остается прежним и меняются лишь пропорции тела в вертикальном и горизонтальном направлениях. 2. Упреждение движения. Если Вы обратите внимание, человек, перед тем как сделать что-либо, совершает движение, обратное тому что он хочет сделать. К примеру, при начале ходьбы, человек слегка наклоняет торс назад и после этого начинает идти. При прыжке, человек сначала приседает, потом прыгает. Соблюдение этого правила также придает реалистичности происходящему на экране монитора. 3. Постоянное движение. Для того чтобы у зрителя ни на секунду не возникало ощущения что анимация обрывочна (например, персонаж - заяц - подпрыгивал на месте, разводя передние лапы в стороны, шевеля ушами, носом, вращая глазами и в следующее мгновение заяц стоит на месте и уже все его конечности неподвижны), что портит все впечатление от картинки, необходимо предусматривать анимацию для каждой позы персонажа. Если заяц устал прыгать и стоит на месте, пусть он продолжает поднимать и опускать уши, сжимать и разгибать пальцы на лапе, шевелит носом, усами - все это значительно придает зрелищности и приковывает взгляд зрителя. 4. Принцип создания походки. При ходьбе движение всегда начинается с движения бедер, которое потом распространяется на лодыжки. Бедра являются ведущими ног, а ноги - ведомыми для бедер. Ступни, при поднятии лодыжки, перемещаются в воздухе постоянно изменяя угол наклона и всегда встают горизонтально при касании земли. Тело при походке также покачивается взад-вперед. Руки движутся поочередно, в такт походке. 5. Анимация "второго плана" Представим, персонаж находится в недоумении. На его лице отображается удивленное выражение. Это первичная анимация и на нее зритель смотрит в первую очередь. Анимацией "второго плана" можно сделать пожимание плечами персонажа. Применение вторичной анимации делает персонажей более живыми и эмоциональными. 6. Учет объема. Необходимо всегда помнить, что грузный медведь будет перемещаться гораздо медленнее и более неуклюже чем юркий заяц. В связи с этим, нужно должным образом создавать анимацию тела соответствующего персонажа чтобы не нарушать гармонию физики в мире. Также, учет объема зависит от эмоционального состояния персонажа. У радостного персонажа движения более энергичны и стремительны, тогда как у грустного - медленные и растянутые. 7. Контроль копирования объектов. Не следует перебарщивать с копированием объектов в сцене мультфильма. К примеру, Вы нарисовали дерево. Его ветки хорошо раскинуты в стороны, на них со вкусом изображены листочки. Но Вам нужно изобразить лес из таких деревьев. Не стоит копировать одно и то же дерево 100 раз - лес деревьев, имеющих одинаковое расположение веток, угол наклона листочков будет выглядеть по меньшей мере странно. Хотя, создание ряда кегль для боулинга, можно смело осуществлять копированием одной кегли, т.к. тут особых отличий и не будет... 8. Преувеличение. При рисовании мультфильмов не нужно стремится максимально воссоздать "все как в жизни"- это будет навевать скуку на зрителя. Часто для большей зрелищности нужно преувеличивать ситуацию. Если персонаж должен быть печальным - его нужно рисовать мрачным, если персонаж радостен - он должен просто сиять и лучиться радостью... Надеюсь, эти некоторые правила создания анимации помогут Вам в творчестве! Успехов!

Если вам необходимо достать определённый ресурс из флеш-файла (персонажа мультфильма, аудио файл или композицию), вам понадобится специальное программное обеспечение. Данное ПО можно отнести к категории флеш-граберов - программ, вырезающими (грабящими) ресурсы из флеш-файлов. Среди программ подобного рода можно выделить следующие: HERCULES - извлекает Movie Clips из флешки в отдельные SWF файлы. ZEUS - извлекает слои из флешки в отдельные SWF файлы. SWF Browser - мощный грабер ресурсов. Рассмотрим последнюю программу. SWF Browser Эта программа представляет собой мощный грабер ресурсов из флеш файлов. Скриншот №1 (800х600, 34.4 кб). Программа позволяет извлекать следующие типы ресурсов: Sound Events Sound Streams Graphics Movie Clips SWF Internals Рассмотрим принципы работы с программой на примере. Загружаем программу и в списке файлов (слева располагаются две панели Directory и Files) выбираем нужную флешку. Скриншот №2 (800х600, 55.3 кб). Далее выбираем команду Tools -> Pares current movie (нажимаем Ctrl-P) или кликаем мышкой на верхнюю полосу статуса, расположенную над открытым окном предпросмотра выбранной флешки (SWF Parser Status). Далее выбираем необходимый тип ресурса - в нашем случае Graphics. В списке выбираем графику - нажимаем на "Image 1" и смотрим предварительно на данный ресурс - нужен ли он нам. Ищем необходимый нам ресурс, и после нахождения подходящего, выделяем его мышкой и кликаем на кнопку Save as bitmap, после чего называем файл и сохраняем его в виде bmp-файла. Скриншот №3 (800х600, 60.6 кб). Если нам нужно сохранить другой флеш-объект (например анимацию персонажа), то заходим во вкладку Movie Clips. Выбираем необходимый муви клип - нажимаем на "Movie Clip 1" и программа предложит сохранить его как SWF. Называем файл и сохраняем его в виде swf-файла с анимацией. Привью в данном случае нету, нужно после сохранения самому просмотреть все сохранённые swf-файлы во флеш плеере (или импортировать во флеш редактор).

Вопрос от Кирилла: Как во Флеше можно сделать прозрачным рисунок? Ответ от MustLive: Если нам нужно сделать весь ролик прозрачным, то можно воспользоваться следующим методом: В html-коде включающим флешку в вашу страницу, нужно для тега <object> поставить параметр <param name=wmode value=transparent> или в теге <embed> указать свойство <embed wmode=transparent>. Но нужно учитывать определенные особенности этого метода: 1) <embed wmode=transparent> - работает в Мозиле и не работает в ИЕ (6.0). 2) <object><param name=wmode value=transparent> - работает в ИЕ (6.0) и не работает в Мозиле. Проблема решается включением обоих параметров в html-код флеш объекта. И тогда прозрачность работает в обоих браузерах (и всех браузерах на основе их движков). В случае когда нужно сделать лишь определённый элемент прозрачным, то воспользуйтесь таким свойством как Alfa. Это свойство можно применять к заливкам (включая градиенты) и к объектам флеша (Имадж, Бутон, Мувиклип). Значение указывайте в Пропертисах (в поле Color). В случае когда нужно сделать на флеше изображение с прозрачным фоном с дальнейшим экспортом в другие форматы или приложения (например прозрачный gif файл - для дальнейшего использования в других проектах), сделайте следующее: 1) Используйте параметр Alfa (установите в 0%) для прямоугольной области (размером не менее размера флеш ролика), которая у вас будет в качестве фона (для фона флеш ролика непосредственно нельзя задавать прозрачность - как минимум в версиях редактора включительно до Flash МХ). Данное поле расположите в нижнем слое - это ваш фон. 2) В свойствах Публикации (Publish) укажите: а) для GIF - Transparent: Alfa (Threshold - порог чувствительности - оставьте 128). б) для PNG - Bit Depth: 24-bit with Alfa. Вопрос от Добермана: Как совместить во флеше текст и графику? Ответ от MustLive: Во флеше есть стандартный объект TextField (переводится как "текстовое поле"). Это средство флеша для работы исключительно с текстом. В TextField нельзя поместить изображение или что-либо ещё кроме текста. Для флеша МХ и более новых можно воспользоваться Component-ом ScrollBar для создания полос прокрутки для нашего текстового поля. Это увеличивает наши возможности работы с текстом во флеше, но это не решает проблемы работы текста в комбинации с графикой. Во флеше 4 и 5 пришлось бы всё делать вручную. Т.е. писать текст, загружать в ролик изображения, выстраивать их на экране и аккуратно размещать текст и графику (весь align вручную), дабы они органично взаимодействовали - и всё это вручную (ведь флеш не профессиональная программа вёрстки). Но начиная с версии Флеш МХ (6й версии т.е.) наметились определённые подвижки в этом направлении. Во флеше МХ объект TextField конечно не научился работать с графикой, но в него добавили поддержку html и xml, что конечно подняло флеш на новый уровень. Среди html тегов поддерживаются лишь основные и предназначенные исключительно для работы с текстом (параграфы, заголовки, ссылки, жирный и наклонный, задание размера шрифта и др.), но например тег img (<img src="pic.gif">) поддержан не был - т.к. сам объект TextField не поддерживает графику. Но есть альтернативное решение - позволяющее совместить во флеше текст и графику. Это компонент ScrollPane. Данный компонент создаёт область заданного размера с вертикальной и горизонтальной прокруткой (это настраивается в свойствах) для демонстрации различных movie clipов во флеш документе. Из Window -> Components (F11) выбираем компонент ScrollPane. И размещаем его на сцене. Для показа movie clipов (или JPG файлов сконвертированных в movie clipы) внутри нашей компоненты, нужно указать symbol linkage ID нужного мувиклипа в параметре scrollContent данного компонента. Предварительно для всех наших movie clipов нужно в свойствах указать linkage. После можно вручную указать в параметре scrollContent нужный ID или программно. Также можно воспользоваться методом FScrollPane.loadScrollContent() для динамической загрузки контента с сервера в наш ScrollPane. Сами муви клипы придётся по старинке делать руками и всё самостоятельно размещать - и текст и графику. Данный инструмент позволяет удобно работать с подготовленным материалом, демонстрируя большое количество материала на небольшом пространстве (благодаря встроенной поддержке компонентом полос прокрутки). Вопрос от Anikeev: Где взять коллекцию флешек для собственного использования (чтобы можно было их редактировать)? Ответ от MustLive: Движущихся героев мультфильмов, различных животных и других персонажей (например Масяню -  http://mlbpg.narod.ru/bp-flash/bp-flash27.htm) можно взять с уже существующих флеш-мультфильмов, так и из специфических флешек (не мультфильмов), в которых присутствует только определённый персонаж (статика или анимация - демка модели персонажа например http://mlfun.org.ua/flash/2/robot.shtml). В случае флешки "модели персонажа" у вас будет меньше мороки с самим персонажем (т.к. он уже подготовлен, вам осталось только его вставить импортом в свой флеш-ролик), но вам нужно будет ещё найти подходящего персонажа (в разделах с флешками на сайтах, или в специальных онлайновых библиотеках). В случае героя уже созданного мультфильма вам понадобится специальное программное обеспечение (в предыдущем случае эти инструменты тоже могут понадобится, но в итоге этот процесс займёт меньше времени). Данное ПО можно отнести к категории флеш-граберов, т.е. программ, вырезающими (грабящими) ресурсы из флеш-файлов. С помощью данного ПО вы сможете достать вашего персонажа (в том или ином виде - каким его поместил во флеш автор) из флеш файла. И после импортировать в свой флеш-проект. О данном ПО читайте в этом номере рассылки. Только редактировать нормально данные импортированные флеш-объекты у вас не получится - только по кадрам (так их импортирует флеш). В случае статического кадра это не проблема, а вот с импортированием анимации и последующим её редактированием у вас будет много мороки, иногда легче будет сделать свою анимацию самому (в зависимости от необходимого редактирования существующей анимации). В таком случае можно попробовать поискать исходник данного персонажа (исходный *.fla файл), например в тех же онлайновых библиотеках, или связаться с автором понравившегося персонажа и попросить исходник (персонажа с анимацией). Вопрос можно задать на форуме в отдельном разделе или по e-mail: subscribe@flashzone.ru.

Все материалы этого выпуска авторские. Новость "Flash 8: грядут большие перемены" и статью "Флеш-граберы: потрошители флешек" написал MustLive, статьи "Графический планшет VS мышка" и "Основные правила создания анимации во Flash" написал Даниэль. Задать вопрос в раздел "Flash в вопросах и ответах" можно на форуме, либо по e-mail subscribe@flashzone.ru. По вопросам сотрудничества обращаться на e-mail max@flashzone.ru. Принимаем заявки на обмен обзорами с сайтами flash тематик. Перепечатка разрешается только со ссылкой на автора и flashzone.ru. Сайт рассылки: flashzone.ru. Сайты авторов: danimult.net.ru (Даниэль), mlfun.org.ua (MustLive).