SlideShare a Scribd company logo
Process of
creating
contents
page
Page
numbers
Sub-
headings
Credits
Pull out quote
New
As you can see, there have been slight changes
made to my contents page such as the page
numbers. Most magazines have larger gaps and
higher upper limit of pages due to advertisements.
Applying this knowledge to my magazine shows
my understanding of this feature (page numbers).
Steps
 Firstly, I chose an image particularly a front cover of a
magazine from Google. This will serve as a base that has the
correct size of a magazine front cover.
 Drag the image to Photoshop as well as the photo I have
taken (2 separate files opened in Photoshop).
 Then, I will drag the photo I have taken to the other image
Steps
 Originally, the image will be massively large when transferred
to the other file. Therefore, in selection of the first image, I
clicked on to from the menu bar.
 A display box has appeared then I set the image settings to
these particular sizes. So when I adjust the image after being
transferred, it will be much easier.
(Contents Page was taken
with a DSLR camera unlike
my Front Cover)
Image Size
Adjusted
Non-adjusted
Image
Evidently, the second image is time-consuming in terms of resizing using transform controls as the tip of
her hair is visible. On the other hand, the first image only takes a few seconds of adjusting my model’s face.
 To render the image, click on the brush tool.
 Then, set the tool size to 46 or larger in deleting wide background spaces.
The mode should also be set to ‘Clear’ as its specific function is
for removing the background only.
 To make the edges smooth and precise, I changed the
tool size to a lower number and zoom in to particular
areas of my model’s face.
 After that, I use the rectangle tool
which is available on the side menu
bar (can be changed when right-
clicking on the line tool). The image
provided will pop up after right-clicking.
 I also changed the fill to #000000 (black) …
 …then create a dark rectangle by dragging the cursor from the
upper left corner of the file. This will serve as the background.
Here is the result after rendering the original image. I positioned the rendered image to the
lower right corner of the file due to texts (‘contents’) that will be added on the near upper left
side. The overlap should also be considered as it should not happen, for the purpose of
contents page is to inform therefore people would not want complicated designs. They want
to focus more on reading the texts which will be provided
Since the original photo does not possess any colour scheme of EDM Magazine, I decided to add
filters by clicking on to then experimented different types of colour
balances and correctors to achieve the scheme which is very
satisfying to my liking.
O
 In order to add texts and its
miscellaneous features such as
colour, font styles, click on the
horizontal type tool
 Moreover, you can edit the text by
highlighting it then select different
features from the toolbar.
 .png files can offer images with
transparent background instead of
white, black or other colours. I have
searched for rendered icons from
Google rather than consume time
by rendering it. These are
indicators where the audience can
easily find ‘Shanaia’ in
social medias.
Font styles Font size
Font colour
Specific colours, mostly neon were used in my contents page due to
the colour scheme which I am following. It is also the same very
reason for why I edited or filtered Shanaia’s photo. Credits are also
essential in a contents page as it shows gratitude to the photographer.
Paginations should have a min. of about 60 pages as a ‘real’ magazine
contains lots of advertisement.
FONT:
Letter Gothic Std
Medium
COLOUR:
FONT:
Lithos Pro Regular
COLOUR:
FONT:
Haettenschweiler
Regular
COLOUR:
FONT:
- Microsoft Tai Le Bold
- Mangal Regular
- Microsoft PhagsPa
Regular
COLOUR: AND
#FFFF
FONT:
Lithos Pro Regular
COLOUR: #FFF
FONT:
Minion Pro Italic
COLOUR:
There have been slight
changes regarding the
texts. Skrillex has been
changed to Skylette in the
updated version of my
contents page. Moreover,
a text is missing in this
example: EDM
FONT: Minion Pro Bold
Cond and COLOUR:

More Related Content

PPTX
Process of creating front cover
PPTX
ancillary text - photoshop process
PPTX
How I Used Photoshop for my A2 Media
PPTX
Photoshop techniques
PPTX
Question 6
PPTX
SUBWFR: Contents Page Production Log
PPTX
Skills development journal
PPTX
Production Reflection
Process of creating front cover
ancillary text - photoshop process
How I Used Photoshop for my A2 Media
Photoshop techniques
Question 6
SUBWFR: Contents Page Production Log
Skills development journal
Production Reflection

What's hot (19)

