by on

Link to all Classes     Class 1     Class 2     Class 3    Class 4      Class 5     Class 6

Today’s Class

  • Compare the Completed Experience Planner
  • Discuss Assessment 1
  • Homework for Assessment 1
  • Feedback

Compare the Completed Experience Planner

Attached is our experience planner, that we completed in class based on the CentreLink experience: Experience Planner- filled in partly after class 04.

Just to clarify, the idea with this experience planner is to have a more detailed look at the actual experience of a customer or user. This will give you the ability to focus on fixing negative experiences and planning for a positive experience with a product or service.

Discuss Assessment 1

Assessment 1 requires of you to plan an interactive PDF for an event of your choice. Assessment 1 will not require for you to create this interactive PDF, you will just plan for it.

Interactive PDFs and apps are good ways to promote events. We will focus on the creation of an interactive PDF in this class. Events can be promoted with style in this format. It allows for the promotion of the event and sponsors. Links to websites, addresses, phone numbers, embedded videos, there are a lot of options to include hypermedia elements in a PDF.

Example of interactive PDFs: Adobe Magazine, Font Magazine, Know-It-All Guidebook to King West, Vektoria Magazine, Blanket Magazine Revolution Art Magazine, Revolution Art Issue 40,

Ideas for Events

In class we discussed ideas for events:

  • Parties
  • Film Festivals (MIFF, French Film Festival, German Film Festival, Italian Film Festival, …)
  • Food Festivals (Melbourne Food and Wine Festival, Festivale, Tasting Australia, Great Barrier Feast, …)
  • Music Festivals (Stereosonic, Summadayze, Big Day Out, Soundwave, …)
  • Sport Events (Skateboard Event, Football World Cup 2014 in Brazil, Olympics, Melbourne Cup, …)
  • Health Events
  • Holiday Resorts (for tourists)
  • Fashion Week
  • Cultural Festival (Phil Fest)

Ideas for the Style, Look and Feel

To set yourself apart from the rest it is important to create work that is visually inspiring and in a style that appeals to the right target audience, but that is also within the spirit of time or contemporary. Be careful not to create the same old and to do something that you were inspired to by a software tutorial. The result would be most likely boring.

Look at contemporary design ideas and influences. Start your search in my links: Links to Inspire You (at the right side of this blog) include links to sites such as:

Each of these sites is filled with great inspirational designs! Use their Search tabs to access their databases.

Post on Retro Style Graphics on www.dzineblog.com - click image for link
Post on Retro Style Graphics on http://www.dzineblog.com – click image for link

Other ways to find inspirational designs and contemporary graphics

Look for the works of contemporary graphic artists and designers:

Jamie McKelvie

Jamie has a comic artist and illustrator. His works are interesting plays on figure/ground relationship (or positive and negative space).

If you look at the illustration below, her body is very abstract and basically just made up of a number of diagonal lines. Her shoulder and upper body are shown in shape, but towards the lower end of the shirt the lines are just left unfinished. I find this an interesting treatment and the illustration appeals.

The star in the top right is a cutout of the the diagonal lines, which are already very dynamic. The title has been highly stylised. The texture has an aged, scratched finish and the arrangement of the type is very interesting, it looks like display type used in a shop front.

Illustration: Jamie McKelvie - Suburban Glamour Comic Series
Illustration: Jamie McKelvie – Suburban Glamour Comic Series
Illustration: Jamie McKelvie - Art Brut Record
Illustration: Jamie McKelvie – Art Brut Record – Found at McKelvie’s Flickr account (click image)

Children’s Book Illustrations

There are many different styles of children’s book illustrations. One thing they all have in common is their target audience: children. That is what makes them so unique and often you can sense a desire in the illustrator to add a lot of story telling qualities and depth to the characters.

The interesting thing about children’s books as a source of inspiration is that you can search by designer or era.

You might be surprised that iconic graphic designer Saul Bass illustrated a children’s book. ‘Henri’s Walk to Paris’ was published in 1962 and if you look at the pages you will recognise the style of Bass. I strongly believe that children should be exposed to good graphic design ideas. I don’t mean the theory, but the children’s book should be inspiring. Below are some pages from ‘Henri’s Walk to Paris’.

