Indesign – (Rome Layout)

After deciding to base my page sizes on the smaller ‘Cosmopolitan’ magazine (200mm x 260mm) it was now time to open Indesign and start to create my double page spreads.

Screen Shot 2017-08-30 at 21.39.16.pngInside the document setup window I inputted the page dimensions that I measured. As with all page layouts I have designed it is always a standard procedure to add a bleed (3mm in this layout) so imagery and designs can be cut perfectly without leaving any white paper marks from minor misalignments in cutting stages.

Screen Shot 2017-09-18 at 20.28.02

Using quick shapes I mocked up the layout from looking back at my thumbnail sketches. This was helpful for me to get an idea of the layout I was creating and if it worked at the size I had chosen. I then proceeded to add in my imagery. It took a while for me to arrange the photos into a series I was happy with and had a structured look to it. Because this spread is about ‘exploring Rome’ imagery needed to be plentiful which I had to keep in mind during choosing my layout, this is why I decided to use a full page to feature some of my photography from the trip and a large image across the next followed by some text. I also have in mind to incorporate some objects to use as text wraps, however I am currently unsure of what to use yet.

Screen Shot 2017-09-05 at 20.37.56Here is my first page of the double page spread featuring my photography. The large middle picture is of the Pantheon, as a David Hockney inspired shot made up of multiple different pictures. I originally had the two statue photos together at the top however the skies are slightly different blues. I think these photos show a good representation of Rome, especially as I want my spread to acts as a advertisement and showcase the city of my experience there. The pictures are bright, however looking back through my photos I have noticed that Rome, mainly the tourists attractions and sights, aren’t very colourful. This had an impact on my overall design as I didn’t want to include colours in my spread that don’t have any relevance to the city, however I didn’t want the spread to look dull in any way.

 

Advertisements

Rome Photos / Inspiration

Here are a few photos from my trip to Rome (these are lower quality due to the size of uploading). These are a quick selection from my camera, there are a lot more photos that could also be used in a double page spread to advertise Rome.

David Hockney Inspired:

As previously blogged about I only took a fixed 35mm lens with me on my trip, which meant I had to move myself if I wanted to get closer of further away from a subject. As I had previously researched David Hockney’s photographic and digital work it gave me an idea to try it myself.  Taking multiple photos of a subject from different angles allowed me to combine them inside Photoshop when I was home to achieve interesting photomontages with photos that features different exposures and the placement of people to make one whole unique photo.

