My Ruminations

Tuesday, June 26, 2007

Creating a Glossy Button in Microsoft Word

From the intro you would know that the final output from Word will still have to be copied to another software and the image has to be saved in a format of your choice. Now let us see the steps to be followed for creating a Glossy Button.


Step 1: Create a Shape - rectangle or a rounded rectange, I will use the rounded rectangle, now your output should look something similar to this

Step 2: Remove the border line to do this, right click on the shape, and click on Format AutoShape and then from the Line Section, Select No- Line like this




Step 3: Once this is done now we are ready to fill the button with colour. Choose a Colour of your choice I will choose Blue, but the trick here is to choose two flavours of the same colour, one a bit light and one darker shade. Now right Click on the shape and choose Fill Effects like this




Step 4: Choose the two colours as the option in the Colours Section and Shading Styles as Horizontal, from the variants available choose the one in which the lighter shade of the colour is in the middle and the darker shade takes both the top and bottom like this





Now your Shape should look like this (in the colour you have chosen)




Step 5: Create a rectangle autoshape with white colour as the background and set the transparency to 78- 82% (this depends on the darkness of the colour you have chosen).


Step 6: Place this white rectangle on top of your existing shape in such a way that the new shape occupies the top 50% of your image, remove the lines from the white rectangle you just inserted and now clear all those selection marks and voila... your glossy button is ready to use.





You can optionally add text and also do shadow effects from the drawing toolbar to this button created above.


So the Button With the shadow is here
Note : To add text, right click on the original coloured autoshape and on click on "Add Text" and then adjust the text position using the Right Click -> Format AutoShape Option in the textbox tab

Labels: , , , , , , , , ,

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]



<< Home