Thursday, March 27, 2014

HOW TO DRAW A BREAD TOASTER IN MS WORD Part 2


MICROSOFT WORD DRAWING PROJECT No. 53 Part 2

TITLE: HOW TO DO A PERSPECTIVE DRAWING OF A BREAD TOASTER IN MS WORD

TYPE:  GRAPHIC ART – DIGITAL DRAWING

The Dissected Drawing:
Did you know that the Freeform line tool is a very useful tool for drawing pictures in MS Word besides the Curve line tool?




The Finished Drawing:




The picture is coloured with various shades of gray to enhance its appearance.

Saturday, March 22, 2014

HOW TO DRAW A BREAD TOASTER IN MS WORD Part 1


MICROSOFT WORD DRAWING PROJECT No. 53  Part 1

TITLE: HOW TO DO A PERSPECTIVE DRAWING OF A BREAD TOASTER IN MS WORD

TYPE:  GRAPHIC ART – DIGITAL DRAWING

A good product design has to be aesthetically pleasing, ergonomic and functionally useful. Applying good ergonomics to a design makes the product comfortable and efficient for the benefit of the users. This bread toaster design is angular in shape. It should have rounded edges and corners. I have to admit that this is not a good design because it’s not ergonomic. As far as human factor is concerned, we are never comfortable being around objects with sharp edges and corners. I don’t think that many people would like to buy a bread toaster designed like that. But this drawing provides a good exercise on perspective and proportion. In this project, I’ll leave aesthetics and ergonomics aside and instead focus on sharpening the drawing skills. Use a mouse to draw this picture for better result. Although this drawing is very basic but drawing it with the right proportion especially with a mouse can be quite a challenge. This is because great precision is needed to create and align the shapes and lines accurately. It also needs tremendous concentration too. The only drawing tool needed for this exercise is the Freeform line tool. Quite frankly, drawing the Happy Egg is much easier than drawing the bread toaster because the placement of drawing objects (to form the image) is not that precise.
 

This picture was drawn with the Freeform line tool. This three-dimensional bread toaster is viewed below the eye level.
 

I made used of the perspective lines to help me draw this picture. The perspective lines help us to draw pictures with the right perspective. This system helps us to accurately depict objects as how they are seen in the real world.



HOW TO DETECT UNEVEN / IMPERFECT LINES

Straight and even lines are essential for producing precision drawings.
 
 




 

 
 

Saturday, December 7, 2013

HOW TO CREATE A COMPOSITE PICTURE IN MS WORD


MICROSOFT WORD DRAWING PROJECT No. 52


TITLE:  CREATING A COMPOSITE PICTURE OF FLYING WILD GEESE IN MS WORD

TYPE:  FINE ART – DIGITAL DRAWING

This post is about drawing a picture of migrating wild geese. I drew the main subject or illustrated character with Word and then copied it into a photographic background or surrounding to produce a composite picture. This is known as mixed media in conventional visual art. The term mixed media refers to works of art that are created with more than one medium. For your information, there are no wild geese in Malaysia. Wild geese like the Canada geese are migratory birds and are not found in this region. In order to make this picture look convincing, I used a picture of the mountainous range that I took a few years ago while taking a cable car ride to the Langkawi Sky Bridge in Pulau Langkawi. Wild geese are reported to be able to fly as high as 3,000 feet or more during migration flight. So, this is the theme that I chose for this graphics project.

       Before I go on to the project, let me tell you something about the Langkawi Sky Bridge. This suspended bridge is located at the Top Station at Gunung Machincang. You’ll have to take a cable car ride at the Base Station at the Oriental Village. There are two viewing platforms at the top of the mountain for visitors to enjoy the spectacular panoramic views of the Langkawi islands, the mountainous peaks, surrounding forests as well as the sea.
 

These cable cars or modern gondolas will take visitors from the Base Station to the Middle Station and Top Station.

 



I took this picture of the mountainous area while travelling in the cable car.
 

This is the suspended Langkawi Sky Bridge where visitors can walk on it and enjoy the amazing panoramic views.

CREATING A COMPOSITE PICTURE
The Work/ Composition
Chang Hon Woon, WILD GEESE IN FLIGHT, 2013. Composite Picture: MS Word Drawing & Photography, 27 x 18 cm. Malaysia.

Step 1
Draw a picture with the Drawing Tools in Ms Word.
 
This is the completed line drawing of the wild goose. Study the form of the wild goose before drawing it digitally.
 
 
This is how the drawing looks like when the goose is “taken apart”. All of the 69 lines and shapes were drawn with the Curve line tool. These drawing objects were then joined together to form a picture. This process is something like doing a 69-piece jigsaw puzzle or piecing together a LEGO set. The difference is that you have to create the drawing objects on your own digitally. You can begin by drawing the head. Anyway, do not worry too much about the stacking order because you stack them as you draw and the picture will eventually look right.
 

 
After completing the drawing, colour it using the tools in the “Format” tab. Use your creativity to produce the best effects.
Step 2
Choose a suitable digital photograph from your pictures collection and then cropped it with the PAINT program. Cropping is done to select certain part of a picture that you want for your work. After cropping, save the file in JPEG format.
 
Step 3
You now have the drawing and the photographic image, right? First, open a document in MS Word and then copy the photographic image in it. Next, copy the vector-based drawing into the document and adjust the size so that it blends into the background. Finally, group the drawing and the photography image into a single unit. Voila! You got yourself a composite digital picture.

 
 

Saturday, November 16, 2013


MICROSOFT WORD DRAWING PROJECT No. 51

TITLE:  HOW TO DRAW A SHARK IN MS WORD PART 2

TYPE:   FINE ART – DIGITAL DRAWING
 