PPTX
Frontpageprocess
PPTX
Photoshop
PPT
Photo editing
DOCX
Tutorials
PPTX
Stages of photoshop
PPT
Photoshop booklet 2016
PPTX
Tutorial photo-editing-for-beginners
PPT
Photoshop editing booklet 2019
PPTX
Lecture no 6
PPTX
Editing process
PPTX
Editing colour
PPTX
Using photoshop to create ancillary products
PDF
Photoshop Layer Styles
PPTX
How to create a film poster
PPTX
Adobe Photoshop Tools
PPTX
TUTORIAL ON PHOTOSHOP
PPTX
Q6: Editing in Photoshop
PPT
Media evaluation 6
PPTX
Easy to Follow PhotoShop Magazine Tutorial
Frontpageprocess
Photoshop
Photo editing
Tutorials
Stages of photoshop
Photoshop booklet 2016
Tutorial photo-editing-for-beginners
Photoshop editing booklet 2019
Lecture no 6
Editing process
Editing colour
Using photoshop to create ancillary products
Photoshop Layer Styles
How to create a film poster
Adobe Photoshop Tools
TUTORIAL ON PHOTOSHOP
Q6: Editing in Photoshop
Media evaluation 6
Easy to Follow PhotoShop Magazine Tutorial
Ad

Viewers also liked (8)

DOCX
(Done) dps
PPTX
Survey results
PDF
Website
PPTX
Visual process of using the text code
PPTX
Male gaze theory
PPTX
Development/stages in creating my magazine
PPTX
Photoshop research
PPTX
Contact sheet
(Done) dps
Survey results
Website
Visual process of using the text code
Male gaze theory
Development/stages in creating my magazine
Photoshop research
Contact sheet
Ad

Similar to Process of creating contents page (20)

PPTX
Screen shots
PPTX
Construction of contents page
PPTX
Production Reflection
PPTX
Production Reflection
PPT
Construction
PPTX
Progression of contents page
PPTX
Contents Page Development
PPTX
Progression Of Contents Page
PPTX
6. Production Reflection (1)
DOCX
Step-by-step contents page
PPTX
Making of.....contents page 1st draft
PPTX
Making of.....contents page 1st draft
DOCX
Contents page development diary
PPTX
Image manipulation
PPTX
Image Manipulation
PPT
Contents Page Construction
PPTX
Portrait shoot pp
PPTX
Music mag con photoshop
DOC
The Process Of Developing The Front And Contents Page Of My College Magazine
PPTX
Progression Of Contents Page
Screen shots
Construction of contents page
Production Reflection
Production Reflection
Construction
Progression of contents page
Contents Page Development
Progression Of Contents Page
6. Production Reflection (1)
Step-by-step contents page
Making of.....contents page 1st draft
Making of.....contents page 1st draft
Contents page development diary
Image manipulation
Image Manipulation
Contents Page Construction
Portrait shoot pp
Music mag con photoshop
The Process Of Developing The Front And Contents Page Of My College Magazine
Progression Of Contents Page

More from vren88 (20)

PPTX
Rough draft of digipak2
PPTX
Rough draft of digipak
PPTX
Location list
DOCX
Location List
PPTX
LOCATIONS
PPTX
LOCATIONS - ART
PPTX
Semiotics
PPTX
Adding references
ODP
Evidence
ODT
STORYBOARD
DOCX
(Done) shooting schedule
PPTX
DIGIPAK
PPTX
[Done] music video survey analysis
PPTX
[Done] star theory..
PPTX
[Done] star theory
PPTX
[Done]mood board
DOCX
[Done] bio
PPTX
Questionnaire charts
ODP
Questionnaires
DOCX
Audience Questionnaire (Original Copy)
Rough draft of digipak2
Rough draft of digipak
Location list
Location List
LOCATIONS
LOCATIONS - ART
Semiotics
Adding references
Evidence
STORYBOARD
(Done) shooting schedule
DIGIPAK
[Done] music video survey analysis
[Done] star theory..
[Done] star theory
[Done]mood board
[Done] bio
Questionnaire charts
Questionnaires
Audience Questionnaire (Original Copy)

Recently uploaded (20)

