Creating a Magazine in Adobe InDesign


For This Project I have to create a 4 page magazine. The 2 first pages will be the cover page and the back ad page, the other following 2 pages should be text. This magazine would be a Soccer magazine and it will have an exclusive interview with the brazilian soccer player Neymar.

Step 1 Creating the document file.

First I have to set up the document file . My document file is going to have a Master page that cointains 4 pages. The color mode would be CMYK (best quality to print). I will be using a indesign template provided by my professor. I will delete the information and use only the guide lines in my case.


Screen Shot 2013-12-04 at 6.18.43 PM

Step 2 Creating the cover page background in Photoshop

My cover page will be based in “The World Soccer” magazine. My main athlete of the month is going to be Neymar the brazilian soccer player. First I’m going to select a random picture from the internet and work from there. I’m going to crop this image using the Pen Tool and crop  just a  little below his hair and leave a white space at the top to place the magazine logo. To transfer this jpeg to Indesign first I make sure the color mode is CMYK so there is no lose of quality.

Screen Shot 2013-12-04 at 6.11.50 PM

Step 3 Creating the logo in Illustrator

After looking for the logo of the magazine on the internet I placed it on illustrator and trace it using the Pen Tool. 

Screen Shot 2013-12-04 at 6.13.21 PM

Step 4 Placing the the Photoshop and Illustrator files into InDesign

First I open Indesign and head to page number 3 of my template located in Pages. Next using the Rectangle Frame Tool Im going to draw a box from the top part of the bleed to the bottom of the bleed. Next I’m going to place the Player image by going to File>Place> and select the image. Next I placed the Logo at the top of my player image where i have created the white space. Once all is placed correctly I’m going to put all text information of the cover like Price, Date , Headlines, Website, and additional stories. Then I placed an image of another soccer player Gerard to complement story line.

Screen Shot 2013-12-04 at 6.21.34 PM

Step 5 Creating the back page of the magazine

For this step I’m going to placed the image ad for the back page of the magazine, in this case Coca Cola Ad. Normally the ad will be proved for the sponsor so i just placed and make sure it fits into my bleed lines.

Screen Shot 2013-12-04 at 6.21.26 PM

Step 6 Creating the inside page

For this page i decided to put a nice graphic of the player along with his Biography. First I player image in Photoshop and crate a dissolve effect , add a background and set the brazilian flag into my effect. Then change the color mode into CMYK and place into InDesign.

Screen Shot 2013-12-04 at 6.13.49 PM

After I placed my file into InDesign I’m going to add the text information in this case his Biography.

Screen Shot 2013-12-04 at 6.20.58 PM

Step 7 Creating the interview page in InDesign

In this page i would create a interview for the player. I decided to use a template that contains on big box at the top and to vertical lines for the questions and answers. First I create the head line and create a Character Style in case I need to copy the style later. Next I create The body text and placed it into the vertical boxes. For the Questions I used  a Red-Bold text to emphasis the question. then I create again a Character Style to copy the style to the next question text. Then i placed the answers with a regular font style and copy them to create a Paragraph Style and copy it to the next answers text. Then I’m going to import some images to create a nice look . I have placed one at the top left and the other at the middle-bottom. For both images I have used the Object Style to make the mage more fancier, I ad a shadow with opacity for each on. the I have created some rectangles objects to distinguish the top part from the bottom. Then I add the pages number at the bottom by going to Type> Insert Special Character> Markers> Current Page Number. Then i ad the magazine name, date, and year to make it look more professionally.

Screen Shot 2013-12-04 at 6.21.12 PM

After repeating the footer process for each page It’s finally done the 4 page magazine is ready to print.

Screen Shot 2013-12-04 at 6.20.25 PM

Screen Shot 2013-12-04 at 6.20.38 PM

Edward Mesias

Adobe InDesign Classroom in a Book – Lesson 4


In this Chapter we learn hoe to work with objects, Layers, and Changing Layouts.

Step 1

First I have to select the “Yield” sign using the Pen Tool and then placed it into the graphic layers.

Screen Shot 2013-11-26 at 8.57.14 PM

Step 2

Next I created  a Text box and put on some text. Then I added a Paragraph Style to the text.

Screen Shot 2013-11-26 at 9.02.31 PM

Step 3

In this next step I changed the shape of the text box. The shape now it would be on a diagonal with a little flip.

Screen Shot 2013-11-26 at 9.06.22 PM

Step 4

In this next step I put some text in the layout. Then using the Character Style I change the Header Style.

Screen Shot 2013-11-26 at 9.09.22 PM

Screen Shot 2013-11-26 at 9.09.41 PM

Step 5

Next I have to reposition the slogan of the page and place it on a red top bar.

