SlideShare une entreprise Scribd logo
1  sur  10
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:

Contenu connexe

Tendances

Tutorial photo-editing-for-beginners
Tutorial photo-editing-for-beginnersTutorial photo-editing-for-beginners
Tutorial photo-editing-for-beginners
CzerineBautista
 
Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019
missfcmay
 
Using photoshop to create ancillary products
Using photoshop to create ancillary productsUsing photoshop to create ancillary products
Using photoshop to create ancillary products
aa42075
 
How to create a film poster
How to create a film posterHow to create a film poster
How to create a film poster
HG17
 
Media evaluation 6
Media evaluation 6Media evaluation 6
Media evaluation 6
mwclarke0121
 

Tendances (19)

Frontpageprocess
FrontpageprocessFrontpageprocess
Frontpageprocess
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Photo editing
Photo editingPhoto editing
Photo editing
 
Tutorials
TutorialsTutorials
Tutorials
 
Stages of photoshop
Stages of photoshopStages of photoshop
Stages of photoshop
 
Photoshop booklet 2016
Photoshop booklet 2016Photoshop booklet 2016
Photoshop booklet 2016
 
Tutorial photo-editing-for-beginners
Tutorial photo-editing-for-beginnersTutorial photo-editing-for-beginners
Tutorial photo-editing-for-beginners
 
Photoshop editing booklet 2019
Photoshop editing booklet 2019Photoshop editing booklet 2019
Photoshop editing booklet 2019
 
Lecture no 6
Lecture no 6Lecture no 6
Lecture no 6
 
Editing process
Editing processEditing process
Editing process
 
Editing colour
Editing colourEditing colour
Editing colour
 
Using photoshop to create ancillary products
Using photoshop to create ancillary productsUsing photoshop to create ancillary products
Using photoshop to create ancillary products
 
Photoshop Layer Styles
Photoshop Layer StylesPhotoshop Layer Styles
Photoshop Layer Styles
 
How to create a film poster
How to create a film posterHow to create a film poster
How to create a film poster
 
Adobe Photoshop Tools
Adobe Photoshop ToolsAdobe Photoshop Tools
Adobe Photoshop Tools
 
TUTORIAL ON PHOTOSHOP
TUTORIAL ON PHOTOSHOPTUTORIAL ON PHOTOSHOP
TUTORIAL ON PHOTOSHOP
 
Q6: Editing in Photoshop
Q6: Editing in Photoshop Q6: Editing in Photoshop
Q6: Editing in Photoshop
 
Media evaluation 6
Media evaluation 6Media evaluation 6
Media evaluation 6
 
Easy to Follow PhotoShop Magazine Tutorial
Easy to Follow PhotoShop Magazine TutorialEasy to Follow PhotoShop Magazine Tutorial
Easy to Follow PhotoShop Magazine Tutorial
 

En vedette (8)

(Done) dps
(Done) dps(Done) dps
(Done) dps
 
Survey results
Survey resultsSurvey results
Survey results
 
Website
WebsiteWebsite
Website
 
Visual process of using the text code
Visual process of using the text codeVisual process of using the text code
Visual process of using the text code
 
Male gaze theory
Male gaze theoryMale gaze theory
Male gaze theory
 
Development/stages in creating my magazine
Development/stages in creating my magazineDevelopment/stages in creating my magazine
Development/stages in creating my magazine
 
Photoshop research
Photoshop researchPhotoshop research
Photoshop research
 
Contact sheet
Contact sheetContact sheet
Contact sheet
 

Similaire à Process of creating contents page

(Done) Process of creating DPS
(Done) Process of creating DPS(Done) Process of creating DPS
(Done) Process of creating DPS
vren88
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop Tutorial
Marc Dy
 
Evaluation 6 + 7
Evaluation 6 + 7Evaluation 6 + 7
Evaluation 6 + 7
armani765
 
Evaluation 6 + 7
Evaluation 6 + 7Evaluation 6 + 7
Evaluation 6 + 7
armani765
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basics
Natalie Hurd
 
Evidence of Creating Drafts
Evidence of Creating DraftsEvidence of Creating Drafts
Evidence of Creating Drafts
katrinaamorton
 
Construction
ConstructionConstruction
Construction
Keara97
 
Lesson 5 pictures and clip art
Lesson 5   pictures and clip artLesson 5   pictures and clip art
Lesson 5 pictures and clip art
guevarra_2000
 
Customizing Your Document in PerfectForms
Customizing Your Document in PerfectFormsCustomizing Your Document in PerfectForms
Customizing Your Document in PerfectForms
Karen Hunter-Sliger
 

Similaire à Process of creating contents page (20)

(Done) Process of creating DPS
(Done) Process of creating DPS(Done) Process of creating DPS
(Done) Process of creating DPS
 
Production Experiment FMP
Production Experiment FMPProduction Experiment FMP
Production Experiment FMP
 
Basic Photoshop Tutorial
Basic Photoshop TutorialBasic Photoshop Tutorial
Basic Photoshop Tutorial
 
Evaluation 6 + 7
Evaluation 6 + 7Evaluation 6 + 7
Evaluation 6 + 7
 
Evaluation 6 + 7
Evaluation 6 + 7Evaluation 6 + 7
Evaluation 6 + 7
 
How to use picmonkey for a beginner
How to use  picmonkey for a beginnerHow to use  picmonkey for a beginner
How to use picmonkey for a beginner
 
