EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

InDesign portfolio template

Home » Design » Design Tutorials » Design Basic Tutorial » InDesign portfolio template

InDesign portfolio template

Introduction to InDesign portfolio template

InDesign Portfolio Template can understand as designing the layout of the portfolio with all important details which provide the all information of the particular professional for which that portfolio is designed. In this software, we use a number of elements for the design portfolio template and these elements include images of different types of work done by that professional for which that portfolio is, text content that provides details of the work for proper understand about that work. Here in this software, I will tell you about some of the basics techniques through which we can create our own portfolio template with our own idea.

How to Create Portfolio Template in InDesign?

For designing a Portfolio Template we must have knowledge about the professionals for which that portfolio will work and according to that, we should include design elements as well as text content. Here I am going to create a portfolio layout design for a Graphics Design. It is not necessary that a portfolio only belongs to any person it can also create for any company for advertising purposes and so on.

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Here I will take an A4 size document of the Web section from the New Document dialog box of this software.

InDesign portfolio template output 1

I will take Landscape orientation for creating this layout.

InDesign portfolio template output 2

I will take 5 pages for now but you can decide the page numbers of your document according to how many details and your work you want to show in your portfolio.

InDesign portfolio template output 3

I will enable the Facing Pages option of this dialog box because I want side by side page in this portfolio.

InDesign portfolio template output 4

Now we will have this type of document page. The first page will be the cover page of our portfolio. So let us design it first.

Popular Course in this category
Sale
Maya Training (10 Courses, 7+ Projects)10 Online Courses | 7 Hands-on Projects | 100+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.7 (11,127 ratings)
Course Price

View Course

Related Courses
Photoshop Training (9 Courses, 12+ Projects)After Effects Training (1 Courses, 3+ Projects)

InDesign portfolio template output 5

I will divide it into two sections and for that, I will drag a guideline from the vertical ruler of the user screen of this software. You can find this ruler on the left side of the display window. After dragging guideline you can leave it anywhere on the page.

InDesign portfolio template output 6

And after that I will go to Properties panel which is at the right side of the use screen.

InDesign portfolio template output 7

You can find this panel in the scroll-down list of the Window menu also.

InDesign portfolio template output 8

Here I will enter the value as 300 px in the x distance of the Transform option and it will place my guideline at 300 px.

InDesign portfolio template output 9

Now in the right side section of this page, I will create a rectangle and choose this color as the fill color of it.

InDesign portfolio template output 10

After that, I will take the Type tool and draw a text frame then type the heading of the Portfolio. For example, I am creating this portfolio for a graphics designer so I will name it Graphics Designer PortFolio.

InDesign portfolio template output 11

Now I will make some formatting so that it will create an effective look. You can also add some other design elements to the cover page. For example, I will create some shapes at the left side of this page for making it attractive. You can also add details of your expertise area here.

InDesign portfolio template output 12

Once you are satisfied with your cover page design jump into other pages. I will design only one page for your reference so that you can have an idea about what things we should add to the next pages. I will divide this page into four sections as we have divided in previous using guidelines.

InDesign portfolio template output 13

Now I will take the Frame tool and create two frames like this. I have created these two frames for placing work images that were created by me. You should place images that express your working as well as creative skills to the viewer.

output 14

For placing the image into the first frame I will go to the File menu and click on it. Here choose the Place option from the scroll-down list of it or you can press Ctrl + D as is shortcut command.

output 15

Now I will go to the location where I have saved my work and choose one of the works which I want to include in this portfolio.

output 16

Now it will come into the selected frame and I will fit it into this frame. For that, I will make right-click on it and go to the Fitting option then choose the ‘Fit Content to Frame’ option from the new scroll-down list of it.

output 17

So this way I have placed two images of my work one is of advertisement poster and the other is an illustration poster.

output 18

I will create a background of this page and for that, I will create a rectangle of this size and have a gradient on it.

output 19

