SlideShare a Scribd company logo
1 of 7
Page Layout
Task 2
Patrick Gouldsbrough
The first thing I did when
creating my page layout was
place he image. I decided to
source a stock image from the
internet and place it into
Adobe InDesign. Next, I added
the text boxes I would use to
accompany the image.
After submitting my text, using
the Lorem Ipsum font, it looked
like the image on the left. The
text was covering the image,
not fitting to the edges, like I
wanted.
To get my text to fit correctly, I
had to use the text wrap tool.
To carry out the text wrapping,
I selected it on the ‘window’
menu, before a box appeared.
Within this tool box, I could
select the text to fit round the
picture or above and below the
image. I selected the first
option for my page layout, due
to the blank space that would
be left if I would have selected
the second option.
As you can see from the picture
on the left, the text wrapping
worked correctly, and the text
was not infringing the picture.
However, after all this, there
was still an issue. The text
didn’t read in correct columns
and didn’t follow any kind of
order. To resolve this issue, I
had to click on the Red tick at
the bottom of the text box. I
dragged a portion of the text
from the second text box, put it
in the first text box and the text
now followed a pattern.
Now it was time to add my
grids to the layout. In order to
do this, I had to go to the
Layout menu, before clicking
on the create guides option. At
this stage, a menu appeared on
the screen asking me about my
features of the grid. As
instructed, I selected a 3x3 grid,
while I selected a 5mm gutter
between them.
Drop capitals are a main
feature for magazines and
newspapers, a feature which
I wanted to include. To add
drop capitals, I went to the
Type list, then selected the
paragraph button. This
brought you to a box
(pictured left), which
allowed you to change
characteristics of your
paragraph. However, I just
wanted to adjust the drop
capital, which was the
button on the bottom. A size
of 4 down and 2 across
seemed the right size for the
drop capital.
My title was an easy
technique to add. Like on
Photoshop and other
software, the addition of a
title is done using the text
tool, which I ad used earlier
in the task. A font of 72
seemed to be striking, but
didn’t take all the attention
from the main copy.
The page layout was now complete and
the grids and guidelines definitely played
a part in making sure this article was well
set out and was also clear.
Header
Drop capital
Main
copy
Columns
Portrait orientation
Final Version
Final Version

More Related Content

What's hot

Production of magazine front cover
Production of magazine front coverProduction of magazine front cover
Production of magazine front coverninachapman99
 
Double paged spread progress
Double paged spread progressDouble paged spread progress
Double paged spread progresseleanornatalie
 
Content page production
Content page productionContent page production
Content page productionTajmina Ali
 
Page layout task 2
Page layout task 2  Page layout task 2
Page layout task 2 TheJellehKed
 
Stages of Production - Contents Page
Stages of Production - Contents PageStages of Production - Contents Page
Stages of Production - Contents PageGregoryMcLaney
 
Step by step process of contents page
Step by step process of contents pageStep by step process of contents page
Step by step process of contents pagedeemplemorar16
 
Step by step process of a double page spread
Step by step process of a double page spread Step by step process of a double page spread
Step by step process of a double page spread deemplemorar16
 
Contents page production log
Contents page production logContents page production log
Contents page production loglilflickmania
 
Step by step mag draft one
Step by step mag draft one Step by step mag draft one
Step by step mag draft one sapphire29
 
Screenshots showing editing processes on photoshop and quark
Screenshots showing editing processes on photoshop and quarkScreenshots showing editing processes on photoshop and quark
Screenshots showing editing processes on photoshop and quarkleanneoxley
 
The Editing Process of Making the Magazine Front Cover
The Editing Process of Making the Magazine Front CoverThe Editing Process of Making the Magazine Front Cover
The Editing Process of Making the Magazine Front CoverRhiannonTole
 
Print screens of making my poster
Print screens of making my posterPrint screens of making my poster
Print screens of making my posterfatemajohara
 

What's hot (14)

Production of magazine front cover
Production of magazine front coverProduction of magazine front cover
Production of magazine front cover
 
Double paged spread progress
Double paged spread progressDouble paged spread progress
Double paged spread progress
 
Content page production
Content page productionContent page production
Content page production
 
Page layout task 2
Page layout task 2  Page layout task 2
Page layout task 2
 
Stages of Production - Contents Page
Stages of Production - Contents PageStages of Production - Contents Page
Stages of Production - Contents Page
 
Step by step process of contents page
Step by step process of contents pageStep by step process of contents page
Step by step process of contents page
 
Step by step process of a double page spread
Step by step process of a double page spread Step by step process of a double page spread
Step by step process of a double page spread
 
Contents page production log
Contents page production logContents page production log
Contents page production log
 
Step by step mag draft one
Step by step mag draft one Step by step mag draft one
Step by step mag draft one
 
