Monday, 20 April 2015

Double Page Spread



Double Page Spread

Before

1. Column Guides + Text Flow

One convention of a magazine is column guides as they make the page appear organised and professional. Text flow was another important technique when it came to making my double page spread look professional which is the process carried out when text is longer than the width of a column and is continued on another part of the page.  

InDesign provides set column guides on a new document however I needed to alter some of the settings to make sure they were appropriate for my double page spread. 

Before I could do this I needed to insert the text onto the page. To begin with I inserted a rectangular box where I wanted the first part of the text to be placed. Making sure the shape spread across the width of the first page column, I did the same with the adjacent columns on the page. I left numerous empty spaces in some column which allowed me to pace images in-between the text. The next step was to ensure the shapes were able to hold text. To do this, I highlighted the three rectangles and right clicked on one of them. This left me with a number of options, one of them being 'Content' on which I needed to make sure 'Text' was selected. I could then paste text into the rectangle.

Once the text was placed into the first rectangle it was evident the text was overflowing the shape; this is when text flow is a necessary skill. At the bottom right corner of the rectangle there is a small, red plus icon. Clicking on this icon enabled me to drag the remaining text that didn't fit in the first rectangle into the adjacent rectangle. This created a text flow as the text continued into the next column successfully.    


                                                         
3. Text and Images

The ideal font and font size used in Total Film magazine is Times New Roman in size 11 so I chose specifically to replicate this over my double page spread, continuing to follow the themes I have picked up from analysing the magazine.   

Regarding text, I also made use of drop cap which is another convention of a double page spread in a magazine. I did this by using the drop cap tool and increasing the size of the first letter of the text in the columns. This is used to make it clear at what point on the page the article begins which creates an organised layout for the benefit of the readers.    

It was also necessary that I resized and positioned the images I used correctly. I accurately measured the smaller images on the pages in order to continue the neat and organised layout. I used the 'Ctrl' and 'T' keys to resize the images along with the 'Shift' key which allowed me to avoid stretching of the images which could affect the picture quality. I also used larger images on the double page spread in order to create page variety and used the same resizing techniques. 

I used the images and list headers to create diagonals on the pages and a way of directing the reader to look at parts of the article in a certain order. This is frequently used in Total Film magazine as it helps the target audience to read the article in the intended fashion almost automatically.

3. Additional

One additional feature of my double page spread was the breakout box or sidebar story at the bottom of the final double page of the article. I made use of different fonts, Japanese dot lines to separate each point and overlapping images which also helped to create page variety. I used smaller images that would attract the attention of the target male audience and also to end the article on a light and slightly humorous note, allowing the readers to reflect on the subject. 

I also added captions to the larger images on the double page spread which were added either to create subtle wit which is often found in Total Film magazine or solely to add detail about the image. I assessed the layout of an issue of Total Film magazine in order to place my captions correctly and used a similar font and font colour in order to replicate the magazine as much as possible.

I also chose to add dotted lines to separate the text and images along with a headline which dominates the first page. These features were able to fill empty space that on the page that made the article look unfinished and less appealing. 

Due to my article being a round-up, list headers were required. I used the Eagle Bold font which is commonly use in Total Film magazine as it stands out and makes it clear to the reader where each section of the article begins and ends. I also made sure I kept page variety with the list headers by creating diagonals with the list headers. I left space underneath each section of text for a definitive moment which is a convention of round-ups, in particular, in the magazine and also provides a conclusion to each part of the article. 

The main strength of my double page spread, in my opinion, is the breakout box I created as it contains a lot of the additional features that were inspired by various issues of Total Film magazine.

On the other hand, a weakness of my double page spread is the lack of enlarged quotes in between the text in the columns which is a feature I could have added to create even more page variety and it is also a way to tease the readers about what is to come in the article by highlighting the most interesting quotes. There was also a problem of unnecessary empty space during the process of creating the double page spread which needed to be filled meaning I added more images and used patterns and lines to fill in the gaps between the columns. Finally, due to the fact my article was reasonably long it was difficult to fit the entire text onto 2 pages as well as include images. To fix this I decided to stray from my initial layout plan and add 2 more pages to the article in order for it to appear as organised, sophisticated and professional as possible to impress such a high standard male audience.  

