31 Март 2008

блики

ну что же, пора начать рассказывать о различных приёмах анимации.
что чаще всего встречается в баннерной анимации? наверное всё-таки блики и мерцания.

есть несколько способов сделать блики, но самый простой и удобный – с помощью маски. слой маска должен содержать область отображения блика, а слой находящийся непосредственно под ней анимацию самого блика.

в случае с текстом в качестве маски может выступать сам текст, который должен находиться ниже маски и блика.

кстати, если в слое-маске текст сдвинуть немного влево и вверх, то когда блик будет пробегать по тексту создастся ощущение рефлёности текста. скачать: text_blik.fla

что касается мерцания, то «звёздочки» лучше рисовать в фотошопе, сохранять с прозрачным фоном в png, а затем анимировать во флеше.
вот собственно быстренько состряпала для вас баннерок а-ля распродажа :) всё нарисовано во флеше с добавлением нескольких фильтров, отражение и блики делала в фотошопе.
потрошите исходник, разбирайтесь что к чему, задавайте вопросы в камменты.

posted in animation, lesson, исходники | 12 Comments

28 Март 2008

плагины от trickorscript.com (часть 3)

всё-таки хочется закончить описание плагинов trickorscript.com
на закуску осталась последняя группа:

powerful plugins

bone parenting
этот плагин симулирует структуру костей. мы можете задать структуру и анимировать персонажа, двигая его кости. этот плагин считается самым мощным на сайте trickorscript.com. хотя лично мне они пару раз повесили систему :) к тому же вроде как adobe обещали «косточки» в следующей версии флеш.

motion path
позволяет создавать направляющие движения через ключевые кадры в слое, удобен при работе с дугами.

preview pligin
с помощью этого плагина вы можете просматривать всю сцену в небольшом удобном окошке, при этом вы можете работать внутри символа и видеть что изменяется снаружи на главной сцене! также вы можете циклически просматривать только те кадры, которые вы выделили.

squash stretch
удобный плагин, который позволяет сжимать и вытягивать объекты с хорошим результатом. полезен при анимации.

timing maestro
этот плагин проигрывает временную шкалу и создаёт ключевые кадры в то время когда вы рисуете на сцене. с помощью маэстро режиссёр может задавать тайминг аниматорам и не только. советую посмотреть больше об этом плагине на сайте.

thumbnail plugin
и наконец мой самый любимый плагин! делает маленькие превью каждого кадра графического символа. с помощью него можно с лёгкостью делать не только липсинг, но и в целом покадровую анимацию персонажей! но чтобы вы меня поняли, надо будет обязательно об этом написать подробную статью :)

на этом обзор плагинов trickorscript.com окончен. часть из них очень удобны, часть абсолютно бесполезны, но в любом случае – это хороший ориентир для создания своих собственных плагинов!
кстати, возможно удасться кое-то презентовать уже на следующей неделе ;)

posted in article, plugins | 0 Comments

28 Март 2008

tokyo international anime fair 2008

в токио стартовал tokyo international anime fair 2008, который пройдёт в период период цветения сакуры 27-30 марта 2008 г.
интересно, что в рамках специальной программы «зарубежные произведения», будут представлены пять произведений современной российской мультипликации.

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

кстати, студия walt disney представила на ярмарке аниме несколько минут из пилотной версии телевизионного мультсериала, который американская компания делает в сотрудничестве с японской студией madhouse. cозданное двумя компаниями аниме – адаптированная для японского рынка версия популярного мультфильма «лило и стич», премьера которой состоится ближе к концу 2008 года. кроме того, в апреле disney начнет производство мультфильма fireball вместе с toei animation, крупнейшей аниме-студией японии.

posted in новости, события | 0 Comments

27 Март 2008

плагины от trickorscript.com (часть 2)

по горячим следам продолжу обзор плагинов trickorscript.com. эта группа моя самая любимая, т.к. помогает сэкономить кучу рабочего времени.

useful plugins

layer manager
это наверное один из моих самых любимых плагинов. главной его функцией является конвертирование выделенных слоёв в символ с сохранением расположения слоёв и анимаций внутри этого символа. также плагин позволяет сливать слои, изменять их свойства, быстро и удобно переименовывать, удалять пустые итп.

organize transformation points
наверное вы часто сталкивались тем, что при изменение точки трансформации в каком либо из ключевых кадров слетает на фиг вся анимация motion! этот плагин позволяет быстро и удобно организовывать ваши точки трансформации.