From 'Henri's Walk to Paris' 1962 - children's book by Saul Bass Found at: Brainpickings.org
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org
From 'Henri's Walk to Paris' 1962 - children's book by Saul Bass Found at: Brainpickings.org
From ‘Henri’s Walk to Paris’ 1962 – children’s book by Saul Bass Found at: Brainpickings.org

The Street Art of Jef Aerosol

A Beautiful Piece by Aerosol found on his Facebook
A Beautiful Piece by Aerosol found on his Facebook

Look at GUI Design Trends:

There is a clear move towards touch interfaces, due to tablets and other mobile trends. This can be seen in the Windows 8 Metro interface and latest trends in the Xbox 360 interface.

Windows 8 Metro Interface - Courtesy of www.geeky-gadgets.com
Windows 8 Metro Interface – Courtesy of http://www.geeky-gadgets.com
Xbox 360 GUI - Courtesy of www.engadget.com
Xbox 360 GUI – Courtesy of http://www.engadget.com

Google Search for Contemporary Graphics:

Google Search for Contemporary Graphics
Google Search for Contemporary Graphics

Google Search for Retro Futurism:

Retro Futurism - Click the image for a Google Search

Search for specific events – example Stereosonic

Stereosonic 2011
Stereosonic 2011

Search for specific technique: Photomontage

Artform that became extremely popular in the early 20th Century. Particularly popular in German Expressionism and Dadaism. Click the images for links to the original images or sites:

Photomontage: Amir Ebrahim Photography

Photomontage: Amir Ebrahim Photography

Massive Attack - The Essential Mix

Massive Attack – The Essential Mix

Homework for Assessment 1

Please complete the tasks below for next class:

  1. Pick an Event
  2. Find 10+ images for a style/feel that you like for the interactive PDF
  3. Write down events + locations for the event (relevant to your event)
    • eg: Skateboard Week
      • events
      • shops
      • cafes
      • parks
      • map

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

by on

Link to all Classes     Class 1     Class 2     Class 3    Class 4     Class 5     Class 6

Today we will look at:

  • Creative Commons
  • Layer Blending Modes
  • Layer Masks
  • Gradient Tool and Layer Mask
  • Today’s Task

We will focus the majority of today’s time on you practicing Photoshop. After the completion of your tasks I will expect you to stay and practice more. Class time is the time when I will be able to assist and the time for you to experiment with the software.

So, today we will have fun and afterwards will have some more fun until the imaginary bell rings to announce the end of class.

Creative Commons

Creative Commons or the Creative Commons License relates to a way to distribute content, such as photos and other images for free. Last week’s sample photo of the Ameland geese by F Schouwenburg is under the Creative Commons License.

Source: Flickr - photographer: Frans Schouwenburg
Source: Flickr – photographer: Frans Schouwenburg

Creative Commons are generally used for non-commercial and educational purpose. If someone makes a profit with a product they should pay for the image they use.

Generally, the author, creator or owner of the content needs to be mentioned. So, in short, when using images from Creative Commons sources ensure that you mention the source of your image.

This can be done in various ways. One would be to place a tag underneath the image with the source as you see it done in this blog.

CConFlickR
Creative Commons on FlickR

There are different forms of Creative Commons and it pays to read the details beforehand. To the right is another example from FlickR:

Examples of Creative Commons Resources

Try out the Links to Creative Commons to the right of this post:

Your task: find a photo to suit the themes Urban environment and blue skies with each search and download the image. Include the meta data of the photographer and source of website with the photo.

Try this link for more Creative Commons information.

Layer Blending Modes

First start a new Photoshop document. Place one of your new photos into it. Place your second photo as well.

The Layer Blending Mode can be accessed through the Layers panel. A text box (Win) with the word Normal or a small button (Mac) indicate the Layer Blending Mode box.

Look at your layer blending mode with the top layer active. Try the layer blending modes below and see how amazingly easy Photoshop lets you change the appearance by creating a blend between two images.

Now click on this link and access the tutorial on Layers TV Episode 105 about how to use the Layer Blending Mode.

Layer Mask

If you completely watched the tutorial in the link above, you will already know how to create a layer mask and can proceed to the task for today.

