Visual Design Components – Class 1

Based on photo by dhester from morgueFile.com

Based on photo by dhester from morgueFile.com

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

Overview

Welcome to your first class on Create Visual Design Components and Analyse Information and Assign Meta-tags.

This class is a cluster of the two units, but they will be delivered individually with the focus on Visual Design Components.

Visual Design Components will be focusing on the use of Photoshop and the creation of graphic design pieces.

Meta-tags will be focusing on the creation and use of Meta-tags, we will look at why and how you create them.

To pass this class you need to prove that you can cover the aspects below:

Create Visual Design Components

The text is reflective of the Unit of Competency text.

Clarify Work Requirements

  • Clarify what type of visual design components are required
  • Identify factors that may determine or affect visual design concepts, including design techniques
  • Clarify the target audience, and determine format and delivery platform
  • (All points above will need to be discussed with work colleagues)

Generate and Assess Ideas

  • Review media products, designs, images, artwork and other creative sources that may inspire visual design ideas
  • Collect any other relevant information that may influence design ideas
  • Generate a range of visual design ideas and respond to specifications and provide creative solutions to all design issues
  • Make sure the design solution suits the technical specifications of the project
  • Present visual design ideas to team and/or client

Plan Approach

  • Create the necessary visual design components by sketching and using computer software
  • Explore range of typographical and visual design elements
  • Evaluate your concepts against the design brief and your initial design ideas
  • Meet with team and discuss initial design ideas and technical output format meets delivery platform requirements

Produce Visual Design Components

  • Use design techniques to develop the structure of the final design
  • Apply visual design principles and communication principles to produce components
  • Save visual design in a suitable format

Finalise Visual Design Components

  • Review visual design components to assess whether creative solutions meet design and technical specifications
  • Discuss and confirm with relevant personnel additional requirements or modifications and undertake any necessary amendments.
  • Present to client

Analyse Information and Assign Meta-Tags

Identify Requirements For Meta-tags

  • Identify scope and uses of material from previous and existing business and stakeholder requirements process
  • Determine appropriate type and structure of meta-tags, including client needs, requirements and expectations
  • Identify and incorporate new client requirements and expectations

Analyse Material

  • Use analysis and description tools, standards, precedents and techniques that are appropriate, given the nature of the material
  • Ensure analysis of subject content of the material reflects expected client usage requirements
  • Clearly distinguish significant information from minor information
  • Ensure concepts derived from analysis of material are appropriate to the business requirements and intended use

Create Meta-tags

  • Develop meta-tags
  • Ensure meta-tags represent concepts appropriately
  • Ensure meta-tags conform to general conventions and business rules
  • Develop reference structure of descriptors, where required to display relationships to assist clients
  • Enhance meta-tags to meet identified client needs

Test and Monitor Meta-tagging Practices and Procedures

  • Test meta-tagging of material and make changes, if necessary
  • Regularly review meta-tagging practices and procedures to ensure that client needs are being met
  • Regularly review industry developments in meta-tagging and take appropriate action to improve practices
  • Check meta-tags regularly for internal consistency and compliance with established structure, rules and authorities

Please follow the in-class introduction to the unit text and then complete the comprehension task below.

Class 01 Task -CUFDIG304A Create Visual Design Components

Implement Operational Plan – Class 1

Based on photo by hotblack from morgueFile.com

Based on photo by hotblack from morgueFile.com

Link to all Classes     Class 2     Class 3     Class 4

Welcome to your first class of ‘Implement an Operational Plan’.

Please open the presentation below and follow it in class.

Class 1 – Cert IV in PGA – Overview

Comparing Operational and Strategic Planning

In-class discussion on what the words strategic and operational imply:

Strategic: theory, plan, ideas

Operational: practical, the actual doing of it

Looking at strategic and operational planning in the context of:

  • Chess:  the strategy relates to the moves ahead, the player is thinking about a number of combinations. The player will try to determine and anticipate the opponent’s moves, while thinking through a number of moves that would give the player an advantage.
  • Military: the general may think about a strategy of attack, while on a lower level of the hierarchy, the Captain may think about how to implement the orders and how to make it happen.
    This may include thw day to day running of an army, the resource management, the movement of the troops.

Strategic and Operational Planning for an Institute

In teams Use Kangan Institute as an example and list aspects that relate to planning on a strategic level and planning related to the operational level of a business.

Discuss your findings.

View the VMB (Visual Management Board) used by ICT

Students will view the VMB used by ICT and understand how ICT manages the strategic vision of the institute and translates it to an operational level.

If you missed this class you will need to check with your colleagues and teacher on what the VMB was about.

Create Texture in Photoshop

 

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.