Evaluation
EvaluationEvaluation
Evaluation
 
Q6: Editing in Photoshop
Q6: Editing in Photoshop Q6: Editing in Photoshop
Q6: Editing in Photoshop
 
Screenshots showing editing processes on photoshop and quark
Screenshots showing editing processes on photoshop and quarkScreenshots showing editing processes on photoshop and quark
Screenshots showing editing processes on photoshop and quark
 
The Editing Process of Making the Magazine Front Cover
The Editing Process of Making the Magazine Front CoverThe Editing Process of Making the Magazine Front Cover
The Editing Process of Making the Magazine Front Cover
 
Print screens of making my poster
Print screens of making my posterPrint screens of making my poster
Print screens of making my poster
 

Viewers also liked

شهادة الأيزو
شهادة الأيزوشهادة الأيزو
شهادة الأيزوahmed aljazzaf
 
Tic 1° 2° araoz (1)
Tic 1° 2°  araoz (1)Tic 1° 2°  araoz (1)
Tic 1° 2° araoz (1)MARTIN ARAOZ
 
Bruce Coull Resume Sep 2015 no referees
Bruce Coull Resume Sep 2015 no refereesBruce Coull Resume Sep 2015 no referees
Bruce Coull Resume Sep 2015 no refereesBruce Coull
 
SFI van familie de Limburg Stirum verhoogt kapitaal fors
SFI van familie de Limburg Stirum verhoogt kapitaal forsSFI van familie de Limburg Stirum verhoogt kapitaal fors
SFI van familie de Limburg Stirum verhoogt kapitaal forsThierry Debels
 
Opnieuw verliesjaar voor Stadsschouwburg Antwerpen NV
Opnieuw verliesjaar voor Stadsschouwburg Antwerpen NVOpnieuw verliesjaar voor Stadsschouwburg Antwerpen NV
Opnieuw verliesjaar voor Stadsschouwburg Antwerpen NVThierry Debels
 
Sugar prices analysis in pakistan.
Sugar prices analysis in pakistan.Sugar prices analysis in pakistan.
Sugar prices analysis in pakistan.Shaista Anam
 
Small Parcel Freight Auditing
Small Parcel Freight AuditingSmall Parcel Freight Auditing
Small Parcel Freight Auditingsmisovic
 
Seerat e paak ( 11 say 40 saal )by shahnaz kausar
Seerat e paak ( 11 say 40 saal )by shahnaz kausarSeerat e paak ( 11 say 40 saal )by shahnaz kausar
Seerat e paak ( 11 say 40 saal )by shahnaz kausarMuhammad Tariq
 
Ahle Sunnat Ki Awaz 2015
Ahle Sunnat Ki Awaz 2015Ahle Sunnat Ki Awaz 2015
Ahle Sunnat Ki Awaz 2015Mushahid Razvi
 

Viewers also liked (12)

شهادة الأيزو
شهادة الأيزوشهادة الأيزو
شهادة الأيزو
 
Tic 1° 2° araoz (1)
Tic 1° 2°  araoz (1)Tic 1° 2°  araoz (1)
Tic 1° 2° araoz (1)
 
Jaipur
JaipurJaipur
Jaipur
 
TranzAct_TMS
TranzAct_TMSTranzAct_TMS
TranzAct_TMS
 
Research
Research Research
Research
 
Bruce Coull Resume Sep 2015 no referees
Bruce Coull Resume Sep 2015 no refereesBruce Coull Resume Sep 2015 no referees
Bruce Coull Resume Sep 2015 no referees
 
SFI van familie de Limburg Stirum verhoogt kapitaal fors
SFI van familie de Limburg Stirum verhoogt kapitaal forsSFI van familie de Limburg Stirum verhoogt kapitaal fors
SFI van familie de Limburg Stirum verhoogt kapitaal fors
 
Opnieuw verliesjaar voor Stadsschouwburg Antwerpen NV
Opnieuw verliesjaar voor Stadsschouwburg Antwerpen NVOpnieuw verliesjaar voor Stadsschouwburg Antwerpen NV
Opnieuw verliesjaar voor Stadsschouwburg Antwerpen NV
 
Sugar prices analysis in pakistan.
Sugar prices analysis in pakistan.Sugar prices analysis in pakistan.
Sugar prices analysis in pakistan.
 
Small Parcel Freight Auditing
Small Parcel Freight AuditingSmall Parcel Freight Auditing
Small Parcel Freight Auditing
 
Seerat e paak ( 11 say 40 saal )by shahnaz kausar
Seerat e paak ( 11 say 40 saal )by shahnaz kausarSeerat e paak ( 11 say 40 saal )by shahnaz kausar
Seerat e paak ( 11 say 40 saal )by shahnaz kausar
 
