1. How and why digital graphics are used
LO1 – Task 1
How and why digital graphics are used

2. About the Course Year 10 Digital Graphics Photography Year 11
Production
Exam
75% Coursework, 25% Exam

3. This lesson
For your first piece of coursework you need to show that you have a clear understanding of what digital graphics are, how they are used and why. This lesson we will go through all the different types of digital graphics and we will analyse them to show you understand of them.

4. Types of digital graphics
There are a wide range of digital graphics; the following are the ones you will be focussing on.
DVD covers
Magazine covers
CD Covers
Magazine advert
Concept art
Web Graphic

5. DVD Covers
Why is a DVD cover used? What graphics are on this and why are they used?

6. CD Covers Why is a CD cover used?
What graphics are on this and why are they used?

7. Magazine advert
Why is a magazine advert used? What graphics are on this and why are they used?

8. Concept art
Why is concept art used? What graphics are on this and why are they used?

9. Web Graphic
Why is a web graphic used? What graphics are on this and why are they used?

10. Magazine front cover
Why is a magazine front cover used? What graphics are on this and why are they used?

11. Coursework – LO1, Task 1
For each of the following types of graphics you need a written document that explains the following;
- Why is this graphic used?
- How are the graphics on this product used?
DVD covers
Magazine covers
CD Covers
Magazine advert
Concept art
Web Graphic
E.g. DVD Covers Why are DVD covers used? DVD covers are used to advertise a film to the audience. They are there to show the audience the genre of the film which will then give an indication of whether they would want to buy it. They also give the audience a wide range of information about the film. How are these graphics used? Titles – These are on the DVD cover to tell the audience what the film is called which will in turn allow the audience to know what the film could be about. Blurb – Gives a synopsis of a film/ tv show so the audience are aware if it’s the type of film they would like to watch or n0t Characters – People like different actors – telling or showing who is in the film will enable people to further make a decision on whether to watch the film Certificate – With this course, the more you write about these different products, the higher the mark you will get.

12. Questions to help with web graphics, concept art and advert
Magazine Advert
Purpose of the advert?
Who is the target audience?
What graphics help engage the audience to buy the product or service?
Is the advert is suitable for the magazine they are reading?
Talk about the graphics used; Title, Pictures,
Web Graphic
What is a Web Graphic?
How is a Web graphic used to help the user?
What is the logo on the graphic?
What field is the graphic used i.e. social media, e-learning, mobile app
Concept Art
What is concept Art?
1st draft of a design
Original idea for a character for film, comic, art work
It is a form of illustration
Can be used in retail which is know as a ‘visual development’

13. Improvements to make Missing web links
You will have to go back over the work you have just completed and add in web links. This is to show the moderator that you have “acknowledged” where you have got images or information from.
This can be added as URL link underneath each product or outlined in a table

14. The next step to complete LO1
Identifies a wide range of file types and formats, which are consistently appropriate to digital graphics.

15. Identifying a range of File Types
Find out what the following file types are:
BITMAP
VECTOR
JPEG
BMP
TIFF
GIF
PDF
PNG
SVG

16. Image file types – 2 lessons
What to write about?
Describe each file type – what is it, what are they used for?
Discuss some advantages and disadvantages of each file type
Where are the images used in the real world?
Help: BBC Bitesize file formats & Google Search Bitmap advantages and disadvantages – Find the correct image.
BITMAP
VECTOR
JPEG
BMP
TIFF
GIF
PDF
PNG
SVG

17. file types and formats Disadvantages Cant be compressed
What to write about?
Describe each file type – what is it, what are they used for?
Discuss some advantages and disadvantages of each file type
Help: BBC Bitesize file formats & Google Search Bitmap advantages and disadvantages – Find the correct image.
file types and formats
Tiff - What is it? How/Where is it used?
This is a lossless compression
Used for digital editing
High quality Images
Any photo or scanned document can be saved as a TIFF
BITMAP
VECTOR
JPEG
BMP
TIFF
GIF
PDF
PNG
SVG
Advantages
Edited with most photo editing software
Most web browsers have built in “TIFF” recognition
No loss of Images Quality when an image is saved as a TIFF
Disadvantages
Cant be compressed
If it was it would lose it’s quality, being a lossy compression

18. Homework Task – Hand In Thursday 22nd September
Compare BITMAP to VECTOR Images
Write a paragraph about BITMAP?
Write a paragraph about VECTOR?
Find an image that shows the difference between BITMAP and VECTOR (Image Quality)
Find and write down approximately Advantages and Disadvantages of each