Last week we looked at clipping masks and today we look at a layer mask. The process is very similar. Make a selection on your active layer and click on the Layer Mask button (add a layer mask) beneath the Layers panel. Your selection is still visible and the rest has disappeared.

You can also create a layer mask from a selection by going to the main menu: Layer>Layer Mask>Reveal Selection. (see image)

Layer_Mask

Alternatively (press Ctrl+Z or Cmd+Z) you can hide what you have selected: if you use the Layer Mask button press Alt at the same time to hide your selection with the Mask. You can do the same from the main menu: Layer>Layer Mask>Hide Selection.

While the layer mask is selected you will be in the mask mode. You can use the brush to add or take away from your layer mask. If you use the brush (while in mask mode) you can  make parts disappear by drawing with black as foreground colour. You can equally make things reappear by drawing with white as foreground colour.

Using Gradient Tool with Layer Mask

A good tool to use is the gradient tool with the layer mask. You can create a gradient mask that way, which means the image will gradually become invisible. See image below.

French Ancient City Banner
French Ancient City Banner – Source: Image Base – Free Stock Photography Click the image as a link.

You can see the gradient used on the right part of the image. This is how you do it:

  1. Create a new document (use dimensions below)
  2. Place an image and change size as you see fit (press Enter)
  3. Create a layer mask (click the layer mask button)
  4. Activate the gradient and drag from one part to another within the imageIf white is your foreground colour the image will become invisible in the direction of your dragging. If black was your foreground colour the image will be invisible on your first point and become visible in your dragging direction.

For a more detailed tutorial on how to use the Layer Mask in Photoshop go to: PhotoshopEssentials.com

Today’s Task

Create a banner for a website using two images that blend into each other (use Layer Blending Modes and Layer masks) with a title, either use your name or an imaginary title.

Image by Alvimann found on morgueFile.com
Image by Alvimann found on morgueFile.com
Image by Noboru found on morgueFile.com
Image by Noboru found on morgueFile.com
Urban Stories Banner by F.Viola
Urban Stories Banner by F.Viola

The images must suit the themes:

  • Urban environment
  • Blue Skies

Dimensions of banner: 980px(width) x 174px (height) 72ppi (resolution)

Task_New Document

Add a title to the banner, that preferably also blends with the background images. Save the file as a PNG file. Keep a copy of this file and the 2 images that you have used. Upload your work onto MyKangan.

Examples of Student Submissions:

Layer Blending Masks Banner
Banner by Vlad K
Banner by Yong Wu
Banner by Yong W
Banner by Mike T
Banner by Mike T

by on

Link to all Weeks     Week 2     Week 3     Week 4      Week 5     Week 6     Week 7

Today’s Class

Due to me being sick I would like you to work individually through Google’s SEO Starter Guide.

Google Search Engine Optimisation Starter Guide

Please work through pages 14 – 19 on your own. This will include information on how to write better anchor text and how to write descriptive alt attributes for images.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

by on

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Sorry, I will not be able to run this class in front of you. I did get very sick late last week and it is still holding on. As a result today’s class will be a pure online class.
  • Designing a Holistic Customer Experience
  • Completing last week’s Experience Planner
  • Design the experience for a product of your choice
  • Feedback

I WILL POST THIS AT 7:30AM AND POST UPDATES THROUGH THE DAY WITH MORE DETAILED EXPLANATIONS

Designing a Holistic Customer Experience

Let us recapture some of last class:

  • When we plan for a multimedia production (or any type of production really) we should plan with the customer or user experience in mind. This means that we actually design the playground for the customer experience.
  • Good design tells a story!
  • What story will your design tell?

Completing Last Week’s Experience Planner

Please complete last week’s experience planner: Class-02-task – filled in partly after class 02.

Design the Experience for a Product of Your Choice

Now, try to apply the Experience Planner to a new product.

The new product can be a website: so, imagine a new website. Write down a few facts: name and purpose (be descriptive for the purpose), service/product (what will the user get from it), other aspects.

Apply the experience planner to this website! Give it a fair shot and complete all points! Take your time to do this and do not rush it like a task that is annoying, but savor it like a task that anticipates the pleasures that your future users will have.

Use the same template.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

by on

Link to all Weeks     Week 1     Week 2     Week 3     Week 4      Week 5     Week 6

