making the front cover (screenshots)

22
The making of my front cover Georgia Lonie

Upload: georgia-lonie

Post on 11-Apr-2017

14 views

Category:

Education


0 download

TRANSCRIPT

Page 1: Making the front cover (screenshots)

The making of my front cover

Georgia Lonie

Page 2: Making the front cover (screenshots)

Choosing the font of the masthead

To do this I went on to Dafont. I looked for the font that matched my drawn draft cover and found this one (“Viking Hell”) and thought it went well with the rock genre.

I then typed my masthead into the box and from here I printed the screen and pasted it into photo shop.

Page 3: Making the front cover (screenshots)

Changing colours and editing masthead

First I used the magic want tool to get rid of the access part of the masthead. I did his by clicking the magic want tool and then on the actual writing of the masthead. After this in inverted it and pressed the delete button which got rid of the webpage around the title.

To change the colour of the masthead (black to yellow) I clicked on the masthead and pressed the FX button and then pressed the “inner shadow” button I then changed the colour to yellow.

Page 4: Making the front cover (screenshots)

Black box behind my masthead

To make this box I used the shape tool. The shape tool then let me choose which shape I wanted to make and I pressed the “rectangle tool”. I then drew the rectangle to the size I wanted.

The rectangle at first went over the masthead (making the masthead hidden) so I dragged the rectangle layer below the masthead layer, making the masthead visible.

The rectangle originally came out white when I drew it so I pressed the FX button at the bottom of the page and pressed the “Colour Overlay” button. I then chose the colour of the text box (black).

Page 5: Making the front cover (screenshots)

Putting in my main image

To put in my main image I went on to “file” and then clicked “place”, this brought me to my files where I could choose which photo I wanted.

After I got the photo I wanted I double clicked it and it was placed on to Photoshop.

The image originally wasn’t the full size of the magazine so I held down shit and sized it to fit the whole screen. I had to hold down the shift button on the keyboard so that the image wouldn't be stretched in a disproportional way (to long/ wide).

Like I did with the textbox layer I had to drag the layer to below the other layers so that they were on top of the main image

Page 6: Making the front cover (screenshots)

Editing the photo

I wanted to edit the photo because I thought it looked a bit pale and wasn’t dark enough.

I did this by pressing the photo layer and then pressing the properties button. This then brought up a options for me that meant I could change the effects and shadows of the image.

The option I changed was the vibrancy (made it lower). This made my photo a bit darker and like the light wasn’t as bright on her face, making her skin seem darker.

Page 7: Making the front cover (screenshots)

Jiggered lines behind the textbox for my masthead

I did this by going onto Adobe Illustrator.

In the illustrator I went on to the paint brush tool which brought up a menu of different strokes of paint I could use.

I didn’t think that one was enough because it didn’t give the ripped look as much as I wanted so I had several different strokes of paint on top of each other.

After I was happy with the jiggered line I drew a square over all of the strokes and grouped the together by left clicking and pressing the “group option”.

I then just copied this and pasted it onto my Photoshop page.

Page 8: Making the front cover (screenshots)

Adjusting the jiggered edge to the textbox

After placing the jiggered edge on to the photo shop I had to size it to fit the text box so that it looked like the text box was ripped.

To do this I just moved it using the move tool and moved the top of the jiggered edge to the top of the black textbox.

The original jiggered line wasn’t as long as the textbox was so I held down the shit key and stretched it so that they were the same length. I had to hold down the shift key so the line wouldn’t be unproportioned to the textbox which would make it look like only part of the black box is ripped.

Page 9: Making the front cover (screenshots)

Putting in a cover line photo

To do this I just went on to file and then on to place and selected the photo that I wanted.

I had to resize this photo as it originally came out very big. To do this I just held down the shift key and moved the corner to the size I want. I had to hold down the shift key so the photo wouldn’t be unproportioned and too stretched.

Page 10: Making the front cover (screenshots)

Editing the edges of the cover line photo (fade)

Originally I thought having the photo just blocked on top off the photo was too bold and so I wanted to make it appear more subtle and fade the edges.

To do this I created a mask of the photo. I then got the paint brush tall and painted around the edges using a paintbrush with a very soft edge.

I also added a textbox at the bottom of the page. To do this I clicked the shame tool and made the shape I wanted. I then pressed the FX button and the colour overlay and changed it to black.

Page 11: Making the front cover (screenshots)

Issue number and date

I needed to write something for my tag line so to do this I pressed the T button and then pressed some where to type. After I typed what I needed in I pressed the move tool and moved the writing on top of the black box.

The writing originally came out white and I needed it yellow to fit into the theme. To change it I pressed the type tool again and highlighted the text and pressed the square box at the top that brought me to the colour scale, I then changed it to yellow.

Page 12: Making the front cover (screenshots)

