Create Buttons Task OCR National - Unit 21

Today we will Consider what an 80s game website might have as a “look and feel”. Understand the meaning of the terms vector and bitmap as used to refer to graphics. Create the buttons that we have planned. Understand how to evidence the creation of the buttons.

Name the game You have 5 minutes to complete the worksheet. You now have minutes left

Vector Vs Bitmap graphics Vector –No actual image –Set of instructions to draw basic shapes Shape Size Fill Rotation Bitmap –Pixels (Picture Cells) 1 dot on screen 100 x 100 pixels = 10,000 dots –Compressed or uncompressed

Creating a button for an Estate Agent and evidencing it Houses Simple button created using the rounded rectangle tool. Text added. Houses Outline graphic of a house added using the rectangle and trapezium tools. Houses Shapes filled to create normal button state. Houses Button shape fill reversed and text colour changed to create mouseover state. Houses Shapes grouped then saved as GIF images. (Right click, save as picture, choose GIF)

Creating a button for an Estate Agent and evidencing it Houses Simple button created using the rounded rectangle tool. Text added. Houses Outline graphic of a house added using the rectangle and trapezium tools. Houses Shapes filled to create normal button state. Houses Button copied. The rounded rectangle fill was reversed and the text colour changed to create the mouseover state. Houses The shapes were grouped then saved as GIF images. (Right click, save as picture, choose GIF)

Button states Houses

Button states Houses Mouseover

Button states Houses Detached Semi-detached Terraced Selected

Marking Detached Houses Simple = Pass level Complex = Merit level Houses Interactive = Distinction level

Create 12 buttons 3 major buttons –2 states (normal and mouseover) 3 minor buttons –2 states (normal and mouseover) Houses Detached Semi-detached Terraced

Discuss and compare Discuss the differences between vector and bitmap graphics Advantages and disadvantages of both