Intro To Mac - Winter 2010

This blog has moved

noreply@blogger.com (James Gosling) — Sat, 24 Apr 2010 20:06:00 +0000

This blog is now located at http://i2mwin10.blogspot.com/.
You will be automatically redirected in 30 seconds or you may click here.

For feed subscribers, please update your feed subscriptions to
http://i2mwin10.blogspot.com/feeds/posts/default.

Session 17 [Mon 080310] - Optimizing Images For The Web/ Introduction To Flash & Animation/ Creating The Heads Stage3 Background

noreply@blogger.com (James Gosling) — Tue, 09 Mar 2010 21:12:00 +0000

Homework
For the last session [Wed 100310] please bring in any sketches that you made for your background preparation to add to your folder.

I will also be taking in a final zip file of your Stage 3 digital artwork next session.

We will wrap up our Flash background and use the rest of the class to do anything in Flash you might want to try - eg Importing one of your heads and animating it in some way.

See you next time.

Session 15 [Mon 010310] - Preparing Final Digital Files For Virtual Book/ Stage 3 Introduction/ Setting Up Flash Bgd Thumb Sheet/ Set Up In Photoshop

noreply@blogger.com (James Gosling) — Tue, 02 Mar 2010 07:12:00 +0000

Homework
Thank you for all your hard work on the Virtual Book project.
Please prepare your portfolios for Stage 2 as instructed and I will take them in at 2:00pm next session.

Find images for your background and sketch out a plan for how you will combine them using the thumbnail sheet made this session. Remember that your backgrounds must begin and end with the same image for looping animation purposes.

Gather your images into a source images folder in a Heads Stage 3 folder and have them ready for use in Photoshop next time.

Session 14 [Wed 240210] - Design Review & Troubleshooting One To One/ Publishing The Virtual Book

noreply@blogger.com (James Gosling) — Thu, 25 Feb 2010 09:55:00 +0000

Homework
Create SWF and HTML files of your finished Virtual Book for review next session.

Session 13 [Mon 220210] - Text & Image in InDesign/ From Thumbnails to Screen

noreply@blogger.com (James Gosling) — Thu, 25 Feb 2010 09:42:00 +0000

Homework
This session you saw how to set text and place imagery in InDesign.

For homework please lay out all your content in the page spreads in your Virtual Book document.

Session 12 [Wed 170210] - Quiz/ Setting Up InDesign Document/ Creating Thumbnail Sheets

noreply@blogger.com (James Gosling) — Wed, 17 Feb 2010 11:36:00 +0000

Homework
Plan out your book on the thumbnail sheets for next session [Mon 220210].

If I haven't had your text for the book yet, please send it to me as a PDF via email by tomorrow.

Thumbnail Sheet Construction
A recap on the thumbnail creation process.

Today, having set up your InDesign Virtual Book document you used the DPS view of the master pages to take a screen grab - Apple Shift 4, then dragging a marquee with the Ctrl key held down - this variation on the screen grab technique places the grab on the Mac system's invisible Clipboard ready for direct pasting [Apple V] into a waiting Illustrator document.

Once pasted, you saw how to use the familiar tools to resize, position, and duplicate, to create a thumbnail sheet ready to visualise your future book.