Ahle Sunnat Ki Awaz 2015
Ahle Sunnat Ki Awaz 2015Ahle Sunnat Ki Awaz 2015
Ahle Sunnat Ki Awaz 2015
 

Similar to Page Layout Guide: Adding Images, Text Wrapping, Grids and More

Process of creating contents page
Process of creating contents pageProcess of creating contents page
Process of creating contents pagevren88
 
Step by step contents page
Step by step contents pageStep by step contents page
Step by step contents pagekatiehatton123
 
Screenshots showing editing processes on photoshop and quark
Screenshots showing editing processes on photoshop and quarkScreenshots showing editing processes on photoshop and quark
Screenshots showing editing processes on photoshop and quarkleanneoxley
 
Preliminary task and planning & research
Preliminary task and planning & researchPreliminary task and planning & research
Preliminary task and planning & researchjudemunday_3092
 
Unit 30 Learning Objective 3
Unit 30 Learning Objective 3Unit 30 Learning Objective 3
Unit 30 Learning Objective 3BradleyStone3050
 
(Done) Process of creating DPS
(Done) Process of creating DPS(Done) Process of creating DPS
(Done) Process of creating DPSvren88
 
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docxTUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docxwillcoxjanay
 
Production Experiment FMP
Production Experiment FMPProduction Experiment FMP
Production Experiment FMPDaniel Thompson
 
Construction magazine
Construction magazineConstruction magazine
Construction magazineFahmida Begum
 
Construction magazine
Construction magazineConstruction magazine
Construction magazineFahmida Begum
 
Construction
ConstructionConstruction
ConstructionKeara97
 
Double page spread production log
Double page spread production logDouble page spread production log
Double page spread production loglilflickmania
 
Double Page Article Construction
Double Page Article ConstructionDouble Page Article Construction
Double Page Article Constructionhassan
 
Double Page Article Construction
Double Page Article ConstructionDouble Page Article Construction
Double Page Article Constructionhassan
 
Question 6 AS Media Studies evaluation
Question 6 AS Media Studies evaluationQuestion 6 AS Media Studies evaluation
Question 6 AS Media Studies evaluationQuantumEvo
 
ancillary text - photoshop process
ancillary text - photoshop processancillary text - photoshop process
ancillary text - photoshop processtaraburton07
 
Development diary (contents)
Development diary (contents)Development diary (contents)
Development diary (contents)Kate-Anna Smith
 
Development diary (double page spread)
Development diary (double page spread)Development diary (double page spread)
Development diary (double page spread)Kate-Anna Smith
 

Similar to Page Layout Guide: Adding Images, Text Wrapping, Grids and More (20)

Process of creating contents page
Process of creating contents pageProcess of creating contents page
Process of creating contents page
 
Step by step contents page
Step by step contents pageStep by step contents page
Step by step contents page
 
Screenshots showing editing processes on photoshop and quark
Screenshots showing editing processes on photoshop and quarkScreenshots showing editing processes on photoshop and quark
Screenshots showing editing processes on photoshop and quark
 
Preliminary task and planning & research
Preliminary task and planning & researchPreliminary task and planning & research
Preliminary task and planning & research
 
Unit 30 Learning Objective 3
Unit 30 Learning Objective 3Unit 30 Learning Objective 3
Unit 30 Learning Objective 3
 
(Done) Process of creating DPS
(Done) Process of creating DPS(Done) Process of creating DPS
(Done) Process of creating DPS
 
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docxTUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
TUTorial By chad neuman in InDesign,Tutorial AT Vishal Dawdy .docx
 
Production Experiment FMP
Production Experiment FMPProduction Experiment FMP
Production Experiment FMP
 
Construction magazine
Construction magazineConstruction magazine
Construction magazine
 
Construction magazine
Construction magazineConstruction magazine
Construction magazine
 
Construction
ConstructionConstruction
Construction
 
Technology
Technology Technology
Technology
 
Graphics
GraphicsGraphics
Graphics
 
Double page spread production log
Double page spread production logDouble page spread production log
Double page spread production log
 
Double Page Article Construction
Double Page Article ConstructionDouble Page Article Construction
Double Page Article Construction
 
Double Page Article Construction
Double Page Article ConstructionDouble Page Article Construction
Double Page Article Construction
 
Question 6 AS Media Studies evaluation
Question 6 AS Media Studies evaluationQuestion 6 AS Media Studies evaluation
Question 6 AS Media Studies evaluation
 
ancillary text - photoshop process
ancillary text - photoshop processancillary text - photoshop process
ancillary text - photoshop process
 
Development diary (contents)
Development diary (contents)Development diary (contents)
Development diary (contents)
 
Development diary (double page spread)
Development diary (double page spread)Development diary (double page spread)
Development diary (double page spread)
 

More from PJG123

Pitch
Pitch Pitch
Pitch PJG123
 
