programming4us
 
Graphics
 

Adobe Fireworks CS5 : Designing the banner ad (part 3) - Importing Photoshop images

7/14/2013 9:20:21 PM

7. Importing Photoshop images

You are getting lots of practice importing images. You will import two more images now, but there’s a twist. These images are Photoshop (PSD) files. Fireworks has some special features for importing such files, even if the file is only a single image.

1.
Choose File > Import.

2.
Open the mark_actor06.psd file. The Photoshop File Import Options dialog box appears. This dialog box contains many settings, but you are only concerned about image size at this time.

3.
Set the width to 340 pixels. The height adjusts automatically. Click OK.

4.
When the import icon appears, click on the canvas once to load the image at the dimensions you set.

5.
Reposition the image to X: 97, Y: −45 pixels.

6.
Rename the image in the Layers panel to Mark.

7.
Lock and hide the Mark object.

8.
Choose File > Import again.

9.
Open the wendy.psd file.

10.
Set the width to 290 pixels, and click OK.

11.
When the import icon appears, click near the middle of the canvas once to load the image at the dimensions you set.

12.
Rename the object in the Layers panel to Wendy.

Tip

Remember, importing files into an open document saves you the time of opening, copying, and pasting one image into another.

Opening Photoshop Files

Opening layered Photoshop files within Fireworks is as simple as choosing File > Open or File > Import and browsing for the native Photoshop PSD file. Fireworks CS5 supports hierarchical Photoshop layers, layer groups, layer styles, layer comps, vector layers, and common blend modes, making it easy to handle files you receive from another designer.

Exceptions to this integration include adjustment layers and clipping groups. These features can either be flattened into bitmaps or ignored when you import or open a PSD file within Fireworks. Flattening retains the appearance, but editability is lost.

To globally customize how Fireworks opens or imports PSD files, change the preferences. Choose Edit > Preferences (Windows) or Fireworks > Preferences (Mac), and then select Photoshop Import/Open from the list on the left.

The General Photoshop import options include:

  • Show import dialog box/show open dialog box. These identical windows give you document-level import/open control.

  • Share layer between frames. This option is important for animation or “page state” effects.

The custom file conversion settings area includes the following options:

Image layers:

  • Bitmap images with editable effects. This option is the default setting that gives you the most flexibility. Layer styles remain editable.

  • Flattened bitmap images. This option flattens layer effects and blend modes to maintain the exact appearance. Photoshop layer styles are no longer editable.

Text layers:

  • Editable text. This option is the default.

  • Flattened bitmap images. This option preserves the look and style of text, but the text is no longer editable.

Shape layers as:

  • Editable paths and effects. This is the default option with the most flexibility, but vectors may not render exactly as in Photoshop.

  • Flattened bitmap images. When this option is enabled, vectors and effects are rasterized to bitmaps.

  • Flattened bitmap images with editable effects. When this option is enabled, vectors are rasterized but layer effects and blend modes remain editable.

Layer effects:

  • Prefer native filters over Photoshop live effects. This option is only recommended if the file will not be going back to Photoshop.

Clipping path masks:

  • Flatten to maintain appearance. When this option is enabled, the mask is converted to a bitmap mask.

Adjustment Layers:

  • Maintain appearance of adjusted layers. This option flattens adjustment layers to retain the image’s appearance, but you can no longer edit the image. If this option is not selected, adjustment layers are discarded completely.

With the defaults left as they are, opening or importing a PSD file displays the Photoshop File Open Options or File Import Options dialog box. This gives you the opportunity to set options for opening a specific PSD file, overriding any options set in the Preferences panel.

Note

A Photoshop layer comp is essentially an editable snapshot of the current state of the design. It’s similar to pages in Fireworks in that each layer comp can show a different set of visible elements or different positions for those elements.

 
Others
 
- Adobe Fireworks CS5 : Designing the banner ad (part 2) - Importing assets, Using the Auto Vector Mask for quick fades
- Adobe Fireworks CS5 : Designing the banner ad (part 1) - Adding the background, Editing gradient colors, Editing gradient direction and angle
- Adobe Fireworks CS5 : Masking - About masks
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Printing a Document in Windows
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Printing a Document in Macintosh
- Adobe Flash Professional CS5 : Working Within the Flash Environment - Working with Page Setup in Windows
- Adobe InDesign CS5 : Working with Objects and Layers - Hiding and Showing Objects, Creating Inline Objects
- Adobe InDesign CS5 : Working with Objects and Layers - Locking and Unlocking Objects
- Adobe InDesign CS5 : Working with Objects and Layers - Rotating Objects
- Adobe Illustrator CS5 : Proofing and Printing Documents - Inserting File Information
 
 
REVIEW
 
- First look: Apple Watch

- 10 Amazing Tools You Should Be Using with Dropbox

- Sigma 24mm f/1.4 DG HSM Art

- Canon EF11-24mm f/4L USM

- Creative Sound Blaster Roar 2

- Alienware 17 - Dell's Alienware laptops

- Smartwatch : Wellograph

- Xiaomi Redmi 2
 
VIDEO TUTORIAL
 
- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 1)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 2)

- How to create your first Swimlane Diagram or Cross-Functional Flowchart Diagram by using Microsoft Visio 2010 (Part 3)
 
Popular tags
 
Video Tutorail Microsoft Access Microsoft Excel Microsoft OneNote Microsoft PowerPoint Microsoft Project Microsoft Visio Microsoft Word Active Directory Biztalk Exchange Server Microsoft LynC Server Microsoft Dynamic Sharepoint Sql Server Windows Server 2008 Windows Server 2012 Windows 7 Windows 8 Adobe Indesign Adobe Flash Professional Dreamweaver Adobe Illustrator Adobe After Effects Adobe Photoshop Adobe Fireworks Adobe Flash Catalyst Corel Painter X CorelDRAW X5 CorelDraw 10 QuarkXPress 8 windows Phone 7 windows Phone 8 BlackBerry Android Ipad Iphone iOS
 
Top 10
 
- How To Install Android Market & Google Apps On Kindle Fire
- How To Make Ubuntu Look Like Windows 7
- How To Add A New Account in MS Outlook 2013
- Get Android & Mac OS X Style Gadgets For Windows 7 & Windows 8 With XWidget
- How To Activate Microsoft Office 2013
- How To Install Actual Facebook App On Kindle Fire
- How To Create, View And Edit Microsoft Office Files On Kindle Fire
- Download Attractive Business PowerPoint Templates For Free At SlideHunter
- How To Use And Enable Hibernate & Sleep Mode In Windows 8
- How To Get Microsoft Office 2013 Trial Product Key From Microsoft