Get a print of the sheet then make multiple photocopies of the blank thumbnail sheets, or print further sheets via the computer [they're free!], to give you broad scope for generating lots of visuals, allowing for mistakes and changes as you develop your book.

Mercy & Courtnee - Notes on Archiving, Submitting, and Printing Your Digital Work
You need to hand in your final stage 1 work as a zip file into the folder called James Gosling in the Macintosh Zone 1 folder at the right hand side of the Dock at the bottom of the screen.

Before you make the zip file, please make sure that you have organised all the work sensible in the following folder structure -

First, a Your Name Heads Stage 1 folder
then Inside that…

a Final Heads folder with your final six illustrator heads in.
A Template folder with all your photoshop template files in.
A 10 Heads folder containing the ten heads you made for the 50 heads assignment.
A Bio & Portrait folder with your word doc and self-portrait in.
Finally, optionally, include any other digital work you want me to see in an Other folder.

Once you have made this folder structure hold down Control over the Your Name Head Stage 1 folder and choose Create Archive from the contextual menu.

Put the resulting zip file in the James Gosling drop box in Macintosh Labs Zone 1 folder as mentioned above. You won't be able to access the files once they are in that folder but you can make a new zip file and replace it. I will pick up the latest dated folder on Friday for grading.

Good luck!

Session 11 [Mon 150210] - Stage 1 Work Submittal/ Archiving Work/ Preparing & Printing Heads/ Stage 2 Briefing & Examples

noreply@blogger.com (James Gosling) — Tue, 16 Feb 2010 12:28:00 +0000

Homework
Please prepare a typed sheet of the proposed text for each of your heads.

The text might consist of just humorous/ meaningful names like the book that Aziz made [see examples books from the link on the right]. Alternatively, it might be a paragraph of text for each head, or a story that you would like to tell.

Please bring your typed text to class with your six A3 prints of the final heads.

I will return your folders next week with comprehensive grading on how well you did on each aspect.

Introduction To Virtual Book Project
Today, you saw how we will be setting up the virtual book document, getting acquainted with publishing terms such as -

DPS - Double Page Spread
Pagination
Verso and Recto
Facing Pages

See you next time.

Session 10 [Wed 100210] - Heads Stage 1 Critical Review

noreply@blogger.com (James Gosling) — Wed, 10 Feb 2010 23:01:00 +0000

Homework
Well done on presenting your work today. You all have something with which to move forward.

On Monday you must submit your work for the Heads Stage 1 Assignment.

Please make the necessary changes to your heads and finish any that are incomplete.

At 4:30pm on Monday 150210 you must submit an A3 clear sleeved folder with all the paper-based support work for the stage 1 brief in chronological order showing the viewer how you came to develop your final head designs.

You will also need your digital files for printing, archiving, and submitting for grading purposes.

See you Monday.

Session 9 [Mon 080210] - Developing Your Six Heads

noreply@blogger.com (James Gosling) — Tue, 09 Feb 2010 16:06:00 +0000

Sessions 7 and 8 were used to develop the head artwork. They were conducted as a double make-up session on Friday [050210]

Homework
For Session 10 [Wed 100210] you must present the artwork for six completed vector heads.

Three main criteria apply -

You will need to show the heads on-screen and explain your overall heads concept.
You must also give your reasons for the head you have chosen as your avatar.
The artwork must also demonstrate clearly organised use of the layers for future animation.

See you tomorrow.

Session 6 [Mon 010210] - Deadline For Bio & Portrait Papers/ Creating Your Heads In Illustrator

noreply@blogger.com (James Gosling) — Wed, 03 Feb 2010 09:23:00 +0000

Intro To Mac class is cancelled for Wed 030210 due to personal reasons. You are welcome to use the mac lab at your allotted time. Please read the homework and latest news below carefully.

Homework
You have a deadline of next Wednesday [100210] to finish your 6 heads in Illustrator.

Each head must be rendered in Illustrator in its own A3 document.

Use the class time and homework allocation between now and the deadline to complete your heads.

Make sure you build your heads using Illustrator Layers to distinguish each part - silhouette/ hair/ nose/ eyes/ mouth/ etc. This will make your heads easier to manage for animation later.

Remember to use closed paths where you can and only use open paths when you need to add linear details to your artwork.

There is an extended two class make-up session this Friday [050210] from 11:00 until 1:00 and then, 2:00 until 4:00. This is an opportunity to really make some headway on your artwork and learn lots of new techniques to make your art that much more creative.

See you then.

Session 5 [Wed 270110] - Scan For Print/ Improving Scans in Photoshop/ Printing/ Set Up Written Work/ Resample Images/ Illustrator Templates

noreply@blogger.com (James Gosling) — Thu, 28 Jan 2010 09:23:00 +0000

A good session today. Very productive. Thanks for all your undivided attention.

Homework
Three things to do for homework -

Produce six drawn heads that share a common concept/ theme, on A4 paper ready for tracing in Illustrator.
Prepare your biography and portrait assignment in Word and print hard copy for handing in next Session [Mon 010210].
Finally, be sure to practise your Illustrator skills every chance you get!

See you next time ;-)

Session 4 [Mon 250110] - 50 Heads Review

noreply@blogger.com (James Gosling) — Mon, 25 Jan 2010 21:15:00 +0000

Homework
You all saw today that your head sheets contain concepts of varying strength. You also were asked to consider how your drawings might animate and what might make for an appropriate avatar representing your heads to your prospective audience.

For Session 6 then, you have been commissioned to develop six heads on six sheets of A4 paper for one of the concepts determined today.

You also need to suggest how your heads might be animated and must be able to justify one of your six characters as an avatar.

NOTE: Please make sure you have your first drawing for scanning next session [Wednesday 270110].