Hockney’ photomontages / joiners (http://www.davidhockney.co/home):

My inspired shots:

I’m really impressed with the outcome of this experiment, creating a really unique photographic take on the city of Rome, and something that I could see working well with my double page spread.

Summer Brief : Editorial

Screen Shot 2017-08-21 at 21.41.52The summer brief asked us to create two double page spreads about any topics that we are interested in; they can both be about the same topic or different. The brief also states no A-sizes. The first thing I done was get a few different magazines I had in my room to start looking at page layout styles and variances, not worrying about the paper size just yet but taking in layouts, image placement, text sizing, titles, page numbers, drop caps, type justification, colour pairings and much more to help me get some ideas forming.

One of the biggest topics I’m interested in is around cars. I have lots of magazines such as Top Gear, Evo and Fast Car which all cover different areas in cars, from supercars, modified cars to hyper cars. There is often a great deal of professional page layouts and photography especially inside Top Gear’s magazine that I often find myself stopping and looking at when reading through. I also have a whole raft of imagery that I can use from my summer break that was orientated around car rallies/shows so I have a lot of content that I would be able to use.

Page Layouts:

Here are a series of page layouts that I found when going through some of my magazines. The first two show how matching colours in text and imagery can make a spread look more uniform and brings the text closer to the photo and article that it is about. In the first photo the yellow element that runs down the left side, the writers name, and shapes around the smaller photos all have been colour picked from the vehicle in the photo, which really helps bring both pages together (as the yellow car is placed on the opposite page to most of the coloured elements).

The next image shows how titles can work when enlarged and run across both pages. The ‘Bangers & Smash’ spread runs across the gutter, but due to a bold sans serif typeface doesn’t get lost whilst crossing the page. Something I want to try is creating an opening page like this for one of my spreads (not necessary for the brief but this  project needs to be thought as a portfolio piece) and will help give me some more experience.

The second image below relates to colour again, flowing the light blue across both pages make the reader know this is a double page spread and the article is one piece rather than two separate units, which is important to keep notice of when designing.

Using a large full size image behind a spread is something that has been successfully been used below. The image of two cars that fills both pages has taken advantage of the white clouds to use as a background for the text above the cars. This is something I have seen a lot in spreads and it can work really well, or look really bad so needs to be done correctly. Often this is down to the background colour and the choice of text colour when there are multiple colours in the background.

The second photo is from Cosmopolitan magazine and is the only spread in the entire magazine that chooses to switch orientation. This juxtaposition over halfway through intrigues the reader and makes them interact with the magazine to turn it to reveal the article. This technique can improve engagement and increase the amount of readers. The use of only two colours through the article also creates an minimalistic and easy to read guide, the use of black and orange combination creates contrast in the text and illustrations works well as there is no need for fancy techniques as this is a quick step by step guide.

 

Summer Project: Travelling

[August 21st] – I have had quite a lively summer since finishing the first year of my HND. I have visited Italy, stayed in Rome experienced most of the popular sights as well as some smaller ones, visited the famous colosseum and walked around the remains taking in all the history behind it, knowing that around 50,000 spectators would of once occupied the space around me; and in the years games were played inside it was estimated around 500,000 peoples live had been taken, and over a million wild animals. Also experiencing Italian cuisine and the art inside the city was another highlight of my trip which I took a lot of information from.

Visiting the Vatican was also an experience in itself. It was another world from what I had ever been used to, the sights, the smell, the people and the atmosphere was something that I had never felt before. Walking down the street down to St. Peters Basilica was an incredible sight.

Now for a slightly different travelling experience in my summer break; going on a rally with 60 other high performance cars, travelling from London to Paris, then Lyon and finally ending in Monaco. This was one of the best experiences of my life to share with two people who are like brothers to me. Cars and anything automotive is one of my biggest passions alongside my graphics and photography work, so I really like combining them as it gives me pleasure to work on all aspects of the work, from content, to design / page layout and finished outcome.

 

Type Poster Evaluation

Screen Shot 2017-06-04 at 18.35.15.png

Undertake any small typographic project that you think will show off your skills. You may use imagery but typography must be the significant part.

I have decided to create a typographic poster that includes imagery in my final piece for this brief. It meets the need of the brief by showing my skills in typography, as I have chosen to create a hand rendered brushed letterforms to create a type poster. I really like the uniqueness of the type as it is my own and wont be reproduced by a typeface on the computer. I also think a strength in the type is the small grunge effects that the brush created, creating an aged rustic look. My time keeping for this brief went well, I had time to research and create mark making pages to help me before my design.

 

Logo Evaluation

Compulsory –There will be a logo speed working workshop. You will create several ideas for one logo (possibly two – you will be advised on the day) and work this up towards a final as much as you can in the time allocated.

Screen Shot 2017-06-04 at 18.30.54.pngI have met the needs of this brief by creating an effective engaging logo for ‘Design Volunteers’. I’m pleased with my outcome for the brief in the slotted 2 hours we had been allowed for it. I used thumbnail sketches to quickly get down rough ideas which really helped a lot before going onto the computer. The strengths lay within the top logo design, where I have incorporated my own hand illustration that links to volunteering and holding a pencil relating to design. I would of liked to experiment with some colour however I didn’t have a lot of time to experiment with it. Using research into volunteering which gave a lot of imagery of hands gave me the idea to incorporate one into my logo. I liked this short timed brief as it was like a real life scenario in a design studio.

Scanning + Digitalise

Here I have scanned my brushed lettering into photoshop using a flatbed scanner. I thought this would be good to do as I can clean up inconsistencies in letter spacing and sizes. Using curves I changed the levels of brightness and contrast, making the letters appearing much richer and blacker. I then erased some of the dark patches of paper and selected the black with the magic want and went to select>select similar to select all the black on the page.

You can see the difference in colour contrast between the two images below:

I then copied this onto my main poster, using an image I captured from the trip to London for the Russian Revolution exhibition. I wanted to mask a piece of the image in front of the image, in this case the car to include the type and imagery together.

Screen Shot 2017-05-30 at 23.19.26

I used the pen tool to select the area to make a mask to hide my typography with. Here you can see this finished piece. I have chosen to use digital typeface between the two brushed words to make a contrast between the roughness of the brushed letters and clean strokes of the script typeface.

Screen Shot 2017-06-01 at 19.33.11.png

I’m happy with the finished piece knowing that effort went into creating the brushed letters and they will be my own unique letterforms. It is a technique I enjoyed and would like to practice more of as really nice, interesting effects can be achieved from it.

Alien Type Evaluation

‘You decide what they are trying to say – but your designs must work in terms of a human film audience understanding the translation reveal at the end of the film. You must base your designs on having explored a variety of non-Latin letterforms, goldsmiths and printers marks and other sign and symbol systems.’

Screen Shot 2017-06-04 at 17.52.45I struggled at the start of this brief, at first I hated the thought of what it was asking for, however I had the choice of this brief or another memorial one. However I thought I would try this one after researching for the other one, this wasted a bit of time which I was annoyed about but I’m glad I changed my mind.

I like the thought behind my design decisions for my alien type. Creating sketches and looking into non-latin letterforms and symbols such as arabic writing and Zapf Dingbats helped me come away from trying to make letterforms but symbols instead. I have mocked up the type in a classically linked crop field, as the circular design was inspired by this. This was my least favourite brief out of them all and I allocated myself the least time for it, however I’m happy with the outcome. If I were to do it again I think I would experiment with more abstract shapes to create a really engaging design.

Alien Type – Digital

Here is my digitalised version of my sketches for the alien type brief. I wanted to use different circle designs for each letter to make the type more interesting . Using a variety of tools in illustrator including the rotate, reflect and shapes to build each circle.

I used a grid inside illustrator and a box to make sure my letters were evenly spaced and the same height and width, this allowed me to keep consistency in my typeface.

Because the idea of this typeface was inspired by crop circles I wanted to create a mock up of the type on a crop field to relate the outcome back to the outcome of the brief which was type inside an alien movie.

I didn’t want to make the type to obvious or completely understandable as I wanted there to be some reasoning behind the letterforms.

Screen Shot 2017-06-04 at 17.52.45.png

I like how it looks on this photoshop version with the letterforms, it looks interesting and you would want to find out more what it says.

The word spelled is ‘death’ giving the aliens a sinister message to the humans in the film. Each circle represents a point of each letters, so if you connect them together you can find the message, that can be translated at the end of the film.

Brushed Lettering

A technique I found when researching brushed lettering was using 4 guides (https://www.youtube.com/watch?v=QchX1vSTFYsto help create an even and structured look to letterforms, the 4 guides represent ascender line, x height, baseline and descended line. I found this really useful as it helped keep consistency in my work.

I wanted to find a short inspirational quote to use for this small brief. I came across the phrase ‘learn then earn’ which I thought was a clever play on the two words closely linked together. I liked the effect the brush gave to letters, especially on the last ‘N’ where the brush was quite dry but gave a really nice effect.