rename symbols batch
думаю нет такого флешера, которому хоть раз приходилось копировать все символы из одной библиотеки в другою. а так как все мы по своей природе ленивые, давать адекватные имена символам никто не удосуживается. вот и вылетает чудное сообщение «to replace or no the symbols?». в лучшем случае мы отменяем операцию и начинаем всё переименовывать, но зачастую просто ставим галочку «не заменять».
так вот, с помощью этого плагина можно легко переименовывать символы в библиотеке, добавлять порядковый номер или букву группе символов, применить ко всем названиям префикс или постфикс. с этим плагином вы навсегда забудете о выборе заменять символы или нет.

кстати о птичках

цены на каждый плагин колеблются от 9 до 35$, но оптом весь комплект можно приобрести за 180$. кряков на них я не нашла, но вот поюзать в течении 20 дней триальные версии может каждый.

зачем я это всё пишу? просто такие мелочи как объединение слоёв в символ, переименование, автоматический выбор нужной анимации итд – очень сильно съедают рабочее время разработчика, а adobe вряд ли в ближайшем будущем займётся такими мелочами… :(

именно поэтому мы с александром титовым (santer, когда ты уже заведёшь собственный блог?) собираемся сделать пару самых необходимых плагинов на основе этих и других (обязательно будут ещё обзоры). и кое-то уже работает ;) рабочую версию обязательно выложу в блоге в качестве open sourse.
кстати, если кто-то из программистов имеет желание поучаствовать в разработке плагинов – милости просим :)

posted in article, plugins | 5 Comments

27 Март 2008

плагины от trickorscript.com (часть 1)

trickorscript.com предлагает большой выбор плагинов для adobe flash, предназначенных непосредственно для аниматоров. ну наконец-то хоть что-то для нас :) на сайте представлено 13 плагинов, большинство из которых действительно очень полезны в работе. причём часть из них окажется полезной и для программистов.
чтож, сделаю краткий обзор по всем плагинам:

essential plugins

auto save
если вы постоянно забываете сохраняться, то можете настроить авто сохранение через определённый интервал. но это ещё не всё! плагин также позволяет автоматически сохранять новые версии вашего файла во время работы с постфиксом. например файл «anim.fla» будет сохраняться как «anim_v1.fla», «anim_v2.fla» и тд.
удобно, не правда ли?
это единственный бесплатный плагин, представленный на сайте, так что можете его смело качать.

copy, cut, paste in place
обычно во флеш, когда вы копируете объект и используете команду paste in place (ctrl+shift+v) внутрь символа, оно вставляет его куда угодно, но не туда куда вам нужно. благодяря этому плагину вы можете вставлять объект именно в то место, от куда скопировали в не зависимости от координат символа. имхо – очень удобная фича для тех, кто часто работает с графикой и символами.

create tween
благодаря этому плагину вы можете забыть о выборе типа анимации (shape или motion). плагин определяет автоматически что содержится в кадрах – символ или графический объект и создаёт нужную анимацию. при этом можно добавлять анимацию одновременно нескольким слоям с разным типом анимации. а если настроить специальное сочетание клавиш для этой команды, то получится просто конфетка! (кстати надо не забыть написать статью о настройке горячих клавиш и назначений их для планшета)

ease easily
вы получите огромное количество отличных настроек с этим плагином. вы можете назначать параметр ease более чем одному слою в одно и то же время, параметр ease расширяется до диапазона значений от -200 до 200, вы можете разбивать участки анимации на промежутки сохраняя соотношение параметра итд. словом любители этого параметра откроют для себя много нового!

edit in place
вы сможете редактировать символы и временную шкалу не возвращаясь к первому кадру! а ведь именно это происходит когда вы заходите внутрь символа на временной шкале или возвращаетесь назад на основной таймлайн. также вы можете редактировать символы выбирая не только ключевые кадры, но и промежуточные кадры анимации motion! это очень полезный и необходимый плагин! не знаю как вам, но аниматоры, которым приходится работать с очень длинной временной шкалой оценят практичность этого плагина по достоинству!

пока это всё. об остальных плагинах я напишу в следующих постах :)

posted in article, plugins | 3 Comments

26 Март 2008

allow smoothing

один из самых часто задаваемых мне вопросов новичками является: «а как сделать чтобы картинка при анимации так не дёргалась?»
обычно я хватаюсь за голову с криками «как можно этого не знать!», но затем попускаюсь, вспоминаю, что все мы когда-то такими были и пытаюсь внятно объяснить, что я сейчас и попробую сделать для вас.

итак, чтобы «картинка при анимации так не дёргалась» нужно установить ей сглаживание. для этого надо выделить её в библиотеке и выбрать в свойствах properties…

после чего установить галочку allow smoothing.

здесь можно также установить качество картинки, которое не будет зависит от общих настроек публикации файла.

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

posted in lesson | 2 Comments

24 Март 2008

маленькое кино в большом городе – 2008

«маленькое кино в большом городе – 2008″ принимает заявки на участие в конкурсе на лучший анимационный фильм, предметом которого является искусство анимации в городской среде.