19. Features of Images
Now you need to look into the properties of image files.
You need to find out the following
DPI
Pixel Dimension
Quality Settings
Compression (Lossy & Lossless)

20. DPI
DPI stands for Dots Per Inch which technically means printer dots per inch.

22. Pixel Dimension
PIXEL DIMENSIONS are the horizontal and vertical measurements of an image expressed in pixels. The pixel dimensions may be determined by multiplying both the width and the height by the dpi.

23. Quality Settings Using photo shop/fireworks
Change quality settings: Low or High
What would a low image be used for? (Personal use, attachment)
What would a High image be used for? – professional use (poster, billboard, high end graphics (CD Cover))

24. Compression
Lossy and Lossless Compression

25. Task 3 1. Find out and describe : - DPI - Pixel Dimensions
Quality Settings
Compression
2. Use Images to back up the research.
3. Show how image quality settings can be manipulated in fireworks with screenshots

26. Connection between digital graphics and suitability of Use.
Before any project gets started, there is a lot of consideration given to how the Digital Graphic will look.
With every product audience and purpose is KEY
Let’s look at this poster and see how it meets the purpose and audience

27. Audience – Action film, aimed at boys/men, or anyone who is interested in Action and Comics Colour: - Background – City, war, action, dull colours - Bold/stand out colours – Iron man (main character), Captain America Shield, Green of Hulk, Cape of Thor - Exposure – Explosion in the background, Debris and destruction around

28. Actors/Actresses
Mainly male actors, which may suggest a push towards male audience. Likewise this could be seen as a link to female audience who like to see men in uniform
Female actress is beautiful, and has a deadly side to her, which is appealing.
Body shape, image is appealing to men in this case

29. Title – Bold, sharp and edgy
Title – Bold, sharp and edgy. The marvel logo is bold, red/white, which is catchy and easy to remember. Another emphasis on Iron mans hand, to imply he is ready to fire. This appeals to the audience as it gives off an action packed, adrenaline rollercoaster and destructive feel.

30. CD Cover
Background– Bright colour yellow used, draws the audience in. Eye catching. Also kids make links to how the writing is shown. (Possible butterfly embedded into the word “Of”)
Audience – Children. The use of the child singing on the front will appeal to them
Multicolours
Title– Use of Child like writing and emphasis on “kids” music collection
Feel– The singing child on the front looks happy, who will lean into the audience and they will feel happy listening to this too.
Imagery– The musical note on the t shirt may encourage children as they can associate this CD cover to music

31. Your Task
Explain the connection between digital graphics and their suitability of use for 2 x DVD covers, 2 x CD covers & 2 x magazine or film posters
Talk about the following:
1. Colours used
2. Imagery (logos, company’s)
3. Actors/Actresses
4. Title
5. Background
6. Layout
Always remember to link to Audience and Purpose when discussing each point

32. The brief – LO2
Your client, a game publisher called NuComputerGames, is releasing a computer game called TIMECHASER, aimed at year olds and priced at £ In the game the player can travel through time using doorways which are open for a limited period of time. The player has a special Timewatch to help them find the doorways. NuComputerGames plan to promote this game through an advertisement in a magazine which is available in print and online formats. This should be created as a digital graphic and should include a range of appropriate text and images to make it suitable as an advertisement for the game. NuComputerGames requires two versions of the final digital graphic. One will be of suitable quality to be used in a full colour printed magazine and will be a half page advertisement of 215 mm wide x 140 mm high. The graphic should then be re-purposed for use online at a lower resolution. This should be 600px wide to fit the online format.

33. LO2 – Planning the creation of your Digital Graphic
Read the client brief and interpret this, by writing it down in your own words.

34. Target Audience
Using the headings below you will write about the target audience including specific sub categories:
Age
Gender
Location (Where in the world will this be advertised?)
Ethnicity
Social Class (Students, teenagers, working class)
Lifestyle (Availability as multi-platform device; console, phone, PC)

35. Interpret a client brief
Identify target audience
Visualisation diagrams
Asset table
Resources need to create the digital graphic
Legislation
Copyright
Trademarks
Model and property release
Privacy
Child protection
Health and safety
Work Plan
A work plan is a way to show how you will complete a task and when you will complete it.

36. Create your work plan
Using the following task headings and table layout, complete your work plan. You will find the work plan template in

