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

Typography and Illustrator Class 6

Link to Class 5         Class 4       Class 3      Class 1

Menu of Yong Green Food , Fitzroy, MelbournePhoto: F. Viola

Menu of Yong Green Food , Fitzroy, Melbourne
Photo: F. Viola

Today’s content:

  • Handout and discussion of Assessment 1 – Typographic Collection
  • Time to work on Assessment 1

Assessment 1

You will need to produce a typographic  collection in digital format.

Due Date

15/April 2013 – 5:30pm

Format

The format can be a PowerPoint presentation, a Word document (saved as a PDF), an interactive PDF created in Adobe Acrobat or InDesign or a Website (created from HTML coding, Adobe DreamWeaver or in Adobe Bridge).

You will also need to supply a separate folder by name fonts with 8 font files.

Upload the file on MyKangan. This link will go active by Easter Monday.

Content

The content for your collection needs to include digital documentation (digital photographs, scans, font files and Illustrator-based EPS).

  • 5 photographs of different display types – retails signs
    A paragraph of text describing two or more of your choices. Describe the purpose and what appealed to you (colour, shape, legibility)! Who might be the target audience?
  • 5 images of interesting layouts (photos, scans, downloads). These could be from magazine, book covers, restaurant or cafe menus, or websites (screen shots of the webpage that appeals to you or of home page).
    A paragraph of text describing two or more of your choices. Describe the purpose and what appealed to you (colour, shape, legibility)! Who might be the target audience?
  • 5 photographs of product labels (this may include Ladies’ Cosmetics brands, in the higher price bracket and prestigious, Sport clothing brand for ball sports, to be used on shirts, pants, socks and shoes, Brand of healthy food products from sustainable ethical plantations with a fair trade commitment, bottle labels on wine, French champagne, boutique beer, etc)
    A paragraph of text describing two or more of your choices. Describe the purpose and what appealed to you (colour, shape, legibility)! Who might be the target audience?
  • 5 logos (digital format, GIF, JPEG, PNG, EPS, they can be found online or scans from books)
    A paragraph of text describing two or more of your choices. Describe the purpose and what appealed to you (colour, shape, legibility)! Who might be the target audience?
  • 5 film titles according to genre (scans or photos of movie posters, downloaded files from the internet), from these genres:
    • Wild West movie title
    • Sci-Fi movie or book title
    • Film Noir film title
    • Zombie titles
  • 5 type choice for themes (scans or photos of movie posters, downloaded files from the internet)
    • for a Wedding Day or Wedding Invite
    • for Children’s books, toys, games
  • A list of 8 fonts in the font and attached Font Files in a separate folder by the name fonts (chose your fonts on http://www.dafont.com)
    • 2 Sans Serif Fonts
    • 2 Serif Fonts
    • 2 Fonts that you really like
    • 2 good display fonts for signage

Tips for Assessment

Try some of the links supplied in Links for Learning and Links to Inspire You, particularly Dzine Blog and search for logo designs there. You might want to look at Mashable or Communication Arts and use either of their search boxes.

Use a program that you feel comfortable with.

Advertisement on Banner, Brunswick, MelbournePhoto: F. Viola

Advertisement on Banner, Brunswick, Melbourne
Photo: F. Viola

How to Install a Font on Your Computer

Italian movie poster found on Abduzeedo.com

Italian movie poster found on Abduzeedo.com

Installing fonts has been easy with Macs in the past, and has become very user-friendly with Windows 7 as well. If you use earlier versions of Windows you should be able to drag and drop (the destination folder is called Fonts and is located on the C-drive: C:\Windows\Fonts).

I recommend to get free fonts from www.dafont.com Visit this tutorial to learn how to Install Fonts in Mac OS X  and how to Install Fonts in Windows 7.

Typography and Illustrator Class 5

Link to Class 4         Link to Class 3     Link to Class 1

Photo by taliesin on morgueFile

Photo by taliesin on morgueFile

Today’s content:

  • Word Meanings: Look at tasks from last class and homework
  • Read the attached file About Type  from Designing with Type, C.Foster, I.K.Scala, 2010:
  •  revisit:
    • Type Tool (T),
    • Character Panel (Ctrl+T),
    • Outline Text (Shift+Ctrl+O),
    • Alignment and Distribution (Shift+F7) and
    • Pathfinder (Shift +Ctrl + F9)
  • Practice the tools above

Word Meanings

We will commence by looking at the homework from last class. Please open it up on your computers and be ready to speak about it for 2-5mins.

I am very interested in looking at your word creations, particularly your own word and meaning.

About Type

Read the attached document ‘About Type’ from Designing with Type, C.Foster, I.K.Scala, 2010:g 

About Type

Think about a typeface suitable for a Ladies’ Cosmetics brand, in the higher price bracket and prestigious. What typeface/fonts can you think of?

Find a typeface that suits:

  • Ladies’ Cosmetics brand, in the higher price bracket and prestigious
  • Sport clothing brand for ball sports, to be used on shirts, pants, socks and shoes
  • Brand of healthy food products from sustainable ethical plantations with a fair trade commitment

Revisiting Tools and Functions:

Open Illustrator at A4 with a landscape orientation and 4 art boards. Copy the words that your teacher writes and play with them as suggested.

Using Effect>Warp>Bulge on the word Expansion

Using Effect>Warp>Bulge on the word Expansion

Using the Reflect tool (o) to reflect the i downwards as if it has collapsed in front.

Using the Reflect tool (o) to reflect the i downwards as if it has collapsed in front.

Outlined text changed in size and colours dropped into the individual letters with Eyedropper tool using LMB + Alt

Outlined text changed in size and colours dropped into the individual letters with Eyedropper tool using LMB + Alt

Typography Class 4

Link to Class 5       Class 3      Class 1

Finally we will get started in using Adobe Illustrator. We will be working with Illustrator CS5.

Today’s class will cover a basic Illustrator introduction:

Note: All shortcuts for the Mac need to use command for Ctrl and option for Alt

  • Basic Shape Tools – Rectangle (M), Ellipse (L), etc
  • Selection Tool (V)
  • Direct Selection Tool and how to move Anchor points
  • Fill and Stroke (X) and how to swap colours, change colours etc
  • Type Tool (T) and the Character Panel (Ctrl+T)
  • Outline Text (Shift+Ctrl+O)
  • How to Align (Shift+F7) and Distribute
  • Pathfinder (Shift+Ctrl+F9) and particularly Unite and Minus Front

Task on paper and in Illustrator:

Afterwards you will receive a task that will focus on creating, manipulating and morphing a word according to its meaning.
During this exercise concentrate on and carefully consider the word. What is its meaning and how can you use typography to convey it?

Step 1: Choose two words from the list below:

Compression
Transition
Contraction
Addition
Subtraction
Disruption
Repetition
Elimination
Migration
Expansion

Step 2: 

Brainstorm the meaning, synonyms, visual ideas and any concepts that explain the word. Do this on paper and spend a minimum of 10 mins on a word and really dig deep in regards to how to visualise the meaning and feel.

Example: Organisation might be related to grid, rhythm, same colour, repetition, stacking, clusters, military, direction, unity, lack of individuality, mathematical, number related, folders, drawers, etc.

Step 3:

Create the word image in Illustrator. Call the document Type_Class4_yourname_word1 ( Type_Class4_FedericoViola_word1).

Dim: A4, Landscape, 3 Artboards

Task_New Document

Step 4/ Homework:

Create a new word! Make it up and give it a meaning that only you know. Give the word visual meaning. The other students will have a try at understanding the meaning from your visuals.

Exercise has been inspired by exercise in Graphic Design School, David Dabner, Sheena Calvert and Anoki Casey, 4th edition 2010

Typography Class 3

Link to Class 5       Class 4           Class 1

Today we will commence with student presentations on the 5 Classic Typefaces.

Make sure to understand the differences and to be able to visually distinguish between the typefaces. Use the image below as a reference:

Example of 5 Classic TypefacesSource: Designing with Type, J.Craig, I.K.Scala, 1971, 2006

Example of 5 Classic Typefaces
Source: Designing with Type, J.Craig, I.K.Scala, 1971, 2006

You will receive a basic testing task. Please complete the task in 10min.

Next we will move towards Type as a tool of communication. Follow the in class presentation and perform the 2 tasks at the end (view the attached presentation for tasks).

Here is a copy of the presentation:

Type in Context Class03

Welcome to Your First Typography Class

After our introductions and being able to appreciate each others company please have a look at these links below (that can be found on KI’s Library site – http://libguides.kangan.edu.au/content.php?pid=386943&sid=3171087).

We will visit the link on typography together and look at the Prezy presentation together.

Multimedia and design links as found on the KI Library site:

 

Detailed video tutorials on Adobe programs

Enter your search terms in the YouTube search window, e.g. 3d max

The how-to magazine for everything Adobe

Support tutorials for all Adobe products

Magazine

Magazine

A blog about design.

Magazine

Photoshop, Dreamweaver, Illustrator and Flash tutorials and resources

A curated blog of design excellence – selected by designers, for designers

Online Prezi presentation on fonts or better typography

Online resource of title sequence design, spanning the film, television, conference, and videogame industries

View the complete book here as wall as clips from his films and cartoons.

As selected by Mashable

Comic Rocket indexes over 9000 web-comics. To access you need to create a free log-in or log-in with Twitter or Facebook.

Mashable covers the top social media news on topics like Facebook, YouTube, Gmail, Twitter, Amazon, Pinterest and More.

OTHER USEFUL TYPOGRAPHY LINKS:

http://www.designingwithtype.com/5

http://www.designingwithtype.com/5/ref_bibliography.php?page=jc&jc=1

http://www.designingwithtype.com/typefaces_foundries.html