STARTER Which program would you use to create a large (1000 x 1000 pixels) graphic? 5 minutes – explore these tools to see which you’d use: PhotoshopFireworksPaint FlashDreamweaverAnother tool?
OBJECTIVES Create a single graphic that contains all the images for your app Be able to justify the best graphic solution Ensure all icons, buttons and sprites are included
EXAMPLES OF SPRITE SHEETS This is a sprite sheet for a mobile app for blind people This has all the buttons and display features that are required. This is a sprite sheet for a transport / map app Again – all the buttons and icons are included in one single graphic Final example – this is a sprite sheet for a mobile app game. See how every part of the game is covered - Objective: Create a single graphic that contains all the images for your app
ACTIVITY 1 Spritesheet = single large graphic ideal for mobile use as it is loaded once Create a single graphic sized 1000 x 1000 – you choose the tool Refer back to your designs + mock ups – create every single graphic that you need. Objective: Create a single graphic that contains all the images for your app
MINI PLENARY What program did you choose? How far have you got – what percentage of your spritesheet have you completed? How can you spend the next 20 minutes in the most efficient way? Objective: Be able to justify the best graphic solution
ACTIVITY 2 Continue develop your spritesheet Remember you need to include every single element that is needed for your app Every button or icon Every ‘view’ of a character sprite Every potential image shown on screen Objective: Ensure all icons, buttons and sprites are included
PLENARY Upload your work to Moodle – make sure you don’t miss out on easy marks Challenge questions: How much more work do you need to do? Did you use the best program? How might you improve your work further next lesson? Objective: Ensure all icons, buttons and sprites are included