37. Copyright
Trademarks
Model and property release
Privacy
Child protection
Health and safety

38. Visualisation Diagram
Draw your product and annotate it
Explain the following
Why your using each digital graphic
Why it is positioned in that place
Colours used
What impact this will have on your target audience? How will the positioning of these graphics influence them to buy it?

39. Asset and Resources list
You will now need to make 2 tables. One for your Asset’s(what you will put on your product) and one for the resources you will use to make the product.
Deadline – Thursday 20th October, Period 3

40. Resources Table
Resource ideas – Computer, Mouse, Keyboard, Monitor, Windows 7,Photoshop/Fireworks, Internet
For each resources you must write down:
Why you need it?
What it will allow you to do
How this will make creating the product easier

41. Resource Example - Mouse
I need to use a mouse so I am able to control the computer. The mouse will enable me to select and move images into the right position when creating my product. I will also be able to control my product design in Photoshop easier and click the tools necessary. i.e. modify, transform, layer etc. I will also be able to use the mouse to save my work as I go along.

42. Example - Asset Table What will I need on my product? Why I need them
Where will I get them from?
Title
To explain what the game is called and be appealing to the target audience
I will Use Cool Text to generate my Title, then copy and paste it into Photoshop.
Price
Age Rating
Door Image
Watch Image
Person Image
Company Logo/Name
Blurb – Description
Characters*

43. Final Deadline Deadline – Thursday 20th October, Period 3
This is to get the following complete:
Interpretation of Client Brief
Target Audience identified
Work Plan Table
Visualisation Diagram
Asset Table
Resources Table

44. LO3 – Create and Save a digital Graphic
Create and Source a wide range of assets for use in the digital graphic
Prepare assets for use in the digital graphic, all of which are technically appropriate and compatible

45. Evidence to show Create a table of assets showing the following: Asset
File Size
Image Type (JPG, PNG, TIFF etc)
DPI
Pixel Dimension
Evidence of how you made it fit for purpose (create yourself or downloaded and manipulated in photoshop/fireworks.
To view DPI and Pixel Dimension right click the image in the folder > Properties ? Details

46. Asset
File Size
Image type
DPI
Pixel Dimension
How I made the asset?
17.7KB
.JPG
94 DPI horizontal and Vertical
512 x 512
I will crop the White of the Google Image out and then I will resize to 1024 x 728. This will allow the Google Image to be visible as a logo to the user

47. For Higher Mark Band Must include: Primary Assets (Created yourself)
Development Log, including tool list to create your digital graphics
Before and After screenshots of images (including: File Size, DPI, Pixel Dimension, Reasons for changes)
Use of Fireworks (Create the Final Product) & Photoshop (Edit your images)
Show the two canvas sizes being manipulated.

48. Folder structure and Saving
You must provide the following evidence to secure the marks
A list of assets with sources attached
Evidence of assets being created and prepared for the final digital graphic. Showing consideration to file types used (jpg, png, bmp, tiff)
Evidence that a range of ADVANCED tools have been used (documented in Tool list)
Evidence you have constantly saved versions, as well ass all assets
Evidence of your folder structure, showing all 3 LO’s as well as LO3, which should have assets, tool list and final graphic.

49. Tools to use 1 – 4 tools Mark Band 1 5 – 7 tools Mark Band 2
Tools you could use:
Copy and Paste
Pen Tool
Magic Wand
Quick Selection
Transform
Tip Size
Colour Picker
Fill Tool
Text Tool
Lasso/Magnetic Lasso
Crop tool
Eraser

50. Saving and Exporting
Exporting as a format: Save the graphic as a TIFF, JPG, PNG, GIF, PDF – Choose 3 and show screen shots of this with explanations why?
Properties: Show a screenshot of saving your digital graphics as 600px wide & 21.5cm x 14cm
Save electronic file – Show your folder structure for Digital graphics showing all LO folders. Each folder you go into explain what it is showing you.

51. Evaluation LO4
Produce a review of the finished product which demonstrates a thorough understanding of what worked and what did not. Ensuring you are always referring back to the client brief.
Identify areas for improvement and express thoughts on how the digital graphic could have been developed further to meet the client brief, with justification.

52. Evaluation Marks awarded
How has each one of the client requirements been met
What did you do to meet these?
What could you do to improve you Digital Graphic to meet the requirements? Try to suggest 2 – 3 improvements
What impact would these changes have on the target audience and improve awareness of the game?