This is my first photomanipulation tutorial in Adobe Fireworks CS4 which requires only a few steps to complete, and would be very effective to convey a meaning in your design / website header.
Before using a photograph that you find in the web, make sure to check the rules on using the photograph / stock image. Some have stock rules that you must comply before posting it in your website / blog or for commercial use. There are tons of free stock images that you can use for your personal / commercial projects, I highly suggest you get your images from deviantart.
1.)Â Start with a new fireworks document with a canvas size of 473 x 374 , or you can increase/decrease the size if you want.
2.) Then we must download the chess stock image to use in this tutorial. Click on the download icon for the higher resolution image.
Visit their profile page in deviantart , they also have other stock images you can use: Â Â http://katanaz-stock.deviantart.com/
Read the rules on using the stock images from the owner :
If you are a member of devianart :
Please credit me in your deviation description
Let me know if you use this image (By note preferably)
Do not use my stock to create brushes or new stock without permission
You are allowed to use my stock in a print, remember to credit me!
Some of my images have been donated by colleagues from work and I have full permission to use them.
Any other queries, note me!
USING OUTSIDE OF DA:
As of 28th of July 08, you now have permission to use our stock OUTSIDE of DeviantART!! This is brilliant news, and I’m sure many of you agree as in the past we’d sadly turned down hundreds of requests.
However, when using our stock outside of DeviantART you MUST include credit and a link back to our direct profile page here on DeviantART. – Also you may not use the stock images for website templates, or for commerical and/or profitable use. – You may also NOT use our stock on the website, Model Mayhem! We have had too many people claiming our pictures as their own and any of our images found on Model Mayhem will result in a warning, or a copyright fine! – As we’re absolutely sick of seeing our images on there!!
3.) We must scale down the image size its a bit big ,Â select the image, and use the scale tool + hold the shift button while scaling down.
4.) Using the pen tool , trace the outline of the horse chess piece. You have to practice on using the pen tool , especially on drawing curves. Choose a stroke color in the outline that is different from the colors in the image ( This is done so that you can easily spot mistakes in your vector points and make some changes ).
5.)Â ClickÂ swap stroke / fill colors button to remove the stroke and put a fill color on the image.
If you wish to stop on this step , just play on the layer modes and change the fill color of the chess piece , experiment on what looks best.
6.) Using the rectangle tool , draw a rectangle with the same size as the canvas 473 x 374. Select both the rectangle and the horse chess piece > Modify > Combine Paths > Punch. Use black as the fill color of the rectangle.
7.) Change the layer mode of the rectangle from Normal to Color. And that’s it =) Put some text if you like.
Thanks to http://katanaz-stock.deviantart.com/ for letting me use the stock image in this tutorial.