29 Сентябрь 2008

blogcampcee

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


кстати, среди flash блогов также выступает xitri.com. поддерживаем, не стесняемся, мы в разных номинациях, так что мы не соперники :)

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

…какая заманчивая мысль!

posted in события | 1 Comment

28 Сентябрь 2008

в предвкушении adobe flash cs4

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

дистрибутивы уже давно можно найти на торрентах, но почему-то качать совершенно не хочется, потому как создаётся ощущение плохо прожаренного стейка в придорожной забегаловке. да, возможно если подождать официальной версии от 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, я уже буду знать как он выглядит внутри и как работают все фичи (благо видео в интернете начинает появляться огромное количество). но я уверенна, что после открытии этой программы я на сутки с головой зароюсь в неё и мне не избежать «профессионального оргазма».
чего в принципе и вам желаю!
получайте удовольствие от своей работы! ;)

posted in article | 6 Comments

16 Сентябрь 2008

прорисовка в «карамельном» стиле

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

1. итак, мы имеем на выходе вот такой симпатичный домик. рассмотрим по порядку все шаги, которые привели к этому результату.
2. всё всегда начинается со скетча (наброска) на бумаге. можно конечно и сразу на компьютере, если у вас есть планшет, но как по мне никакой планшет не сможет сравниться с простым карандашом и листком бумаги. этот домик был нарисован гелевой ручкой в блокноте.
3. первое что я делаю это выбираю контрастный цвет для контурных линий (зачастую это синий или красный) и прорисовываю все основные контуры с помощью инструмента pen и редактирую точки и линии инструментом arrow. не используйте при прорисовке pencil, его линии зачастую получаются кривые и содержат много точке, к тому же их сложнее редактировать.
4. когда все линии прорисованы, удаляем слой с наброском, меняем цвет линий на чёрный и корректируем элементы по композиции. я увеличила домик, передвинула окошки, дорисовала облака и велосипед. планировались ещё деревья, но они не вписались )
5. подбираем основные цвета картинке. обычно это процесс у меня занимает больше всего времени. если я не знаю, чего конкретно хочу от цветовой гаммы, на помощь приходит адобовский кулер. здесь я обошлась без него, заранее зная, что хочу картинку в тёплых тонах.
6. вот как выглядит наша картинка без контурных линий. не спешите их удалять, они могут вам ещё пригодится, лучше всего скопируйте их на отдельный слой.
7. далее добавляем градиенты. в идеале нужно использовать корректирующие слои (слой с градиентной заливкой в чётных или белых тонах с прозрачностью), чтобы мы в любой момент могли поменять основной цвет без ущерба градиентным переходам. но в данном случае цвета менять я не собиралась, поэтому работала без корректирующих слоёв – просто добавляла градиент основному цвету (от более всетлого к тёмного). результат вы можете видеть.
8. далее шёл кропотливый процесс добавления бликов и теней, который и привёл домик к «карамельному» виду. и добавлены детали такие как цветочек и кружка в окошке.
9. вот блики и тени без заливки. обратите внимание на контуры окошек и забора – это нично иное как наши контурные линии, просто где-то они чёрные, а где то белые с прозрачностью 15-25%. так же добавлены градиентные блики везде, где что-то может блестеть. даже шёрстка у кошки )
10. чтобы блики смотрелись симпатичнее я использовала градиентную заливку  не белого цвета, а светло-жёлтого, в результате чего блики кажутся теплее.
11. что касается теней, то часть из них это просто градиенты чётного с прозрачностью он 0 до 25% (см. тени вокруг окошек и двери), а часть – расблёреные movie clip-ы с обычной заливкой (см тени под велосипедом и забором).

вот собственно и весь секрет. пробуйте, экспериментируйте и у вас всё получится!!!

вот например процесс отрисовки нескольких «сладких» иконок.

posted in drawing, lesson | 10 Comments

3 Сентябрь 2008

stamp, particlespray and leafline tools

бороздя просторы интернета я наткнулась на интересный сайт www.flashlabs.eu, на котором представлены 3 занимательных flash расширения, которые в первую очередь будут интересны тем, кто любит рисовать во flash. итак, расскажу о каждом из них в отдельности.

stamp tool (скачать)
этот штамп не имеет ничего общего с фотошоповским, но функцию выполняет полезную. инструмент предназначен для быстрого расположения символов библиотеки на сцене с заданием позиции, размера, поворота и instance name.
посмотреть видео туториал.

вот что можно нарисовать за несколько секунд. это намного быстрее, чем копировать символы и менять каждому размеры и поворот. при этом заметьте, кажый из символов имеет уникальный instance name! а для тех, кто хочет просто перевести все символы в графический объект, достаточно выделить всё и нажать ctrl+b

particlespray tool (скачать)
спрей имеет похожее действие – тоже использует символы из библиотеки. одним кликом вы распыляете нужные символы из библиотеки на сцену с рандобным размером, поворотом и альфой, имитируя действия спрея.
посмотреть видео туториал.

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

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

линии получаются ломанными, но можно поиграться с настройками и довести их потом вручную. но были замечены баги при использовании многочисленных откатов (ctrl+z). так что будьте бдительны!

о том, как установить расширения я уже писала, но также можете посмотреть видео
инструкции как добавить новые инструменты в вашу панель tools здесь.

posted in drawing, plugins | 8 Comments

1 Сентябрь 2008

возвращение

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

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

posted in uafpug | 5 Comments