digital graphics pro forma

51
Digital Graphics Richard Burn

Upload: richardburnn

Post on 14-May-2015

298 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Digital graphics pro forma

Digital GraphicsRichard Burn

Page 2: Digital graphics pro forma

File Formats

Page 3: Digital graphics pro forma

Raster Graphics

• A Raster Graphic is made of Bitmaps • Bitmaps are made of pixels • Pixels are what the graphic is made up of• They record information and have a fixed

resolution, therefore, if resized, can cause distortion

• Raster Graphics are stored in files, via different formats

Page 4: Digital graphics pro forma

Vector Graphics

• These are made up of vectors/paths • They have a definitive start and end points.• These have curves, points and angles between

them• The scaling can be big and small therefore no

definition is lost

Page 5: Digital graphics pro forma

JPEGStands For Joint photographic experts group

Used For JPEGs have a general use as most photographs use this format. Used on web formats e.g. Facebook. Raster graphic.

Advantage They can be compressed, therefore they have a small file size. They do not take up a lot of memory

Disadvantage During the compression and decompression they lose quality, therefore the image is less defined

Page 6: Digital graphics pro forma

JPEG example

Page 7: Digital graphics pro forma

TIFFStands For Tagged image file format

Used For Desktop publishing, adobe design documents. Raster graphic.

Advantage During compression it does not loose quality, compared to JPEG.Using TIFF on Photoshop, you can preserve layers / files

Disadvantage Compared to a JPEG image, TIFF does not compress nearly as much, therefore, it uses a very large file. The software you can use with TIFF, is limited

Page 8: Digital graphics pro forma

PSDStands For Photoshop document

Used For Image manipulation e.g. front cover for magazines. Raster graphic.

Advantage You can save many different layers Supports transparency

Disadvantage Get very big files Limited to the software you can use

Page 9: Digital graphics pro forma

PSD software

Page 10: Digital graphics pro forma

AIStands For Adobe illustrator art

Used For Logo creation. Vector graphic.

Advantage Can be scaled big and small , therefore no quality is lost

Disadvantage Like PSD, you are limited to the software you can use with AI

Page 11: Digital graphics pro forma

AI example

• This is the software used whilst making a AI image.

Page 12: Digital graphics pro forma

3DSStands For 3D studio

Used For 3D modelling animation and rendering, moving images. Used in the creation of animated characters and environments. Vector graphic.

Advantage 3DS is the industry standard therefore you are flexible to the different software you can use

Disadvantage Huge file types, these are harder to storeComplicated to use, you have to be a professional Expensive software

Page 13: Digital graphics pro forma

3DS example

Page 14: Digital graphics pro forma

Digital Graphics Images

Page 15: Digital graphics pro forma

Shape Task

Page 16: Digital graphics pro forma

Evaluation

What did you like about your image?What I liked about my image is that you could actually tell it was a giraffe. The shape of the body, the colour of the body & spots helped it to look like a giraffe. We used the shape tool & the free transform tool to try & get the image as close to the original as possible.

What would you improve if you did it again?What I would improve on if I did it again is the lacking of features. I would include features such as the eyes, nose mouth to make it look closer to the real thing. I would also finish the spots on the image. I would fill in gaps to improve the quality of the work.

Page 17: Digital graphics pro forma

Rotoscope

Page 18: Digital graphics pro forma

Evaluation

What did you like about your image?1) What I like about the first image is that the face looks like her actually face, thanks

to rotoscoping, I could follow the actual shape of her face. I couldn’t do this by just using shapes. I also like the colours I used, as they contrast against one another, allowing each feature to stand out.

2) With my second one, I liked how, by using different tools, I made some of the features more defined. Such as the nose & the colour variations of her hair.

What would you improve if you did it again?1) If I had to improve this image if I did it again, I would define the image. For example, I could include the colour variations of her hair, shadow change on her face.2) I improved upon my first go of rotoscoping on this image by using tools that would define her features. If I had to improve upon it though, I would change the golden highlights in her to look more graphic-like.

