How to “Skew” Images In Adobe Fireworks


fireworks-logoIn my business I mainly work with image files like JPGs and PNGs. Most of the time I need to design a banner, custom art or an ad for one of my clients. This includes taking multiple images, such as a business logo and a graphic, and merging them into one image. There are many programs out there you can use, but I have my favorites which are Adobe Photoshop and Fireworks. In this article, I want to talk about Fireworks. When working with this program some things might be easy to find for me, but may not be easy for you. The one question I have been asked many times would be this one:

QUESTION: How do I skew an image in Adobe Fireworks? How do I do this manually so I can control the amount of rotation?

Great question and thanks for asking. I did research on this question to see if anyone ever explained it well or simply enough for everyone to understand. I did not really find one that felt clear enough. Let’s see if I can explain it any better.

Now, I work with CS4 (Adobe Creative Suite 4) and CS3 (Adobe Creative Suite 3) since my work computer has 4 and my Laptop has 3 (don’t ask). With this program I found two ways to get to the same result. So let’s go over these easy-to-follow steps so you can get started.

Option One

Step 1: Open your Fireworks program and the image(s) you would like to adjust. I decided to choose these three images and added them to one canvas. My logo is on the bottom and the other two are just random pictures.

firework-images

Step 2: Right-click one of the images. This will bring up a menu and you will want to select Transform from the menu.


fireworks-menu

Step 3:  You will see a another menu appear next to the first one after clicking Transform. Here you are going to want to select Skew.

fireworks-transform-menu

Step 4: Now you will want to hover your mouse at the top, side or bottom of the image.  This will give you an arrow that will look somewhat like this one:

arrow-curve

Once you see this arrow appear, hold down your left mouse button to skew the image. Letting go of the mouse shows you how the image will look. Once done, double-click the image to set it.

 

firewoks-skew-and-rotation-option

It is that simple! There is another way to get to the same result…

Option Two

Make sure you click on the image you want to skew before doing these steps. Head on up to the top menu bar and select Modify. This will bring up a drop-down menu. Now choose Transform and then Skew. Then all you do is follow Step 4 from above.


modify-menu-transofrm-and-skew-option

Now you know two ways to skew those images in Adobe Fireworks.

Posted in:
About the Author

Jason Shuffield

Jason Shuffield began working with computers at an early age. As he gained experience he began helping others who had difficulties with technology and requested assistance. Over time it became obvious there was a local need for a technology expert with great people skills. As a result Jason started his computer repair company, CYIN, in 2011. With years of experience in web design, computer repair, tech support, computer training and social media management Jason loves to share his knowledge and educate people.

There are 2 comments

Your email address will not be published. Required fields are marked *