Stages of DevelopmentDouble Page Spread Article Construction Original image: I open the image of my uncle Simon into Photoshop

Next step was to get rid of the background and improve the lightening. So I cut out the parts I didnt need (using the polygonal lasso tool) Then went about adjusting the contrast Auto contrast selection:

Stages of development

Page 1 of 10

Ferdous Audhali

Now the brightness and contrast needed to be edited:

I decided I wanted to investigate how I could edit the images to make them fit with article page nicely. Therefore I played around with the gradients:

Stages of development

Page 2 of 10

Ferdous Audhali

So I then had to choose which one Id want as the dominant image in my article page. I decided to use the Black and White image:

Stages of development

Page 3 of 10

Ferdous Audhali

Article title and caption:

Step 1
Transfer text into Photoshop

Step 2
Remove background (magic wand tool)

Step 3
Add effects: Edit size, colours, strokes, shadows.. etc

Article Quote: Step 1

Bring text into Photoshop

Step 2
Remove background (magic wand tool)

Step 3
Add effects: Edit size, colours, strokes, shadows.. etc

Stages of development

Page 4 of 10

Ferdous Audhali

Additional images to be used in the article: Image 1: (Original situated on the left and edited image on the right) I edited the original image by adjusting the levels to strengthen the dark and light tones:

Image 2: (Original situated on the left and edited image on the right) For the editing of this image, I increased the brightness whilst controlling the contrast alongside it. And finally, I played with the levels as well:

Stages of development

Page 5 of 10

Ferdous Audhali

Image 3: (Original situated on the left and edited image on the right) I increased the brightness and adjusted the levels:

Image 4: (Original situated on the left and edited image on the right) I played around with the shadow and highlights tool, so I could darken his shadows and bring out the colour and glow of him and his keyboard.

Stages of development

Page 6 of 10

Ferdous Audhali

Now to insert all work into the Indesign double page spread: For this I opened up my plain document and inserted a gradient background of grey-to-dark grey-to-black (moving horizontally from left to right). I then inserted my first, most dominant image of the black and white edited Simon (Long shot) on the whole left hand sheet of the double page and made sure I stretched the image to fit the page and also ensuring I didnt distort the image or chop out any bits I wanted to keep in the image (such as the two speakers either side of him) Next was the positioning of the article title and the caption underneath which I imported from Photoshop. I resized it and moved them to their places. I ensure they were in the bright red to contrast with the other colours on the page and made it big to stand out. Finally, I needed to place the 4 photographs down the centre of the page. But first I drew 4 equal slanted rectangles and made a pattern which played with the overall magazine colour scheme: Black-Red-Black-Red (going from top to the bottom). Then, one by one, I placed each image onto each rectangle. I tried to make sure the effects corresponded with the order0 therefore, the 2 images which were dominantly filled with black and white lighting I placed on the black frames and the images with the orangey yellow lightening I placed on the red frames. (The red frames help break the black and grey theme, and also work alongside the red title) After they were all positioned, I added finishing touches by adding strokes, bevel and emboss, and various other effects to each photograph to add a bit of texture and make them look a bit more 3D than boring flat:

Stages of development

Page 7 of 10

Ferdous Audhali

Little yet vital (page numbers and credits caption): For the credit caption, I just inserted a small textbox in the bottom right hand corner of the main image of SiGuy and wrote down the photographers name along with the stylists name. To make the page numbers, I open my magazine masthead into Photoshop and copied the underground symbol that I made and then pasted in the pages numbers: 14 and 15.

Then it was just a matter of dragging and resizing. Also, I added effects to the plain, thin numbers. This is where I added stroke, colour overlay and other effects to ensure that the page numbers could be seen easily.

Stages of development

Page 8 of 10

Ferdous Audhali

Insert into Indesign:

Page number

Credits

Stages of development

Page 9 of 10

Ferdous Audhali

Now time to just paste in the writing: Each time Siguy was quoted saying something, I changed the colour to black. As I got to the right hand side, I had to edit the gradients of the black to make it turn to dark grey in order for the colour to show on top of the background:

Finally insert the quote The final step was to insert the quote which I had made previously in Photoshop:

Stages of development

Page 10 of 10

Ferdous Audhali