PPTX
Microbial diseases, their pathogenesis and prophylaxis
PPTX
Cell Structure & Organelles in detailed.
PPTX
Cell Types and Its function , kingdom of life
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PPTX
Institutional Correction lecture only . . .
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Lesson notes of climatology university.
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
TR - Agricultural Crops Production NC III.pdf
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
01-Introduction-to-Information-Management.pdf
PPTX
PPH.pptx obstetrics and gynecology in nursing
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
Pre independence Education in Inndia.pdf
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf
Microbial diseases, their pathogenesis and prophylaxis
Cell Structure & Organelles in detailed.
Cell Types and Its function , kingdom of life
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
human mycosis Human fungal infections are called human mycosis..pptx
Institutional Correction lecture only . . .
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Lesson notes of climatology university.
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
Black Hat USA 2025 - Micro ICS Summit - ICS/OT Threat Landscape
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
TR - Agricultural Crops Production NC III.pdf
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
01-Introduction-to-Information-Management.pdf
PPH.pptx obstetrics and gynecology in nursing
Abdominal Access Techniques with Prof. Dr. R K Mishra
Pre independence Education in Inndia.pdf
Anesthesia in Laparoscopic Surgery in India
102 student loan defaulters named and shamed – Is someone you know on the list?
Physiotherapy_for_Respiratory_and_Cardiac_Problems WEBBER.pdf

Process of creating contents page

  • 2. New As you can see, there have been slight changes made to my contents page such as the page numbers. Most magazines have larger gaps and higher upper limit of pages due to advertisements. Applying this knowledge to my magazine shows my understanding of this feature (page numbers).
  • 3. Steps  Firstly, I chose an image particularly a front cover of a magazine from Google. This will serve as a base that has the correct size of a magazine front cover.  Drag the image to Photoshop as well as the photo I have taken (2 separate files opened in Photoshop).  Then, I will drag the photo I have taken to the other image
  • 4. Steps  Originally, the image will be massively large when transferred to the other file. Therefore, in selection of the first image, I clicked on to from the menu bar.  A display box has appeared then I set the image settings to these particular sizes. So when I adjust the image after being transferred, it will be much easier. (Contents Page was taken with a DSLR camera unlike my Front Cover)
  • 5. Image Size Adjusted Non-adjusted Image Evidently, the second image is time-consuming in terms of resizing using transform controls as the tip of her hair is visible. On the other hand, the first image only takes a few seconds of adjusting my model’s face.
  • 6.  To render the image, click on the brush tool.  Then, set the tool size to 46 or larger in deleting wide background spaces. The mode should also be set to ‘Clear’ as its specific function is for removing the background only.  To make the edges smooth and precise, I changed the tool size to a lower number and zoom in to particular areas of my model’s face.  After that, I use the rectangle tool which is available on the side menu bar (can be changed when right- clicking on the line tool). The image provided will pop up after right-clicking.  I also changed the fill to #000000 (black) …  …then create a dark rectangle by dragging the cursor from the upper left corner of the file. This will serve as the background.
  • 7. Here is the result after rendering the original image. I positioned the rendered image to the lower right corner of the file due to texts (‘contents’) that will be added on the near upper left side. The overlap should also be considered as it should not happen, for the purpose of contents page is to inform therefore people would not want complicated designs. They want to focus more on reading the texts which will be provided
  • 8. Since the original photo does not possess any colour scheme of EDM Magazine, I decided to add filters by clicking on to then experimented different types of colour balances and correctors to achieve the scheme which is very satisfying to my liking. O
  • 9.  In order to add texts and its miscellaneous features such as colour, font styles, click on the horizontal type tool  Moreover, you can edit the text by highlighting it then select different features from the toolbar.  .png files can offer images with transparent background instead of white, black or other colours. I have searched for rendered icons from Google rather than consume time by rendering it. These are indicators where the audience can easily find ‘Shanaia’ in social medias. Font styles Font size Font colour Specific colours, mostly neon were used in my contents page due to the colour scheme which I am following. It is also the same very reason for why I edited or filtered Shanaia’s photo. Credits are also essential in a contents page as it shows gratitude to the photographer. Paginations should have a min. of about 60 pages as a ‘real’ magazine contains lots of advertisement.
  • 10. FONT: Letter Gothic Std Medium COLOUR: FONT: Lithos Pro Regular COLOUR: FONT: Haettenschweiler Regular COLOUR: FONT: - Microsoft Tai Le Bold - Mangal Regular - Microsoft PhagsPa Regular COLOUR: AND #FFFF FONT: Lithos Pro Regular COLOUR: #FFF FONT: Minion Pro Italic COLOUR: There have been slight changes regarding the texts. Skrillex has been changed to Skylette in the updated version of my contents page. Moreover, a text is missing in this example: EDM FONT: Minion Pro Bold Cond and COLOUR: