Comments on: Designing Flex 2 skins using Flash, Photoshop, or Fireworks http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/ nj on Flex design and development Sat, 24 Oct 2009 00:39:03 +0000 http://wordpress.org/?v=2.9 hourly 1 By: tadas http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-23300 tadas Thu, 30 Aug 2007 18:20:26 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-23300 Hello, i have a question: does Scrollbar's track works when you publish skins from Flash? When i skin scrollbar and click on track scrollbar doesn't move. Any ideas why? Hello, i have a question: does Scrollbar’s track works when you publish skins from Flash? When i skin scrollbar and click on track scrollbar doesn’t move. Any ideas why?

]]> By: pearl-jewelry-wholesaler http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-6258 pearl-jewelry-wholesaler Tue, 06 Mar 2007 04:34:30 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-6258 The theme files are located in the Flex SDK installation folder. (If you installed Flex Builder, the SDK is inside the Flex Builder folder.) The theme files are located in the Flex SDK installation folder. (If you installed Flex Builder, the SDK is inside the Flex Builder folder.)

]]> By: nj http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-3514 nj Wed, 24 Jan 2007 05:40:54 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-3514 Juan: Very cool--nice job with the skins you've posted there! It's nice to start seeing some Flex apps that don't "look like Flex" :) Thanks for the link. Juan: Very cool–nice job with the skins you’ve posted there! It’s nice to start seeing some Flex apps that don’t “look like Flex” :) Thanks for the link.

]]> By: Juan Sanchez http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-3507 Juan Sanchez Wed, 24 Jan 2007 01:09:08 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-3507 Narciso - Just wanted to let you know that your article helped me very much. I have created a website dedicated to Flex 2 themes, styles, and skins. Thought you might like to see where your some of your shared knowledge has taken me. You can see the site at http://www.scalenine.com. Thanks. Juan Narciso -

Just wanted to let you know that your article helped me very much. I have created a website dedicated to Flex 2 themes, styles, and skins. Thought you might like to see where your some of your shared knowledge has taken me. You can see the site at http://www.scalenine.com.

Thanks.

Juan

]]> By: Ben http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-597 Ben Wed, 18 Oct 2006 21:02:48 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-597 Hi nj, the symbol is distorted in Flex authoring and the published swf as well. Hmmm. I did redraw the shapes from scratch to begin with, because as far as I know you can't change the corner rounding of an existing shape. Everything is on whole pixels as well. Unless you've got an idea of something else to try I suppose I will just use the Photoshop approach. Flash's drawing tools have always been pretty horrendous, I was only trying it this way because the workflow seems easier. When can we expect Flash's drawing to be an embedded version of Illustrator? :) Thanks, Ben Hi nj, the symbol is distorted in Flex authoring and the published swf as well. Hmmm. I did redraw the shapes from scratch to begin with, because as far as I know you can’t change the corner rounding of an existing shape. Everything is on whole pixels as well.

Unless you’ve got an idea of something else to try I suppose I will just use the Photoshop approach. Flash’s drawing tools have always been pretty horrendous, I was only trying it this way because the workflow seems easier.

When can we expect Flash’s drawing to be an embedded version of Illustrator? :)

Thanks,
Ben

]]> By: nj http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-594 nj Wed, 18 Oct 2006 07:39:44 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-594 Hi Ben, Hmmm, that\'s odd. Are you seeing these artifacts only when you use the symbol as a Flex skin, or do you see the same artifacts at 100% in Flash Authoring? (It does look like the right edge is slightly weird even in the zoomed in version, but that might be an artifact of your JPG screenshot.) I\'m not actually familiar with the Flash drawing tools--I know I\'ve had trouble reshaping existing shapes when I\'ve tried to play around with them. You might try redrawing the shape from scratch and seeing if that helps. Also, double-check that the position and size of the shape are integers (i.e., no fractional pixels). If you don\'t have any luck, let me know; maybe I could get your FLA file and see if one of the Flash gurus around here can figure out what\'s going on. Thanks. Hi Ben,

Hmmm, that\’s odd. Are you seeing these artifacts only when you use the symbol as a Flex skin, or do you see the same artifacts at 100% in Flash Authoring?

(It does look like the right edge is slightly weird even in the zoomed in version, but that might be an artifact of your JPG screenshot.)

I\’m not actually familiar with the Flash drawing tools–I know I\’ve had trouble reshaping existing shapes when I\’ve tried to play around with them. You might try redrawing the shape from scratch and seeing if that helps. Also, double-check that the position and size of the shape are integers (i.e., no fractional pixels).