Page 19: Digital graphics pro forma

Text Based

Page 20: Digital graphics pro forma

Evaluation

What did you like about your image?1) What I like about this image is how the quote & the colour I used are linked

together (“On Wednesdays, we wear pink” & the colour pink)2) What I like about this image is that it isn't just text, there is also a graphic

underneath it that I made. Also, I like how I colour-coordinated the colour of the real food, with the graphic of the food & the the colour of the text. I think this is really effective.

What would you improve if you did it again?3) To improve, I could just like my second one, produce a graphic that the text could

be on top of & be linked to e.g. an item of clothing. 4) To improve upon this image, I would make the colours brighter. This would catch

the eye & also make it look better in general.

Page 21: Digital graphics pro forma

Logo Creation

Page 22: Digital graphics pro forma

Evaluation

What did you like about your image?I liked how The colours used were just different gradients of one another, it created a classic house style. I also liked the font it used, its very simple.

What would you improve if you did it again?If I was to do this again, I would change the background writing so it looked more like a newspaper & also so you could see it said ‘print base media’.

Page 23: Digital graphics pro forma

T-Shirt Designs

Page 24: Digital graphics pro forma
Page 25: Digital graphics pro forma

T-shirtIdeas

YouTube

DailyGrace HartoMameTown

All Friends – quotes

“Mamrie Ate

Paint”

TV

New Girl

Quotes

“Hannah Hart? More like Hannah Farts!”

“Grace is like a mask, within, a box, within cage”

Image of mask, box & cage on T-shirt

Portray them as Disney characters -

popular

Puns

Harto/My Drunk Kitchen

Her puns

Three separate t-shirts & then one together

Food related – have the pun on top of the food

its about

*Ding*

Camp Takota

Colour coordination

Quotes

Characters

Page 26: Digital graphics pro forma
Page 27: Digital graphics pro forma

ProposalDimensions

2400 by 3200 pixels

ContentI am going to make three YouTubers (Grace Helbig, Mamrie Hart, Hannah Hart) into graphics for their film Camp Takota. I will use the outfits they usually wear onset. I am going to rotoscope over the image to get a outline, then I will have to make the clothing myself. As I want it to look like a graphic, I am going to use white & green only. I also want the design to look very simplistic & to look like something that would be made at camp.

Export Format

PNG

Advantages; Compatible with red bubble, transparency & lowered opacity

Disadvantages; larger file size (can slow down computer)

Page 28: Digital graphics pro forma

Proposal

Deadline1st October

Day 1 Day 2 Day 3

Prepare the text for t-shirt(s)

Start & finish first t-shirt & start second

Complete second & start & finish third & fourth t-shirt

Schedule

Audience

My niche audience is going to fans of three YouTubers & also fans of the film, broadening the audience. Their fans are usually young females (16 -21). They’re alternative (don’t follow the crowd), therefore they should appreciate my quirky design plan & would enjoy the fact they are part of a niche audience. Not a lot of people will have this design.

Page 29: Digital graphics pro forma

Digital Flat Plan

These outfits

Green outlines, same color as text & log

Page 30: Digital graphics pro forma

Green outlines, same color as text & log

Page 31: Digital graphics pro forma

Green outlines, same color as text & log

Page 32: Digital graphics pro forma

Green outlines, same color as text & log

Page 33: Digital graphics pro forma

Peer Evaluation

•What are the strengths of the final image?It all has a consistent theme throughout, you’ve portrayed

each person in the film very well and the house style is consistent. I love the different features on each character especially the bandana. I like how you have done a t-shirt for each person, it gives people a choice who they want on their t-shirt, or to have all three.

• What could be developed if the image was repeated? Used a different colour, or different shades.

Page 34: Digital graphics pro forma

