Import PSD's to Flash Builder

I've created several screens in Adobe Photoshop (PSD), for a mobile application that I'm going to develop in Adobe Flash Builder 4.5. How do I import those PSD screens for use into my Flash Builder Flex Project?

First question: are you planning on using your Photoshop created screen files, to cover the ENTIRE screen width/height of your Flash Builder project? For example, a screen image set up for a Motorola Droid would need to be 480px wide X 854 px high....vs.....say a Samsung Galaxy S3 screen of 1280px X 720px. In each case, you will need to use the multi-dpi image settings to compensate for the variety of image screens (backgrounds) that you will need. I myself have extensive knowledge in this area, as most of my applications include heavily creative PSD graphics.
So to begin, you will want to create a source folder to hold your images (screens). You do this by "right clicking" on the "src" file of your newly created mobile app project, and creating a new "Folder" called simply..."assets". Once completed, your new "assets" folder will appear in the "src/source" folder. Now, open Design View in Flash Builder...and drag an "image" component from the tray on the left...and place it on your app screen. Constrain the top, bottom, left, and right of the image component to 0, if the dimensions of your PSD/.png graphic file are say...480 x 854. This will set your image to fill the whole app screen. Next, we'll drag our graphic from Photoshop...and drop it into our newly created "assets" file. After this, and while still in design mode, we'll set the source of the image, to the image we just placed into our "assets" folder. Once that is done, click the refresh icon on the tool bar above Design Mode....and your new background will appear in your Flash Builder project.
Of course, if you are going to use multi-dpi images for backgrounds, then we have a few more steps to cover beyond this one.
Hope this helps you,
Craig Workman
Software Architect | SwitcHHat.com

Similar Messages

Importing PSD's into Flash

I'm using Flash 8, and have just started importing PSDs into
Flash. I actually found the import PSDs feature in CS3, and
discovered that you can import PSDs to Flash 8 as well.
The problem is, there is a color shift-the PSDs imported into
Flash appear lighter than they do in PS, or than a JPEG of the same
image appears when imported into Flash. I have noticed the same
problem with PNG's as well. They also appear lighter than a JPG of
exactly the same image when brought into Flash....
Does anyone know of any fix for this? Is it something to do
with color-profiles in PhotoShop (of which I know little about)?
Thanks!

How was the original art created? Was the original RGB or CMYK? What is the resolution of the Photoshop file? Flash only works well with RGB and 72 pixel per inch resolution. If your original art is not set this way, then Flash will attempt to convert it as it imports it. Flash uses the sRGB color space. You'll get the best color translation if your Photoshop file is using this color preference.

Importing psd files in flash. Constant Artifacts

So I been trying to import a psd file in flash to animate using diifferent layers from Photoshop. The problem is there's always artifacts around the image once it imports. I can't seem to get rid of themwhen I need clean shapes to animate. When I go back to reclean the image in photoshop, it looks crisp and I don't see obvious artifacts spots as I do in flash.
So how does one get clean image shapes from photoshop or detect artifacts before going through the trouble of importing? Any ideas thanks...

Thanks, that's interesting to know. I do have the file in a slightly high res, than 72. Even when I zoom in 200%, I don't see anything extra to clean off in the original file. Is there a way to make it more obvious, or method to tone down stray pixels in photoshop or flash. It's still wierd that Flash would exaggerate a stray pixel, 100 fold whiling importing.

Import many projects to Flash Builder 4.7

Hi there,
we had to install Windows 64 Bit for the better performance with the Flash Builder 4.7.
So we also had to deinstall Flash Builder 4.7 and install it again.
Now we have about 50 projects and we don't want to import each individually.
Is there a possibility to import all the projects which are in the workspace folder or do we really have to add one after the other?
Best omi

Goto File>Import...>General>Existing Projects into Workspace
Under "Select root directory", specify the path where all the projects are present.
All projects present at that path will be imported into the Workspace.

How do I move a video project from Encore to AIR via Flash Builder?

