Digital GraphicsApril Darrell

File Formats

Raster Graphics

Raster is made up of bitmaps- these are made up of millions of pixels/coloured pixels.

Resizing pictures used by bitmaps can distort.TIFF is an example of a flexible bitmap image

format supported by virtually all paint, image-editing, and page-layout applications.

Vector Graphics

Vectors are made up of paths, strokes or vectors.Vectors are good when you want to enlarge an

image as well as make the image smaller as the image is defined by start to end.

Good for logos for turn them from:-business cardsTo: -billboards

JPEGStands For Joint photographic expert group

Used For Photographs and web formats- for facebook and mobile phone cameras.

Advantage Can be shared and used on the internet, such as social networking sites-twitter-facebook-instagram -tumblr

Disadvantage Loses quality every time you edit due to compression and recompression.

TIFFStands For Tagged image file format

Used For Desktop publishing- popular with graphic designers.TIFF is used for publishing because supports both embedded paths and alpha channels which can be used to create transparent backgrounds for images in a page layout application.

Advantage Can save multi-page documents Doesn’t lose any quality due to compressionTIFF documents have a maximum file size of 4 GB when using a newer version of photoshop

Disadvantage Don’t use TIFFs for web images- Produces big files.If you open the file in another application, only the flattened image is visible.

PSDStands For Photoshop Document

Used For Image manipulation.Front cover images for magazines

Advantage Saves layers and page formatting information.Supports transparency. This is similar to (PSB) which is a larger document.Preserves many photoshop features and maintains image appearance.Document is faster to open.

Disadvantage Limited software useCant send it to someone who doesn’t have the right software, such as photoshop.

AIStands For Adobe illustration art

Used For Logo creations- good to represent a company

Advantage Can be scaled big or small and has no loss in definition. It can be used on business cards or billboards.

Disadvantage Limited software, cant use it/open it on any other software than its own.

3DSStands For 3D studio

Used For 3d modelling, animation and rendering Creation of 3D characters Used in moving image

Advantage Industry standard format Used in moving image Cartoon Video games

Disadvantage Holds huge files Because its only used for a moving image its not good to use for a standard image you would use PSD instead for that.

References:

http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-7758a.html#WSfd1234e1c4b69f30ea53e41001031ab64-7739a

Digital Graphics Images

Shape Task

Evaluation

What did you like about your image?That it actually looks like a penguin and the use of colours.

What would you improve if you did it again?Different use of shapes and blend in the colours in so they don’t look like separate blocked shapes.Get a larger image to make it easier to shape around it.

Rotoscope

Evaluation

What did you like about your image?How a like the picture looks and all the detail put in, especially on the hair flower and the face by using colour range to give it dynamism and gradient specially on the shadows to make it blend into the face and to make it look natural. I used the colour selectable to get the actually colour of each feature. I detailed the eye by doing a zigzag around the pupil of the eye to make the effect of the different shades of the eye which made it more natural than using gradient.

What would you improve if you did it again?Id get rid of where the colour range make more of a dirty effect to the shadowing and change the cheeks by either change opacity or by using colour range.Id make the edges less sharp, especially the hair by just talking more time and detail.

Text Based

Evaluation

What did you like about your image?The font and the colouring suited well with the picture, making it easy to see but still the similar colours to the image.The writing fits well with the top of the image.

What would you improve if you did it again?Id add more detail as it is a little plain although simple is nice. Id do this by shaping the writing round the image more and also playing around with more fonts and maybe putting the image inside the writing to see how that would work.

Logo Creation

Evaluation

What did you like about your image?I love the detail if the microphone heads which I did by using colour range and lowing the opacity so it didn’t look to realistic to the actually image it originated from. The colours suited well as media is colourful. I liked the way it fitted the word media in perfectly and the microphones all pointed towards the print based.

What would you improve if you did it again?Id add more detail to the more colourful areas as it is just one blocked colour unlike the metal areas of the image. Although I liked this font I could of played round to find a better more suited font to fit.

Digital Cubism

Evaluation

What did you like about your image?

What would you improve if you did it again?

T-Shirt Designs

Mood board of designs you likeDisney more for teenagers and humor

Idea Generation

Design idea

Picture within a picture e.g. like the sleeping beauty image with the castle.

Words to make the shape of the character.e.g. the characters quote.

Audience

Depends on design and or chosen character.

Teenagers: -make the childhood character humorous/rude.e.g. Mickey mouse swearing.

Disney princess, adding favourite quote/funny quote and making it girly with the images colours.

“I am so romantic, I think I should just go marry myself”

Background of image

Without Tinkerbell, just want the castle and fireworks as background.

Mike being half bride and half groom to go with the quote.

