Помогни ни да направим Uroci.net по - богат! Добави урок

Използване на rich symbols във Fireworks

Stalik   трудност:    видян: 9272

 

Казано простичко rich symbol във Fireworks CS3 се наричат дизайнерски компоненти с редактируеми настройки. Такива например са бутони, които могат да се редактират - с редактируем текст, кант с променяеми дебелина и цветове, графични символи с множество схеми за визуализиране и дори Flex компоненти с променяем стил, които да се експортват директно MXML за Flex. Можете да добавите такъв символ съм документа си като провлачите обект от новия Common Library panel (Window > Common Library) и промените настройките му от новия Symbol Properties panel (Window > Symbol Properties).

 

Накратко rich symbol обектите във Fireworks CS3 се състоят от три основни характеристики: символи, 9-slice scaling (нещо ново за Fireworks CS3) и Fireworks Javascript API. Тези три аспекта са обединени, за да образуват един съгласуван дизайнерски компонент. Не трябва да сте майстор в коя да е от тия три области, за да можете да използвате и дори да създавате rich symbols. Въпреки всичко опита, разбира се, ще е от голяма полза.

 

Символи: Символите са често пренебрегвана опция на Fireworks. За обикновеният потребител може би звучат ннужно сложно, но всъщност не е така — те са лесни и много полезни. Символите, за които говорим, са същите, като символите в други приложения на Adobe, като Adobe® Illustrator® и Adobe Flash®, или пък Smart Shapes в Adobe Photoshop®. They are self contained mini-documents that are embedded in Fireworks PNG files as instances. The advantage of using symbols—and consequently rich symbols—instead of simply copying elements, is that you can have as many instances of a symbol in a document as you want, and any changes you make to the symbol are reflected on each symbol instance immediately. However, each instance can still be uniquely placed and scaled, or have opacity adjusted and unique filters applied. rich symbols expand the editability of symbols to the elements that are actually inside the symbol; just use the Symbol Properties panel to change colors, styles, and even text.

 

9-slice: This is a very exciting feature that is still relatively new to the design world. It was introduced in Flash 8, and has now been added to Fireworks CS3 and Illustrator CS3. This feature is much better demonstrated than described, so be sure to check out the “What's new” section of the Fireworks CS3 documentation. Any symbol in Fireworks CS3 can have 9-slice scaling enabled and be scaled intelligently, which preserves corner and side proportions instead of distorting the entire object in a uniform way. Below is an example of scaling a simple panel symbol with and without 9-slice scaling.

 

Notice how the 9-slice enabled object has four guides, creating nine regions, which are automatically scaled in a more intelligent manner to preserve corner and side proportions. As you can probably imagine, this is a very powerful feature for interface design! It's a key aspect of rich symbols, allowing you to create very “intelligent” components that can be resized and reused in various scenarios without losing quality or proportions. Buttons are a great example, as you might reuse the same button style for buttons of varying width and title.

 

Javascript API: This is the third ingredient to a rich symbol, which provides the bridge between your symbol instance and the elements it contains. The Javascript API allows you to change properties inside each instance without changing the original symbol—this process is described on the next page. The abilities of Fireworks' Javascript API are vast and well beyond the scope of this article. However, you may be glad to know that tools are provided with Fireworks CS3 to create the necessary Javascript for a rich symbol, without the need to create any code by hand if you do not wish to do so.

 


Страници: 1 2 3 4 »

Регистрирайте се, за да добавите коментар


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com