After
Final Version of Double Page Spread

    First In Design Experiment: Text Flow

My first In Design experiment involved discovering how to insert an image to its best quality. To insert the image I had to begin with creating a rectangular shape and afterwards I placed the image in the shape. At this stage the image was not a suitable size for the shape so I needed to resize it. To do this I used the white tool to move the image to where it needed to be and resized it appropriately, spreading across the width of one page. I had to make sure that I didn't use the black tool for this as this tool is to move and resize the rectangle outlining the image. 
Another thing I learned was how to insert and edit text. I inserted a text box and typed the headline for the page inside of the box. I selected a font and font size and the next step was to add the final effects. I wanted to make the text look 3D so I used Drop Shadow to add a vague shadow behind the text. I made sure the shadow was exactly how I wanted it to look by changing the opacity to 20% and altered the colour and positioning of the shadow.
Finally, I added an outline to the text to make it bolder and attention-grabbing. To do this I used the stroke and colour tools to alter the colour of the outline and also the text inside. I was also able to alter the width of the outline in order to make the text a lot more bold so the reader's eyes are immediately drawn to what the review is about.

As I am beginning to use the In Design programme more I am learning and picking up more skills. Some of these skills involve text and the use of text flow which is when text is longer than the width of a column so is continued on another part of the page. 

Before I could do this I needed to insert the text onto the page. To begin with I inserted a rectangular box where I wanted the first part of the text to be placed. I made sure it spread across the width of the first page column and I did the same with the adjacent columns on the page. I left an empty space in one column to allow me add an image. The next step was to ensure the shapes were able to hold text. To do this, I highlighted the three rectangles and right clicked on one of them. This left me with a number of options one of them being 'Content' on which I needed to make sure 'Text' was selected. I could then paste text into the rectangle.


Once the text was placed into the first rectangle it was evident the text was overflowing the shape; this is when text flow is a necessary skill. At the bottom right corner of the rectangle there is a small, red plus icon. Clicking on this icon enabled me to drag the remaining text that didn't fit in the first rectangle into the adjacent rectangle. This created a text flow as the text continued into the next column successfully.                                                                                     


   

















Editing Front Cover Image




Editing Front Cover Image



022.JPG




Resolution

This is the original image which I will be making adjustments to in order to make it as possible for the front cover of Total Film magazine.

Firstly, I needed to resize the image and change the resolution. The image was initially 72 dpi and I increased it to 300 dpi which was the suggested resolution.  










Unsharp Mask

The first thing I experimented with was the unsharp mask filter which creates a more defined effect on the model, particularly on the face. I altered the radius making it 2.2 pixels and changed the amount to 71% as it created a more cinematic effect but was not overdone. This also brought out the main colours in the image being the reds and oranges which was the aim regarding the colour scheme. 








Auto Tone

I then experimented with the auto settings in order to see if they created an appropriate effect on my photo. I tried auto contrast, auto tone and auto colour which resulted in the auto contrast creating the best effect as it made the most important features stand out even more. Although this effect improved the tone of the subject, the background was now not dark enough in some areas.








Burn and Dodge Tool

The next tool I experimented with was the dodge and burn tool. The burn tool allows me to darken certain areas of the image whereas the dodge does the opposite and creates a lighter effect in certain areas helping me to create contrast. I used this tool to make the background darker and also create more of a shadow on the left hand side of the subject's face to create a sense of mystery which is the impression I want to give of the character on the front cover. The dodge tool allowed me to make the model's hair a brighter orange/brown colour which also helped reinforce the theme of fire.







Red
RGB
Curve Tool


