Ногами не бить )

Презентация:

Аудио: скачать

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

Но есть одно но. Ты отдаёшь ассеты и больше не имеешь никакого влияния на них.
В результате когда смотришь на игру, обнаруживаются какие-то жуткие стили на шрифтах, непонятные тени от персонажей, кое где старые ассеты, перестаёшь узнавать свои фоны…

Что в этом вы спросите плохого? А то, что такую игру противопоказано показывать в своём портфолио!
Хотя с другой стороны нарисовал – отдал – забыл.
И иногда даже полезно сделать пару тройку трэшовых проектов, чтобы мотивировать себя делать лучше, чем раньше.

А конференция прошла просто шикарно! Спасибо всем кто там был!

Листать можно также стрелочками вправо-влево на клаве.

Чем пахнут флэшеры

(по мотивам Джанни Родари «Чем пахнут ремёсла?»)

У каждого флешера запах особый.
Рост, как всегда, пахнет новостью новой.

Антик Андрей пахнет винилом.
Пахнет Шаграт водкой и пивом.

Панин пропахся давно молоком.
Саша Титов пахнет котом

Белая пахнет белым макбуком.
Игорь Рузанов картошкою с луком.

Дима Кочетов пахнет машиной,
Таня же пахнет Кочетовым Димой.

Волков Антон пахнет джемом из клюквы,
Кстати, Карповича надо понюхать.

Юлечка пахнет кашею манной,
А лошадьми пахнет Романна.

Пахнет Денис хитростью новой,
Пахнет Песецкий идеей толковой.

Жлоба недавно пропахся коньками
Пахнет Мигель колбасою салями.

Алфер Илья пахнет задором.
А Крестелёв пахнет ласковым морем.

Логинов пахнет весёлою фермой
Валик Железный – велосипедом.

Пахнет Панас осенним каштаном.
Пахнет Демон шоколадным кальяном.

Шупер Роман пахнет скайп чатом,
А Микитюк гор Карпат ароматом.

Пахнет Бадим чем-то элитным.
Пахнет Фластар наукой гранитной.

Константинёра не знаю я лично,
Рост говорит, что он пахнет клубничкой.

Галабурда пахнет улыбкой,
Анимефиш пахнет вкусною рыбкой.

Много у флешеров запахов есть,
Я их, увы, не смогу перечесть.

Если кого-то забыла сейчас,
Я вас понюхаю в следущий раз

причём программистов можно разделись на несколько категорий – те что пишут на as2, те что пишут на as3 с использованием ооп, те что разрабатывают десктопные приложения на основе air… я не очень компетентна в этом вопросе. поэтому может кто-то другой сделает подобную классификацию…

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

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

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

а есть ещё аниматоры, которые помимо классической покадровой анимации и mоtion/shape используют программную для всевозможных эффектов (снег, дождь, взрывы, генерация фонов)

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

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

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

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

немного личного на закуску.

я занимаюсь флешем с 2003-го года. и за 6 лет я перепробовала практически всё. были и мультфильмы и сайты, разработка обучающей системы, интерфейсы для терминалов, были и маленькие проекты и серьёзные в большой команде разработчиков, были на пару часов, а были и такие что длились около года…

но теперь и я определилась со своей узкой специализацией.
я занимаюсь разработкой графики и анимации для flash игр.
это то что мне нравится, это то что у меня получается лучше всего, что ещё надо?

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

теперь этот блог будет посвящён не только flash анимации, но и flash играм.

далее много букв и поясняющих картинок.

итак, у нас есть планшет wacom intuos3 со стандартными настройками. наша цель настроить его для себя и исключительно для flash. открываем свойства планшета, которые находятся в панеле управления windows.

выглядит наша панель настроек вот так.

чтобы наши последующие настройки работали исключительно для flash мы делаем следующие действия:
нажимаем на «+» возле параметра «приложение»

и в списке программ выбираем flash или нажимаем кнопку «обзор…» и задаём путь вручную если flash не запущен.

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

express keys

итак, начнём с экспресс клавиш.
по умолчанию на них назначены ctrl, alt, shift. как по мне абсолютно бесполезная вещь на планшете.

