Thursday, 21 February 2013

Indesign Task: Aardvark



In indesign I setup a new document to the specification of the brief, but due to how you would work normally in industry, you would print onto two separate pages so to correct this I have done this to it.


This is how you would work normally within industry when it comes to making a double page spread.


I've setup my print settings as well, having crop marks and bleed ticked because when it prints it wont fit perfectly so it'll need to be trimmed down. Also you can rely on leaving print blank pages to not print the first page but doing range 2-3 prints only my double page spread.


However I make pages they always separate, with facing pages and without it too.


To get around this in the menu on the top right if you untick All document pages to Shuffle it allows you to freely move around the pages.



This allows me to make any arrangement of pages, so if I was to create a multipage leaflet (consatina leaflet) I can create a series of 3 pages front and back sides and work on at the same time. Or if you wanted to create a book where the book would have more pages in the middle for example. It simply allows you to create more complex page layouts.


If you want to create a ruler on a page, keep the mouse on it. If you want a ruler on both pages drag it off both pages.


When it comes to adding in images to Indesign I need to change the size of it and it's format in Photoshop (.tiff for indesign)


So here i've increased the image size by 130% to the same degree in Indesign


At the top of the page I can find out how much I have increased my image by, in a percentage. I can find this information out also in the links palette. If I do increase the size of the image I have to then apply this change to the file within photoshop.


Just like clipping mask if you go to object > create compound shape you can do this to any object, even text if you go to create outlines. It's esstentially a clipping mask.










Tuesday, 19 February 2013

Grids & Divine Proportions

The Fibonacci Sequence ration 8:13 links in with the golden rule, section and rectangle. All of which are the same thing, the sequence is not only found within design but life and nature it's self.


A great place to find the sequence is within flowers, the amount of spirals they have within their seeds, or the spirals in the petals more or less every time is equal to a number from within the Fibonacci sequence.


So how is this useful within design and how can I use it? Well It's a great way to create perfect proportions, or aesthetically pleasing proportions. It can be easily found within the Mona Lisa by Da Vinci. 


The recurring numbers from the sequence can be put to use when it comes to using proportions within type, If you're title is 55 a great size to compliment this would be 34 body copy as it's the number behind in the sequence. Another example could be Using 13 point with 21 Sub-header and a 34 point title.


It's hard to create a spiral but once you figure it out it's easy to repeat, you start with 1 + 1 squares, then the whole of them equals the next square (2), to get the 3 you take the whole of the 2 ones and the 2 together to get the 3 and repeat around in a spiral.


This spiral can be then used to create proportioned grid spacing, a great example of this can be found on Twitter, you can easily see the boxes where the spiral inlays. This is a great way to organise the information on the page easily. As well as this It can be useful when it comes to composition of images.



As well as the Fibonacci sequence is the Golden Section as previously mentioned, this is another ratio used to create aesthetically pleasing proportions. This is a great ration to use to quickly split up a page.



To do this you use the golden number and divide by the length you are wanting to section. So for the example below, If you had a page of 56cm and you divided it by 1.62 you would get 34.56 (rounded to 35) this would split the page up into 21cm and 35cm. With the 21cm rectangle you can then divide it and do the same to that. You would eventually create a page layout with an effective way of laying out information and in a hierarchy.



An example I create here shows how it can be divided down into the sections by simply dividing by the golden number.


As well as both of the previous methods there also exists the Rule of Thirds, this can be mostly found within Photography commonly as a quick way to compose an image to create an aesthetically pleasing photograph.



It's used because where the lines intersect is where most often the eye is drawn to, because our eyes are lazy this is where they are drawn to, by placing the most important part of the composition here you will be drawn to it more easily and it'll stand out alot more. From a previous photograph I had taken before I cropped down to bring the focal point more in align to the middle of the 4 focal points in the image and It really helped improve it. 


This can be then applied to grids and layouts, where this can be found is in website design news site design, having the most valued information within the centre you are more likely drawn to it, the rule of thirds can be then broken down even more to help guide your eye around the other sections as well.


Friday, 15 February 2013

Secret 7 Production

I first started by drawing up loads of thumbnails for the secret 7, I wanted to keep it simple, the themes I wanted to bring across where Revenge, Romance, Past-love, Night after. Etc. Love hearts, Bottles, Heels. All to reflect the song and what I interpreted from it.


I first started by doing quick enlargements of the rough sketches to turn into illustrations.





Using the drawing of the vine, I turned it into a brush on illustrator, I really liked the effectiveness of this as I felt It was a incredibly easy solution to drawing it all out where as with this I could just draw it with a line, something I really want to make more us of.


