SlideShare a Scribd company logo
As the contents page contains many more layers, I had to
create “groups” in order to make my layers more
organized. When clicking the group icon, a new group
folder will be created, in which I can insert different types
of layers into avoiding confusion. For example, the
Contents is one group, and also the page numbers are in
another group, making it easy for me to switch between
the groups. I started to make the groups when first starting
the page, and when I created more layers, I inserted them
into their specific groups. This was one crucial thing I learnt
from using Photoshop as it helps me work more efficiently
and be organized.
The first actual layer I inserted to my
contents page was the background. I found
a background image of google which
follows the conventions of other hip-hop
magazine I have researched, and simply
copied and pasted the work into the
document. I have now started to develop
the main base of my document, and soon I
added few images of myself and the
structure of my contents page was rapidly
developing.
I edited my
images by
learning the
short- cut ctrl+U
in order to change
the hue and
saturation of my
picture. You can
see how the
picture is changed
when I played
around with the
filters and
colours. I had previously cropped out the background of
the image by using the crop, rubber and also the magic wand and lasso tool. I had removed the
background in order to get a crisp image which can be placed on my magazine background.
I have learnt to insert many text files by clicking the text
icon on the tool bar of Photoshop. I have downloaded
some samples of Dafont.com in order to find the most
suitable texts for my magazine cover. I clicked the FX
button and added many blending options to my text
layers. The screen shot to the left shows how I also
inserted a vivid outline of the magazine. From my
research I noticed that some magazines had a line
around the magazine where the content is placed, so I
decided to add one by going to the shape tool and drawing a curved square.
As magazine products are really precise and have all
the layers including text and images organized and
even, I wanted to make my product go along the same
lines. I learnt how to insert a grid by going onto
“view>show>grid”. This enables my page to be divided
into a thin grid, which is used as a ruler. When I put
the grid on, I was able to measure what texts go where
to make it even and look professional. As you can see
from the screenshot, I have enabled the grid and you
can see how the page is divided in a invisible grid
which helps me to evenly match my layers. The grid
could be divided into the segments one user wants.
I added a new group of layers which were the
contents of the magazine. These are simply the
bulk of text layers which show what is going to
be inside my magazine. I also included the issue
date. I added some red text for the features
section. This was done by simply clicking the
layer button of the text and changing the
colour. I also learnt how to quickly transform
my layers by Ctrl+t. I wanted the audience to
notice the difference with the contents and the
features; thereby I included different colour combinations. I added another group of layers which
where the numbers, and the information of what the contents shows.
The next steps I have taken to complete
the magazine contents page was
include some features to the magazine.
I decided to insert some images of
myself in a photo shoot, and also an
album by the famous singer Rihanna. I
also inserted more text layers in order
to show what is due to be in the
magazine. This was a simple step-by-
step guide to how I created my
magazine contents page.
One thing I had learnt from Photoshop was to move layers
between each other, which brings layers in front of others.
The way to this is by simply dragging one layer and putting it
above another layer. The layer above will always be in front.
I had used this feature many times in both my contents page
and also my magazine cover and double page spread. For
example, I want the background to be at the back, so I made
sure the background layer was placed at the back, so every
other layer builds on top of it.
I have also learned how to sample text layers and make
them look classier. For example, the sample on the left
shows how I have experimented with the blending
options in order to make the text look gold, from a dull
yellow. Photoshop is great at editing text and here is
one example of how I have changed the bevel and
emboss and the
gradient.

More Related Content

DOCX
Contents page development diary
PPTX
Skills development
PPTX
Step by step mag draft one
PPTX
6. production reflection
PPTX
Contents page printscreens
PPTX
Screenshots
DOCX
Print screens for my front cover
PPTX
Skills development
Contents page development diary
Skills development
Step by step mag draft one
6. production reflection
Contents page printscreens
Screenshots
Print screens for my front cover
Skills development

What's hot (17)

