In this tutorial, we'll create a clean architecture portfolio template, with lots of emphasis on imagery and geometry. So grab your favorite portfolio pieces, and let's dig right in.
If you prefer video tutorials, you can't miss this new video from the Envato Tuts+ YouTube channel! Learn how to make an architecture portfolio in InDesign:
What You'll Learn in This Architecture Portfolio Template Tutorial
- How to make an architecture portfolio from scratch in InDesign
- How to create the interior of the architecture portfolio template
- How to apply the parent pages
- How to create an architecture portfolio cover
- How to use your architectural portfolio samples
What You'll Need
You will need the following assets in order to complete this portfolio InDesign template:
How to make an architecture portfolio:
1. How to Start the Architecture Portfolio InDesign Template
Step 1
To learn how to make architectural portfolio examples, first we'll start up a New Document. We'll need to decide the orientation and dimensions of our architecture portfolio layout.
Portfolios are particularly fun to design because you often have a lot of freedom to decide on the best way to feature your work. You might choose to go with something traditional, or maybe you'll go with a square shape or even a long format. Consider your options and what might be the best way to present your work.
In this example, we're going to work in a square format, 10" Wide by 10" High.
Step 2
Before we finalize our document setup, let's address a few additional attributes.
I set my Margins to 0.5" on the Top, Bottom, and Outside. On the Inside, I set my Margins to 0.75", just a little extra, to accommodate the space that may be lost between my pages.
Step 3
I also wanted to add a 0.125" Bleed to my document.
If an image is "Full Bleed", it generally means that the imagery/content goes to the edge of the page, without any border or "white space". If we want something to be full bleed, we often have to extend our work to the bleed area to allow for trimming when our work is printed and prepared.
Once you're happy with your settings, click Create to accept and start up your document.
If you've made a mistake or you change your mind, don't worry—you can always go back and change these settings via File > Document Setup.
2. How to Create the Interior of the Architecture Portfolio Template
Step 1
Let's start creating the interior of the landscape architecture portfolio template within a Parent Page.
Parent Pages are often used as a template of sorts—we can apply elements that we lay out in our Parent Pages to the Active Pages in our document.
Parent Pages are located within the top portion of the Pages panel. If you don't see the Pages panel, you can open it up via Window > Pages.
Step 2
Go "inside" of A-Parent, our first Parent Page, by double-clicking on it. That's where we'll start laying out our composition.
Portfolio pages essentially need to show off our work—there needs to be an emphasis on the portfolio piece itself. However, we also want to do so in a visually engaging and interesting way.
Before I started placing imagery, I decided to "block out" my composition with gray rectangles, using the Rectangle Tool. The Fill is set to 25% gray. I find this to be a simple way to experiment with your composition or create a thumbnail.
Step 3
Once I had some rectangles placed, I created Guides, based on my layout elements. To do so, Click and Drag from the Document Rulers at the sides of your document.
These Guides are inspired by the gray rectangles I placed.
Step 4
Next, I started placing text based on the Guides I had created. Use the Text Tool to place text.
Keep in mind the text that you'd want featured in your portfolio. It's generally a good idea to have the title of the piece, the date it was created, and a description. You might also want an artist's statement of some kind to further explain your process or intention.
Let's start with our title. In terms of hierarchy, it should likely be the text with the most visual importance—so I'd like it to be rather large on the page.
Step 5
I decided to add supplemental text, under the title, using the Text Tool. This felt like a great place to have key information that the viewer would need to know right away—like a brief description of what it is and the date of creation.
Again, think about hierarchy. This is more supplemental type, so I made it smaller.
Step 6
Now, let's add two spaces for some more supplemental type—this could be a great place for additional comments, insights, or statements on the work. Again, use the Text Tool. I wanted this type to be the smallest because it is meant to be the most supplemental—it's our body copy.
Step 7
To push the aesthetic further, I decided to add some lines using the Line Tool. Note that they are inspired by the existing layout elements.
The Guides, in the example below, have been Hidden (via View > Grids and Guides > Hide Guides) so it's easier to see the lines.
Step 8
The footer area could include any supplemental information you like. In the case of my composition, I decided I wanted to stick with page numbers.
To insert page numbers, first create a Text Box using the Text Tool.
Then, go to Type > Insert Special Character > Markers > Current Page Number.
You'll notice that they read "A"—this is OK! Remember, we're working in A-Parent, a Parent Page, so that technically is the page number.
I decided to make my page numbers large, but a light gray, so their low contrast helps keep them supplemental in the hierarchy.
Step 9
Finally, let's insert some imagery. Select the Rectangle Frame that you want to place your imagery into. Then, go to File > Place, and select your image.
Double-click on the Rectangle Frame to toggle between selecting the frame itself and the contents inside it. You'll know you've selected the contents when the border around it is in red.
Resize and adjust your imagery until you're happy with how it's cropped.
Step 10
Repeat this process for your other rectangle frames. You could use these spaces for close-ups or other shots of your work.
3. How to Apply the Parent Pages of the Architecture Portfolio Design
Step 1
Let's move on to the next step in how to make an architecture portfolio. Now that we've created a layout within a Parent Page, let's apply our Parent Pages to our Active Pages.
First, Create New Pages. Let's make sure we have three pages in our Pages panel. Click on the New Page icon in the Pages panel to create a new page.
Step 2
Notice that your pages have an "A" Icon on them. This means they are derived from our A-Parent Page.
To further illustrate this idea, select the first page in your document. Then Select [None] in your list of Parent Pages and drag it to your active page. You'll notice that it goes blank—because, now, it isn't derived from any Parent Page.
Step 3
Let's go to Page 2 and 3 of our document. You'll notice that these two pages are derived from A-Parent Page.
However, when you try to click on parts of your architecture portfolio layout, nothing will happen. It's all locked up.
To make edits locally, within individual pages, hold down Shift-Command (on Mac) or Shift-Control (on PC) while clicking on an element of your layout. This will make it editable.
Step 4
Let's test this premise out by inserting new portfolio imagery into pages 4 and 5 of our InDesign portfolio template.
First, create two New Pages.
Step 5
Then, select the image areas by holding down Shift-Command (on Mac) or Shift-Control (on PC) while clicking.
Double-Click to select the contents of the Rectangle Frame and Delete it.
Remember, we're deleting the contents here—not the frame itself!
Step 6
Now, let's insert our imagery. Select the rectangular frame. Go to File > Place, and then select your image file.
Now, you should have a new image in this rectangular frame—the one from our template has been replaced.
Step 7
Repeat this process in the other image areas in your architecture portfolio layout. You could use the same image, close-up shots, or a different, applicable supplement here. Again, it's up to you and what's best for your portfolio presentation.
4. How to Create an Architecture Portfolio Cover Page
Step 1
Now that we've created our interior pages and practiced editing them for different portfolio pieces, let's make an architecture portfolio cover for our work.
Before we begin, just a note—make sure to ask your printer about any questions or file requirements that might apply to your project. For example, your cover will vary from your interior, as it has a spine. Adapt your composition as needed.
Let's start by creating a New Parent Page. It should be called B-Parent, and it will likely appear as a two-page spread by default.
Step 2
Delete one of the pages in B-Parent, so you're left with a one-page spread. This is going to be the front of our architecture portfolio cover page.
I wanted the front cover to feature some compelling imagery. A cover often has to compel the reader to open the book up—so it's time to shine!
Place the imagery by going to File > Place. Adjust the rectangle frame and Crop your work as desired.
Step 3
Then, I added a rectangle frame on top of the imagery with a White Fill.
To add transparency, select the rectangle frame and Right Click (on PC) or Control Click (on Mac). From the resulting dropdown menu, select Effects > Transparency.
I set my Transparency to 90%.
Step 4
Next, I added some type using the Text Tool and a line using the Line Tool.
You could place any type here that you find most appropriate—but feel free to follow my example on this! Remember, there's no wrong answer—you know what's best for your architecture portfolio design! This is your time to shine.
Step 5
I decided I wanted the back cover to be more supplemental.
Create another New Parent Page for the back cover. This one will be called C-Parent.
Again, delete one of the pages in C-Parent, so we have a one-page spread.
Step 6
Since this is the back of the booklet, I placed an image but left it small, and reused the contact info from the architecture portfolio cover page (front side), using the Text Tool.
My goal was to create something supplemental yet uniform with the rest of the InDesign portfolio template.
Step 7
Now, just like with our other Parent Pages, we can apply B-Parent and C-Parent by clicking and dragging them to an active page.
Create a New Page, so our document ends with Page 6.
Page 1 and Page 6 are single pages—apply the front and back cover to these pages.
5. How to Use Your Architectural Portfolio Samples
Step 1
Now that we're wrapping up our architectural InDesign portfolio template, how do we use it?
You could save your work as an InDesign File (or INDD file), but you could also save it as an InDesign Template file (or INDT file).
When you go to save your work (by going to File > Save), you can find these options under Format.
Step 2
What's the difference? Unlike a "standard" InDesign file, an InDesign Template file can either be opened as an "original" (where you edit the template itself) or as a copy—where a new, untitled document is opened, based on your template.
See how that could come in handy?
And There You Have It!
Thanks so much for joining me on this tutorial on how to make an architecture portfolio! Hopefully, you have some extra insight into how to create a portfolio or how to make a brochure design. I hope you found these techniques helpful—good luck with your portfolio, and your creative projects!
Top InDesign Architecture Portfolio Templates From Envato Elements
Looking for some extra inspiration, or even some extra help? Check out these InDesign architecture portfolio examples from Envato Elements—these templates are ready to go, and they could make a great addition to anyone's collection. Brochure templates can prove to be really versatile, too!
1. Architecture Portfolio Template InDesign (INDD)
With 20 different pages, this InDesign template is one of the best architectural portfolio examples. Its clean design could also work for a multitude of varied projects, from illustration to graphic design. Check it out!
2. InDesign Architecture Magazine Template (INDD)
This beautiful, stylish magazine layout could be easily adapted for your portfolio or other print project. If you're looking for great architectural portfolio samples, this could fit the bill.
3. Portfolio Template InDesign (INDD)
I love the long, horizontal orientation featured in this portfolio booklet. There's so much space here to showcase your work in a clean and well-organized way. As far as InDesign brochure templates go, this one is a winner.
4. Architecture InDesign Brochure Template (INDD)
Warm colors, transparencies, and clean design—this template is one of the best architectural portfolio examples. Just drop in your content, and you're ready to go—or use it as a springboard for a new take on this composition.
5. InDesign Portfolio Template (INDD)
I love all the negative space in this portfolio design! It's a classy, timeless look that would suit almost any kind of work—architectural or not! It's large format, at 8.5" x 11", and includes 16 different pages.
If you enjoyed this landscape architecture portfolio template tutorial, here are some others to check out!
How to Make Stylish Layouts for a Portfolio Template in InDesign
26 Creative InDesign Portfolio Templates (Best for 2024)
How to Make a Portfolio Brochure Template in InDesign
How to Make an Attractive PDF Photography Portfolio
42 Best InDesign Template Tutorials
10 Best Free InDesign Brochure Templates (Download Creative Designs 2024)
How to Make an Interactive PDF in InDesign Using Hyperlinks
Adobe InDesign for Beginners
By