We were not able to do any computer based work today. We will be sure to spend all our time in mac related activities next time.

Session 3 [Wed 200110] - Quiz/ Backup Strategy/ Copying & Archiving/ The Brief Is Sacred/ PDF Handling/ A Word On PreparingText/ Illustrator Technique

noreply@blogger.com (James Gosling) — Thu, 21 Jan 2010 14:42:00 +0000

Homework

For Monday , we really want to see those 50 Heads! Remember, at least 10 made in Illustrator.

Be sure to read the Head briefs closely too!

Illustrator Techniques
Loads covered today! -

You learnt the difference between Open Paths [lines] and Closed Paths [shapes] in Illustrator.

Where you can, you must make Closed shapes. These can be easily filled and controlled. Only use Open Paths when you want to make thin hair or narrow lines on a face or an object.

You saw how Illustrator arranges shapes in a Stacking Order that can be rearranged using the Object > Arrange menu.

You saw how to make a colour background using a large filled rectangle.

Shapes can have a Stroke and/ or a Fill colour, and interesting offset effects can be had by using over-lapping duplicate shapes, one with a Stroke, the other with a Fill. Use the Forward Slash [ / ] shortcut or click on the RedStripe swatch to change a Stroke or Fill to None to achieve this effect.

Use the Alt key to Drag/Copy a shape on the page. The Alt key can also be used to draw an ellipse or a rectangle from the middle.

You saw how to Group and Ungroup shapes from the Object Menu or by using the Apple-G/ Apple-Shift-G shortcuts.

With the White Arrow or Sub-Selection Tool you learnt how to select individual shapes within a group or even manipulate individual points in a vector object. We even manipulated the curves in a shape with the same tool. Cool ;-)

Finally, you saw how to use some of the Transform Tools to Rotate, Scale, and Distort Shapes.

I think that may be it. Thanks for all your enthusiasm this session. See you next time.

Session 2 [Mon 180110] - Review of Drawing Homework/ Partial Briefing on the Heads Project - Examples & 50 Heads Homework/

noreply@blogger.com (James Gosling) — Mon, 18 Jan 2010 22:44:00 +0000

Homework [4 hours worth!]

You were commissioned to make your 50 heads today for next Monday [250110]. Good luck with that!
Also, find time to continue your Illustrator training. Explore the Basic Shapes Tools, Fill and Stroke, Color and Swatch Panels, the Pencil, and the Selection [Black Arrow] Tool [There are additional tips on Illustrator below].
There will also be a quiz next session which will include what we have covered so far as well as any extra info there might be on the blog posts.
Welcome Greg and Alpa - please complete your biography and accompanying drawing for next session [Wed 200110].

Help Resources
Before a recap on today's introduction to Illustrator, a mention of some of the Mac Help resources is warranted. These are available to you for gaining further understanding of the rudimentaries of the Mac and the creative Adobe applications.

In the Finder there is the Help Menu at the end of the Main Menu Bar - use this to help you search for further information on getting started - using the keyboard, the mouse, managing and customising windows, using the System Preferences, etc.
On starting Illustrator you are presented with the Welcome Screen giving you access to video tutorials to guide you around the program and the new features of Illustrator CS4.
Finally, Illustrator has its own Help Menu that takes you to a rich source of Online Material.

Vectors and Rasters
Also, remember before you continue that Illustrator is a Vector based application and deals with Hard-Edged graphics for the most part using mathematically described vector shapes, unlike Photoshop which deals in photographs or Raster based graphics. This is a very important distinction. Mark it well.

Intro To Illustrator 1 – Setting Up

Opening Illustrator -choosing the Essentials Workspace
Creating a New Artboard [Artboard is the work surface metaphor for Illustrator]
Make the document A3 [European Paper sizes A4, A3, etc]
Save the file with a sensible name to a logically named folder within your Heads project folder [an example of deeper folder Nesting]
Make sure to use the .ai extension to your file name [Native file formats for the Adobe CS Applications - AI for Illustrator, PSD for Photoshop, INDD for InDesign, FLA for Flash].

Intro To Illustrator 2 – Anatomy of Vector Objects/ Selecting & Copying

The Illustrator GUI - Introducing the collapsible Tools Palette and Panels
Different Views [Apple-Zero fits the document to the screen]/ Zooming [Apple +/-]
Stroke and Fill [ x to toggle the Stroke and Fill]
Colour Panel/ Swatches Panel [Routine - mix colours in the Colour panel and store them by dragging to the Swatches Panel]
Use the Black Arrow [Selection tool] to select and drag shapes. Copy objects by holding down the Alt key and dragging a copy to a place on the Artboard. Shift click to select multiple objects and copy them in the same way.
Try using the White Arrow [Sub-selection tool] to drag individual points on a shape.