I've got a rather complex video project with lots of submenus (that works as a DVD - so it is "debugged") that I need to be able to export from Encore into an app to upload on the iTunes store and Android Market. So far, I've managed to export the project via Encore's Flash output and test the results using a web browser (it works). Everything got saved in a new folder structure with an index.html file pointing to the flashdvd.swf file pointing to the AuthoredContent.xml file that actually holds all the information on the file structure (there are 99 files in the Sources subfolder) and uses the default generated Theme.xml file.
What I need to do is to somehow import all this into Flash Builder as a project so it can become the source for the various "app" platforms. My questions are:
1. I've got Flash Builder 4.5 - do I need to upgrade to 4.7 in order to import the project or can this be done in 4.5?
2. Is there some intermediate step that I'm missing?
3. Will Flash Builder be able to repackage all these files into the file specs required by each target platform (I'm assuming it will - is that a valid assumption)?
And moving downstream a bit...
4. Since this is a video based project with over 200 megabytes of F4V content, how will the content arrive on the end user device? Will it have to be streamed or can it be downloaded? - this is a big issue should the app become popular and we be forced to maintain a streaming server somewhere. What about server sizing in such an event? For example: is there a way to estimate how much bandwidth is required per 1,000 instances?

Oh, no i think i clicked Solved but it's not at all solved and i don'tt see a way to reverse it and clicked unsolved.
I'v tried reading the Manuals but still don't see the solution.
I think I've misworded my question. Perhaps i shall have to start a new question.
What i want to know is very basic.
How do i take a video i see on either youTube or another side and put it either on my iPod (i guess via iTunes) or put it into a document or an email??
Do i copy some link? Copy what exactly? Do i click and drag something?
I think if i knew how to get a video to iTunes I could be able to sync it.
But i don't know the first thing, how to get a video onto iTunes, or email, or a document.
Thank you both.

Using dynamic text in Flash Builder

Hi,
I'm trying to get some dynamic text to my web page. The text is readed from .txt file
I use AS script which i was using in a project I made with Flash Pro and now i try to implement it in Flash Builder project
The script look like this:
var req:URLRequest = new URLRequest("design_1.txt");
var loader:URLLoader = new URLLoader();
function textLoaded(event:Event):void
design.text = loader.data;
loader.addEventListener(Event.COMPLETE, textLoaded);
loader.load(req);
So first I made a project with Flash Catalyst and in there I created an area text element. Then I imported the project to Flash Builder and put the AS script in the <Script> section and gave the <RichText> an id="design". The text is just simple text and formatting happens in richtext element.
So, when i try to compile the FB project it give me and parse error "undefined property error req", "undefined property error loader" etc.
So should i alter the AS script for FB or is there something else wrong? I tried to google how to use dynamic text in FB but couldn't find any easytyutorials. I'm mostly a desginer so coding isn't my speciality. But thanks for help!

Hi Amy,
You can customize 'New class' generation under Preferences->Editors->Flash
Builder->FileTemplates->Action Script->New ActionScript class.
Currently there are no template variables available constructors. But you
can customize it as following,
$
${import_declaration}
$ {
public function ${class_name}() {

Java projects in Flash Builder

Hi all,
I previously used Flex Builder 3 on Vista x64. Inside Flex Builder 3, I had both flex projects and java projects. I needed both because I use BlazeDS and kept the java code in a separate project. I would only like 1 development environment.
I recently upgraded to Windows 7 x64 and went ahead and upgraded my Flex Builder 3 to Flash Builder 4.
It was a simple measure to import my flex projects into Flash Builder 4.
When I tried to import the Flex 3 java projects into Flash Builder 4, Flash Builder responded with:
" The folder does not contain a valid Flash Builder Project."
Short of installing Eclipse, a 32bit version of java, and using the Flash Builder Plugin, is there a way to get my java projects to import and compile in Flash Builder 4 while running on Windows 7 x64?
Thanks in advance for any thoughts,
- Steve
P.S. I may have had to import something special to get it to work in Flex Builder 3, I just can't remember.

If you're trying to compile Java projects in FB4, you'll need to add eclipse's Java Development Tools (JDT).
You can add the JDT this way:
- quit FB4, and launch with "Run as Administrator" from the context (right-click) menu
- from the Help menu choose "Install New Software..."
- in the resulting dialog click "Add", and enter a name of your choosing such as "Galileo Updates" in the Name field
- enter this URL into the Location field:
http://download.eclipse.org/releases/galileo/
- hit OK and then browse the available Galileo Updates
- select Programming Languages > Eclipse Java Development Tools
- continue on with the usual Update workflow, and after finishing it will prompt you to relaunch automatically.
Allow FB4 to relaunch, and you should now have the JDT available for compiling Java projects.
-Chris

Dreamweaver and Flash Builder for PHP

I have created a php database in Dreamweaver, can this database be imported or converted to Flash Builder for PHP?

MySQL has nothing to do with Dreamweaver or any other development software. It's a DBMS (which stands for DataBase Management System). More simply, it's a way to store data. Other DBMS are PostgreSQL, Oracle, and so on..., as mentionned above.
To use your existing MySQL database with FlashBuilder for PHP, simply specify where you store your PHP services on your computer when you create your project. Then FB will attempt to connect to MySQL with the help of your PHP code.
And you'll be able to retrieve your data in the brand new Spark Datagrids !
Hope it'll help.
Julien.

Red x with Flash Builder 4

Hello!
I have a Flex project and I need this to run in Flex SDK 4.5, because of a dependency of a library which needs 4.5.
So I import the project into Flash Builder 4 (as an eclipse plug-in) and I get a "red x" on the left side of the project name in the "Project Explorer" of Eclipse. My problem is, I do not know where the problem is located, because no file is marked with a red x.
The prject is based on BlazeDS and will be deployed to a Tomcat. The deployed folder only has the directories and the .mxml files, but not compiled .html / .swf files in it. But I did not get any error messages.
Attached an image of the directory structure of my Eclipse/Flex project and the zip file of my project:
http://ud05_188.ud05.udmedia.de/todo.zip
Perhaps someone has an idea? How can I see what's going wrong?
Best regards PHANTOMIAS

I located the problem, I only have to take a look at the "problems" tab:
unable to open 'C:/Users/phantomias/workspace/todo/WebContent/WEB-INF/flex/services-config.xml'
That`s the error I have to handle.
I read that is has to do with the compiler argument:
- Properties - Flex Compiler - Additional compiler arguments:
-services "C:/Users/phantomias/workspace/todo/WebContent/WEB-INF/flex/services-config.xml" -locale de_DE
But what is wrong here?
Best Regards.

Flash Builder 4.5 does not recognize 'virtual'

I have a project created in Flex Builder 3. I imported that project to Flash Builder 4.5. Now I see an orange mark at every function that has something like this:
public virtual function getVersionHandler(event:ResultEvent):void{}
Flash Builder 4.5 complains about 'virtual' => "access of undefined virtual" and 'getVersionHandler' => "type was not found or not a compile-time constant"
Does anyone know how I can resolve this?
Thanks.

The virtual keyword is classified as a "future reserved word". In the current AS3 language spec it does nothing, and can safely be removed.
From the help:
"There are also several identifiers that are sometimes referred to as future reserved words. These identifiers are not reserved by ActionScript 3.0, though some of them may be treated as keywords by software that incorporates ActionScript 3.0. You might be able to use many of these identifiers in your code, but Adobe recommends that you do not use them because they may appear as keywords in a subsequent version of the language."
http://help.adobe.com/en_US/ActionScript/3.0_ProgrammingAS3_Flex/WS5b3ccc516d4fbf351e63e3d 118a9b90204-7f9b.html#WS5b3ccc516d4fbf351e63e3d118a9b90204-7f6e

How do I import a custom mobile app UI in Flash Builder?

Hey everyone. I'm new to mobile development and just Flash Builder in general. I created a custom UI using Photoshop and now that Catalyst files aren't supported in FB 4.6, how would I go about creating or importing a UI for my mobile app? I can't seem to find a difinitive answer on the topic any where so any help would be awesome.
Please n Thank You
--Coreybro

Google flex skinning.
Here's a start:
http://www.adobelightroom.net/devnet/flex/articles/flex4_skinning.html
Does the existing catalyst workflow no longer work?

Importing Flex 2 projects in Flash Builder 4.5

I have a decent amount of Flash/ActionScript experience, but I'm brand new to both Flex and Flash Builder... so apologies for asking a potentially stupid question.
I just received a Flex project from a client, and I assumed I'd be able to work on it with my recent install of Flash Builder 4.5
But when I go to File > Import Flash Builder Project and navigate to the Project folder, I just get a warning that says:
“The folder does not contain a valid Flash Builder Project.”
I think this project might have originally been developed in Flex 2. Am I doing something wrong, or is it normal to not be able to import older Flex projects into Flash Builder? If Flash Builder can't import old Flex projects, what's the recommended workaround?

dont import it, do it from scratch in fb4

Flash Builder 4.5 - Flex (source code automatically changed after existing project import)

Hi all!
Til yesterday, i was using FB v4.0 and it was perfectly working.
But now I'm under 4.5 and i have problem when importing my existing projects.
Now let me introduce the matter:
The entire project solution is located on my Desktop.
So, to import this, i go in FB in File>Import Project
Then i select "Project Repository" option and "Browse" button, then select the project on Desktop...
So.... import complete and SEEM TO BE successful
Unfortunately, from the IDE, when i double click on each source files, the code inside is not the expected one.
In fact, it looks as an older version of my code.
Then, i exit totally FB4.5...
... and open my source files with a simple text editor, i can see that the original code (before import) has been changed by FB4.5...
So, why???
for example, this original code:
* This is a generated class and is not intended for modification. To customize behavior
* of this service wrapper you may modify the generated sub-class of this class - WS_rq_login.as.
package services.ws_rq_login
import com.adobe.fiber.core.model_internal;
import com.adobe.fiber.services.wrapper.WebServiceWrapper;
import com.adobe.serializers.utility.TypeUtility;
import mx.rpc.AbstractOperation;
import mx.rpc.AsyncToken;
import mx.rpc.soap.mxml.Operation;
import mx.rpc.soap.mxml.WebService;
[ExcludeClass]
internal class _Super_WS_rq_login extends com.adobe.fiber.services.wrapper.WebServiceWrapper
    // Constructor
    public function _Super_WS_rq_login()
        // initialize service control
        _serviceControl = new mx.rpc.soap.mxml.WebService();
        var operations:Object = new Object();
        var operation:mx.rpc.soap.mxml.Operation;
        operation = new mx.rpc.soap.mxml.Operation(null, "WS_rq_login");
         operation.resultType = Object;
        operations["WS_rq_login"] = operation;
        _serviceControl.operations = operations;
        try
            _serviceControl.convertResultHandler = com.adobe.serializers.utility.TypeUtility.convertResultHandler;
        catch (e: Error)
        { /* Flex 3.4 and earlier does not support the convertResultHandler functionality. */ }
        preInitializeService();
        model_internal::initialize();
    //init initialization routine here, child class to override
    protected function preInitializeService():void
        _serviceControl.service = "A_WebService";
        _serviceControl.port = "A_WebServicePort";
        wsdl = Config.LIEN_WS_RQ_LOGIN+"/4dwsdl";
        model_internal::loadWSDLIfNecessary();
      * This method is a generated wrapper used to call the 'WS_rq_login' operation. It returns an mx.rpc.AsyncToken whose
      * result property will be populated with the result of the operation when the server response is received.
      * To use this result from MXML code, define a CallResponder component and assign its token property to this method's return value.
      * You can then bind to CallResponder.lastResult or listen for the CallResponder.result or fault events.
      * @see mx.rpc.AsyncToken
      * @see mx.rpc.CallResponder
      * @return an mx.rpc.AsyncToken whose result property will be populated with the result of the operation when the server response is received.
    public function WS_rq_login(e_login:String, e_password:String, e_keyCode:String, e_forceRegenKey:Boolean) : mx.rpc.AsyncToken
        model_internal::loadWSDLIfNecessary();
        var _internal_operation:mx.rpc.AbstractOperation = _serviceControl.getOperation("WS_rq_login");
          var _internal_token:mx.rpc.AsyncToken = _internal_operation.send(e_login,e_password,e_keyCode,e_forceRegenKey) ;
        return _internal_token;
becomes this:
* This is a generated class and is not intended for modification. To customize behavior
* of this service wrapper you may modify the generated sub-class of this class - WS_rq_login.as.
package services.ws_rq_login
import com.adobe.fiber.core.model_internal;
import com.adobe.fiber.services.wrapper.WebServiceWrapper;
import com.adobe.serializers.utility.TypeUtility;
import mx.rpc.AbstractOperation;
import mx.rpc.AsyncToken;
import mx.rpc.soap.mxml.Operation;
import mx.rpc.soap.mxml.WebService;
[ExcludeClass]
internal class _Super_WS_rq_login extends com.adobe.fiber.services.wrapper.WebServiceWrapper
    // Constructor
    public function _Super_WS_rq_login()
        // initialize service control
        _serviceControl = new mx.rpc.soap.mxml.WebService();
        var operations:Object = new Object();
        var operation:mx.rpc.soap.mxml.Operation;
        operation = new mx.rpc.soap.mxml.Operation(null, "WS_rq_login");
         operation.resultType = Object;
        operations["WS_rq_login"] = operation;
        _serviceControl.operations = operations;
        try
            _serviceControl.convertResultHandler = com.adobe.serializers.utility.TypeUtility.convertResultHandler;
        catch (e: Error)
        { /* Flex 3.4 and earlier does not support the convertResultHandler functionality. */ }
        preInitializeService();
        model_internal::initialize();
    //init initialization routine here, child class to override
    protected function preInitializeService():void
        _serviceControl.service = "A_WebService";
        _serviceControl.port = "A_WebServicePort";
          wsdl = "http://ids.ice/4dwsdl";
        model_internal::loadWSDLIfNecessary();
      * This method is a generated wrapper used to call the 'WS_rq_login' operation. It returns an mx.rpc.AsyncToken whose
      * result property will be populated with the result of the operation when the server response is received.
      * To use this result from MXML code, define a CallResponder component and assign its token property to this method's return value.
      * You can then bind to CallResponder.lastResult or listen for the CallResponder.result or fault events.
      * @see mx.rpc.AsyncToken
      * @see mx.rpc.CallResponder
      * @return an mx.rpc.AsyncToken whose result property will be populated with the result of the operation when the server response is received.
    public function WS_rq_login(e_login:String, e_password:String, e_keyCode:String, e_forceRegenKey:Boolean) : mx.rpc.AsyncToken
        model_internal::loadWSDLIfNecessary();
        var _internal_operation:mx.rpc.AbstractOperation = _serviceControl.getOperation("WS_rq_login");
          var _internal_token:mx.rpc.AsyncToken = _internal_operation.send(e_login,e_password,e_keyCode,e_forceRegenKey) ;
        return _internal_token;
Thanks for your help
Jonathan

Well well,
I got some news about this problem....
Look like Flash Builder uses a ".FML" file to reference URL of all WebServices used in the project.
When replacements occurs, the updated values seem coming from this.

Flash Builder 4.5 the import could not be found

I just upgraded from Flash Builder 4 to 4.5 and have imported one of my FB 4 projects. I am now seeing an orange question mark in the gutter next to all of my import statements that are importing local classes (as well as everywhere the said class methods are used) and an orange underline appears under the import statement. When I hover over the underline it says that the import could not be found.
The class files do in fact exist and the project compiles and runs without a problem (I use ANT to build this project).
If I open one of the class files in question then change something (i.e press space bar) and hit save then go back to the file importing it the orange question mark is gone for that import, I get the code assist and CTL+Click links me to the class file. However, if I close that file and reopen it again cannot find the class file.
The classes in question are stored under my project's src dir as:
- src
+---com
      +---myappname
          +---services
          +---utils
          etc...
and my import statements look like:
import com.myappname.utils.*;
import com.myappname.services.remoteService;
Any ideas? Is this a FB 4.5 "enhancement"? I've tried deleting and re-importing the project, refreshing the project and am now kind of at a loss of what to do. It's annoying enough that I may need to downgrade to 4.

Thanks for the reply srvikram13, I really appreciate it.
Unfortunately this did not solve my problem. The application was developed in Flex sdk 4.1 and I have installed the 4.1 sdk and told the Flex Compiler to use that specific sdk to no avail (I even re-tried per your post, but no success). The fact is that the project compiles fine with either 4.1 or 4.5 sdk, it just has issues finding the imorted classes until I manually open the class files.
Further debugging and info:
I actually thought I had it fixed for a second. I renamed my "com" directory and right clicked on "src" and chose "New" > "Package" then repeated that for each directory under "com". I then closed FB and in windows explorer copied my original com directories into the new one created by FB. When I launched FB and opened the main file all my imports were recognized! I then closed FB and re-opened again to see if it was truly fixed and ... epic fail. The squiggly underlines are back and FB doesn't recognize any reference to them.
I also found that even if I navigate to the class files in the Package Explorer then right click on the file and choose properties, then click cancel (never opening or changing anything) the reference to that specific file is now valid... at least until I close and reopen FB.
Any other ideas?

New to flash. I import a flash professional project into flash builder but don't see a design mode

in flash builder to place object onto!!!
I can see design mode if I import a catalyst project, as well an mxml file, but not with flash professional. Any help?

in flash builder to place object onto!!!
I can see design mode if I import a catalyst project, as well an mxml file, but not with flash professional. Any help?

Import PSD's to Flash Builder

Similar Messages

Maybe you are looking for