Tutorial | How to Skin a Flex Video Player (Video Tutorials)
by Carlos Pinho, April 11th, 2008
  • Share
  • Share

Tutorial | How to skin a <a href=Flex Video Player" />

Dolores Joya has created small video tutorials for creating Flex skins from Photoshop. This training is meant to give insight into the process of using the Flex interface to implement a Design from Mock-Up into a Production like workflow.

1. Create a New Flex Project
2. player/FlexSkinning-DirectorySetup.html">Make New Folders to Store Design Assets
3. Save Images from Photoshop for Button Background
4. Save Images from Photoshop for Embedded Button Icons
5. Copy New Images and Video to Flex Project
6. Create a New Base UI Layout
7. Add Image to the Background and Header
8. Bring in the FLV Video
9. Set Up a New CSS Stylesheet in Flex and Link to It
10. Make a New Style for the Flex Button Component
11. Assign Your New Style to Flex Component
12. Add a Border to Your Design
13. Test Project Turn Off the Scrollbars for the Flex Component

Tags: , , , , , , , , , , ,

This entry was posted on Friday, April 11th, 2008 at 10:30 am and is filed under Flex, Photoshop, Resources, Tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Copy and Paste the code below
Email and IM
Websites
Forums
Get This

No Responses to “Tutorial | How to Skin a Flex Video Player (Video Tutorials)”

  1. leg med nye medier. Eller noget. Says:
    November 23rd, 2008 at 9:31 am

    [...] Tutorial | How to Skin a Flex Video Player (Video Tutorials) « Flash Enabled Blog (tags: flex) [...]

Let leave a Comments for this post.