Behind the vectored patterns, I painted behind them using Photoshop I wanted to make them appear rather 3D. I liked how it looked without the lines too but It was too rough.


I thought perhaps the petals behind it would be nice but I ain't really to sure on it.





For the bottle It looked rather off so I used a photo as reference which I then drew from to get the correct proportions from. I thought it was particularly effect in the end result, rough as it is I really liked the outcome.


It was a lot more effective in colour. Red been the colour of love, It made sense to incorporate it, I wanted to create mini stories around the other illustrations this one revolving around 'Love me not's.


Another similar one, I was wanting to create a similar tale, dropped bottle of wine after a break up.




Here I was thinking more like Cinderella, thrown aside heels with the rose at the ground, returned home from rejection. 




Monday, 11 February 2013

10 Things you need to know about Graphic Design

1: CMYK/RGB - When and why:


CMYK and RGB are the two main colour modes you will come across, although there exists more than these two, they are the two be concerned about when creating different outcomes and media. CMYK is for printed media (Posters, Magazines, Wallpaper) while RGB exists solely for digital and light media (Projections, Mobiles, Screens). How you decide on what mode to choose depends on what you are wanting to create because of this.
Red, Green, and Blue are the "additive colors " - combine red, green and blue light, and you get white light. Cyan, Magenta and Yellow are "subtractive colors" - if you print cyan, magenta and yellow inks on paper, they ought to absorb all the light shown on them. Marvin's Corner
Because RGB is light, effectively when the colours are combined they create white light, how these combine however is how the multiple different colours are created. With CMYK, because the colours are created through pigments, inks and toners they are been produced by adding one on top of each other, with all colours together you would create black.


If you were to accidently produce work in RGB to be then printed in CMYK you would have the resulting colour differences occur, the image will appear severely desaturated because the document will have been set to show colours you are seeing for how they should appear on screen, only by turning it to CMYK from the outset will you get the colours you want correctly. You can't however change RGB to CMYK perfectly because some of the effects carry over.


Although there are more that exist, CMYK and RGB are the two main colour modes that you will come across when creating design outcomes and media. CMYK is for printed media (Posters, Magazines,) while RGB exists solely for digital and light media. (Projections, Screens) CMYK is a subtractive colour mode and RGB is additive, therefore, it is important not to mix them up when designing.
2: Type: Readability, legibility:

Legibility can be defined as the ability a human reader to read something without effort. It can depend on many things. Often, the size of font chosen restricts legibility. For our purposes though, legibility is discussed in light of typeface choice.
Readability can be defined not on a letter by letter basis, but how he combination of letter are read within a larger body of text. In other words, readability is defined by the amount of effort one needs to make to read text, not single characters. (Source)
It's important to know the difference between the two, if something is Illegible you can't make out what the letters are, readability is how easy it is to read. If something lacks readability it's becomes difficult to make out either. It's important to know the difference when it comes to making your type choices, if something is going to be at a distance and needs to be read you will need to use a blockier/sans serif typeface because they're more legible at a distance. While serif typefaces are at smaller sizes the more readable due the serifs guiding you from letter to letter.

It's important to know the difference between readability and legibility; readability is how easy it is to read a passage of text while Legibility is how well you can make out the characters. These two distinctions are very important, as readability comes to play more in books when reading pages while legibility plays it role when you need large display fonts to be read.

Readability can be defined not on a letter by letter basis, but how he combination of letter are read within a larger body of text. In other words, readability is defined by the amount of effort one needs to make to read text, not single characters.

can be defined not by the individual characters, but on how well combinations of letters are read within sentences and larger bodies of text.

Legibility It's how well individual characters can be read, this is mostly down to typeface and size.




The above makes a great example of illegible type-work (right page) because it's difficult to make out what it says.


While here the type is unreadable due to it been produced in wingdings.

3: Semiotics: A study of Sign, Symbol and Signifier:

'Work the metaphor. Every object has the capacity to stand for something other than what is apparent. Work on what it stands for.'

You need to understand ways in which imagery can be used to communicate messages and the different devices that can be used to convey said messages. These include:


The Visual Semiotics




A Visual Metaphor is used to transfer messages from one image to another, draws comparisons between the two to create a new image. 


A Visual Synecdoche is used to represent something that is a part of something, which in turn is representing the whole image. Works only with images and subjects that are widely known so the connection exists. (Statue of Liberty = New York)


Visual Metonym is a symbolic image that is used to reference something more literally. (Yellow taxi cab = New york / Star of david = Judaism)

