RIA crumbs.

Blog about RIA development. ActionScript, JavaScript and more.

Делаем процесс “скинования” проще. [Часть 1]

3 comments

Тед Патрик недавно написал о различных новостях от Adobe, в том числе и о Flex Skin Design Extension. Которое должно облегчить жизнь дизайнерам при создании скинов для Flex приложений. Плагин идет под Photoshop, Flash, Illustrator и под FireWorks.

Общая логика – это предоставление набора шаблонов базового внешнего вида Flex компонент, взятых из стандартной темы AeonGraphical, поставляемой с Flex 3, которые путем простого редактирования можно превратить в кастомные скины.

Попытаюсь кратко рассказать про extension под Photoshop и Flash (все CS3).

Итак, начнем с Flash. Extension поставляется в виде mxp файла, установка которого не составляет больших проблем. Благо инсталлируя продукты линейки CS3 помимо самих продуктов, мы получаем еще кучу нужных и не очень штук, в числе нужных – Adobe Extension Manager.

После запуска Flash CS3 на splash screen в разделе “Create From Template” появляется выбор Flex Skins. В котором можно выбрать скин по видам виджетов.

FL splash

Выбрав интересующий скин, создается новый Flash CS3 документ, в котором уже все готово для редактирования, и все довольно приятно разнесено по папочкам в библиотеке. Осталось только изменить то что нам требуется. Scale-9 учтен.

FL edit

Итогом работы станет SWC , содержащий измененый нами скин. При паблише есть галочка Export SWC, выбрана по умолчанию. Импортируем нашу SWC в проект (File->Import..->Skin Artwork), мы получаем уже отскинованые компоненты. То есть, в нашем случае скролбары будут выглядеть, так как мы над ними поиздевались, без указания стилей и прочего.

Обзор как все сделать используя Flex Skin Design Extension и Photoshop будет во второй части.

Written by reijii

October 9th, 2007 at 12:46 pm

Posted in Flash,Flex,UI

3 Responses to 'Делаем процесс “скинования” проще. [Часть 1]'

Subscribe to comments with RSS or TrackBack to 'Делаем процесс “скинования” проще. [Часть 1]'.

  1. [...] Продолжаю обзор Flex Skin Design Extension, на этот раз буду повествовать об extension под Adobe Photosop CS3. Часть первая, об extension в целом и его версии под Adobe Flash CS3, находится тут. [...]

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

    илья

    12 Mar 08 at 1:39 pm

  3. проверяйте почту. выслал.

    reijii

    12 Mar 08 at 2:10 pm

Leave a Reply