Screen Shot 2013-11-26 at 9.14.53 PM

Step 6

Next Step was to position the logo into the layout in order to fit into the selected area Using the Selection tool.

Screen Shot 2013-11-26 at 9.17.39 PM

Step 7

Next step was to insert the pictures into the Customer Testimonials boxes.

Screen Shot 2013-11-26 at 9.20.26 PM

Screen Shot 2013-11-26 at 9.20.38 PM

Step 8

I placed and flip the logo in order to place it in the other page.

Screen Shot 2013-11-26 at 9.22.18 PM

Step 9

In this next step I have to repositioned the Yield sign and sing a Wrapping Text I placed in the middle between the paragraphs.

Screen Shot 2013-11-26 at 9.23.52 PM

Step 10

Next I placed the Stop Sign in the document and eliminate the white border.

Screen Shot 2013-11-26 at 9.26.40 PM

Step 11

This is how it looks at the end.

Screen Shot 2013-11-26 at 9.29.10 PM

Screen Shot 2013-11-26 at 9.29.18 PM

Edward Mesias

Adobe InDesign Classroom in a Book – Lesson 3


In this lesson of Adobe InDesign, we learn how to set up a document and also how to work with pages.

Step 1

For this step, I follow the book instructions to set the document presets. First, I created the guide lines 4 Rows and 2 Columns and in the option panel I select Margins. Then I create the ruler guides (Cyan color).

Screen Shot 2013-11-19 at 6.37.43 PM

Step 2

Next, I created the text frame for the master page using the Type tool.

Screen Shot 2013-11-19 at 6.51.51 PM

Step 3

Next, I insert placeholder frames for text in both pages. Only in the 2 first rows.

Screen Shot 2013-11-19 at 6.56.29 PM

Step 4

Next, I added a placeholder frame for graphics at the top right row.

Screen Shot 2013-11-19 at 6.57.58 PM

Step 5

Next step, I created an additional master page. So now I have a-3-column and 2-column layouts.

Screen Shot 2013-11-19 at 7.02.41 PM

Step 6

In this step, I added a snippet file to my document (red boxes at the top). This file were located at the Lesson File.

Screen Shot 2013-11-19 at 7.05.59 PM

Step 7

I also applied the same process for the second master page (2-column layout).

Screen Shot 2013-11-19 at 7.13.11 PM

Step 8

In this step I change the size of the right page (Postcard size). I also apply a different master page layout.

Screen Shot 2013-11-19 at 7.22.40 PM

Step 9

In this step I changed the page numbering in the page panel by going to Pages menu>Numbering & Section Options>Choose i, ii, iii, iv > Ok.

Screen Shot 2013-11-19 at 7.26.57 PM

Step 10

Next, I placed text and graphics on document pages from the Lesson file. I place them into the different boxes I created before (2 for text and 2 for graphics).

Screen Shot 2013-11-19 at 7.37.00 PM

Step 11

Last step, I preview it in Preview Mode to hide the guide lines. This is the original form that would be printed.

Screen Shot 2013-11-19 at 7.39.49 PM

Edward Mesias

Adobe InDesign Classroom in a Book – Lesson 2


In this lesson we learn how to use Adobe InDesign, how to add text, graphics, objects, and also how to add styles.

Step 1

Using the Type Tool we have to type “Eat healthy, eat local!”. After putting the text we resize it and make it fit into the shape.

Screen Shot 2013-11-12 at 4.17.13 PM

Step 2

We placed the text made in Word and place it over the white shapes. Then we adjust the title style going to Type> Character.

Screen Shot 2013-11-12 at 4.28.06 PMStep 3

Next we use Highlights for important part of the text. Here, we create a new style in red, bold, and italic, then we save it, so later on we can apply it to more part of the text.

Screen Shot 2013-11-12 at 4.34.18 PM

Step 4

For the next paragraphs, I have apply the new style in red, italic and bold.

Screen Shot 2013-11-12 at 4.39.16 PM

Step 5

In this step, I placed a picture into my document which was a psd file that was edited in Photoshop.

Screen Shot 2013-11-12 at 4.44.42 PM

Step 6

For this step, I placed the worm next to the text and I used the Text Wrap so the text align to the object.

Screen Shot 2013-11-12 at 4.50.09 PM

Step 7

In this step, I drag the text and shape next to the worm so it appears as though the worm is talking. Then I apply a red color to the stroke and a 2pt value.

Screen Shot 2013-11-12 at 4.53.22 PM

Step 8

In this step I have copy the style of the first shape and apply to the others so it appears a nice shadow.

Screen Shot 2013-11-12 at 4.56.43 PM

And this was the final result.