A Visual Metaphor is used to transfer messages from one image to another, draws comparisons between the two to create a new image. 
A Visual Synecdoche is used to represent something that is a part of something, which in turn is representing the whole image. Works only with images and subjects that are widely known so the connection exists. (Statue of Liberty = New York)

Visual Metonym is a symbolic image that is used to reference something more literally. (Yellow taxi cab = New york / Star of david = Judaism)

A visual metaphor uses one image to transfer meaning to another, through doing so draws comparisons between the two to create a new image. A visual synecdoche is the representation of something that is part of something, which represents a bigger picture. A visual Metonymy is a symbolic image that is used in reference to something a lot more literally. 

4: An understanding of Colour theory:



Colour theory is necessary to understand how the human eye understands colour and how it is reproduced, this is to develop your skills in understanding how to use colour effectively to it's best use and when and where to use what colour. It also helps to understanding the occurring contrasts when looking at colours to gain further knowledge of why these happen.

Contrast of TONE
Contrast of HUE
Contrast of SATURATION
Contrast of EXSTENTION
Contrast of TEMPERATURE
COMPLEMENTARY contrast
SIMULTANEOUS contrast


5: The 4 Basic font categories:

Fonts can be quickly broken down into four different categories quickly, this can be taken further or ordered by the methods of production, but this is one organisation method to understanding their different usage and meaning. Gothic, Script and block are now all mostly used for display, while Roman is used for body-copy.


Roman

Gothic
Slab

Script


6: Type is Speech made visible:

In relation to the different types of type, they all exist to communicate the same way in which speech has accents and different variations. This is why more than just one typeface exists, it's to emulate this. There's large block typefaces to simulate shouting, elegant typefaces to show formality, for whatever situation you need there's probably a typeface that exists to simulate that tone of voice needed.

Of every language there is multiple different ways of hearing it, these exists as different accents and pitches, type similarly mimics exactly this. There exists a font for almost every situation and need to replicate the many different tone of voices you might come to have a use for just like speech, it's the same!

There are lots of different ways in which speech and languages are delivered. There are different accents and pitches that you have to convey through the use of type. A font exists for almost every situation and you have to use these to replicate the many different tones of voice you might hear.


7: What Pantone is:

Pantone is one of many colour matching systems, however Pantone is the most popular of them all. It's used to get the correct specific colours for print and through that you will know exactly what you are getting from having the swatch show you while the printer's can check it against their swatches. Pantone can colours covers a huge range and almost anything can be matched to them.





8: Hierarchy: 

'A typographic hierarchy expresses an organizational system for content, emphasizing some data and diminishing others' (Source)



Hierarchy is used to order information to highlight the most important first, this is through changes in type which could involve: Increasing and decreasing point size, applying bold, small caps, changing the typeface to create contrast, etc.


Hierarchy is a means to giving order to information and highlighting the most important pieces first, this can be done through the arrangement of layout or it can be achieved through the use of different typographic elements and adjustments such as: colour, punctuation, fonts, weight and structure of layout.


9: No more than 3 typefaces:


'Every good designer doesn’t use more than a few typefaces and when they’re less good, the number increase.  And if they’re worse, then use all of them.' Massimo Vignelli

There is a incredible amount of typefaces that can be used available at everyones dispose. This doesn't mean you need to use them all, as a rule to go by it's best to use no more than 3 typefaces because otherwise you may end up cluttering the type unless  it's executed is effective. There is often no need to use more than that.


There are an incredible amount of typefaces that are at anyone's disposal. This doesn't mean that you have to use them all; as a rule it is best to use no more than three typefaces in one piece of design. Otherwise you may end up cluttering the type unless it is executed effectively.

There are an incredible amount of fonts that are at anyone's disposal. This doesn't mean that you have to use them all; as a rule it is best to use no more than three fonts in one piece of design. Otherwise you may end up cluttering the type unless it is executed effectively. However you can still use multiple different typefaces.


Other wise this.

10: Type Anatomy: 

It's useful to understand the elements that make up the typography that you will be using, otherwise how do you know what you are talking about when it comes to discussing the elements that make up the type.

It's important to understand the very elements that make up the typography that you will use, then you can have a better understanding of what their purposes are for and why they are used in certain typefaces, such as the between the distinction with Serif and Sans-Serif typefaces. 

It is important to understand the individual elements that make up a letter or glyph. Each part must be considered when designing a font or typeface so it is important to know the construction of letters.
The individual structures define letters so that they belong in certain type families such as Serif and Sans-Serif.