Pitch
Pitch Pitch
Pitch PJG123
 
Evaluation (task 9)
Evaluation (task 9)Evaluation (task 9)
Evaluation (task 9)PJG123
 
Research template
Research templateResearch template
Research templatePJG123
 
Research template
Research templateResearch template
Research templatePJG123
 
Evaluation (task 9)
Evaluation (task 9)Evaluation (task 9)
Evaluation (task 9)PJG123
 
Final products
Final productsFinal products
Final productsPJG123
 
Outline of final idea
Outline of final ideaOutline of final idea
Outline of final ideaPJG123
 
Campaign Poster Development
Campaign Poster Development Campaign Poster Development
Campaign Poster Development PJG123
 
Mood board (surf merchandise)
Mood board (surf merchandise)Mood board (surf merchandise)
Mood board (surf merchandise)PJG123
 
Flat plans
Flat plansFlat plans
Flat plansPJG123
 
Presentation1
Presentation1Presentation1
Presentation1PJG123
 
Task 5
Task 5Task 5
Task 5PJG123
 
Task 6
Task 6Task 6
Task 6PJG123
 
Task 5
Task 5Task 5
Task 5PJG123
 
Task 3
Task 3Task 3
Task 3PJG123
 
Research template
Research templateResearch template
Research templatePJG123
 
Task 6
Task 6Task 6
Task 6PJG123
 
Task 6
Task 6Task 6
Task 6PJG123
 
Task 5
Task 5Task 5
Task 5PJG123
 

More from PJG123 (20)

Pitch
Pitch Pitch
Pitch
 
Pitch
Pitch Pitch
Pitch
 
Evaluation (task 9)
Evaluation (task 9)Evaluation (task 9)
Evaluation (task 9)
 
Research template
Research templateResearch template
Research template
 
Research template
Research templateResearch template
Research template
 
Evaluation (task 9)
Evaluation (task 9)Evaluation (task 9)
Evaluation (task 9)
 
Final products
Final productsFinal products
Final products
 
Outline of final idea
Outline of final ideaOutline of final idea
Outline of final idea
 
Campaign Poster Development
Campaign Poster Development Campaign Poster Development
Campaign Poster Development
 
Mood board (surf merchandise)
Mood board (surf merchandise)Mood board (surf merchandise)
Mood board (surf merchandise)
 
Flat plans
Flat plansFlat plans
Flat plans
 
Presentation1
Presentation1Presentation1
Presentation1
 
Task 5
Task 5Task 5
Task 5
 
Task 6
Task 6Task 6
Task 6
 
Task 5
Task 5Task 5
Task 5
 
Task 3
Task 3Task 3
Task 3
 
Research template
Research templateResearch template
Research template
 
Task 6
Task 6Task 6
Task 6
 
Task 6
Task 6Task 6
Task 6
 
Task 5
Task 5Task 5
Task 5
 

Page Layout Guide: Adding Images, Text Wrapping, Grids and More

  • 2. The first thing I did when creating my page layout was place he image. I decided to source a stock image from the internet and place it into Adobe InDesign. Next, I added the text boxes I would use to accompany the image. After submitting my text, using the Lorem Ipsum font, it looked like the image on the left. The text was covering the image, not fitting to the edges, like I wanted. To get my text to fit correctly, I had to use the text wrap tool. To carry out the text wrapping, I selected it on the ‘window’ menu, before a box appeared. Within this tool box, I could select the text to fit round the picture or above and below the image. I selected the first option for my page layout, due to the blank space that would be left if I would have selected the second option. As you can see from the picture on the left, the text wrapping worked correctly, and the text was not infringing the picture.
  • 3. However, after all this, there was still an issue. The text didn’t read in correct columns and didn’t follow any kind of order. To resolve this issue, I had to click on the Red tick at the bottom of the text box. I dragged a portion of the text from the second text box, put it in the first text box and the text now followed a pattern. Now it was time to add my grids to the layout. In order to do this, I had to go to the Layout menu, before clicking on the create guides option. At this stage, a menu appeared on the screen asking me about my features of the grid. As instructed, I selected a 3x3 grid, while I selected a 5mm gutter between them. Drop capitals are a main feature for magazines and newspapers, a feature which I wanted to include. To add drop capitals, I went to the Type list, then selected the paragraph button. This brought you to a box (pictured left), which allowed you to change characteristics of your paragraph. However, I just wanted to adjust the drop capital, which was the button on the bottom. A size of 4 down and 2 across seemed the right size for the drop capital. My title was an easy technique to add. Like on Photoshop and other software, the addition of a title is done using the text tool, which I ad used earlier in the task. A font of 72 seemed to be striking, but didn’t take all the attention from the main copy.
  • 4. The page layout was now complete and the grids and guidelines definitely played a part in making sure this article was well set out and was also clear.