Friday, January 9, 2015

HOW TO DECORATE A MUG WITH A DESIGN IN MS WORD


MICROSOFT WORD DRAWING PROJECT No. 56
TITLE: HOW TO DECORATE A MUG WITH A DESIGN IN MS WORD
TYPE:  GRAPHIC ART


Here is an activity for an Art lesson in class that I think students would love. The art activity is to incorporate photography and digital drawing to produce a graphic design for a mug or a set of mugs. Graphic Art is different from Fine Art because the former is more inclined to commercial purposes and therefore most of the works are mass produced. This post is about putting text and graphics on a photograph to create a composite picture. Get students to bring  some plain mugs to school and snap pictures of them with a digital camera. The teacher can also give students some tips on photography techniques.  Students then have to draw a digital picture on the computer. Choose a suitable theme for the design, say, vegetable or fruit. Students can use any graphics programs that they  are familiar with to complete the task.  Crop the JPEG picture before copying and pasting the vector image onto it. Cropping is done to remove unwanted areas in the picture.

          For this activity, I used the pumpkin as the subject  for the design. After pasting the image of the pumpkin onto the picture, I Ungroup it and added Shadow Style 18 effect to create an emboss appearance. Students can actually learn some computer graphics skills by doing this type of activity through hands-on experience. They also learn some computer language or terminology as well. They can apply these knowledge and skills to other high-end computer graphics programs later on.

The computer skills that students are able to learn from this activity are as follows:
a)  Cropping (editing a JPEG picture)

b)  Copying and Pasting (importing a image from another source onto the document)

c)  Sizing (adjusting the size of an image by dragging the sizing handles)

d)  Adding text to the picture by using Text Box

e)  Grouping different drawing objects into a single unit (also known as layers in Photoshop)

f)  Knowing the difference between raster (JPEG) and vector (pumpkin) format images.

           Graphics and text are normally used to decorate the surface of mugs for merchandising purposes or for free distribution as gift items. The graphics can blend well with a lighter coloured subject and therefore the white coloured mug is most suitable. Other darker coloured mugs can also be used, provided that there is a strong colour contrast that makes the designs on these mugs stand out.
 


 
This is the original picture of a plain mug (unedited).
 
  
I used the Paint program to crop this picture.
 
 
This is the final product with the text and vector image incorporated into the picture.
 
 
Here is another design with a cheerful tone. You can see that the design (vector image) blends seamlessly into the photograph.
 
 

 

Sunday, November 2, 2014

HOW TO DRAW A PUMPKIN IN MS WORD


MICROSOFT WORD DRAWING PROJECT No. 55

TITLE: HOW TO DRAW A PUMPKIN IN MS WORD

TYPE:  GRAPHIC ART – DIGITAL DRAWING


 

This is the coloured picture of a pumpkin.



My wife likes to buy pumpkins and sometimes she would ask me to remove the skin before cooking. Pumpkins have hard rind and some have deep ribs. The challenging part when I drew it on the laptop was to draw the deep vertical ribs to show depth in the picture. I had to make a few attempts before getting the picture right. The Curve line tool is used to draw the form of this large round vegetable. As you can see here, the seven irregular round shapes overlap one another in a certain order to produce a picture that has the naturalistic appearance. There is no pencil or brush tool in MS Word that enables you to draw on the electronic canvas like Photoshop, so it has to be drawn in this manner.



 
This is how the drawing looks like when taken apart or dissected. Use the Curve line tool to draw this picture.
 
 
 
 
 
 
 
 
 
 
 
 
 


Wednesday, April 30, 2014

HOW TO DRAW A FOOTBALL IN MS WORD


MICROSOFT WORD DRAWING PROJECT No. 54

TITLE: HOW TO DRAW A FOOTBALL IN MS WORD

TYPE:  GRAPHIC ART – DIGITAL DRAWING

I have a suggestion for an art lesson in class using the MS Word drawing program to create a digital drawing of a football or soccer ball. Since World Cup 2014 is coming soon, I think that many students would be interested in drawing a picture of a football. The objectives are to expose students to the concept of digital art and to enable them to understand how vector graphics images are created. Introducing diversities in the teaching approach for art lessons does make the lessons more interesting and not so stereotype. Since we are now living in the digital age, like it or not students have to learn both conventional and digital art where they have more to gain and nothing to lose.
       The graphics project in this post is about drawing a football with the Oval and Freeform line tool. This drawing is not really that difficult to do. The task involves creating six pentagonal and five hexagonal shapes and positioning them precisely into a circle. Use the Rotate option in the Arrange group to manipulate the position of the graphic shapes. These geometrical shapes must be aligned perfectly to create an image of a two-dimensional football. Students can then use this image to create other designs for their school’s football club t-shirt and other items.


This is the digital line drawing of a football.

 
 
                                                                This is the digital drawing of the football in colour.
 

Position an Arc over the bottom side of the pentagon to create a curved edge. This is to make the ball look rounder.
 

This illustration shows the various shapes that form the picture of the football.

 
 
 
 


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, 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.