What are the strengths of the final image?• I really like how all of the images link in with each other and all have the same colour design as it shows consistency throughout their work. Just adding some of the facial features has worked really well and gives them more character. All the designs have been done really well and show skill.

What could be developed if the image was repeated? • Because all of the designs are green it doesn’t give much

choice for the buyer so maybe have different colours.

Peer Evaluation

Page 35: Digital graphics pro forma

What are the strengths of the final image?• I like how they have used 3 images to make one final

image and put them all together this makes a strong link between the images. The use of only a few facial images makes it more interesting as you want to see what expression there pulling etc.

What could be developed if the image was repeated? • Try to use different skills on a different image and a wider

range of colours to make it more brighter and a wider variety of skills.

Peer Evaluation

Page 36: Digital graphics pro forma

Peer Evaluation

• What are the strengths of the final image?• He has done the majority of the creation

himself using rotoscoping. He has also added some nice detail to the hair.

• What could be developed if the image was repeated?

• He could add a little more detail else where

Page 37: Digital graphics pro forma

T-Shirt Evaluation

Page 38: Digital graphics pro forma

Does your final product reflect your original intentions?

• I believe my final product does reflect my original intentions for my product

• I worked on top of the same images as seen on my flat plan. I stuck to the majority of the same image line, but changed a few things (adding extra hair, changing outfits) to make the overall design look better

• I changed the original font to something more design orientated (logs = camp fire = camp takota).

• I, instead of using the original faces on the photograph altogether, I used the outlines of their individual photos. I believe this shows an overall & coherent theme throughout the three designs.

• During the production of my final image, I also decided to make some more changes e.g. where the log went. I actually decided to change it into a log (again linking it to a camp). I thought it made the overall design look better.

Page 39: Digital graphics pro forma

My Digital Flat Plans

Page 40: Digital graphics pro forma

My Final Product

Page 41: Digital graphics pro forma

Is your product suitable for your audience?

• My final designs came out the way I wanted to & that was based upon my first audience proposal

• Although I did have females primarily targeted, but as I used the colour green (which is deemed a gender neutral colour) males will not be put off buying my t-shirts if they wanted to. This is also helped by redbubble as they allow you to decide on the kind of t-shirt you want (girly-fit, regular etc.)

• Linking to Uses & Gratifications theory, my audience can relate to the people involved in the film on a personal level. This then makes them more likely to buy the final product. They also have a choice to whom they identify the most with (or all of them).

Page 42: Digital graphics pro forma

What do you like/dislike about the techniques you have used?

• I have used to main tools whilst producing my final product

1. Rotoscoping: I used the polygonal lasso tool to select certain parts of the image I was working on top of so I could turn it into a graphic & change the colour. Doing this is time consuming & sometimes mistakes can be made easily, but once done correctly, it can look very effective.

2. Colour Range: I used the colour range to select certain parts of the image e.g. a certain shade of hair. This would select this part of the image. You would then copy it, create a new layer & then paste it into said layer. This technique is less time consuming than rotoscoping & can be more effective. I say can because it can grab certain parts of the image you do now want & this is time consuming to find & then rub out with the eraser tool.

• I used the two techniques the most as I felt the most confident with them & also they work well together.

Page 43: Digital graphics pro forma

What do you like/dislike about how your final product looks?

• My final product looks exactly the way I want it to, but specifically, there are something's I like & dislike

Likes:• I like the fact a chose specific features about each

actress to add a personal touch to each individual design (eyes, bandana, mouth)

• A coherent scheme is found throughout each of the designs. The font used, logs, colours etc. are just a few things that run throughout all my designs.

• I also like the fact it looks like it could have possibly been made at an actual camp.

Dislikes:• Mamrie (the woman on the left) does not look as

effective as the other two on the group t-shirt. It was difficult to rotoscope her, compared to the other two.

Page 44: Digital graphics pro forma

Why did you include the content you used?

• I used these images as they allowed me to show specific detail of each individual.