Intro To Illustrator 3 - Shape Control

The Shift key can restrain to perfect square or circle as you drag out those particular shapes. Also, by holding the Alt key you can drag out a shape from the centre for additional placement control. Also, use the spacebar to move the shape as you are drawing it. Use all three keys together as you drag for ultimate control!
You saw how, as you are drawing with a shape tool, you can use the Up and Down Arrows on the keyboard to change the properties of an object on the fly - rounding off corners on a round corner box, changing the number of sides of a polygon, or the points on a star.
Try holding the Tilde key [the wavy line key to the right of the Shift key] as you drag out a shape to create amazing Spirographics. Wow!

Hands-On Illustrator
You finished the session with some hands on head-making. You all seem to be getting a handle on the program.

Some of you enquired about more advanced aspects of the program - using Pathfinders, Making Colour Backgrounds, altering the Smoothness/ Fidelity by double-clicking the Pencil tool, Arranging the Stacking Order of objects, taking care to make Closed shapes when you need them. All good stuff to learn!

Whew! That's a fair amount of information for one session. Thanks for your concentration, much appreciated!

Session 1 [Wed 060110] - Introducing the MacOSX GUI/ Keyboard Shortcuts/ Setting Up For Work/ Printing/ Printing Head Start Brief

noreply@blogger.com (James Gosling) — Mon, 04 Jan 2010 15:55:00 +0000

Welcome to the course web log for Intro To Mac. This is the place where you can catch up with any important information you may have missed.

Homework First
Each blog entry begins with a reminder of the homework allocated in the session. Please note that homework is officially set at four hours per each two hour class session. With three courses a week of classes and their accompanying homeworks you will have completed a standard working week [without pay ;-) ].

You have the following things to achieve for Session 2 -

Purchase A3 layout pad, class note book and a USB stick for document storage.
Download and read the Syllabus and the Head Start Brief
Finish your titled and subtitled 3 paragraph biography
Make a drawing or multiple drawings of what you think the person in the text would look like. Spend a good amount of time on the drawing[s]

Remember also, we have a five question quiz at the beginning of Session2.

Introducing the MacOSX GUI
The Finder - On logging in you are confronted with the Finder and your first interaction with the MacOSX GUI or Graphical User Interface

The GUI - can be customised through the System Preferences Panel. You saw a few of the features in the preferences set. The Universal Access panel for Screen Zooming and the Desktop & ScreenSaver panel to change your desktop image to the professional level mid-grey Desktop Screen.

The Dock - You also saw how to drag application icons to the Dock available at the edge of the Finder for handy use. Also, how to change the position of the Dock via Apple Menu > Dock > Position… and to show/hide the Dock via Apple > Dock > Turn Hiding On/Turn Hiding Off.

The Traffic Lights and Avoiding Minimalizing Windows - At the top left corner of any full Finder window are a set of what are often nicknamed Traffic Lights for obvious reason. The Red Light closes the window just like Apple-W, the Green Light toggles between custom window size and smallest window size to accommodate the window's contents. The Yellow Light Minimalizes the window, sending it off to the Dock.

Minimize is a poor feature as there is no short cut to retrieve the minimalised window and it leads to memory problems in applications such as Photoshop as you can get into the bad habit of minimalising multiple memory intensive file windows leading to a clear performance go-slow. So, AVOID MINIMALISING where you can.

Keyboard Shortcuts
For almost every action we took today in managing the MacOS GUI, you learnt the equivalent Keyboard Shortcut to each related Menu item command. Shortcuts are achieved by using some combination of Modifier Keys [Apple, Shift, Alt, Ctrl, etc]

Some shortcuts included -

Apple-N equivalent to File > New Finder Window
Apple-Shift-N equivalent to File > New Folder
Apple-W equivalent to File > Close Window
Apple-Shift-A equivalent to Go > Applications
Apple-1, Apple-2, Apple-3 in an active FInder window is equivalent to clicking on the Window View Icons
Apple-Alt-D equivalent to toggle showing/hiding of the Dock

If you go to the Help Menu in the FInder menu bar and type shortcuts you can scroll through and learn a comprehensive list of shortcuts for Finder management activities.

Briefing on Head Project
There will be briefing for the Heads project next session.

PS. Thanks for all your contributions today. That was fun!