Chang Hon Woon, SHARKS SWIMMING NEAR THE OCEAN’S SURFACE, 2013. Digital Art: MS Word Drawing, 10.5 x 7.5 in. (26.5 x 19 cm). Malaysia.


This is the completed digital drawing depicting two sharks swimming near the ocean’s surface. These sharks varied in sizes according to their positions in the two-dimensional space. As you can see, the shark in the foreground is larger and clearer than the one in the background that looks obscure. I am sure that readers will be able to understand the element of space much better if they draw pictures with a theme like this either conventionally or digitally. The wonder of computer graphics is that you are able to duplicate a subject as many times as you want and thus saving a lot of time.  It took me about two hours to complete this vector-based drawing.
 
 
           I took part in the EDUCATIONAL BLOGGING COMPETITION 2013 organized by SULTAN IDRIS EDUCATION UNIVERSITY (UPSI) and was selected as the 2nd place winner of the Open Category. I’d attended the prize giving ceremony at the university on 13 November 2013. The Vice Chancellor, Prof. Dato’ Dr. Zakaria bin Kasa presented the prizes to the 15 winners from 5 categories. I received a Samsung Galaxy Tab 3 (7.0”) and a certificate.  Anyway, what is most important to me is the recognition that I finally got for my work on creating pictorial artwork or graphics with the word processor and how to use them for Visual Art Education lessons.  I would like to thank GOOGLE for providing free blogging platform that enables me to publish my ideas and works on this subject.

That’s me receiving the prize from the Vice Chancellor.
 
 
 
 
 
 

 

Wednesday, November 6, 2013


MICROSOFT WORD DRAWING PROJECT No. 51


TITLE:  HOW TO DRAW A SHARK IN MS WORD PART 1

TYPE:   FINE ART – DIGITAL DRAWING

It has been quite some time I updated my art blog. This post is about drawing the picture of a shark with the Drawing program in MS Word. I got the idea of drawing a shark with MS Word from one of the illustrations that I’ve done for my Form 3 Visual Art Education workbook.  From the pencil drawing that I’ve done, I finally managed to figure out how to actually draw a fully coloured digital drawing in Word. At first, I was sceptical that I could do it in Word but after trying, my effort paid off.  The picture was drawn using the Curve line tool. This tool has the ability to draw fluid lines and shapes. I used Edit Points to fine-tune the shapes and lines that formed the picture.  Finally, I coloured the subject with shades and tints of neutral colours available in the Shape Fill colour palette. 

This is the pencil drawing of a shark.


This is the digital drawing of the shark drawn by the Curve line tool. The end result should look rather natural and not so stiff.
 
 

 
 
The drawing doesn’t look that outstanding until it is coloured. I coloured it using the colours available in the Shape Fill palette. I applied the studio marker colouring technique to produce the dynamic graphics effects to make the shark look more interesting. This drawing can also be done in MS Word versions 2003 and below.
 
 

 

Saturday, May 25, 2013

CREATING A MOTIVATIONAL POSTER IN MS WORD


MICROSOFT WORD DRAWING PROJECT No. 50

TITLE:   CREATING A MOTIVATIONAL POSTER IN MS WORD   

TYPE:    GRAPHIC DESIGN

My former secondary school English teacher once said, “Everybody has problems. But I never bring my personal problems to work. I always leave my personal problems at the gate before I enter the school compound so that I can concentrate on my work. After school I will pick them up at the gate and bring them home with me.” I feel that there is some wisdom in what he said and I started practising this virtue after I became a teacher. I believe that students are my clients and therefore I shouldn’t let my personal problems affect my responsibilities. So, starting off the day with a happy feeling or cheerful mood is good because it helps us perform our duties better.

        Here is a motivational poster with the cute egg cartoon character to attract attention and to communicate the message to the viewers. In this art project, it is the morale boosting message that the poster is trying to convey.  Graphic Design is one of the disciplines in Visual Communication.  When you use pictures and text to communicate ideas and messages to the audience, it is known as visual communication.


 

I used complimentary colours to create contrast between the text and the background. The bright green coloured background complements the red coloured text. In other words, combining the red coloured text with the green background makes the look text more intense and attractive and such effect can draw viewers’ attention to the message.


 

Friday, May 17, 2013

HOW TO DRAW A CARTOON CHARACTER IN MS WORD


MICROSOFT WORD DRAWING PROJECT No. 49

TITLE:   CREATING A CARTOON EGG CHARACTER IN MS WORD   
 
TYPE:    DIGITAL DRAWING - CARTOON
 
I have an old nursery book titled THE OXFORD NURSERY SONG by Percy Buck. This book was published in 1933 by Oxford University Press, London. It is unique because it contains a collection of 111 nursery rhymes and songs. One of the nursery rhymes that inspired me to create a cartoon drawing with MS Word is Humpty Dumpty (page 17). It seems that Humpty Dumpty is one of the popular characters in the English language nursery rhymes. According to WIKIPEDIA, this character has been around for more than 200 years and became popular in the 19th century.
     I believe that many people know what happened to Humpty Dumpty when he sat on the wall. The drawing that I have created depicts the character in a cheerful mood. It is much simpler to draw compared to the goose, squid and burger. I made use of the preset shapes and manipulated them to create this drawing. The shapes that I used are as follows: Oval, Moon, and Arc.
 

This is the preliminary digital drawing which looks quite plain. Since this is a vector drawing, you can enlarge or reduce its size within the area of the document without affecting the clarity of the image. I named this character Happy Egg.
 
 


The image’s appearance is enhanced by rendering gradient and shadow effects to create the illusion of depth. Do you know that you can actually create bevel and emboss effects with Shadow Effects?  Even though the effects may not be very outstanding, I think the results are not too bad. Try it and judge for yourself!