• I used the font as it linked to the title of the film & it is the official font that was used for the film.

• I used colour range to add definition to some parts of the design e.g. hair.

• I used the colour green as it connotes nature, which then again links to the ideas of a camp being out in nature. Green is also the official colour used by the film. I also used black to highlight specific features and their names to show specific things about them.

Page 45: Digital graphics pro forma

What style have you employed in your products?

• I was influenced by other graphic design products (shown on right) as I felt they would look good on a t-shirt as they're usually not to fussy & look effective on said product.

• I was also influenced on pre-existing Camp Takota merchandise (shown on left), which allowed me to make my products look as professional as the official products.

• I think the visual style of my product is hand-made. I wanted my final product to have a camp arts and crafts feel to them as, again, it links to the movie. I didn’t want my products to look rough either though. I believe I got the right balance.

Page 46: Digital graphics pro forma

What were the strengths and weaknesses of the pre-production and planning

Strengths of planning/research• The research I did before starting to make my product was helpful as it

allowed me to see what kind of products were already out in the market. This allowed me to see if my niche audience was being catered for.

Weakness’ of planning/research• I actually felt a little intimidated by some of the products I found e.g. I

didn’t feel like I could create work up to that standard.

Strengths of pre-production• Pre-production allowed me to see what my product could look like. This

stopped the weakness I felt during the planning & research part of the task.

Weakness’ of pre-production• I felt like I couldn’t move away from my initial flat back plan that came

from the pre-production (although I did in the end)

Page 47: Digital graphics pro forma

Analysis One block colourAllows all features to be on the same level. The colour green also links in with the whole theme of nature as it connotes nature

The text is largeEasy to read

Grace & Hannah (right & middle) look good. Mamrie (left) not up to the same standard. I would spend more time on Mamrie if I were to repeat the project.

LogsLinks to font as they are also logs & it connotes a campfire which links to title of film.

The image(if you look at my other designs) you can tell are linked together. There is a coherent theme. I didn’t add too much detail because I didn’t want it to look too fiddly

Page 48: Digital graphics pro forma

Analysis

LogsLinks to font as they are also logs & it connotes a campfire which links to title of film.

The text is largeEasy to readTwo different sizes of text to show which is of more importance.

DetailMore detail has been put into the individual designs. Two toned hair. A specific thing about them.

ColourI used two different gradients of green to show detail in the hair.I used black & white for the unique feature about them as they contrast towards one another & also the green. I also did her name in black so it links to the unique part of each individual t-shirt.

Page 49: Digital graphics pro forma

Analysis

LogsLinks to font as they are also logs & it connotes a campfire which links to title of film.

ColourI used two different gradients of green to show detail in the hair.I used black & white for the unique feature about them as they contrast towards one another & also the green. I also did her name in black so it links to the unique part of each individual t-shirt.

DetailMore detail has been put into the individual designs. Two toned hair. A specific thing about them.

The text is largeEasy to readTwo different sizes of text to show which is of more importance.

Page 50: Digital graphics pro forma

Analysis

LogsLinks to font as they are also logs & it connotes a campfire which links to title of film.

ColourI used two different gradients of green to show detail in the hair.I used black & white for the unique feature about them as they contrast towards one another & also the green. I also did her name in black so it links to the unique part of each individual t-shirt.

DetailMore detail has been put into the individual designs. Two toned hair. A specific thing about them.

The text is largeEasy to readTwo different sizes of text to show which is of more importance.

Page 51: Digital graphics pro forma

Peer Feedback• My peer feedback was good & I

agreed with most of what was said & was happy that those that did give me feedback liked my designs.

• Three of the four people mentioned the colour I used & how it doesn’t always look right & different colours of t-shirts. The colour is part of the design & connotes well with the film, that is why I chose it. If I was given more time, I could add more colour designs.

• I’m also also happy my peers have noticed the attention to detail of the characters personality.