Photoshop Class 7 – Assessment Tasks

Link to Class 6     Class 5     Class 4     …      Class 1

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

 

E-Learning Class 8

Link to Class 7     Class 6        Class 5     …      Class 1

E-Learning found on: www.emedicus.co.uk

E-Learning found on: http://www.emedicus.co.uk

Assessment 2

Upload the File: Assessm2_PGA CertIV_v2

Brief

In groups of three develop an E-learning resource that allows local prep children to improve their understanding of the English Alphabet (primary aim of project). The tool should allow the children to have as much exposure to the letters as possible. You will need to develop concepts that explore letter recognition and recreation.

The secondary scope of the project is for the children to learn to type the letters in a QWERTY keyboard.

Team Work

You are required to team up in a team of up to 3 students. There is the option to work alone, but you need to inform me and get confirmation. If your name is not in the list below you need to inform me about the people in your team. Send a message to this blog with names of all the team members.

1 – Goals of the Learning Resource

The overall goal describes what the learner will be able to do after completing the instruction. What will the learner learn?

This could be:  how to write the alphabet, to sing songs in Italian, how to draw animals.

2 – Content of the Learning Resource

The content describes what will be taught in order to achieve the objectives. What content will you include in the resource? This is just a list of points.

This could be:  the alphabet will be available in different styles, animal shapes, as fruits, or the lyrics of Italian songs will be supplied, sketches of animals and photos of animals.

3 – Methods of instruction

The methods of instruction describe how the content will be taught. This is about the specific tools, that you want to use. Mention the use of supportive tools such as sound. Will there be a narrative (a story) told by a voice over or a character (eg a teddy).

How is the learner informed about what to do? What types of instructions are available?

This could be: using video resources to explain the alphabet with sing-along-songs, writing the alphabet on a touch screen by following the shape of the alphabet.

This could be:  individual letters of the alphabet need to be drawn with the finger, the singing is matched up against the original song, the shapes of the animals can be traced with the finger.

4 – Concept for the Interface

Develop the interface as a sketch in pen, pencil or mixed media. Add arrows to describe functions and colours. Scan your concept sketches and final sketch.

Format

This project needs to be submitted in digital paper format, either as a PDF, PowerPoint presentation or a Word document. Include your sketches.

Upload the file to MyKangan.

Due Date:

23/April 2013      

Example of interface interaction - Source: http://developer.android.com/design/media/swipe_views3.png

Example of interface interaction – Source: http://developer.android.com/design/media/swipe_views3.png

Online Class 7

Link to Class 6     Class 5     …     Class 1

Sustainability Assessment Task

Please check today’s entry on MyKangan for this class the Sustainability component of the Online Class.

Source: morgueFile, Photo by matei

Source: morgueFile, Photo by matei

Today’s online class looks at how to integrate sustainable work practice into a print business in Victoria. Use the links provided or research independently:  Greenfinder | Printers on Greenfinder |Thegreendirectory | Sustainability Victoria | SustainableBusiness.com

Please complete the attached file and upload it to MyKangan.

Class 07 Task – Online Units

Typography and Illustrator Class 7

Link to Class 6     Class 5    Class 4      Class 1

Today’s content:

  • Handout and discussion of Assessment 2 – Logo Design
  • Time to work on Assessment 2

Assessment 2

Design 2 Logo concepts for a business called UCV (United Creative Victoria) an imaginary organisation for Designers of different disciplines of Victoria.

Due Date

22/April 2013 – 5:30pm

Please read all the instructions carefully before completing the assessment task.

Brief

Design 2 Logo concepts for a business called UCV (United Creative Victoria) an imaginary organisation for Designers of different disciplines of Victoria.UCV will be located in Victoria Street, Carlton and will hold events for Graphic Design, Industrial Design, Interior Design, Fashion Design and showcase some local Craft, from jewellery to small artefacts. UCV has a global outlook and would like a design for their logo that is modern and timeless. They would like you to base your concepts on Calibri or Bauhaus 93. Combine the type with a symbol.

Tasks

  1. Write a list of information about your client. What do you know about UCV?
  2. Brainstorm the terms: global outlook, modern and timeless. What do they mean? How could that be described visually? Collect your ideas in form of a mindmap or brainstorm.
  3. Sketch concepts for your logo on a minimum of 6 A4 pages (3 A4 pages per typeface). Draw symbols and icons that you could use as inside shapes to cut out of the main letter shapes. Scan your pages.
  4. Select your strongest ideas of your sketches and develop them in Adobe Illustrator. Have 3 versions per concept. Present each concept on an A4 pages (a page for each typeface).

Upload the file on MyKangan. Thank you!

CertIV_PGA_Type_Assessm2