The curve tool which was in the adjustments section allows me to cross process which is a way of processing film in 1980's for certain effects which emphasises certain colours. Creating an 'S' shape on the curve grid created a certain effect on the image which are shown in the surrounding images. For the blue curve I had to create an inverted 'S' to achieve the best effect. In order to achieve the best effect on the blue curve I had to create an inverted 'S' on the grid. 

Green
Blue
   














I chose to use the RGB curve and the red curve to put an effect on my image as it followed my colour scheme the most. The image to the left is the result of my experimentation with the curve effects. This effect successfully put emphasis on the red and brown colours which is what I hoped for.



                     













Desaturation 



Desaturating the image creates a black and white effect as seen to the left. I still needed to alter the brightness and contrast on the image after I had chosen to desaturate it.I also returned to using the burn and dodge tool to even out some of the light and dark.

I will not use this effect on my magazine cover photo as I want the main emphasis to be on specific colours and this filter does not allow this.









Noise


Another filter is noise which adds another layer to the image and creates a slightly less crisp effect and more of a television effect which may be ideal for my magazine cover image.














Layers

There are a wide range of layers which can be added to images on Photoshop. I experimented with the majority of effects in order to achieve the best possible looking image for my magazine cover. Below are some examples of the layers I experimented with. 




Exposure Layer (Soft Light, Opacity = 30%)


Black and White Layer (Darken, Opacity = 50%)























Brightness and Contrast (Colour Burn, Opacity = 30%)


Clone Mask Tool


Part of the photo editing process included masking any unwanted blemishes on the model using Photoshop. The images below show an example of the before and after of the effect.

In order to erase any imperfections on the subject's face I used the clone mask tool as it creates a more blemish-free look which would be expected on the front cover of a magazine as it makes the character seem more unrealistic and supports the fact she is a fictional character from a film. To use the clone mask tool successfully I had to hold the 'alt' key whilst clicking.


Before


After





Photoshop Image Tutorials

Vintage Photo Effect

'Renowned graphic/web designer Veerle Pieters discusses a method for putting on a vintage photography effect on images in this tutorial that uses a few techniques like adding a Brightness/Contrast Adjustment layer and utilization of Smart Filters.'

      Original Image


















  Brightness and Contrast 
     Layer  + Curves

















             
 'Convert for Smart Filters'






















Manipulating Double Page Spread Images

Original Image


1. I adjusted the brightness and contrast of the image to to make the image stand    out as much as possible. I increased the brightness to 44 and decreased the      contrast to -14 in order to create a more retro effect on the image to            reinforce the period in which the film was made.  












2. Afterwards, I experimented with curves to accentuate certain colours in the      image. I used a technique I learned over the process of editing my front cover    image which was to create an 'S' shape with a colour curve. 



Original Image















1. Due to the fact this image was quite dull I decided to use the 'Auto Tone' tool.




















2. I also experimented with the Black and White layer but felt the filter was not as effective as the originally coloured but desaturated image.



3. Finally, I made use of the dodge tool in order to accentuate certain areas of the image such as the knife held by Johnny Depp's character which would attract the attention of readers and potentially make the target audience of males more interested, stereotypically, due to the suggestions of horror and violence in the film still. 




Overall, I experimented with a wide range of photoshop effects on my front cover image. This lead to an increase in my photoshop knowledge and skills which benefits the process of creating my final magazine front cover as I can choose the best suited effects for the purpose and audience. 




























Thursday, 16 April 2015

Total Film Magazine Front Cover




Total Film Magazine Front Cover

On the first version of my magazine front cover I began with creating a document and altering the resolution, making it 300dpi which is the ideal resolution. I then changed the dimensions to suit Total Film magazine, making the height 220dpi and the width 285dpi. Once the document was the correct size I needed to insert my original image and make it a floating window so the document now had two layers. I used 'control' and 'T' to resize the image and pressed 'enter' when it was an appropriate size.

Margin guides were important as they are essential for the cover of a magazine. I added these by using the ruler tools in order to position them accurately. 