назначим на одну из клавиш команду shift+f5 (удалить кадр или группу выделенных кадров)
для этого в выпадающем списке выбранной клавиши выбираем команду «нажатие клавиши…»

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

затем даём имя команде, для себя, чтобы не забыть что мы там назначили.

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

попутно может возникнуть вопрос, а какие горячие клавиши у команды create motion tween?
а их нету ) но их можно с лёгкостью создать. алгоритм прост:

• для начала вызываем пункт меню edit -> keyboard shortkuts…
• далее дублируем стандартные установки с помощью кнопки dublicate.
• из списка команд выбираем нужную. в нашем случае это insert -> timeline -> create motion tween
• добавляем новое сочетание с помощью кнопки add shortcut (плюсик)

• далее нажимаем нужное сочетание клавиш. если такое сочетание уже зарезервировано, появится сообщение содержащее описание команды на которую это сочетание зарезервировано. в данном случае я выбрала сочетание ctrl+shift+t (t – tween, легко будет запомнить).
• нажимаем ok. всё готово!

теперь при нажатии на эти клавиши у нас будет создаваться motion tween. и что ещё замечательно – этим же сочетанием движение можно удалить!

touch strip

но вернёмся к нашему планшету. а именно к полосам прокрутки

многие их отключают, но если вам всё же удобно ими пользоваться, то тут то и возникает вопрос: зачем нам 2 увеличения масштаба? что за непозволительная роскошь, когда одну из полосок можно настроить например… на отмену/откат (ctrl+z, ctrl+y)

и снова выбираем нашу любимую команду «нажатие клавиш» возле нужной полосы прокрутки (я выбрала левую)

теперь настраиваем верхнюю и нижнюю часть полоски на сочетания клавиш ctrl+z и ctrl+y таким же способом как и функциональные клавиши – задаём сочетание, пишем имя.

теперь мы можем с лёгкостью переходить от действия к действию!

pop-up menu

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

что же такое попап меню? по сути это альтернативное контекстное меню, которое можно вызывать верхней кнопкой пера (по умолчанию там двойное нажатие, которым мало кто пользуется).
итак. первое что надо сделать. это назначить pop-up menu нашему перу.

• переключаемся в инструментах с «функций» на «grid pen»
• выбираем кладку «перо»
• назначаем верхней кнопке пера команду «pop-up menu»

далее назначаем какую-нибудь команду, я например выбрала flash команду optimaze... ибо использую я её достаточно часто, путь к ней длинный (modify->shape->optimaze…), а сочетание клавиш трудно запоминаемое (ctrl+alt+shift+c)

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

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

а вот так наше попап меню будет выглядеть непосредственно во flash

а ещё при рисовании кисточкой во flash не забываем включать режим пера и учёт наклона пера, а так же регулировать степень сглаженности линий на панели properties. и рисование будет вообще в удовольствие!

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

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

теперь на запросы типа «а нарисуйте мне 5-ти минутный мультик за 300 баксов» можно смело кидать ссылку на эту статью

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

итак, что же пригодится нам, аниматорам, в новой вервии adobe flash cs4?
привожу список того, что мне больше всего пришлось по вкусу:

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

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

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

траектория движения
прощай guide layer, теперь мы будем обходиться без твоей помощи, т.к. получили полный контроль над траекторией движения анимации на основе объектов. теперь flash автоматически создаёт траекторию движения, которая легко может быть изменена с помощью уже знакомых вам элементов управления безье. ну не сказка ли? *мечтательно откидывается на спинку стула*

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

редактор движения
вот что пишут на сайте adobe: «воспользуйтесь детализированным контролем над параметрами ключевых кадров, включая поворот, размер, масштаб, расположение, фильтры и многое другое, с помощью нового редактора движения. упростите управление с помощью графических дисплеев, аналогичных тем, что используются в adobe after effects®.»
не совсем представляю о чём идёт речь, ибо не видела этой фичи в презентации, но уже слюнки текут. *сглатывает слюну*

новый инструмент «перо»
да да да! наконец-то во flash будет перо, заимствованное из adobe illustrator!!! теперь работа с точками будет только в кайф! *нервно потирает в руках перо планшета wacom*

