Subscribe
Tutorial search

Fireworks Shape Tutorials


Sort by:
Paste inside effect in fireworks
Paste inside effect in fireworks
this tutorial will take you through the making simply and different shape and paste inside effect in fire works.
Difficulty:
Fading effects in fireworks
Fading effects in fireworks
this tutorial will take you through the making different shape and ways in fire works as to verticle,horizontal,diagonal,radial and fading are available.
Difficulty:
Sunflower Artwork
Sunflower Artwork
In this tutorial you are going to learn how to draw a sunflower using star auto shapes properties in Fireworks. Star draws object that appear as stars with any number of points from 3 to 25.
Difficulty:
Paste inside Effect
Paste inside Effect
In this tutorial you are going to learn how to paste any graphic (image or vector) inside a vector shape using Fireworks. Paste inside is a smart tiny effect that you can use to flavor your images up a spot, and give more professional look.
Difficulty:
Torus 3D Ring Graphic
Torus 3D Ring Graphic
In this tutorial you are going to learn how to create torus three dimensional ring graphic using doughnut autoshape in Fireworks. Doughnut draws object that appear as filled rings. Using control points, you can adjust the inner perimeter.
Difficulty:
Rainbow effect
Rainbow effect
In this tutorial you are going to learn how to draw a rainbow using doughnut auto shapes properties in Fireworks. Doughnut draws object that appear as filled rings. Using control points, you can adjust the inner perimeter.
Difficulty:
Creating Sparkle in Adobe Fireworks
Creating Sparkle in Adobe Fireworks
Using the star auto shape, and tweaking its properties, we can create a sparkle effect to use in our design, adding finishing touches.
Difficulty:
Adobe fireworks CS3 Custom image patterns in your shapes
Adobe fireworks CS3 Custom image patterns in your shapes
Bitmap fills: Filling vector shapes with bitmapped patterns ... the library of named bitmap patterns (with handy sample image tiles) appears. Simply choose one you like. Once you choose a pattern, your vector will have a bitmap fill,
Difficulty:
Fireworks CS4 How to Use Custom Shapes as Cutout Marquee
Fireworks CS4 How to Use Custom Shapes as Cutout Marquee
Fireworks CS4 How to Use Custom Shapes as Cutout Marquee
Difficulty:
Waterfall
Waterfall
Fireworks 8 tutorial: Waterfall The waterfall is a powerful force of nature. This tutorial will show you how to recreate this brilliant aspect of water. And so we begin¡K. 1. Open a new Fireworks 8 project.. 2. Set the size to 625 pixels wide and 500 pixels tall. 3. When the blank document appears, go to the very top of the screen and click on ¡§Modify¡¨. 4. In the drop-down menu, select ¡§canvas¡¨ and then click on ¡§canvas color¡¨. 5. Now, once you get the hang of making these, you can make the background anything you want. But for right now let¡¦s make it black. In the window that pops up after you have clicked on ¡§canvas color¡¨, click on the ¡§custom¡¨ bubble and set the square below to black. Click OK. 6. Now in the toolbar usually set at the left hand side of the screen, click and hold on the shape creator tool. In the drop down menu that follows, select the rectangle. 7. Click and hold in one of the corners of the canvas, and drag it to the one on the opposite side. You should now have a box that covers the canvas completely. 8. In the properties tab, set the fill category to ¡§gradient¡¨ and then ¡§Bars¡¨ 9. A gradient should now be filling the box you have just created. Click on the fill color box and in the box that pops up, you should see at the top of it, a bar with a gradient the same color as the box. 10. Click on the arrow on the bottom of the left side of that bar and make the color a bright blue. Do the same with the arrow on the right but make it a fairly darker shade of blue. 11. Now the gradient in the box you made should have both those colors in them. 12. Then in the toolbar, click on the paint bucket tool. A line should appear in the middle of your canvas. 13. Click the little black box and drag it closer to the black circle in the center. Leave at least a few millimeters of space between the circle and the box. Now you should have quite a few bars in your box. 14. Go to the top of the screen now and click on ¡§filter¡¨, select the Eyecandy 4000 LE and click on ¡§Motion trail¡¨ 15. A window will pop up. There is a circle and three bars underneath it. 16. In the ¡§direction¡¨ box, type in 225 17. Then set all the bars below on their maximum setting. 18. Uncheck the box below those bars saying ¡§Smear colors from edges¡¨ 19. Click ok. 20. Now you should have a psychedelic bend of blue. Like this: 21. Now go to the left toolbar and click the polygonal lasso tool 23. Now at the top click on ¡§modify¡¨, then select ¡§transform¡¨ 24. Click on the ¡§scale¡¨ tool. 25. Rotate it by clicking anywhere on the screen and moving the mouse. 26. It should look like this now -------------------„³ 27. Now at the top, click on ¡§modify¡¨, then ¡§transform¡¨ 28. Click on ¡§Flip vertically¡¨ 29. Go back to the scale tool again and rotate it back. 30. Using the scale tool, click and hold on one of the corners. Slowly drag it out and the object will get bigger. 31. Scale it so that the solid blue part is off the screen. 32. Now we have a basic waterfall. Later on, you can go back and change colors all you want to create different effects. 33. Ok, we have the water. Let¡¦s make some mist for the bottom. 34. Click on the paintbrush tool and set its color to white. 35. In the ¡§stroke category¡¨ box, click on the arrow and select ¡§random¡¨, then click on ¡§Confetti¡¨ 36. Underneath that box, there is a box saying ¡§Edge¡¨, set that to 100. 37. Then, set the brush size to 32. 38. Now click on the ¡§new layer¡¨ button at the bottom of the layer section. 39. On this layer, paint along the line of you waterfall¡¦s edge. ( you might need to go over it a few more times. It needs to be really thick ) 40. Once, that is done, go up to ¡§filters¡¨, ¡§blur¡¨, and click on ¡§Gaussian blur¡¨ 41. Make the number 3.8. 42. Click ok. 43. The ¡§confetti should look a lot like mist now. 44. Now, in the layer box, make sure the waterfall layer is on top of the confetti paint. 45. We are now finished. Now is the time to go back and make some improvements such as a jungle background or a few rocks in the water. I urge you to experiment with these. Have fun! And no, I¡¦m not a queer.
Difficulty:
Draw a Shape in Fireworks CS3
Draw a Shape in Fireworks CS3
The shape tool in Adobe Fireworks CS3 can be used to draw a wide variety of shapes including circles and rectangles. You can then change the properties of the shape such as the fill, color and stroke.
Difficulty:
Remove Background/Cut Out Image in Fireworks/Photoshop
Remove Background/Cut Out Image in Fireworks/Photoshop
This guide was written for Adobe Fireworks but works similarily in Abode Photoshop. Many times, when designing a website/poster/leaflet, you will have to cut out a certain part of an image and put it on a new background. This can be accomplished numerous ways using programs such as Fireworks and Photoshop but it can often be time consuming and the end result is not always that clean looking. Our example image we will be cutting out Our example image we will be cutting out Continue reading to find how we at ITM Design cut out images and remove backgrounds, it’s fast, simple and really effective! If you’re reading this then you’ve most likely already tried numerous methods of removing a background from an image. Using a rubber tool is painful and it always looks messy, and the lasso tool always makes the edges look pixelated. With an image like the one above, the background has many varying colours and as such it’s too complicated for the magic wand tool. So what else can we try? The pen tool! It probably wasn’t developed with background removal in mind but it’s incredibly powerful. It allows you to draw an outline around the shape you want to cut out and does it smoothly and quickly. As we are going to draw vector points around the shape it’s also very easy to adjust at the end and is simple to correct should we make a mistake. We’re going to use the above image of a car which we got for free at sxc.hu. So let’s give it a go… 1. Loading the image and changing size Changing the image size Changing the image size Load the image of the car into your image editing package, we’re using Fireworks but Photoshop will work similarily. The image is currently over 3000 x 2000 pixels so let’s reduce it down to a more manageable size. Click Modify > Canvas > Image Size. With the constrain proportions box checked, change the width to 1000px and the height will adjust accordingly. 2. Preparing the image to cut it out Now it’s more manageable but still big enough for what we want to do with it, let’s prepare the image to make the next steps easier. As you can see the background is quite dark which might make the cutting out a little difficult because we can’t see all of the outline of the car clearly - especially the tire and smoke at the back! So, let’s turn up the brightness. Click the image and then in the filters box click the + symbol. Then Adjust Colour > Brightness/Contrast. Either drag the brightness scale all the way to the right or set it to 100 and click ok. Preparing the image Preparing the image We can now see a much better detail of the car. Take a look at the back wheel and the smoke, did you notice there was a mud flap there before you turned the brightness up? 3. Drawing an outline around the image Now we have a better view of the outline of the car we can start to cut it out. Keep the brightness high for now because we can change that back when we’ve finished cutting. Example of vector points Example of vector points When the pen tool is selected you can click on the canvas to place a vector point. This is a point at where a vector path changes direction. In between two vector points will be a vector path which is what will make up the outline of our car. So to use the pen tool, click once to place a vector point and click again to place another, when you have placed two, Fireworks will draw a line between the two. We will also need to draw curved lines, to do this, click once to place a vector point but when placing the other, click and hold the left mouse button and drag in the opposite direction of the curve to make the vector path curve, when happy, release the left mouse button. If this is you’re first time using the pen tool it sounds a little complicated but it only takes 5 minutes to learn and 10 to master. It’s extremely powerful and we highly recommend you practice with it because it’s great for drawing custom graphics too! Let’s start by placing a vector point on the right of the car’s spoiler/wing. Click once in the corner and then click again in the corner of the left hand side. You should now have a vector path going across the top of the spoiler/wing. First vector path First vector path Now let’s continue drawing the outline anti-clockwise. So next we have the rounded point of the spoiler/wing and this means we are going to have to draw a curved vector path. If you’ve still got the pen tool selected, Fireworks will know we want to continue from the last vector point we placed. If you haven’t got the pen tool selected, then we need to select the last vector we placed. Do this by selecting the subselection tool (white arrow) and clicking the vector point we want to continue from, then click the pen tool to carry on. This is a small area so let’s zoom in to it by holding CTRL and pressing + on the keyboard. Fireworks handily zooms in to whatever is selected. Place a third vector point where the end of the curve on the car’s spoiler/wing ends and continues vertically. Don’t release the mouse just yet though. We want the vector path between vector 2 and 3 (the one we just placed) to curve, so drag your mouse away from the curve. Making the curve between point 2 and 3 Making the curve between point 2 and 3 You should now have a curve that matches the curve of the spoiler/wing. If you haven’t, notice the curve adjuster’s in the example above. These protrude from each vector point with a curve. Drag these with the mouse to adjust your curve. Now we are ready to place the 4th vector point. However, Fireworks thinks we want to continue the curve but we want the vector path between points 3 and 4 to be straight. To stop the curve from carrying on, click the 3rd vector with the pen tool. This will stop the continuing curve but keep the one between points 2 and 3. We can now place vector 4 where the vertical line between the top of curved point and the bottom end. Placing the 4th vector point Placing the 4th vector point Using these techniques and with a bit of practice, we can draw the outline within just a few minutes! At any time you make a mistake just press CTRL + Z on the keyboard to undo your last change. Also, when you have a vector point selected (either by selecting it with the subselection tool or it being selected because you just to placed it), you can move it a pixel at a time with the arrow keys on your keyboard to make fine adjustments. 4. Using our outline to cut out the shape Our complete outline around the car Our complete outline around the car With our vector outline of the car we can now cut the background out, but how? Right click anywhere on the vector outline and click Convert Path to Marquee… We have the choice of marquee options here but let’s choose anti-alias for the best quality as we want our line as crip as possible. Click OK and you will see your vector path turn into a marquee - it’s what is drawn when using the lasoo and magic wand tools - ours is just more acurate and smoother! If we press delete at this point, the car will vanish and we will be left with the background. So: Right click inside the marquee > Hover over Modify Marquee > Click Select Inverse This will now select everything around our outline of the car. Press delete on your keyboard and the background has gone and the car has a perfect outline! 5. Finishing Off Our selected picture is now perfectly cut out so what’s left? Well, you might want to make a few minor adjustments to any bits of background you missed. In our example there is a gap between the roof of the car and the spoiler which can be cut out in exactly the same way, except this time don’t select the inverse of the marquee. Also, remember to change the brightness back to how it originally was. You can then have fun with your image by adding it to a new background. Take a look at ours! Our completed image with a new background Our completed image with a new background
Difficulty:
Attach Text to a Path in Fireworks CS3
Attach Text to a Path in Fireworks CS3
Text can be attached to a path in Adobe Fireworks CS3, such as a shape, pen line or pencil line.
Difficulty:
Create a 3D Sphere in Fireworks CS3
Create a 3D Sphere in Fireworks CS3
A 3D sphere or circle can be created in Adobe Fireworks CS3 by applying and changing the gradient properties to a shape.
Difficulty:
Fireworks - Creating a Glass Button
Fireworks - Creating a Glass Button
This tutorial showcases some features of fireworks including vector shapes, gradients, and combine paths functions.
Difficulty:
Search Term(s) (1): shape