Advertisement
Designing

Create a Quick One Page Portfolio in InDesign

by

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."

Step 14

In the Basic Character Formats, select Arial Black, 18pt.

Step 15

For Indents and Spacing, choose right alignment and 6pt for space after.

Step 16

Choose a yellow for the character color. Repeat Steps 13 to 16 again and apply other styles to the subtitle and web address.

Step 17

Select the text box and apply Step and Repeat (Command + Alt + U) again, as we did in Step 5.

Step 18

Select the text boxes, set the Horizontal Offset to 0, the Vertical Offset to 23p, and Repeat Count to 2 and apply Step and Repeat again, as we did in Step 6.

Step 19

This is what we should have so far.

Step 20

Create a small, long rectangle with the Rectangle Tool (M), fill it with white. Then go to Object > Effects > Inner Shadow. Apply the settings you see below.

Step 21

Add text about your self, your title, website, and your contact information with the Text Tool (T).

Step 22

Create another rectangle, fill it with yellow and repeat Step 21.

Step 23

I created another rectangle with the same styling on top and place an image. You can do this by either dragging it on to the page from Adobe Bridge, or by going to File > Place, or with the shortcut Command + D.

Step 24

Place a copy of the yellow rectangle on top. After you're finished you can output a final PDF file.

Conclusion

This is the one page portfolio look on a 11 x 17 paper. I hope you enjoyed this quick InDesign tutorial. Creating small downloadable PDF portfolio's on your website is good to do. It's one more addition to your promotional toolset. It gives potential customers something to walk away with and another avenue for driving business.

Subscribe to the Vectortuts+ RSS Feed to stay up to date with the latest vector tutorials and articles.

Related Posts
  • Design & Illustration
    Illustration
    How to Create an Abstract Isometric Cityscape in Adobe IllustratorIsometric tut preview
    In the first of a two part tutorial, we're going to be creating an isometric style illustration using Adobe Illustrator and Photoshop. In our second tutorial, we'll use this graphic to create a cover and inside spread of a magazine in InDesign. Read More…
  • Design & Illustration
    Designing
    Create a Spring Wedding Invitation for Die Cutting and Embossing in InDesignHubpreviewwedding
    In this tutorial you'll learn how to set up your own fold-out invitation design using Adobe InDesign. We'll look at how using Layers can allow you to set up design elements intended for die cutting and embossing, which can add a really beautiful touch to your final cards.Read More…
  • Design & Illustration
    Designing
    Create a Stand-Out Portfolio Book in InDesign: Part Two - the InsidePreview image 400by400
    In the second part of this two-part tutorial you'll learn how to design the interior pages for an Illustration Portfolio book intended for print, in Adobe InDesign. We will create a number of different page layouts and explore how layout styles can showcase your work to its best potential. In this tutorial I will be using vector assets from other Tuts+ tutorials, but the tutorial is designed so that you can interchange these with your own illustration work to create your personal portfolio. Refer to part one for creating the portfolio cover.Read More…
  • Design & Illustration
    Layout
    Create a Stand-Out Portfolio Book in InDesign: Part One - the CoverFinal cover 400by400 revised
    In the first part of this two-part tutorial you'll learn how to create a high-impact cover for an Illustration Portfolio book intended for print, in Adobe InDesign. In these tutorials I will be using vector assets from other Tuts+ tutorials, but the tutorial is designed so that you can interchange these with your own illustration work to create your personal portfolio.Read More…
  • Design & Illustration
    Designing
    Create a Beautiful Book Cover in InDesign Using a Busy Photo Background400 400 screenshot
    Working on a book? You may have a photo you're dying to use on your cover but feel that it may be too busy or contrasting in color to allow text to stand out against it. Why not go ahead and use it - we'll look at ways of managing a busy background in Adobe InDesign. Read More…
  • Design & Illustration
    Interface Design
    Create a Video Poker Game Interface in Adobe Illustrator - Part TwoPokerapppreview400x400
    Welcome back to the second part of the tutorial. In the following steps you will learn how to create the rest of the poker machine. First, using basic blending and vector shape building techniques along with a simple blend you will create the buttons area. Next, you'll learn how to save some simple symbols. Using these symbols along with several Transform and 3d Extrude & Bevel effects you will learn how to create the buttons. Moving on, we'll add the background and the smaller components of the poker machine. Finally, you'll learn how to create a simple menu and how to add a neat set of playing cards. Read More…