When it came to editing I began with using the 'unsharp mask' tool in order to make the outline more harsh and to accentuate every part of the image slightly but I made sure I did not risk over-editing. I then experimented with curves, using the RGB and red curve to stick with the red theme. This meant the red shades were highlighted more, particularly the hair, which is what I intended to do. 

The dodge and burn tools were essential when editing my front cover image. I used the burn tool more on the left side of the model to create shadow, creating a sense of mystery as the model is not completely exposed. I then used to dodge tool to make the red lipstick more vibrant and create contrast between the two sides of the subject's face. 

This was followed by adjusting the brightness and contrast which was the final thing I did in terms of altering the colours on the image. Increasing the brightness and decreasing the contrast meant a slightly more cinematic effect was created as it began to look slightly unrealistic which is the aim for a film magazine. 

I briefly used the clone stamp tool to touch up some areas of the face in order to make the model look even more unrealistic as this is what is expected from a reader of Total Film magazine. I took time to make sure the subject's face was not too over-edited as this may be unappealing to sophisticated readers as they would expect every little detail to be perfect in a magazine like Total Film.

Once I was satisfied with the image, the next step was to add the masthead and the main cover title. From research, I found that the font of the Total Film masthead is 'eagle bold' which meant I needed to install this font onto photoshop as details like this make my front cover look even more like a possible Total Film cover. I positioned the masthead approximately 2cm from the top of the page meaning it covered just over half of the subject's face. I then added the text which is positioned inside of the letter 'F' in 'FILM', being 'TOTAL', using the Franklin Gothic Heavy font already installed on photoshop.

Another detail that was essential was the positioning of the masthead and main image. I made use of the pen tool to carefully cut out the top part of the subject's head from the image and changed the order of the layers in the layers window to make sure the image of the model was on top of the masthead, just like how it is positioned on Total Film magazine.

The next step was to add the other images that I planned to place on the magazine's front cover. I added relevant images to my front cover which included film stills from films made in 1990's. These images were placed below a related subheading and were positioned in a film strip formation which is a technique I replicated from Total Film magazine. I needed to resize and reposition the images in order for them to fit into the shapes I used to create the film strip. Due to the fact Total Film often uses different width images inside of the film strips I replicated this however, I made sure all of the images were exactly the same height to make it look a lot more organised and professional. To do this, I measured all of the images against one in the film strip which meant they fit perfectly inside of the film strip.   


I also added a bar code and issue number to the front cover as they are a convention of Total Film magazine meaning I was able to make my piece look as professional and similar to a genuine issue of the magazine as possible. I placed an image of a Total Film bar code I found through a simple search on Google images which made the front cover look significantly more effective. I also used simple text to create an issue number and date to the front cover in the top right of the front cover just above the masthead which is the conventional positioning for the text. 


Finally, it was extremely important that I added numerous cover lines to the front cover in order for it to appear as professional as possible. I chose a variety of subjects for the cover lines including upcoming movies and popular actors right now. These allowed me to fill up a substantial amount of space on the front cover but still use relevant and interesting information. It was also important that I followed similar fonts to the ones used on Total Film magazine front covers such as Eagle Bold for larger text and Franklin Gothic Medium for small text such as cover lines.      

  
Final Version of Front Cover


Overall, I am happy with the colour scheme I used as that is a major convention of Total Film magazine so it allowed my front cover to appear more professional and can immediately be associated with the magazine. 

I am also happy with my choice of fonts as they are simple and understandable but able to stand out due to the addition of drop shadow on the larger text for example the 'Laurie Taylor' cover line. 

To improve my front cover and follow the conventions even more I could add button and corner sells however, due to using a large amount of cover lines, I did not want to risk overcrowding the page as it would not look as appealing to a sophisticated audience of high and professional standards. 

On the other hand, the film strip technique which was inspired by an issue of the magazine is a major strength of my front cover. I tried to replicate a film strip from the magazine as much as possible onto my front cover and this required resizing and repositioning images so they would fit into the film strip in an organised manner.