Question 6
Question 6Question 6
Question 6
 
Photoshop intro to basics
Photoshop intro to basicsPhotoshop intro to basics
Photoshop intro to basics
 
Photo Shop
Photo ShopPhoto Shop
Photo Shop
 
Evidence of Creating Drafts
Evidence of Creating DraftsEvidence of Creating Drafts
Evidence of Creating Drafts
 
Construction
ConstructionConstruction
Construction
 
Unit 14 LO3
Unit 14 LO3Unit 14 LO3
Unit 14 LO3
 
Chap29
Chap29Chap29
Chap29
 
Lesson 5 pictures and clip art
Lesson 5   pictures and clip artLesson 5   pictures and clip art
Lesson 5 pictures and clip art
 
Unit 30 l03
Unit 30 l03 Unit 30 l03
Unit 30 l03
 
Unit 30 l03
Unit 30 l03 Unit 30 l03
Unit 30 l03
 
Unit 30 l03
Unit 30 l03 Unit 30 l03
Unit 30 l03
 
Magazine Production Experiments
Magazine Production ExperimentsMagazine Production Experiments
Magazine Production Experiments
 
Unit 14 LO3 PowerPoint
Unit 14 LO3 PowerPointUnit 14 LO3 PowerPoint
Unit 14 LO3 PowerPoint
 
Customizing Your Document in PerfectForms
Customizing Your Document in PerfectFormsCustomizing Your Document in PerfectForms
Customizing Your Document in PerfectForms
 

Plus de vren88

Plus de vren88 (20)

Rough draft of digipak2
Rough draft of digipak2Rough draft of digipak2
Rough draft of digipak2
 
Rough draft of digipak
Rough draft of digipakRough draft of digipak
Rough draft of digipak
 
Location list
Location listLocation list
Location list
 
Location List
Location List Location List
Location List
 
LOCATIONS
LOCATIONSLOCATIONS
LOCATIONS
 
LOCATIONS - ART
LOCATIONS - ARTLOCATIONS - ART
LOCATIONS - ART
 
Semiotics
SemioticsSemiotics
Semiotics
 
Adding references
Adding referencesAdding references
Adding references
 
Evidence
EvidenceEvidence
Evidence
 
STORYBOARD
STORYBOARDSTORYBOARD
STORYBOARD
 
(Done) shooting schedule
(Done) shooting schedule(Done) shooting schedule
(Done) shooting schedule
 
DIGIPAK
DIGIPAKDIGIPAK
DIGIPAK
 
[Done] music video survey analysis
[Done] music video survey analysis[Done] music video survey analysis
[Done] music video survey analysis
 
[Done] star theory..
[Done] star theory..[Done] star theory..
[Done] star theory..
 
[Done] star theory
[Done] star theory[Done] star theory
[Done] star theory
 
[Done]mood board
[Done]mood board[Done]mood board
[Done]mood board
 
[Done] bio
[Done] bio[Done] bio
[Done] bio
 
Questionnaire charts
Questionnaire chartsQuestionnaire charts
Questionnaire charts
 
Questionnaires
Questionnaires Questionnaires
Questionnaires
 
Audience Questionnaire (Original Copy)
Audience Questionnaire (Original Copy)Audience Questionnaire (Original Copy)
Audience Questionnaire (Original Copy)
 

Dernier

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 

Dernier (20)

Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
Beyond_Borders_Understanding_Anime_and_Manga_Fandom_A_Comprehensive_Audience_...
 
Micro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdfMicro-Scholarship, What it is, How can it help me.pdf
Micro-Scholarship, What it is, How can it help me.pdf
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
Food safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdfFood safety_Challenges food safety laboratories_.pdf
Food safety_Challenges food safety laboratories_.pdf
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Fostering Friendships - Enhancing Social Bonds in the Classroom
Fostering Friendships - Enhancing Social Bonds  in the ClassroomFostering Friendships - Enhancing Social Bonds  in the Classroom
Fostering Friendships - Enhancing Social Bonds in the Classroom
 
Interdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptxInterdisciplinary_Insights_Data_Collection_Methods.pptx
Interdisciplinary_Insights_Data_Collection_Methods.pptx
 
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
TỔNG ÔN TẬP THI VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2023 - 2024 CÓ ĐÁP ÁN (NGỮ Â...
 
Towards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptxTowards a code of practice for AI in AT.pptx
Towards a code of practice for AI in AT.pptx
 
ICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptxICT Role in 21st Century Education & its Challenges.pptx
ICT Role in 21st Century Education & its Challenges.pptx
 
This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.This PowerPoint helps students to consider the concept of infinity.
This PowerPoint helps students to consider the concept of infinity.
 
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptxHMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
HMCS Max Bernays Pre-Deployment Brief (May 2024).pptx
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
REMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptxREMIFENTANIL: An Ultra short acting opioid.pptx
REMIFENTANIL: An Ultra short acting opioid.pptx
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
General Principles of Intellectual Property: Concepts of Intellectual Proper...
General Principles of Intellectual Property: Concepts of Intellectual  Proper...General Principles of Intellectual Property: Concepts of Intellectual  Proper...
General Principles of Intellectual Property: Concepts of Intellectual Proper...
 
How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17How to Add New Custom Addons Path in Odoo 17
How to Add New Custom Addons Path in Odoo 17
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...Kodo Millet  PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
Kodo Millet PPT made by Ghanshyam bairwa college of Agriculture kumher bhara...
 

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: