Applies to: All versions of GUI Design Studio
How to add images to your designs and projects.
Images give your design an added appeal. You can draw attention to your mock-up designs by adding appropriate images. In GUI Design Studio, it's very easy to add and use images with your designs. There are 3 ways to get images onto a design.
The easiest way to add an image to your design is by clicking on "Design | Add Bitmap..." on the menu. This method opens a dialog box. Choose the image you want to add and click Open.
Figure A: "Design | Add Bitmap..." menu command
Figure B: Image added to the workspace.
The same command can be found on the right-click context menu, near the bottom. Right-click anywhere on the design workspace
Figure C: "Add Bitmap..." on the context menu
If you're working on a project or design that needs multiple pictures that already exist on your hard disk, and are shared for use with other programs, we recommend that you follow this method:
1. Click on "Project | Add Folder Link..." menu command, or use the "Add Folder Link" command button on the Project panel.
2. Locate the folder containing the images you would like to add to your design, select one of them and click "Open". For this example, notice that a folder named "More Images" and its contents are added to our Project Panel:
3. Now that your images are in your Project file browser, you can simply drag and drop them onto your designs.
If you want to add another folder link, just repeat steps 1 and 2. In example above, I also added a folder called "Pictures and Icons", which contains several other images and icons.
Among the solutions presented in this article, this last method is what we recommend the most. The objective is to place the images within the project so that the images will be included when packing the project for sharing and also to make it easier to relocate the project. Note that .gdd distribution files always include images no matter where they are located.
Here's how to add an image to a project from the clipboard:
1. First, copy your image onto the clipboard. For example, in an external image editor like Microsoft Paint or Adobe Photoshop entire image or part of an image and use the "Edit | Copy" command (usually Ctrl+C).
For screen shots in Windows 7 or Vista, you can use the Snipping Tool. In most versions of Windows, you can also take screen shots using the Print Screen key (or Alt+Print Screen to capture just the active window).
Using Adobe Photoshop or Snipping Tool to copy+paste images to clipboard.
2. Once the image has been copied to the clipboard, go back to GUI Design Studio, and select the folder in the Project file tree where you want to place the image. Then use the "Project | Paste Image to File..." menu command, or click on the "Paste Image to File" command button on the Project panel, just above the file tree.
3. In the "Save Clipboard Image As" dialog box, type the name of the image and choose the file format (BMP/GIF/JPEG/PNG). Click "Save" to add the image to your selected project folder. It can now be used to drag and drop onto designs.
Note: You can also save images directly from your source software, such as an image editor or web browser, into your project folder. Or you can use Windows Explorer to copy existing images and paste them into your project folder. In these cases, be sure to click the "Refresh Files" button on the Project panel to index the new image files and make them appear in the tree:
Further information about working with images can be found in the "How to Use Bitmap Images" section of the Help, available from the "Help | Contents" menu command.