We are now ready for the fun part. The easy part. This is where
the magic happens. Well, it's not really magic but it sure seems
like it is.
Web Site
First we'll paste the screen grab of our web site into the overhead
Select the screen grab and move it over the
overhead
Reduce the screen grab's opacity in the Property inspector to around 50% so you can view the overhead under the path.
Scale the
screen grab down so it fits more realistically inside the overhead.
You will also need to use the Distort
tool to
reshape the top and bottom right corner of the screen grab.
After you've positioned the screen grab in place, put the opacity back
to 100% in the Property inspector and
click Edit > Cut to cut the graphic to the
clip board.
Select the path you created around the overhead
and go to Edit > Paste
Inside. This"pastes" the screen
grab inside the path.
Deselect "Show
fill and stroke" in the Property
inspector to
hide the stroke around the screen grab
Edit the mask outline by selecting the
Subselection
tool and clicking the path's corner points
and dragging them to a new position. Here's a video demonstrating
how to edit
the vector mask.
Table
This procedure is identical to the overhead
Select the blue bitmap and
move it over the table in mainImage. This is already scaled to
the right size so you don't have to resize it.
Position it where it covers the entire path of the table
Go to Edit > Cut to cut the blue bitmap to the clipboard
Edit the vector mask outline as needed with
the Subselection
tool
Step 4: Editing image3 in the Vector Mask
Immediately you notice the grassy image is a little too vivid
for the other colors in our room. Let's do some quick editing to
the image to make it blend better.
In the Property inspector, click the Add
Effects button and
select Adjust Color > Hue/Saturation...
Slide the Saturation to around -35. Anywhere in that area is
fine. Click OK to close the Hue/Saturation window.
Click the Add Effects button again and this time select Blur > Gaussian Blur... and set the value of the blur to around .5
- .7.
Click OK to close the Gaussian Blur
window.
That should help it look a little more realistic.
Conclusion
This concludes Fireworks MX 2004: Paste Inside Tutorial.
We covered a little more than only Paste Inside but I hope this
lesson helped in showing you how several tools and techniques come
together
to create effects.
As always, if you have any questions regarding this or any other
tutorial on our site, please feel free to email us.
Please be sure to reference the tutorial in the subject line of
your email.
Learn More
If you liked this example
and would like to learn a lot more about the kinds of special effects
you can create with Fireworks MX you should consider our Fireworks
MX: Selections and Masking Techniques CDROM. The CD was created
for Fireworks MX but the lessons apply to Fireworks MX 2004 as
well.
Flash®, Fireworks™, and Dreamweaver® are registered trademarks
of Macromedia, Inc. in the United States and/or other countries
Photoshop®, Photoshop Elements® and Illustrator® are registered
trademarks of Adobe Systems, Inc.
QuickTime® is a registered trademark of Apple Computer, Inc.
Ebay® is a registered trademark