PPT
Page layout task 2
PPT
Page layout task 2
PPTX
In this lesson I took all screen shots from my DPS and added them into a powe...
PPT
Page layout task 2
PPT
Page layout task 2
PPT
Page layout task 2
PPTX
Screenshots showing editing processes on photoshop and quark
PPTX
Front cover
PPTX
Step by step contents page
PPTX
Step by step for contents page
PPTX
Progression of contents page
PPTX
Step by step process of front cover
PPTX
Stages of photoshop
PPT
Anertations for contents page
PPTX
Evaluation Q6
DOCX
College magazine evalution
PPTX
Photoshop evidence
Page layout task 2
Page layout task 2
In this lesson I took all screen shots from my DPS and added them into a powe...
Page layout task 2
Page layout task 2
Page layout task 2
Screenshots showing editing processes on photoshop and quark
Front cover
Step by step contents page
Step by step for contents page
Progression of contents page
Step by step process of front cover
Stages of photoshop
Anertations for contents page
Evaluation Q6
College magazine evalution
Photoshop evidence
Ad

Viewers also liked (19)

PPTX
Question 4
PPTX
Image analysis
PPTX
4 and 5tation
PPTX
Question 4
PPTX
Language used inside HipHop magazines
PPTX
Media- Survey Monkey analysis on magazines.
PPTX
4 and 5tation1
DOCX
Storyboard edit to the meeting
PPTX
MASTHEADS
PPTX
Magazine images modified
PPTX
My target audience
PPTX
Question 4
PPTX
Conventions of music magazine front covers
PPTX
Comparative analysis of different magazine covers podcast
PPTX
Conventions of music magazine front covers
DOCX
Step-by-step Step Magazine cover
PPTX
3 Created Mastheads
PPTX
Questions 4 and 5
PPTX
Question 4
Question 4
Image analysis
4 and 5tation
Question 4
Language used inside HipHop magazines
Media- Survey Monkey analysis on magazines.
4 and 5tation1
Storyboard edit to the meeting
MASTHEADS
Magazine images modified
My target audience
Question 4
Conventions of music magazine front covers
Comparative analysis of different magazine covers podcast
Conventions of music magazine front covers
Step-by-step Step Magazine cover
3 Created Mastheads
Questions 4 and 5
Question 4
Ad

Similar to Step-by-step contents page (20)

PPT
Printscreens
PPT
Printscreens
PPTX
Step by Step - Contents Page
PPTX
Contents page production
PPT
Construction
DOC
The Process Of Developing The Front And Contents Page Of My College Magazine
PPTX
Print screens for the construction of my front cover, contents and double pag...
PPTX
Step by step guide for my contents page
PPTX
Evidence of Front Cover
PPTX
Contents page production with screengrabs
PPTX
what have you learnt about technologies from the process of constructing this...
PPTX
Manipulation of images
PPT
Use of Technology
PPTX
The making of my front cover and contents page
PPTX
Screen shots double page (1)
PPTX
Contents Page Production
PPTX
Dps step by step
DOCX
Contents page development diary
PPTX
Photoshop process
PPTX
Construction of contents page
Printscreens
Printscreens
Step by Step - Contents Page
Contents page production
Construction
The Process Of Developing The Front And Contents Page Of My College Magazine
Print screens for the construction of my front cover, contents and double pag...
Step by step guide for my contents page
Evidence of Front Cover
Contents page production with screengrabs
what have you learnt about technologies from the process of constructing this...
Manipulation of images
Use of Technology
The making of my front cover and contents page
Screen shots double page (1)
Contents Page Production
Dps step by step
Contents page development diary
Photoshop process
Construction of contents page

Recently uploaded (20)

PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PPTX
GDM (1) (1).pptx small presentation for students
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
Sports Quiz easy sports quiz sports quiz
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PPTX
Cell Structure & Organelles in detailed.
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
Institutional Correction lecture only . . .
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Supply Chain Operations Speaking Notes -ICLT Program
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PPTX
Pharma ospi slides which help in ospi learning
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
Classroom Observation Tools for Teachers
PDF
Pre independence Education in Inndia.pdf
PPH.pptx obstetrics and gynecology in nursing
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
human mycosis Human fungal infections are called human mycosis..pptx
GDM (1) (1).pptx small presentation for students
Microbial disease of the cardiovascular and lymphatic systems
Sports Quiz easy sports quiz sports quiz
STATICS OF THE RIGID BODIES Hibbelers.pdf
Cell Structure & Organelles in detailed.
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Institutional Correction lecture only . . .
O5-L3 Freight Transport Ops (International) V1.pdf
Supply Chain Operations Speaking Notes -ICLT Program
Abdominal Access Techniques with Prof. Dr. R K Mishra
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Pharma ospi slides which help in ospi learning
Microbial diseases, their pathogenesis and prophylaxis
Classroom Observation Tools for Teachers
Pre independence Education in Inndia.pdf

Step-by-step contents page

  • 1. As the contents page contains many more layers, I had to create “groups” in order to make my layers more organized. When clicking the group icon, a new group folder will be created, in which I can insert different types of layers into avoiding confusion. For example, the Contents is one group, and also the page numbers are in another group, making it easy for me to switch between the groups. I started to make the groups when first starting the page, and when I created more layers, I inserted them into their specific groups. This was one crucial thing I learnt from using Photoshop as it helps me work more efficiently and be organized. The first actual layer I inserted to my contents page was the background. I found a background image of google which follows the conventions of other hip-hop magazine I have researched, and simply copied and pasted the work into the document. I have now started to develop the main base of my document, and soon I added few images of myself and the structure of my contents page was rapidly developing. I edited my images by learning the short- cut ctrl+U in order to change the hue and saturation of my picture. You can see how the picture is changed when I played around with the filters and colours. I had previously cropped out the background of the image by using the crop, rubber and also the magic wand and lasso tool. I had removed the background in order to get a crisp image which can be placed on my magazine background.
  • 2. I have learnt to insert many text files by clicking the text icon on the tool bar of Photoshop. I have downloaded some samples of Dafont.com in order to find the most suitable texts for my magazine cover. I clicked the FX button and added many blending options to my text layers. The screen shot to the left shows how I also inserted a vivid outline of the magazine. From my research I noticed that some magazines had a line around the magazine where the content is placed, so I decided to add one by going to the shape tool and drawing a curved square. As magazine products are really precise and have all the layers including text and images organized and even, I wanted to make my product go along the same lines. I learnt how to insert a grid by going onto “view>show>grid”. This enables my page to be divided into a thin grid, which is used as a ruler. When I put the grid on, I was able to measure what texts go where to make it even and look professional. As you can see from the screenshot, I have enabled the grid and you can see how the page is divided in a invisible grid which helps me to evenly match my layers. The grid could be divided into the segments one user wants. I added a new group of layers which were the contents of the magazine. These are simply the bulk of text layers which show what is going to be inside my magazine. I also included the issue date. I added some red text for the features section. This was done by simply clicking the layer button of the text and changing the colour. I also learnt how to quickly transform my layers by Ctrl+t. I wanted the audience to notice the difference with the contents and the features; thereby I included different colour combinations. I added another group of layers which where the numbers, and the information of what the contents shows.
  • 3. The next steps I have taken to complete the magazine contents page was include some features to the magazine. I decided to insert some images of myself in a photo shoot, and also an album by the famous singer Rihanna. I also inserted more text layers in order to show what is due to be in the magazine. This was a simple step-by- step guide to how I created my magazine contents page. One thing I had learnt from Photoshop was to move layers between each other, which brings layers in front of others. The way to this is by simply dragging one layer and putting it above another layer. The layer above will always be in front. I had used this feature many times in both my contents page and also my magazine cover and double page spread. For example, I want the background to be at the back, so I made sure the background layer was placed at the back, so every other layer builds on top of it. I have also learned how to sample text layers and make them look classier. For example, the sample on the left shows how I have experimented with the blending options in order to make the text look gold, from a dull yellow. Photoshop is great at editing text and here is one example of how I have changed the bevel and emboss and the gradient.