Idea of the image behind an image-doing it opposite. (mike in front of castle).

Disney font

Quote in Japanese: you’re my flower when it rains.

ProposalDimensions

2400 by 3200 pixels

ContentMy design idea originated from the quote “I’m just so romantic, I think I should just go marry myself” off the Disney film monsters inc said by mike wazowski.My idea is to Rota scope mike from a forward facing image of him using photoshop.Also on photoshop I will rota scope wedding accessories on to mike, such as a groom hat, flowers, veil etc.. To then split him up in half, Making half of the mike the bride and other half is the groom. For the background I want to have the Disney castle (Cinderella's castle) which is also Disney's logo. I only want the outline of this image, to then place mike onto the front of the image.

Export Format

PNG

Advantages; its can save transparency and lowered opacity.

Disadvantages; larger file size than e.g JPEG.

Proposal

Deadline

1st of October.

Wednesday Monday Tuesday-Rota scope mike-Adding details -Rota scope a separate mouth adding it on to the main image of mike

-outline of castle image (rota scope)-adding images together e.g mike in front of castle.-write quote getting right font and putting it best area fitted

-finish any finishing touches - Get t-shirt design onto red bubble

Schedule

Audience

4-20 year old, women,Disney lovers,Monsters inc fans.

Digital Flat Plan

Peer Evaluation

What are the strengths of the final image?• I really like the font how it rounds with the shooting star and how there’s dots in some of it. I also think its been rotoscoped

really well. I like how the hat is in two halves and the colours all look really good together.

What could be developed if the image was repeated? • I really like it how it is so I wouldn’t make any changes.

Peer Evaluation

What are the strengths of the final image?• I like how Mike looks 3D due to the darker green at the top, the lighter green at the bottom, and the shading on his arms and legs. I

also like the detail on his toes such as the nails and the black along the edge of his toes.

What could be developed if the image was repeated? • I would add a drop shadow on the the castle to make it look like mike isn’t just floating. I feel that this would also get rid of the fact that

it is a very flat edge making the two colours seem very blunt against each other. I would make it so just the bottom faded to the actual bottom of the box, and maybe add the same star that is at the top on to the bottom part, to give off the impression that the theme of the star runs throughout. I would also add a very thin trim to certain parts of the image to give it more definition.

Peer Evaluation

What are the strengths of the final image?.What I like about this image is the nice choice of pink background and purple for the

Disney castle which blends really well as they are similar shades. I like the use of the Disney font for the quote above and the use of different colours for it which gives it a cheery feel and goes well with the nature of the design. Mike is rotoscoped well and goes nicely with the image.

What could be developed if the image was repeated? The green shade for Mike’s body stands out a little too much. Also, several words in the quote clip with the castle spire which makes it look a bit untidy. A possible way to fix this would be to use spacing and place the words around the spire, which will create a nice, clean look.

T-Shirt Evaluation

Does your final product reflect your original intentions?

Final design

Flat plan

Design idea mood board

Both the flat plan and the mood board fit exactly with my end design not many changes have been made.

The colour of the castle changed and got rid of the border. I made the star a separate colour to the castle to let it stand out more, both done by colour overlay.

Got rid of the firework Idea as the shooting star is the Disney logo.

I kept the Disney font but put colour in by using colour overlay and gradient to show the different monsters inc characters.

Nothing was really changed part from the colours of different things. Just wanted to keep it all Disney related which I did with the castle (Disney logo) Disney font which was downloaded from dafont.com and the half bride and groom hats to be the Disney ones with the ears.

On the flat board it shows a picture of mike shocked with his mouth wide open, I knew at that time I didn’t want that, I just choice that picture as it was the only forward facing image I could find.

I did this by rotascoping mike from that image and got another image of him smiling and rotascoped it on and put it over the top.

Is your product suitable for your audience?

My audience:4-20 year oldsToddlers-children-teenagers-young adults. Woman.

Disney is something everyone can understand as you’re shown it from a young age especially with our day and age television (Disney junior and Disney channel).

Each Disney film has a different educational element which teaches them a moral.

The pink I used on the castle means it would appeal more to woman, but adding the castle on automatically makes it more for woman as men aren't into the princess and romance.

“I am so romantic, sometimes I think I should just marry myself”

The quote would appeal to the audience 12-20 as that’s the ages that romance would appeal more to them and they can relate to it as it is something they’ll be experiencing

Mike would appeal to monster inc lovers and since the new film has just come out and was a big hit.

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

I rotascoped mike and used gradient and colour overlay which I think works really well as it is blocked colours that blend in which helps the 3D effect of him. I used colour range for his eye using the original photos colour and I think it works really well and brought the opacity down so its not too much like the original.

I don’t like the choice of colours used for the star as it fades too much that its hard to see which was done by gradient, next time I should use darker colours of yellow to make it stand out more.

For the font I used colour overlay and gradient and I like it I just wish it was a bit more visible this is due to the font size being small.

I don’t like how the castle is one blocked colour I would like to use gradient next time instead of colour overlay.

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

I like the way I’ve rotascoped mike using gradient to bring out the different colours in his body and to make him look 3D and colour overlay to certain areas such as his teeth nails and shadowing.

I really like the way I’ve done his eye I did this by using colour range and turning the opacity down so its still cartoon like.

The font is typically Disney, I wish it was either thicker or bigger so I can see the detail in the writing better especially in ‘I should just’ as it is representing sully but the dots are hard to be seen, I did the dots by using the shape tool.

The detail of the castle is excellent. I did this by selecting colour range from the original picture and deleted off the colour overlay, after I had rotascoped the outline of the castle, but it just looks like a flat picture which I’m not so keen on, id like to make it 3D like mike by using gradient and back shadow of the castle if I was to do it again.

For the shooting star I used gradient on 2 different yellows I think it would have been best if I used a darker colour as yellow is sometimes hard to see, so the thinner line before the star is only slightly visible

Why did you include the content you used?

“I am so romantic, sometimes I think I should just marry myself”I used the Disney font as it was a

Disney styled t-shirt with the use of mike from monsters inc, his quote and the castle.

It all started from the quote which is a Disney quote.

I decided to add the Disney logo in as it was like a ‘Disney wedding’ so I needed the castle behind.

As my audience is for women, I decided to use the colour pink, as it is a popular colour for women and it suited really well as I went thought different colours before I chose this one.

For mike and the hat I just used the colours that they were already as I wanted to keep them the same and for everyone to know who the character is. I did this with gradient and overlay I used it to get a good sharp image.

I used these different colours to each represent a monsters inc character (the main ones). To give it more detail and meaning the effect used was overlay and gradient again and shapes for the dots of sully this worked best as each character had more than one colour to represent them.

What style have you employed in your products?

This image from redbubble influenced me as I wanted to do an image inside another image and liked the way this had been done.

http://disneyandquotes.tumblr.com/page/5

This quote I got off tumblr is what influenced the whole picture, I wanted to do a t-shirt based around this quote.

It was influence from the film monsters inc the first one. I kept the style of monsters inc in quote by using suitable colours and the colours of mike was kept the same.

Rotascoping:I used rotascoping because I am better skilled at it that I am shape forming and I also like the visual style the rotascoping gives. Its less time consuming and gives a better effect and got the outer layer of mike and castle perfectly. The castle would have been to complicated to of used shape on.

Disney influenced all of the image from the font, to the castle (Disney’s logo) character and the quote which came from a Disney character.

What were the strengths and weaknesses of the pre-production and planning • How did the planning and research help• Reference specific examples

Research helped me find my quote. Designs I found on redbubble helped

me come up with ideas, I search manly Disney based ones. But I liked the way the character or quotes was used.

Idea of rotascoping

Its hard coming up with own idea after looking at loads of others so its best to find inspiration through quote or image found.

Analyse each of your final print products commenting on the strengths, weaknesses and aspects you would do differently if you were to repeat the project

I think juts doing the one colour range in the right place with this was a good idea as it showed the right detail and the other areas see through so when its on the t-shirt the back ground would show through.

Next time I would want to let more detail show through and take a bit more time. Using rotascoping more on the detail on the clothing. Rotascoping was only used on the coloured areas.

The fewer detail is the weaker area of the image and would improve the image dramatically.

My rotascoping on mike is the strongest part of the image with how detailed he is through the colour (overlay and gradient) adding shadowing and fine detail to different areas of mike. Specially his eye which was done with colour range.

The castle has a lot of great detail around the outside and inside but it looks too fat making it weak and needs to look more 3D to fit it with the rest of the image (mike). The writing is also weak due to going slightly over the spire of the castle. Both of these I'd like to change adding gradient and spacing.

Peer Feedback

Agree: Disagree:

I agree with this completely, as the castle does look very flat compared to mike who looks 3D this would of made my image a lot sharper and this is what I would of said to of changed if I was to do it again.

This I didn't realise until it was pointed out here, now I've noticed it is quite annoying, this is something i’d definitely change and I'll make sure I look more carefully next time when I'm finishing up and going over my work and putting finishing touches.

I didn't disagree with much of my peer evaluation as I took all of it into account and agreed with it all but the only one I disagree with is this one. As I wanted mike to stand out as he is the most important part to my image and they are just the colours that he is and if I changed that he wouldn't look as good. Instead of changing mike id make the back ground stand out more.