Sunday 2 April 2017

Development of the final double page spread


This is the base image which went through post-processing in Photoshop CC 2017 prior to the making of this double page spread, effects such as monochrome gradient maps, brightness/contrast adjustments and others were applied to achieve this effect.

This is stage 1 of the development process, where the title of the article was added. Two sans serif fonts were used (Bebas Neue and Hard Rock Kids) in order to achieve an appropriate aesthetic; different typefaces of the fonts were used to illustrate the contrast between pop and rock genres.

This is stage 2 of the development process, consisting of a change of fonts. Due to the previous font being slightly illegible, I decided to change it to a font with a similar theme but more legible - leaving me with a new font.

This is stage 3 of the developmental process. Albeit very small, a black rectangle was added behind the white text in order to create differentiation between the text and the background.
This is stage 4 of the developmental process. In this stage, two aspects of page furniture were added to construct the overall look of the double page spread. These are the subheading, folio and slug respectively.

This is stage 5 of the developmental process. In this stage, the article was added in a white variant of Helvetica Neue with a hard drop shadow behind it in order to make it visible against the background. As you can see, spacing was made for the drop caps.

This is stage 6, which involved the insertion of the drop caps - both in rectangles with a strong serif font.

This is a screenshot showing the process involving sharpening the image in order to make it stand out more. To do this, an Unsharp Mask was used in order to bring out the finer details within the image.

This is a screenshot of the process involving adjusting the levels of the image. Just like the contents page, Photoshop's levels algorithms were used in order to add contrast between the darker and lighter shades.

However, I didn't feel the algorithm chosen was appropriate for the main image thus I changed it to another in order to bring the highlights down slightly.

A subtle brightness adjustment was made to the main image.

In order to expand the conventional repertoire of featured page furniture, I decided to add in a pull quote - with accented words in the vivid-most colour in the image which happened to be the red of the chair.

As you can see in the screenshot, there are some inappropriate gaps in the text which spoils the alignment. Guidelines were also used in order to maintain equal spacing and sizing of the paragraph.

This is the finished result, as you can see the alignment has been fixed and the drop cap has been resized - improving the alignment of the text.

In addition, the inequalities regarding the other paragraphs were fixed as well - meaning that any oversized or undersized paragraphs were resized to be equal as seen on the final product.





Saturday 1 April 2017

Development of final contents page

This is the first stage of development of my final contents page. As you can see, the model has been placed on the A4 canvas on the left, with the text on the right. A brush stroke was used to highlight the headings within the contents.
This is stage 2 of development. As you can see, this stage sees more progress in the construction of the contents page. All articles and page numbers are added, and aligned accordingly.

The is stage 3 of development. As you can see, more drop shadows were added behind the page numbers in order to them to match the articles and their descriptions.

This is stage 4 of development. As you can see, all necessary drop shadows have been added and a portion of the masthead has been added in the top right corner.

This is stage 5 of development. As you can see, the masthead has been completed and changed from white to black for better visibility against the background. In addition, an additional spotlight article has been added next to the model.

This is stage 6 of development. As you can see, an editors letter has been added at the bottom of the page in order to add to the featured contents page conventions. 

After close examination, I spotted mishaps around the render. As you can see, there are some unwanted pixels present around the model's head. Using the soft brush tool and masking, this was fixed and thus making the render look more professional.

After some peer feedback, it became apparent that the shadow of the model was on the wrong side to the light positioning. This was easily fixed using the drop shadow layer style.

After some observation, it was clear that the yellow tinge of light source did not fit with the background. In order to fix this, I adjusted the saturation of the yellow on the image in order to remove the yellow light - making it more neutral.

Next, I decided to adjust the levels of the image using Photoshop's algorithms in order to make the image look more realistic against the background.

As you can see, the model looks more natural and fits the background much more compared to previously in the earlier stages. The model is lighter and less yellow, with more contrasting depth.

Finally, I decided the improve the lighting more using the Lasso tool and Dodge tool respectively. Using the Lasso tool, I selected the highlighted area of his face and ran over it with the Dodge tool in order to bring out the lighting slightly.


In the final stage, I added some finishing components to the contents page and made some improvements in the text. Social network information was added, along with an additional picture and caption. In terms of improvements, drop shadows were added to the web address and editor's letter. The cover line and page number next to the main image underwent an enlargement to increase prominence.