победители будут выбраны в трех номинациях:
• лучший мультфильм о любви (главный приз 500 евро)
• лучший мультфильм-сказка (главный приз 500 евро)
• лучший мультфильм-окно (главный приз 1000 евро)
• конкурсные работы должны быть предоставлены не позднее 30 апреля 2008.

более подробную информацию можно узнать здесь.

posted in новости, события | 0 Comments

22 Март 2008

об исходниках

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

1. никогда не используйте ключевые кадры без крайней необходимости, особенно если это слой с фоном, который на протяжении всего ролика не меняется. ну зачем, спрашивается, последний кадр делать ключевым? при продлении фона на временной шкале нужно использовать статические кадры (hot key f5).

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

3. никогда не применяйте к графическим объектам и тексту анимацию motion, предварительно не преобразовав их в символы. это раздражает больше всего, т.к в результате образуется большое количество символов graphic (с именами Tween), с которыми жутко неудобно работать!
если вы создали текст, который планируется анимировать. не поленитесь преобразовать его в символ. вам потом будет гораздо удобнее с ним работать.

4. давайте вменяемые имена символам и слоям. ну хотя бы только символам! порой очень много времени уходит на поиск того или иного символа в библиотеке.

5. сортируйте символы, музыку и битмапы по папкам. это же просто напросто удобно! особенно если количество элементов в библиотеке превышает пару сотен.

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

вот вроде всё что удалось вспомнить на вскидку. подскажите если что забыла.

вообще по состоянию таймлайна и библиотеки во fla-исходнике можно очень многое рассказать о разработчике, в особенности об его аккуратности и организованности.

но если вы привыкли работать в хаосе – никто вас осуждать не будет. просто помните, что с вашими исходниками возможно будет работать живые люди. поберегите хотя бы их! :)

posted in article, frames, lesson | 9 Comments

21 Март 2008

movie clip vs graphic

итак, хочется начать с самых простых и на первый взгляд очевидных вещей.
наши дорогие друзья символы movie clip и graphic. опыт показывает, что большинство флешеров досконально не знают в чём отличия этих двух символов. а некоторые, к примеру, вообще не пользуются graphic или используют его только как статичный фон.
как вы уже догадались, сегодняшняя статья будет об отличиях movie clip и graphic.

1. movie clip не зависит от временной шкалы.
это значит что в не зависимости сколько кадров на вашей основной шкале, анимация, находящаяся внутри видеоклипа будет отображаться постоянно. а вот graphic как раз наоборот зависит. и если к примеру у вас на сцене только один кадр, а внутри графического символа намного больше, в результате вы и получите только первый кадр вашего символа.

2. при пролистывании временной шкалы анимация внутри movie clip не отображается.
а вот анимация внутри графического символа отображается и её можно легко синхронизировать с другими анимациями. это одна из главных причин почему при анимации стоит использовать graphic.

3. возможность выбора кадра начала воспроизведения в graphic .
это присуще исключительно graphic. если вы по какой-то причине до сих пор не сталкивались с этой опцией, настоятельно рекомендую с ней познакомиться. кроме первого кадра можно задавать параметры loop (циклическое воспроизведение), play once (проиграть анимацию один раз и остановиться) и single frame (один кадр). это очень удобные опции, упрощающие работу с анимацией и временной шкалой.

4. movie clip может содержать коды action script.
это наверное самое важное отличие, которое надо учитывать в первую очередь при выборе типа символа.

5. movie clip может содержать музыку.
если вы поместите звук внутрь видеоклипа, то он будет проигрываться, а в graphic напротив звук будет игнорироваться. но вообще-то запихивать звук внутрь любого символа – это изврат :о)

6. при экспорте в avi анимация внутри movie clip не отображается.
экспортируется только первый статический кадр видеоклипа. а вот графический символ отображается корректно. хотя сейчас есть уже достаточно по, которое позволяет экспортировать и анимацию внутри movie clip.

7. к movie clip можно применять фильтры.
grop shadow, glow, blur идр позволяют имитировать фотошоповский эффекты. здесь хочется отметить, что если вы импортируете во флеш png с прозрачным фоном, преобразовываете картинку в видеоклип и добавляете к ней эффект к примеру drop shadow – тень будет не по прямым границам изображения, а вдоль непрозрачного контура! это очень удобно :) графический символ такой возможностью, увы не обладает.

вроде самое основное вспомнила. в качестве итога можно сделать простой вывод graphic стоит использовать для анимации, в особенности для анимации персонажей и сложных анимаций внутри символов, а movie clip в большей мере там, где необходимо использовать action script.
но на самом использовать нужно то, что удобнее вам :)

posted in article, lesson, symbols | 1 Comment

18 Март 2008

здравствуйте

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

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

лерика

posted in новости | 8 Comments