Flash Tutorials
& Resources
Dreamweaver
Tutorials
Fireworks &
Illustrator Tutorials
Photoshop
Tutorials
Web Design
Tutorials & Resources
CSS
Tutorials
CorelDraw
Tutorials
You are here : : Home > Free Resources > Fireworks Tutorials & Resources > Christmas Card Design   

 

Featured Fireworks & Dreamweaver Template

Family Template 7
Family & Kids
$39.95

Create a Beautiful Christmas Card in Adobe Fireworks

In this tutorial you will learn how to a create colorful baubles, a Christmas tree and finally a beautiful Christmas card design with bokeh effects.

Christmas Card Design in Fireworks

Tutorial Details

  • Program: We have used Fireworks CS4, however you can use previous versions as well.
  • Difficulty: All
  • Estimated Completion Time: 30 Minutes


1. Create a new document in Adobe Fireworks with the size of 730px by 630px. Draw a rectangle using the "Rectangle Tool" to cover the entire canvas area. Then select it, and change the color mode to Radial as shown in the image below.

Entheos Christmas card in Fireworks

Entheos Christmas card in Fireworks

2. Now lets create the Christmas bauble.

3. Draw a circle for the bauble using the "Ellipse Tool (U)" and fill it with radial gradient color as below.

Entheos Christmas card in Fireworks

Entheos Christmas card in Fireworks 

Entheos Christmas card in Fireworks

4. Now create an ellipse smaller than the circle by using "Ellipse Tool (U)", then apply radial gradient color(i.e, lighter red).

Entheos Christmas card in Fireworks

5. Fill this new tiny ellipse with the solid light red color "#F47777" instead of the gradient color to form a shiny effect.

Entheos Christmas card in Fireworks

6. Now we must draw the bauble support element on top of it, use the Rounded Rectangle Tool (U)" to draw the rounded rectangle and choose the Pen Tool (P) to correct on its shapes as below.

Entheos Christmas card in Fireworks

Entheos Christmas card in Fireworks

7. Similarly using the Pen Tool (P) adjust the points and create the ring of the bauble as below.

Entheos Christmas card in Fireworks

8. Select now the Rectangle Tool (U) to draw the shaded part of the top bauble. Make 4 copies of the rectangle and select Free Transform (Ctrl+T) option to change the copies sizes and place them as below. Draw 4 rectangles and position them one below other.

Entheos Christmas card in Fireworks

9. Now go to Modify > Group or press "CTRL + G" to group all the elements of the bauble. Yes, We have done the Christmas bauble.
This is how the final Christmas bauble will look like

Entheos Christmas card in Fireworks

10. Here we are going to teach how to create multiple Christmas bauble with various color & size. First duplicate the created Christmas bauble element (i.e, Ctrl + C for copy and Ctrl + V for paste).

Entheos Christmas card in Fireworks

11. We can change the color of the Christmas bauble element manually by changing the gradient color else to get your desired color go to Filters > Adjust Color > Hue/Saturation and adjust/modify the values as shown in the image below.

Note: If you are changing the color of a vector object using Hue/Saturation, Then the vector object will convert into "Bitmap"

Entheos Christmas card in Fireworks

Entheos Christmas card in Fireworks

Entheos Christmas card in Fireworks

12. Duplicate it and make a free transformation with the Scale Tool (Q) and Hue/Saturation. You can make different combinations of Christmas bauble with different sizes and colors using these tools to your preference.

OK, now you have done the Christmas bauble with variation of size & color to fit inside the Christmas tree.

Entheos Christmas card in Fireworks

13. Next, we’ll create a Christmas tree. Select now the Pen Tool (P) and try to draw the outline of a Christmas tree.

Entheos Christmas card in Fireworks

14. We are getting close to the Christmas tree shape.

Entheos Christmas card in Fireworks

15. Adjust the outline of the tree using the Pen Tool (P) to form a Christmas tree, like on the below image. Use your creativity and imagination here.

Entheos Christmas card in Fireworks

16. Select the outline of the Christmas tree and change the "stroke/ Tip size" into 12px. And also change the "Stroke Category" into "Paint Splatter"

Entheos Christmas card in Fireworks

Hence using the above technique we got the look of the the Christmas tree as below.

Entheos Christmas card in Fireworks

17. Make several copies of the Christmas bauble with different size & colors, spread them and fill them inside the Christmas tree inside space. You don’t need to place them exactly as shown in the image.

Group all the Christmas bauble shape objects by "Ctrl + G" and paste them inside the Christmas tree by "Ctrl + Shift + V"

Entheos Christmas card in Fireworks

18. So the final image of the Christmas tree filled with bauble shapes will be as the following image

Entheos Christmas card in Fireworks

19. One star should be placed on the Christmas tree’s top, draw a star by using the "star tool" from the Tool Panel. Now change the "Stroke Category" into "Confetti" and select"Outer Glow" with the below Values.

Entheos Christmas card in Fireworks

20. Let’s add the Bokeh Effect here. Create some blue color circles in our canvas, as in the image below. Select those circles, and go to Filters > Blur > Gaussian Blur and also give them different Opacity value. Then configure as show in the image below or as you prefer.

Finally, We have got a Christmas tree with wonderful Bokeh effect.

Entheos Christmas card in Fireworks

21. Type out the text "Merry Christmas" with the Text tool (T) and choose a font. I am using the awesome font : Hanford Script and Size : 57px

Entheos Christmas card in Fireworks

22. Select the typed text and fill the stroke color as #9FECFF, next go and change the "Stroke Category" into "Fluid Splatter".

Entheos Christmas card in Fireworks

Entheos Christmas card in Fireworks

23. Finally, You’re done with your colorful Christmas card!

Entheos Christmas card in Fireworks

Hope you like the tutorial and learned some new techniques!


Download Source File

Source File ( .png )


Now building a website is as easy as 1-2-3!

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!

No portion of these materials may be reproduced in any manner whatsoever, without the express written consent of Entheos. Any unauthorized use, sharing, reproduction or distribution of these materials by any means, electronic, mechanical, or otherwise is strictly prohibited.


awesome website templates

EntheosWeb Design Blog

New Fireworks Tutorials

Learn How to Create a Smart 2D Button in Adobe Fireworks with Rollover Effect

Typography Art in Fireworks

Tracing & Drawing in Fireworks

Overlay Effect in Fireworks

Designing a Website Layout with Curves in Fireworks

Create a beautiful Slideshow Gallery in Fireworks CS4

stunning header collage