Screen Shot 2013-11-12 at 4.58.00 PM

Edward Mesias

Adobe InDesign Classroom in a Book – Lesson 1


In this Lesson we are going to review the Workspace Area.

Step 1

In this step I’ve learn the Control and the Tool Panels, which are very similar to Illustrator and Photoshop.

Screen Shot 2013-11-12 at 5.23.22 PM

Step 2

In Indesign we can work on multiple pages in one document, similar as Illustrator.

Screen Shot 2013-11-12 at 5.23.51 PM

Step 3

Indesign has a feature called “Pages” which allows us to go to any page at anytime by clicking in the small thumbnails located at the right side of the workspace.

Screen Shot 2013-11-12 at 5.24.56 PM

Step 4

A cool feature is the floating bars. We can minimize them or place them in any place of the workspace at anytime.

Screen Shot 2013-11-12 at 5.25.34 PM

Step 5

It’s easy to navigate between pages by clicking on the arrows at the bottom of the workspace or by changing the number of page.

Screen Shot 2013-11-12 at 5.26.01 PM

Edward Mesias

Creating a Concert Poster


For this project I’ve created a concert poster for the Romanian artist Inna. Part of this poster was created in Adobe Photoshop and Adobe Illustrator.

Step 1 Creating the background

To create the background, first I picked a picture of the artist and I transformed it to an outline shape using the Threshold from the Control Panel. Then I resized it and flipped it so it face to the right.

Screen Shot 2013-11-05 at 9.14.27 PM

Next using a concert picture I found on Google, I resized it in order to bring out more the stage. Using the Saturation mode, I  bring the blue’s and purple’s colors out. Next I placed the artist image on the left side of the document and changed the layer mode to Linear Burn.

Screen Shot 2013-11-05 at 9.15.19 PM

Step 2 Creating The artist Image

I transformed the artist image into a cartoon or drawing  by using the same process as the picture I used for the background. Next I painted the artist image using the Brush tool,  I started by painting the the skin first, then the outfit, and then the hair. Once I finished painting, I saved them both. (The background image as a jpeg and the artist image as a png).

Screen Shot 2013-11-05 at 9.12.16 PM

Step 3 Creating Artist Logo

For this step I used Illustrator. First I set the document size 8.5×11 with a bleed of 0.125.(Requirement). Next I placed the artist logo on my art board and trace it using the selection tool, rectangle tool, and Fill color.

Screen Shot 2013-11-05 at 9.20.02 PM

Step 4 Placing the background and artist image

After tracing the logo and saving it, I placed the images I created on Photoshop.(Quick tip: Instead of dragging the images to the art board, placed them so Illustrator  don’t link them).

Screen Shot 2013-11-05 at 9.21.14 PM

Step 5 Creating the Info.

For the last step using the Type Tool I created the info boxes wich content is Date, Venue, Supporting Artist, Tickets Info, Address and Age restrictions. Next I brought the tracing of the logo to the front by using  Arrange>Sent to the Front.  And the last part, I placed the sponsor logo at the top of the art board.

Screen Shot 2013-11-05 at 9.21.57 PM

Edward Mesias

Images I used for this Project.

382095InnaLogo   aura_logo_pr-936x555  271466392_9c34c36e8a_b  Inna  INNA_new_2

Adobe Illustrator Classroom in a Book – Lesson 2


In Lesson 2 of Adobe Illustrator-Classroom in a Book , we review Selecting and Alignment.

Step 1Grouping the Fence

In this first step, I’ve group the Fence Using the Selection Tool. Then using the Align in the control panel, I’ve fixed the alignment.

Screen Shot 2013-11-06 at 10.54.56 AM

Screen Shot 2013-11-06 at 10.55.10 AM

Step 2 Aligning the tree

In this next step what I did was the same process for the Fence, I group the green leafs and the tree. Then using the alignment I center the tree. Then I’ve dragged the apple’s from the first page of the document and place them above the green leafs. Using the arrangement I place the Apple’s in the front. Then once i’ve group the Fence, I place it in front of the tree using the arrangement>send to the front. 

Screen Shot 2013-11-06 at 10.55.34 AM

Step 3 Placing the parts on the school bus

In this step I’ve placed the different parts in the correct place using the selection tool. Then using the Option key I’ve duplicated the headlights of the bus and place them on the left. Then place the steering wheel on the right window. Then I’ve place the rounded rectangle in the middle of the oval yellow shape. Last part was to align the four black bars, resize them and place them over the black rounded rectangle.

Screen Shot 2013-11-06 at 10.55.47 AM

Screen Shot 2013-11-06 at 10.59.23 AM

Edward Mesias


Get every new post delivered to your Inbox.