Foundation Flex for Designers excerpt: Flex with Photoshop and Illustrator
Created
7 July 2008
Requirements
Prerequisite knowledge
Some knowledge of Flex, Photoshop, and Illustrator.
User Level
Intermediate
Required products
- Flex Builder (Download trial)
- Illustrator (Download trial)
- Photoshop (Download trial)
Sample files
- flex_photoshop_illustrator.zip (1583 KB)
Additional Requirements
Read the complete chapter
- Chapter 5: Flex with Photoshop and Illustrator (PDF, 983K)
We have looked at using CSS to control the visual look of your applications. Using CSS is the most effective and quickest way to have an impact, and there are many changes you can make through CSS. But there will always come a point where you want a more dramatic change—a point where you want to control not just the color and rounding of a button but also its shape and texture.
That is where skinning comes in. In a nutshell, skinning within Flex involves replacing the look of a component with an image. The idea is simple, but to execute it effectively often takes quite a bit of tweaking as each component is created by a series of smaller pieces or a representation for each state. The results can be very compelling, allowing you to create a distinct visual for your application.
This chapter covers the following topics:
- Building skins in Photoshop
- Connecting Photoshop skins
- Scale 9
- Using the CSS Design view
- Skinning Flex components in Illustrator using SWF files
- Importing the Illustrator skins into Flex Builder
More Like This
- Innovating the Flash CS3 and Flex 3 workflow
- Developing interfaces for RIAs: Displaying data using the DataGrid control with Flex
- Skinning a Flex 4 desktop application with MXML graphics
- Effects in Adobe Flex 4 – Part 1: Basic effects
- Effects in Adobe Flex 4 – Part 2: Advanced graphical effects
- Working with dynamic skin parts in Flex
- Flex 3 in Action book excerpt: Introduction to pop-ups
- Hello! Flex 4 book excerpt: FXG and MXML graphics—Building a game
- Foundation Flex for Designers excerpt: Flex Builder and Flash
- AdvancED Flex 3 excerpt: Sculpting interactive business intelligence interfaces