If you don\’t have any luck, let me know; maybe I could get your FLA file and see if one of the Flash gurus around here can figure out what\’s going on. Thanks.

]]> By: Ben http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-590 Ben Tue, 17 Oct 2006 19:49:23 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-590 Hello, I used your Flash template file to edit the skin for ComboBox, and changed the rounding on the corners. I adjusted the scale 9 lines accordingly, but Flash seems to have problems drawing the shape correctly at 100%. I have posted screen caps of the same shape at 100% and zoomed in. Notice it looks perfect once zoomed in. http://returnundefined.com/files/misc/skinDrawingError.jpg Is this a bug? Thanks, Ben Hello, I used your Flash template file to edit the skin for ComboBox, and changed the rounding on the corners. I adjusted the scale 9 lines accordingly, but Flash seems to have problems drawing the shape correctly at 100%. I have posted screen caps of the same shape at 100% and zoomed in. Notice it looks perfect once zoomed in.

http://returnundefined.com/files/misc/skinDrawingError.jpg

Is this a bug?

Thanks,
Ben

]]> By: Paul http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-63 Paul Thu, 27 Jul 2006 18:05:35 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-63 Hello nj, Thanks so much for the reply, and hand-holding... I'm so happy to be back in a more "design-oriented-environment" like Flex2 and it's matured quite a bit since my last investigation. I had been working in a J2EE environment for some time and it's... well, much less design-friendly (imho). I hope that my work improves in this better environment! Anyway, I'm trying to race through all of the tutorial lessons and I've opened the .PSD template file that accompanies your article... Wow, this is just amazing stuff -- the deeper I delve, the better things seem to be! Thanks so much for sharing. Thanks for the help as well on the .SWC file question -- I figured it was something like that, and as I fumble through things and try to make some progress, I'll get back into that. One of my goals is to find out how to control the UI (themes/skins) at different levels... but I can elaborate more on this later I guess. Best regards... Hello nj,

Thanks so much for the reply, and hand-holding… I’m so happy to be back in a more “design-oriented-environment” like Flex2 and it’s matured quite a bit since my last investigation. I had been working in a J2EE environment for some time and it’s… well, much less design-friendly (imho). I hope that my work improves in this better environment!

Anyway, I’m trying to race through all of the tutorial lessons and I’ve opened the .PSD template file that accompanies your article… Wow, this is just amazing stuff — the deeper I delve, the better things seem to be! Thanks so much for sharing.

Thanks for the help as well on the .SWC file question — I figured it was something like that, and as I fumble through things and try to make some progress, I’ll get back into that.

One of my goals is to find out how to control the UI (themes/skins) at different levels… but I can elaborate more on this later I guess.

Best regards…

]]> By: nj http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-50 nj Fri, 21 Jul 2006 16:40:26 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-50 Hi Paul, .swc files are the equivalent of library files in other development frameworks. They're basically binary packages of ActionScript or MXML classes that can be statically or dynamically linked into your application. In Flex Builder, you can create a .swc by creating a Flex Library project. The theme files are located in the Flex SDK installation folder. (If you installed Flex Builder, the SDK is inside the Flex Builder folder.) The path is: .../Flex SDK 2/frameworks/themes Good luck! Hi Paul,

.swc files are the equivalent of library files in other development frameworks. They’re basically binary packages of ActionScript or MXML classes that can be statically or dynamically linked into your application. In Flex Builder, you can create a .swc by creating a Flex Library project.

The theme files are located in the Flex SDK installation folder. (If you installed Flex Builder, the SDK is inside the Flex Builder folder.) The path is:

…/Flex SDK 2/frameworks/themes

Good luck!

]]> By: Paul http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/comment-page-1/#comment-49 Paul Thu, 20 Jul 2006 19:25:13 +0000 http://www.rictus.com/muchado/2006/06/28/designing-flex-2-skins-using-flashphotoshopfireworks/#comment-49 Hello, I just stumbled on your article and blog and really glad that I did. I've recently started learning Flex 2, and I'm very impressed with all that I've seen so far -- both in the tool and in the supporting documentation. Here's a goofy question though (I don't have the luxury of doing my learning in an organized/methodical way at the moment): What does the filetype descriptor ".swc" stand for, and where's the "framework/themes/" directory located? Maybe I overlooked something... Hello,

I just stumbled on your article and blog and really glad that I did. I’ve recently started learning Flex 2, and I’m very impressed with all that I’ve seen so far — both in the tool and in the supporting documentation.

Here’s a goofy question though (I don’t have the luxury of doing my learning in an organized/methodical way at the moment): What does the filetype descriptor “.swc” stand for, and where’s the “framework/themes/” directory located?

Maybe I overlooked something…

]]>