Relax Breath of Solution.Community tech blog of Sameera Thilakasiri - Consultant UI, UX, RWD Specialist/ Interactive Designer

Just I wanted.. Do you?…

Creating skins in Adobe Photoshop CS3 for Flex

Posted on October 26, 2010 | Comments Off on Creating skins in Adobe Photoshop CS3 for Flex

If you’re using Adobe Photoshop to create Flex skins, you create bitmap graphics instead of vector graphics. When
using bitmap graphics for skinning, there are a few issues you should be aware of:

• Gradients in bitmaps only scale well in one direction. If you need to create artwork with gradients, and they
might need to stretch in both directions, you might consider using Flash or Illustrator instead.
• Make sure that your custom skins use a single layer.
• Photoshop does not currently support for 9-slice scaling grids.
• Photoshop outputs individual .png files for each skin, rather than a single file containing all the skins.
• Some features of Illustrator are not supported when exporting to SWF. For example, blend modes and effects,
including drop shadows, may not display correctly. If you want to use these or other advanced Illustrator features,
first test them with a single skin.

Install the buy cialis tadalafil Flex skins for Photoshop CS3
1 Download the Flex skins and extensions for Photoshop CS3 from
2 Double-click the downloaded .zip file and extract its contents to a temporary directory.
3 Copy the directory Presets/Flex Skins into Photoshop_install_dir/Presets.
4 Copy the contents of the Presets/Scripts directory into Photoshop_install_dir/Presets/Scripts

Create a skin in Photoshop CS3
1 Start Photoshop.
2 Select File -> Scripts -> New Flex Skin.

3 In the New Flex Skin dialog box, choose Multiple Flex Components to edit all Flex skins, or choose a specific
component to skin. If you choose Multiple Flex Components, Photoshop opens a file containing all of the Flex skins.
4 Modify the skins as necessary.
a Select the layer for the skin you want to edit.
The editable layer for a skin is contained within a layer group. In some cases, there are several levels of nested
layer groups.
You can select the levaquin 750 mg editable layer for a skin in one of two ways:
• Select the Move tool and then go to the Tool Options bar at the top of the screen, check Auto Select Layer,
and clear Auto Select Groups. Now, on the canvas, click on the skin you want to edit and the relevant layer
is automatically selected.
• In the Layers palette, find the layer group for the skin. Expand the layer group and select the editable
b Edit the selected layer.
Note: When editing a skin in the template, you cannot add extra layers for the skin. Only the named layer for the
Flex skin, as provided by the template, is exported. If you want to create a skin using multiple layers, you must merge
the layers and copy the merged content into the original named layer before exporting.
c Make sure that the rest of the layer outside of your skin remains transparent. Flex assumes that any nontransparent
parts of the layer are part of your skin.
5 Hide the layer named _HIDE BEFORE EXPORTING, and hide the _Information layer if it exists.
6 Save the .psd file.
7 Select File -> Scripts -> Export Flex Skin and specify an output folder. The export operation creates a directory
named assets that contains one .png file for each skin.

Sameera Thilakasiri By Sameera Thilakasiri
,is a front-end developer based in Colombo, is a blogger and a lifestyle photographer.
Follow him Twitter and Google+. Check out him.


Comments are closed.