Adobe Portfolio Lab



Learning Objectives

By the end of this lab, you will be able to:

  1. activate your work page to generate your first Portfolio collection
  2. add a page to your collection
  3. populate the new page with content using various modules
  4. create external links
  5. add and edit a cover image for your new page

Downloadable Files

If you wish to follow along with the instructional videos, download and extract the zip file containing images and text files.


The requirements for your blog assignment will vary from professor to professor, but when choosing articles it is wise to use reputable sources and choose articles with identifiable authors and content that is recent. Each instructor will share the criteria of what an acceptable article is for your blog assignment, so be sure to ask questions if necessary. This web page and training video will concentrate on how to use Adobe Portfolio to share your researched and written blog with the world.


Follow along as the video discusses the how to avoid common mistakes when writing your blog, creating a citation, and once again working in Adobe Portfolio. You can find the files used in this video at the top of this lab in the section titled *downloadable files*

blog video

Key Points From Video

  1. To activate your work page, click on pages, go to work, and click the switch to activate if it is in the off position
  2. activate work page
  3. The activated work page is called a collection in Portfolio. Since the collection is empty, you will need to add a new page. Open the work page by clicking on it, scroll down to the gray boxes, and click on the add page icon. Enter a title for the page and keep the destination set to work so it becomes part of the collection.
  4. add a page to collection
  5. If you do not want the masthead to be part of your work page, look in the left hand menu while the work page is open and toggle the masthead button to the off position.
  6. Typical modules found within a completed blog page include the image and text modules. When adding images to your blog page, make sure to watch your resolution and aspect ratio to ensure a clean look/design.
  7. To create an external link using text, highlight some text and click on the chainlink icon to create the link. Choose External URL as your link type and enter the entire URL you wish to visit. You will be given the option to open the page in a new tab.
  8. create an external link
  9. Your work page will need a cover image for the new page you just created. If a prompt asking you to create a cover image does not appear, hover over the box representing your new page, click the pencil icon, and choose the option to "edit cover image". Upload an image, and if you wish, upload a second image for the rollover state.
  10. create cover image
  11. If you want to ensure your image has the same aspect ratio as your cover image placeholder, you can check to see which aspect ratio is currently being used by clicking on your work page, navigate to the left menu, scroll down to all collections, click on page covers, and click on aspect ratio to see the current ratio. If you wish, you can also change it to a new aspect ratio.
  12. The video will show you a couple additional options for your cover image, but for an exhaustive look into what you can do with cover images, visit the Adobe Portfolio help page on collections where you will find six different pages just on cover images!