блин, столько ещё всего нового и полезного!
новый удобный интерфейс,
улучшенная библиотека с поиском, выборочный экспорт слоёв,
преобразование анимации в as 3.0,
мощные инструменты создания геометрических фигур
импорт psd и ai файлов,
*а-а-а, держите меня семеро!*
…и ещё много-много всяких полезностей и вкусностей, подробнее о которых вы можете почитать здесь.

возможно до того как я установлю себе adobe flash cs4, я уже буду знать как он выглядит внутри и как работают все фичи (благо видео в интернете начинает появляться огромное количество). но я уверенна, что после открытии этой программы я на сутки с головой зароюсь в неё и мне не избежать «профессионального оргазма».
чего в принципе и вам желаю!
получайте удовольствие от своей работы!

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

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

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

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

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

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

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

зы: кстати, а игрушка кажись до сих пор активна по этому адресу

горячие клавиши для форматирования кадров

f5 – добавить статический кадр. также можно заполнить выделенный промежуток статическими кадрами.
f6 – добавить ключевой кадр. преобразовать статический кадр или группу в ключевые.
f7 – добавить пустой ключевой кадр. или соответственно преобразовать статический кадр или группу в пустые ключевые.
shift+f5 – удалить кадр или группу выделенных кадров
shift+f6 – преобразовать ключевой кадр в статический (можно также преобразовывать группу ключевых кадров)

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

назначение горячих клавиш

например очень часто нам приходится создавать или удалять motion tween, a сочетания клавиш для этого действия нет. рассмотрим как это делается.

• для начала вызываем пункт меню edit -> keyboard shortkuts…
• далее дублируем стандартные установки с помощью кнопки dublicate. этого можно и не делать, но лучше перестраховываться
• из списка команд выбираем нужную. в нашем случае это insert -> timeline -> create motion tween
• добавляем новое сочетание с помощью кнопки add shortcut (плюсик)

• далее нажимаем нужное сочетание клавиш. если такое сочетание уже зарезервировано, появится сообщение содержащее описание команды на которую это сочетание зарезервировано. в данном случае я выбрала сочетание ctrl+shift+t (t – tween, легко будет запомнить).
• нажимаем ok. всё готово!

теперь при нажатии на эти клавиши у нас будет создаваться motion tween. и что ещё замечательно – этим же сочетанием движение можно удалить!

проанализируйте, какими командами вы пользуетесь очень часто и назначте на них горячие клавиши.
я например использую ctrl+shift+y и ctrl+shift+u для flip horisontal и flip vertical соответственно. а ещё клавишу «/» для включения/отключения привязки. :о)
а какие нестандартные сочетания ипользуете вы?

— при использовании в анимации png изображений следите за обтравкой картинок. объект должен хорошо смотреться как тёмном, так и на светлом фоне.

— при фокусировке на заднем плане или на переднем не забывайте делать соответствующие размытия. этого можно добиться с помощью фильтра blur.

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

кстати, png обладает ещё одной замечательной способностью. если преобразовать его в movie clip и применить фильтр (например drop shadow), то он применится только к непрозрачным участкам. что очень удобно.

если вы знаете ещё какие-то особенности или правила касательно формата png? поделитесь пожалуйста.

в опере и эксплорере всё было чудесно, как вдруг я обнаружила, что мозилле всё поплыло и съехало.
я мигом полезла в вордпресс. что же произошло? наш чудесный друг отформатировал код как ему вздумалось, а именно извлёк из тега <object> теги <embed> и <param>, аккуратненько их структурировал и позакравал сразу после открытия.

естественно ничего не работало!
45 минут беседы с техподдеркой никаких результатов не принесли. но посоветовали поискать плагин для вордпресса. таков нашёлся. easy swf plugin 1.1. вроде всё понятно – отличная инструкция по установки и использованию, но работать всё равно не хочет! вставляет ссылки на swf, но никак не хочет вставлять саму флешку. в чём проблема – не знаю.
но попробуйте, может у вас получится!

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

вот таким нехитрым образом мне удалось побороть swf и вордпресс жуть! если вы знаете более удобный и надёжный споссоб – поделитесь пожалуйста

powerful plugins

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

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

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

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

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

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

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