Quote

I needed to write something for my main photo so to do this I pressed the T button and then pressed some where to type. After I typed what I needed in I pressed the move tool and moved the writing to where I wanted it.

Page 13: Making the front cover (screenshots)

Barcode

To make my magazine look more authentic I needed a barcode.

To put in the barcode I copied one off of google and pasted it into my Photoshop. The image originally came out a bit to big so I had to gold down the shift key and re size it to the size I want. I had to hold down the shift key so that the photo wouldn’t appear to be too stretched.

Page 14: Making the front cover (screenshots)

Moving the quote and adding the cover line title

To add the cover line title I first made a yellow box for it to be on so that it would stand out more. To do this I pressed the shape tool and then drew a rectangle. The shape originally came out white and I wanted it yellow so to change it I pressed the FX button at the bottom of the page and pressed the “Colour Overlay” button. I then chose the colour of the text box (Yellow).

To write the title of the cover line I pressed the “T” button which allows you to write text. I typed the text and then pressed the box in the top bar that brings up the colour chart and then selected black.

To move the quote I selected the quotes layer and then the move button and then used the arrow keys and moved my mouse to get it to the place that I wanted it to be at.

Page 15: Making the front cover (screenshots)

Star puffI thought the magazine looked a bit plain so I decided to put a puff in. To get this star I went on to google and selected a star. I then copied and pasted the star into my Photoshop page my pressing edit and the paste.

The star originally came with a white border so to get rid of the I pressed the magic wand tool and then pressed the white border and pressed delete. After this I pressed select and then deselect so that the image was no longer highlighted by the magic wand tool.

To write the title of puff I pressed the “T” button which allows you to write text. I typed the text and then pressed the box in the top bar that brings up the colour chart and then selected black.

To move the title I selected the layer and then the move button and then used the arrow keys and moved my mouse to get it to the place that I wanted it to be at (on top of the star puff).

Page 16: Making the front cover (screenshots)

Editing puff

The star on its own didn’t look very rock so to edit it I pressed FX and then stroke. After doing this I chose the colour of the stroke to be black so I did this by pressing the colour box and then moved the dot to the shade of black I wanted. After doing this I changed the thickness of the stroke from 12 to 32.

Page 17: Making the front cover (screenshots)

Price and moving things to look more evenTo write the price I pressed the “T” button which allows you to write text. I typed the text and then pressed the box in the top bar that brings up the colour chart and then selected yellow.

To move the price I selected the layer and then the move button and then used the arrow keys and moved my mouse to get it to the place that I wanted it to be at (on top of the black box at the bottom).

After this I thought my front cover still didn’t seem very even or in the right places so I moved everything around a bit by selecting their layers and moving them around with the move tool.

Page 18: Making the front cover (screenshots)

Deleting everything and putting in cover lines

I decided that the photos and cover lines looked a bit weird and distracting so I decided to get rid of them.

I then decided to put in the cover line writing on their own. To write each cover line title I pressed the “T” button which allows you to write text. I typed the text and then pressed the box in the top bar that brings up the colour chart and then selected yellows, whites and blacks.

To move them I selected the layer and then the move button and then used the arrow keys and moved my mouse to get it to the place that I wanted it to be at.

Some of the titles I wanted to be on boxes to make them seem more important. To do this I selected the shape tool and drew the rectangles I needed. If I wanted to change the colour of these boxes I would press the FX button at the bottom of the page and pressed the “Colour Overlay” button. I then chose the colour of the text box (black).

Page 19: Making the front cover (screenshots)

More cover line writing

To write each cover line title I pressed the “T” button which allows you to write text. I typed the text and then pressed the box in the top bar that brings up the colour chart and then selected yellows, whites and blacks.

To move them I selected the layer and then the move button and then used the arrow keys and moved my mouse to get it to the place that I wanted it to be at.

Some of the titles I wanted to be on boxes to make them seem more important. To do this I selected the shape tool and drew the rectangles I needed. If I wanted to change the colour of these boxes I would press the FX button at the bottom of the page and pressed the “Colour Overlay” button. I then chose the colour of the text box (black).

Page 20: Making the front cover (screenshots)

Editing the fonts of each cover line

I need to get a font that fitted better with the rock theme so to do this I highlighted different pieces of writing (each cover line) and at the top a toll bar with all the different font choices, sizes and colours came up.

To change the font I highlighted the text that I wanted and then using the tool bar at the top and at the side trialled different types out.

Page 21: Making the front cover (screenshots)

Choosing only a few fonts

I wanted to narrow down the amount of fonts I had so that the cover didn’t appear to be messy or unorganised. To change the font I highlighted the text that I wanted and used the tool bar at the top and at the side to make them the same.

Page 22: Making the front cover (screenshots)

Finished product