Now I will make right-click after selecting this background rectangle and go to Arrange option of the scroll down list then click on the ‘Send to Back’ option of the new scroll down list or you can press Ctrl + Shift + [ buttons of keyboard.

output 20

Now I will down the opacity value of this rectangle up to 40% from the Opacity option which is at the top of the user screen.

output 21

Now I will add Project Name here that will be related to this image. If you haven’t work on any project then you can just simply add the type of your work with which that placed image is related.

output 22

Now I will also choose a good font style for this text and change its color to something dark shade of blue.

output 23

Then I will add the name of the project and change its color to white.

output 24

Now we should give an explanation about the work of which image we have a place here in the separated text frame.

output 25

In the same way, we can provide details of other placed work and you can follow one layout pattern design throughout your entire portfolio.

output 26

Conclusion

Here I have only given you an idea about how you can use elements and features of this software for creating a portfolio template and attach your work to it. Creating a portfolio is totally depends on how creatively you represent your work to others so that it leaves a good impact on them.

Recommended Articles

This is a guide to InDesign portfolio template. Here we discuss how you can use elements and features of this software for creating a portfolio template. You may also have a look at the following articles to learn more –

  1. InDesign Grid
  2. Alternative to Indesign
  3. InDesign shortcuts
  4. InDesign CS6

All in One Design Bundle (280+ Courses, 100+ projects)

280+ Online Courses

100+ projects

2000+ Hours

Verifiable Certificates

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Design Basic Tutorial
  • Basics and Advanced
    • Pro Tools Version
    • Sketch plugins
    • Online Gaming Platforms
    • InDesign eyedropper tool
    • InDesign rounded corners
    • InDesign align
    • InDesign resize image
    • InDesign scripts
    • InDesign export to word
    • InDesign newsletter templates
    • InDesign Magazine
    • InDesign Missing Fonts
    • InDesign line spacing
    • InDesign columns
    • InDesign overset text
    • InDesign data merge
    • InDesign grid template
    • InDesign layers
    • InDesign reset preferences
    • InDesign master pages
    • InDesign layout
    • InDesign portfolio template
    • InDesign invoice template
    • InDesign word count
    • InDesign underline
    • InDesign superscript
    • InDesign presentation templates
    • InDesign drop cap
    • InDesign how to add page numbers
    • InDesign resume template
    • InDesign import pdf
    • InDesign table of contents
    • InDesign change page size
    • InDesign book templates
    • InDesign link text boxes
    • InDesign vertical text
    • InDesign center text vertically
    • InDesign newspaper template
    • InDesign shortcuts
    • InDesign gap tool
    • InDesign paragraph styles
    • InDesign Grid
    • InDesign margins
    • InDesign highlight text
    • InDesign Wrap Text
    • ZBrush ZRemesher
    • Animation Software
    • Principles of Animation
    • 3d Animation Software
    • 3D Modeling Software
    • 3D Software Design
    • 2D Animation Software
    • 10 Quick Tips For Adobe InDesign Users
    • ADOBE FLASH CS6
    • Adobe Lightroom For Free
    • Lightroom Background Color
    • Lightroom?Shortcuts
    • Adobe Premiere Pro Plugins
    • Adobe Speedgrade
    • Install Adobe Creative Cloud
    • Install Adobe Premiere Pro
    • What is Adobe Creative Cloud
    • What is Adobe Illustrator
    • What is Adobe InDesign
    • Adobe Indesign Uses
    • InDesign Background Color
    • What is Adobe Lightroom
    • What is Adobe Muse
    • What is Adobe Prelude
    • What is Adobe Premiere Pro
    • Careers in 3D
    • Careers in 3D Modeling
    • Careers in 3D Printing
    • Best Editing Software
    • Video Editing Application
    • Video Editing Tools
    • Career In Designing
    • Careers in Game Development
    • 3D Printing Models
    • Adobe Editing Softwares
    • Types of Adobe
    • Types of Illustration
    • What is Graphic Design
    • Best Graphic Design Software
    • Best Photo Editors
    • Game Testing Interview Questions
    • VFX Softwares
    • Unity Scripting
    • VFX Companies
    • How To Use Indesign
    • New Features InDesign CS6
    • What is Houdini?
    • Advantages of 3D Printing
    • What is Autodesk
    • Autodesk Viewer
    • Autodesk Navisworks
    • Autodesk Desktop Connector
    • Designers and Architects
    • 2D and 3D Shapes
    • Keyboard Shortcuts for Premiere Pro
    • Unreal Engine Tutorial
    • Best Audio Editors
    • Digital Image Processing
    • What is Motion Graphics
    • What is Digital Design
    • Design Pattern Interview Questions
    • Graphic Design Interview Questions
    • UX designer Interview Questions
    • Is Unreal Engine Free
    • What Is Design Pattern
    • What is VFX
    • What is Audacity
    • What is Unreal Engine
    • What is CATIA
    • What is Blueprint
    • Sony Vegas Pro for Free
    • 3D Graphics Software
    • Best Online Photo Editor
    • Photo Editing App
    • Vector Graphics Editor
    • ArchiCAD
    • ArchiCAD Shortcuts
    • Audacity Keyboard Shortcut
    • Davinci Resolve Shortcuts
    • What is pixel art?
    • Picmonkey Alternatives
    • Adobe Flash Player Alternative
    • Pro tools shortcuts
    • Pro Tools Plugins
    • Architectural Design Software
    • Architectural Design Principles
    • Architecture Design Types
    • Architectural design tools
    • Application of Digital Image Processing
    • Digital Image Processing Fundamentals
    • OpenGL Versions
    • Revit Keyboard Shortcuts
    • Revit plugins
    • Indesign version
    • What is DirectX?
    • DirectX Versions
    • Cinema 4D Plugins
    • Cinema 4d shortcuts
    • Godot Engine
    • Godot tilemap
    • Krita Animation
    • Krita Software
    • Krita Shortcuts
    • Krita eraser
    • Krita brushes
    • Krita Pixel Art
    • Krita Plugins
    • Skencil
    • Fusion 360 Keyboard Shortcuts
    • Anim8or
    • Affinity photo plugins
    • FL Studio Plugins
    • Vectorworks
    • Architectural Design Elements
  • Inkscape
    • What is Inkscape?
    • Inkscape layers
    • Inkscape Crop
    • Inkscape text
    • Inkscape G-code
    • Inkscape mirror
    • Inkscape rounded rectangle
    • Inkscape EPS
    • Inkscape image to vector
    • Inkscape unlock
    • Inkscape Curved Text
    • Inkscape laser cutting
    • Inkscape background color
    • Inkscape arrow
    • Inkscape vector
    • Inkscape animation
    • Inkscape 3D
    • Inkscape SVG
    • Inkscape Dark Theme
    • Inkscape trace bitmap
    • Inkscape gradient
    • Inkscape Greek Letters
    • Inkscape shadow
    • Inkscape snap to grid
    • Inkscape Fonts
    • Inkscape extensions
    • Inkscape PNG to SVG
    • Inkscape Art
    • Inkscape transparent background
    • Inkscape Alternatives
    • Inkscape Remove Background
    • Inkscape text to path
    • Inkscape logo
  • Figma
    • Figma Libraries
    • Figma fonts
    • Figma Plugins
    • Figma grid
    • Figma Alternatives
  • SketchUp
    • SketchUp Keyboard Shortcuts
    • SketchUp geolocation
    • SketchUp animation
    • SketchUp Change Dimensions
    • SketchUp Import
    • SketchUp 2D
    • SketchUp rendering
    • Sketch software
    • Figma Shortcuts
    • SketchUp Layers
    • SketchUp landscape design
    • SketchUp group
    • SketchUp intersect faces
    • SketchUp Rotate
    • SketchUp Architecture
    • SketchUp 3D Models
    • SketchUp Vray
    • SketchUp Units
    • SketchUp garden design
    • SketchUp Layout
    • SketchUp Mirror
    • SketchUp Extensions
    • SketchUp Unhide
    • SketchUp kitchen
    • SketchUp background
    • SketchUp library
    • SketchUp dynamic components
    • SketchUp CutList
    • SketchUp Array
    • SketchUp Woodworking
    • SketchUp resize component
    • SketchUp Ungroup
    • SketchUp Deck Design
  • GIMP
    • What is GIMP
    • GIMP Versions
    • GIMP brushes
    • GIMP line tool
    • GIMP blend tool
    • GIMP clone tool
    • GIMP magic wand tool
    • GIMP 3D Text
    • GIMP healing tool
    • GIMP Layers
    • GIMP Fonts
    • GIMP Toolbox
    • Blur Effect in GIMP
    • GIMP Change Background Color
    • GIMP Floating Selection
    • GIMP?batch processing
    • GIMP Crop
    • GIMP Filters
    • GIMP GMIC
    • GIMP?opacity
    • Animation in GIMP
    • GIMP import image
    • GIMP replace color
    • GIMP text outline
    • GIMP video editing
    • GIMP Alternatives
    • GIMP vector graphics
    • GIMP text shadow
    • GIMP resize image
    • GIMP pixel art
    • GIMP invert colors
    • GIMP GIF
    • GIMP move selection
    • GIMP normal map
    • GIMP remove background
    • GIMP rotate
    • GIMP grid
    • GIMP text effects
    • GIMP erase to transparent
    • GIMP resize layer
    • GIMP Patterns
    • GIMP extensions
    • GIMP blur background

Related Courses

Maya Course

Photoshop course

After Effects Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

4th of July Offer - Maya Course Learn More