In this tutorial, we'll explain how to create a quick portfolio page by using the Step and Repeat, Paragraph Styles and object elements. We will also use Adobe Bridge.

Final Image Preview

Below is the final image we will be working towards. Want access to the full Vector Source files and downloadable copies of every tutorial, including this one? Join Vector Plus for just 9$ a month.

Tutorial Details

• Program: Adobe InDesign CS4
• Difficulty: Beginner
• Estimated Completion Time: 1 hour

Step 1

Open up a new document in InDesign. Choose Tabloid as the page size and uncheck the Facing Pages box, since we will only use one page. Set the Margins to 3 picas and the Bleed to 9 points.

Step 2

Go to the Layers palette and create three layers: One labeled as “bg,” one as “thumbnails,” and one as “text.”

Step 3

Click on the “bg” layer and create a rectangle with the Rectangle Tool (M). You can drag along the bleed lines for orientation. Then fill it with a dark gray to black linear gradient from the Swatch Palette.

Step 4

Click on the “thumbs” layer. Create another rectangle (18p by 12p) and align it to the page margin.

Step 5

Select the rectangle, fill it with white and then go to Edit > Step and Repeat (Command + Alt + U) and apply the settings you see in the image below. I already calculated the distance for you so we will have three rectangles on the page.

Step 6

Repeat Step 5 and this time set the Horizontal Offset to 0, the Vertical Offset to 23p, and Repeat Count to 2.

Step 7

Select all the white rectangles and apply an Outer Glow in black to them. You can find those effects under Object > Effects.

Step 8

The next thing we want to do is to open up Adobe Bridge and go to the folder with our images. If you don’t have one, create one in the same location that your InDesign file is and place nine photos of your choice. I picked nine illustrations I created for Vectortuts+. Select those nine images and with the mouse still clicked, drag the pointer over to InDesign (on the taskbar).

Step 9

You will see a little thumb next to the mouse curser. Now if you click on the rectangle, the images will be placed there. Click each rectangle once and fill them with your images.

Step 10

Select all the rectangles with images and go to the toolbar and click the Center content button. This will center all the images to the rectangle.

Step 11

With the rectangle still selected, apply a Stroke of 10pt white and align the Stroke to the Center.

Step 12

Let’s move on to the text. Create a text box with the Text Tool (T). I typed a title, a sub title and a link. I already applied a style to each line so you can see what it looks like.

Step 13

Open up the Paragraph Styles Palette (F11). On the top-right corner, click on the small arrow, then choose new Paragraph Style and give it the name "title."

Continue Learning…