Today’s Class

Due to me being sick I would like you to work individually through Google’s SEO Starter Guide.

Google Search Engine Optimisation Starter Guide

Please work through pages 10 – 13 on your own. We will discuss anything in class that you did not understand. The XML file might be new to you.

On paper: try to create a directory or folder structure for your own website. Allow for a similar amount of folders as in the example on page 10. Do not just copy their names, but create folders that apply to a site of your own (use the examples of what we worked on in class or use something like Juanita’s School of Spanish.

Look up the links in SEO Starter Guide.

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

by on

Link to all Classes     Class 1     Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Printing Methods – Teamwork
    • PowerPoint Presentation
  • Paper Finishes

Printing Methods – Teamwork

We will continue viewing the second presentation/s from last week by Hwan, Nawras and Maryam on: Web, Flexography and Digital Printing.

Paper Finishes

When completed we will look at more print related terminology. Please open the documents below, I will discuss them in class.

Today we will focus on paper finishes. Follow my in-class instructions.

Sources of information:

Print Related – Graphic Design School   MediaWorks-Chapter3

You might also visit the K.W.Doggett Site. The paper sample that I have brought in is from there.

Source: http://www.colorproprint.com/blog/
Source: http://www.colorproprint.com/blog/

Homework

Well, it is not much of a homework rather than following up on this class :

  • View the presentations of student works below
  • Read through the document: MediaWorks-Chapter3 – pages 2-6 (Page Layout Basics, Paper Stock, Printing Methods)  and write down any questions that you have for class

Student Work

Below are PowerPoint Shows by students researching Printing Processes:

Three Printing Methods by Annabel and Lylah

Three Printing Methods by ‘Hwan’ Sukanit R

Web Printing by Maryam C

Flexography by Nawras S

by on

Link to all Classes     Class 1    Class 2     Class 3     Class 4      Class 5     Class 6

Today’s Class

  • Introduction to Delivery Format
    • Looking at RAE
    • Looking at MyKangan
  • Introduction to the Content
  • In-class Task

Introduction to Delivery Format

Good morning and my apology that I am missing today’s class.

This class will be delivered in 2 hour schedules every Monday morning. The content will be posted on this blog as well as on MyKangan. Tasks, discussions and research will be conducted inside the 2 hour slot and at home.

You are expected to work towards goals independently and to be able to operate as part of a team. In a work place you will sometimes be lucky to work with people that you easily get along with, but unfortunately you might often have to work with people that you might not easily get along with. A professional looks beyond this and finds ways to function in a professional environment with a range of personalities.

Assessments:

Important: You need to submit all your assessments on MyKangan. It is your responsibility to follow up due dates and access to MyKangan.

  1. Day 1 Task – this task is a simple comprehension task to establish student participation. (due: after the first class
  2. Assessment 1 Multimedia Industry
  3. Assessment 2 Multimedia Industry

RAE – Research and Exploration or Class of Federico

This blog will be or main form of contact. It will be accessible from anywhere as long as you have internet access.

The web address is http://www.classoffederico.wordpress.com, and the name is RAE – Research and Exploration – Never Stop Learning or Class of Federico.

Make sure to leave comments on a regular basis. Any questions that you have can be posted as a comment. The posts for each class will be released prior to the class and in some cases the evening before.

A link above the blog’s banner with the title ‘New Cert IV PGA’ will let you access all classes and posts according to class.

RAE has many links listed to improve your learning experience. Links for Learning is filled with great websites. Please explore these links for 10 mins or so. Find an interesting post or article and write in 2 – 3 sentences what it was about. Provide a link and post both – the link and the 3 sentences as a comment on this post. Leave your name and e-mail address. The e-mail will not be published.

Adobe TV
Dzine Blog
Computer Arts Magazine
Shortcutworld

Make sure to explore the links when you have some free time. The best learning is done by yourself exploring and questioning.

MyKangan

MyKangan is Kangan’s content delivery platform for all classes. You will find all the content on MyKangan and as stated before: you will submit your assessments here.

To access MyKangan please open Kangan’s student portal and click on MyKangan. Next find the class by unit title. This can be a bit hard to see, so make sure to know the unit titles.

I will run you through this in person.

This is also where you will submit your assessments. You will find hyperlinks with names such as Submit Assessment  1 here.

You can send messages to your teacher and you can leave comments as well. I am always open to suggestions, so please feel free to forward ideas about content or software that you would like to cover.

Any questions?

Introduction to Content

These units will be covered:

Please click on the link to view the Unit of Competency Text.

In-class Task

Open the two files below and complete the task for today. Use the text provided ‘MediaWorks – The Industry Guide’ as well as other resources (including the Internet). Please e-mail me the completed document.

Class Task – Print Terms 01

MediaWorks-Chapter3

Feedback

Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!

by on

 

This is a Basic Photoshop Tutorial

  • I used CS5, but this tutorial will work on all recent versions
  • The tutorial is written for IBM PCs, if you are using a Mac convert the short cuts:
    • Ctrl becomes command
    • Alt becomes option
Based on photo by kconnors from morgueFile.com
Final product! Based on photo by kconnors from morgueFile.com

In this tutorial you will learn to

  • create a file for the Web,
  • place an image,
  • place a semi-transparent layer on top,
  • adjust the size of an object,
  • add text,
  • group layers,
  • make text ‘punch through’ a background
  • save a file for web purpose

Step 1 – New Document

Create a new document (Ctrl+N or File>New…) and use these settings:

  • Preset: Web
  • Size: 620 (w) x 411 px (h)
  • Resolution: 72 ppi

This is a fairly small size and you can go for a larger size if you wish (eg 800 x 530px). I chose a small size to keep the file size small.

Insider joke: do not use Ctrl+End, but Ctrl+N (Feray and Cliff will understand)…

Step 2 – Save Image

Click the image of Sydney Harbour Bridge (by kconnors and found on morgueFile.com) for this tutorial and save it to your computer or USB. Preferably you want to get a large enough file to work with. So, click on the image and follow the link, select Download Image on morgueFile.com.

Photo by kconnors on morgueFile.com
Photo by kconnors on morgueFile.com

Step 3 – Place Image

Place the photo in your document (File>Place and find the file).

After placing adjust the size to fit in your image window. Make sure to hold Shift while adjusting the size (by shifting the corner points). Hit Enter to except.

Drag from corner points and hold shift to maintain same ratio.
Step 3 – Drag from corner points and hold shift to maintain same ratio.

Step 4 – Create a New Layer and Fill With White

Create a New Layer

  • Press Ctrl+Shift+Alt+N (yes this is a looooooooooong shortcut) or click on the icon for New Layer in the Layers panel.

Fill the layer with white

  • Press Shift+F5
  • Select White at 70% Opacity

You can change the opacity in the Layers panel later.

Step 5 – Change Size of White Layer to Small Banner

Use the Free Transform function (Ctrl+T or Edit>Free Transform). Follow the instructions in step 3 in regards to changing the size. Reduce the opaque white background to the size of a banner and press Enter. (See image)

Drag the centre points down and up to be left with a banner, next press Enter.
Step 5 – Drag the centre points down and up to be left with a banner, next press Enter.
The underlined text and insertion point at end of the word indicates that you are still in the type mode.
Step 6  – The underlined text and insertion point at end of the word indicates that you are still in the type mode.

Step 6 – Type the Title

Use the Type Tool (T) and using capitals, type ‘SYDNEY HARBOUR BRIDGE’.

  • Font: Pick a Sans Serif, eg Century Gothic
  • Dimensions: something that fills the page, eg 46 pt.
  • Click on the tick on the top right hand side of the page or click on the move tool to exit the type mode.
  • Now you can use the , or use the Free Transform (Ctrl+T) to adjust the size.

Step 7 – Group the Layers

  • Click on your Type layer to select it
  • While holding Shift click on the layer with the banner (most likely Layer 2) – this should select both layers.
  • Press Ctrl+G to group the selected layers.

Step 8 – Blending Options

  • Access the Blending Options by double clicking on the Type layer. Click on the blue, high lighted area around the title. It should open the Blending Options/Layer Style window.
  • Change the Fill to 0% and the Knockout to Shallow.
  • Press OK.
Change the Fill to 0% and the Knockout to Shallow.
Step 8 – Blending Options – Change the Fill to 0% and the Knockout to Shallow.

Step 9 – Save the File

Save it as a PNG and select interlaced. Finito! Benissimo!

by on

 

Photo by photojock on morgueFile.com
Photo by photojock on morgueFile.com

Content for Today’s Tutorial

  • Create Metal Texture
Example in Century Gothic The second one with a Photo Filter in 25% blue
Example in Century Gothic
The second one with a Photo Filter in 25% blue

Metal Texture

This tutorial is about creating a stainless steel texture with a brushed surface (similar to the image above) and apply it to a line of text.

Step 1:

Create a new document (Ctrl+N) and use these settings:

  • Preset: Web
  • Size: 1280 (w) x 1024 px (h)
  • Resolution: 72 ppi

Step 2:

Use the Type Tool (T) and using capitals, type a word that relates to metal (the material) or signifies strength. You could even choose the name of a Metal band. I choose the word: ROYAL.

  • Font: Pick a Sans Serif, eg Century Gothic
  • Dimensions: something that fills the page, eg 280 pt, or use the Free Transform (Ctrl+T) to adjust the size.

Step 3:

Select the shape of your word, create a new layer and fill the selection with 50% Grey, then with Noise.

  • Hold Ctrl and click on the thumbnail of the Text layer (in the layer panel) to select the shape of the text
  • Create a new layer (Ctrl+Shift+Alt+N)
  • Fill the selection with 50% Grey – Press Shift+F5, Select Grey at 50%
  • Fill the selection with Noise: Filter>Noise>Add Noise
    Amount: 100%, Distribution: Gaussian, tick Monochromatic

Step 4:

Apply Motion Blur

  • Apply Motion Blur Filter>Blur>Motion Blur
  • pick an angle that appeals to you (eg horizontal = angle:0)
  • Distance: pick a distance that creates long lines (I used 48 px)

Step 5:

Fill the text with 50% Grey. The edge of the text has become a bit see through.

  • Press Shift+F5
  • Select Grey at 50%
  • Select Behind for the Blending Mode

Step 6:

Use Curves to lighten the image up a bit.

  • Ctrl+M or Image>Adjustments>Curves
  • Manually adjust the curve

Step 7:

Use Bevel&Emboss to add depth to the text.

  • Double-click on you Type layer (around the title, not on the title – this should open the Layer Style/Blending Options.
  • Select Bevel/Emboss and change the settings
Bevel & Emboss - just an example
Bevel & Emboss – just an example

Step 8:

Save it as a PNG and try the same with a variety of (=5) different fonts.

When complete combine all the fonts on a page for presentation.

by on

Link to Class 6     Class 5     Class 4     …      Class 1

Photo by Seemann on morgueFile.com
Photo by Seemann on morgueFile.com

Content for Today’s Class

  • Create a PDF form (upload the example on MyKangan)
  • Assessment – Portfolio of in-class work

PDF Form

Upload the file below and create form fields using Adobe Acrobat Pro. Make all blue text fields, the name and date active.

Next fill all the data in and save and upload the file to MyKangan.

Due Date: 3/5

Sample Task

Assessment – Portfolio

STEP 1: In Photoshop or Illustrator create a PDF portfolio page like the sample. Dim: 1024 px x 1645px x 150 ppi (resolution). (These dimensions are more a guideline and you can vary it if you have a different idea for your layout)

Include:

  • 1 image from Class 6 (Task 2 – applying image adjustment functions the image of Matthew Bridges is below)
  • 2 images from Class 5 (Tasks 1 and 2 – combine image of monkeys with image of window and put new screen onto the computer of the girl)
  • 2 images from Class 4 (Create a banner and create a clipping mask with your initials in front of image of birds)
  • place a banner of your own work on top or use an image from morgueFile (please state the name of the photographer)
  • a title (Portfolio of Work)
  • your name
  • save the file as a Photoshop PDF or Illustrator PDF

STEP 2: Create text fields in Adobe Acrobat Pro and add descriptions to your work. The descriptions need to state what tools and functions you used.

STEP 3: Save the final PDF and upload to MyKangan.

See example of Portfolio:

Photoshop Portfolio

Photo by matthewbridges on morgueFile.com
Photo by matthewbridges on morgueFile.com