Saturday, January 18, 2014

Recap: Introduction To Illustrator!



Reminder!  List of Hotkeys and shortcuts:   http://www.nobledesktop.com/shortcuts/illustratorcs6/mac/

Below is an outline of what we have covered so far in Illustrator, with pictures to show you where it's found on screen.  I've included notes and images below for you, in case you have any trouble finding references for your assignment.  


1) Use of the interface
   A) Creating Files (File ---> Open )
 
   B) Saving Files  (File --- > Save As  or Save)
   C) Naming Files (Example:  shaw_wk1_selfportrait)
   D) Opening Files
   E) Learning about toolbars and tabs

 


  • Remember you can find all of these by going to WINDOW at the top of the screen, and selecting the tab you need.
  • We created this stack of toolbars by clicking their icons to the very right of the screen, and dragging them outward to make them their own block.  In the future, you can create your own workspaces like this!


      i) color tab
      ii) swatches
      iii) gradients
      iv) layers


To make new layers:  Click the menu button (looks like an upside down triangle with 4 lines next to it)  and select NEW LAYER.
   
      v) navigator
      vi) saving your workspace: Go to WINDOW -----> Workspace ----> Save Workspace




  • NOTE:  You will always be able to go back and reselect your default workspace. It will be in the same "Workspace" Window, arranged in alphabetical order with the rest of the menu options.

--------------------------------------------------------------------

2) Knowledge of tools (Hotkey in parenthesis)



   A) Selection tool: (V)
   B) Direct Selection tool: (A)
   C) Rectangle tool: (M)
   D) Switch between colors: (X)
   E) Zoom in: (command +)
   F) Zoom out: (command -)
   G) Copy and Paste (same as microsoft word:  command + C and command + V)
   F) Grouping Objects Together:
        Select all of your objects, then 

--------------------------------------------------------------------

3)Making art in a rudimentary fashion
   A) Anchor Points (visible on any object made in illustrator)
   B) Making rectangles (use the rectangle tool)
   C) Coloring objects (use the color tab)




  • Remember that clicking "None" (marked with a white box and a red diagonal line through it) will remove all color from your stroke, or fill.
  • Double Clicking the stroke or fill box (shown on the very left) in the COLOR TAB will bring up the COLOR PICKER.  





  • Use the color picker to select from a much higher variety of colors, hues, values, shades, etc.

   D) Stroke and Fill (can adjust at the top of the menu)
   E) Placing photos into illustrator (Goto File -----> Place, or click your image, hold down the mouse             button, and drag into illustrator)
   F) Pattern and color



In case you have any questions that are not mentioned here, my email address is mshaw@mca.edu.  Email me if you have any additional questions!

Monday, January 13, 2014

Welcome to Digital Foundations! =D

Class FD 170D - Digital Foundations
Location - Mac Lab 1
Michael Shaw: Adjunct Professor
Contact:  mshaw@mca.edu
Office Hours: (Location and time TBA) Mon, Tue, Wed, Thur,: 6:55 - 8, or 3:35-4 (1 hour before or after class; will be finalized by end of first week.)

COURSE DESCRIPTION:
This class is an introduction to the basics of understanding digital procedures and improving one's visual skills and concept development through the use of digital production tools.  This will include research and fundamental visual design principles connected with a non-traditional way of working via digital methods.

COURSE OUTCOME OBJECTIVES:
To familiarize students with the methods of digital production tools while developing their visual design skills.
Reinforce fundamental visual design principles.
Build a stronger digital basics skill set.
To be able to use the digital methods to develop layout compositions.
Develop an understanding of digital terminology and vocabulary.

PROFESSIONAL PRACTICE OUTCOMES:
  • Students will demonstrate the ability to write an artist statement.
  • Students will demonstrate the ability to document their work.
  • Students will demonstrate the ability to exhibit work beyond the classroom via the web.
  • Students will demonstrate the ability to research to stay current in their field.

METHODS:
  • Overview of materials and methods used, including utilizing traditional visual design principles, Mac OS.  For example:  visual topics, including symmetry, line art, tonal scale, elements of motion, and more in the making of art processes.
  • Class demonstrations, use of software and hardware tools.
  • Class discussions and critiques.
  • You will be required to record and keep notes.

MATERIALS/SUPPLIES:
Sketchbook/Notebook  - for taking notes and keeping records. (Can take notes digitally if need be.)
Thumb Drive or External Hard Drive  - for saving and backing up files
Printer Card ($10 - Purchase in the business office)

COPYRIGHT:
You must receive copyright permission for all non-public domain media used in projects. (Music, film footage, etc.)  Public domain material can be found at http://www.publicdomain.org/ and http://www.creativecommons.org.  Visit American University's Center for Social Media Website for detailed information regarding the difference between rights infringement and fair use.

EPA MANDATE:
Memphis College of Art students and faculty are required to follow the standards detailed in the "EPA (Environmental Protection Agency) Materials Handling Protocols - September 2007"

-------------------------ASSIGNMENTS and REQUIREMENTS---------------------------

ATTENDANCE POLICY:
Being absent or tardy means that you miss out on valuable information needed to complete your projects.

Therefore, class attendance is mandatory.  According to the MCA handbook you are allowed 2 absences (the equivalent of one week’s classes) due to illness or emergency.  For every absence thereafter, your final grade will be lowered one letter grade.  This means that if you miss six classes, you fail the course.  There is no distinction between excused and unexcused absences.  

Doctor’s excuses and notes from parents are not relevant. Six absences means too much information and work has been missed for a student to legitimately pass the course.  I will take attendance at the beginning of class.  If you are tardy, it is your responsibility to bring this to my attention at an appropriate time so that I may make the change in my attendance book.    Do not interrupt the entire class to do so.  Three tardies equals one absence.   Not having the proper kind and amount of materials will result in an absence for that class. 

In this course you will need to use class time efficiently. This means not leaving early, wandering in and out, or arriving late.  Leaving class early constitutes an absence unless an arrangement has been worked out with me.  Assignments will require additional time out of class to complete as well.  Studio classes require 3 hours of outside work per week. Use class time wisely by working efficiently for the entire period and having all required materials.  If you miss an assignment due to lateness or absence, take the initiative by checking the syllabus and/or getting it from another student.  Notify me ahead of time if you will miss class that day.  If you then have questions, email me, or come see me after class or during office hours. 

TURNING IN ASSIGNMENTS:
Students are required to turn in assignments on time, on the blog and/or server, as instructed for each assignment.  Any assignments that require printing must have their work printed before class, unless otherwise instructed.  Failure to print assignments before class will result in that project being considered "Late," and subject to the same
penalties.

CLASS BLOG:
All assignments will be posted in full detail to the class blog, located at 
http://fd170.blogspot.com. The blog will be updated/checked regularly, so students are free to reply to assignment postings with questions, comments and concerns.

STUDENT BLOG:
In addition, all students will be required to keep a personal blog along with the class blog.  It will include your sketches, ideas for projects, lecture reviews, write-ups and final documentation for each assignment.  It serves as a way to build a habit of creating a solid web presence in this digital age of art making, while allowing all of us to maintain contact with each other during the semester.  Blog upkeep factors into your final grade: see below.

IN CLASS DISCUSSION, CRITIQUE, AND EXERCISES:
You will be expected to do original analysis of your work, as well as the work of your peers and professional artists.  You will also complete in-class exercises illustrating the techniques presented.  Extra time outside of class will be needed to master the skills and complete exercises presented in class.

VISITING ARTIST LECTURES:
You are required to attend 50% of these lectures and post a short review to your blog.


LEARNING ACCOMMODATIONS:
In compliance with MCA policy and equal access laws, I am available to discuss appropriate academic accommodations that you may require as a student with a disability. Request for academic accommodations need to be made during the first week of the semester, except for unusual circumstances, so arrangements can be made.

GRADING:

Each assignment will be awarded a grade based on the following rubric. Plus(+) and minus(-) will denote more or less intricate mastery of objectives.

A - Excellent.  Assignment objectives are completed above and beyond the course requirements to great effort and great success.  Technical and conceptual skills are on display in a masterfully coherent manner with clean craftsmanship.

B - Proficient. The assignment completed demonstrates most mastery of the skills presented, and objectives are completed beyond course goals. Much effort, and a clear and concise direction shines through the final result. There are still a few issues that can be pushed further.

C - Competent.  The assignment completed demonstrates relative mastery of the skills presented, and objectives are completed to average sufficiency.  Assignments are successful, and craftsmanship and technical skills are on display -- All are completed at an average level.

D - Deficient.  The assignments completed are missing demonstrations of the skills presented, and/or required objectives have yet to be completed. There are conceptual and technical flaws and hurdles that have not been overcome.

F - Failure.  The majority of the project is either not completed, and/or objectives for assignment are not met.

Final Grades will be based on a comprehensive average of all of your projects, as well as midterm and final milestones for blog upkeep.

*Your blog upkeep factors into your grades for each major assignment handled out of class.*

Assignments are due at 9a.m. on their scheduled dates. Loss of data, files, or other associated items needed for any assignment or project will require that you recreate your work, with no exceptions. You are solely responsible for the security of your files. Your files are not 100% secure on the server or computer. You should have multiple copies on multiple sources at all times. No files are safe unless backed up to 3 locations. (Example: Personal hard drive or flash drive, school network, personal computer, or web service.  Note: you can store work on dropbox. we will discuss cloud storage.)

HEALTH and SAFETY PRECAUTIONS

As more and more work, education and recreation involves computers, everyone needs to be aware of the hazard of Repetitive Strain Injury to the hands and arms resulting from the use of computer keyboards and mice.  This can be a serious and very painful condition that is far easier to prevent that cure once contracted, and can occur even in young physically fit individuals. Paul Marxhausen - visit his site below.
http://eeshop.unl.edu/rsi.html 
http://www.mydailyyoga.com/yoga/rsi.html 


DEPARTMENT AND LAB POLICIES:
Immediately submit an online tech request to report any problems with a lab computer or printer. 
Main MCA computing info site = mcalabs.net  -- go here for answers to frequently asked questions and online tutorials for MCA specific technologies.
No Food or Drinks in Lab. 
Keep the Lab Clean. Dispose of all trash -- Paper scraps, old media etc. 
Leave your workstation in an orderly fashion. All materials left on the desktop will be deleted. Organize files within the documents folder on your account. Delete your trash from your desktop and trash bin. 
Back up work to an external source. Remember files are only safe if they exist in 3 separate locations. MCA servers are not to be considered secure and used only for temporary storage.  
Log Out of your workstation prior to your departure. Upon your departure, the chair should be pushed in. Your monitor, keyboard and mouse should be placed in their proper positions. 

TENTATIVE LIST OF SUBJECTS COVERED (subject to change)

Illustrator
WEEK 1 
Introduction to Vector Graphics.
Vector Graphics vs. Raster Graphics.
Pen Tool, Brush Tool, and Paths in Illustrator
Curves, Angles, and Basic Shapes.

WEEK 2 
Color Thoery and Basic Shapes.
Tonal Scale, Color Saturation, And the Histogram.
Bleed, Rulers and Margins for Printing.
Creating illustrations from basic shapes.

WEEK 3
Using the Pen tool to create advanced shapes.
Illustrator Effects: Gradients, 3D, and Drop Shadow
Compression and optimization.
Working with multiple Artboards, conceptualizing multiple iterations of an idea.

WEEK 4 
Negative Space in design: Using the pathfinder tool.
Working in Layers
Gestalt principles

WEEK 5 
Typography and layout:  (Movie: Helvetica)
Text and image

WEEK 6 
Research and Recordkeeping:  The art of Infographics.
The importance of time management; tracking your time in projects.

Photoshop
WEEK 7 
Finalizing final Illustrator project; Introduction to photoshop.
Photoshop: Basic Tools And Raster Graphics.
Photoshop vs. Illustrator as an image-making tool.

WEEK 8 
Editing and Photo-manipulation.
Searching for samples and using objects.
Creating photographic collages.

WEEK 9 (Midterm Week) 
Working with Photoshop and Illustrator in tandem.
Grids in illustrator. (Differences and similarities to working in photoshop.)
Text and Image working in unison.
Full Color Pipelines: Photoshop for textures. Illustrator for lineart and text layout.

WEEK 10 
Scanning into photoshop. Masking and alpha channels. Working with Symmetry and Asymmetry in image creation.

WEEK 11
Typographic Illustrations.

WEEK 12 
Differences between Indesign, Photoshop, and Illustrator
Editing and Placing Images in Indesign.
Creating Covers and Manipulating .PDF files.

Indesign
WEEK 13 
Digital Storytelling: Using Indesign to create multiple pages.
Creating Unity in Page Layout and Page Design

WEEK 14 
Digital Arts and Storyteling (cont.)

WEEK 15 (Finals Week) 

Creating a print portfolio:  Final Due

Monday, December 9, 2013

Have a great Holiday Break!

A link to making pamphlet stitch binding: http://www.booklyn.org/education/ispamphlet.pdf

Everyone has created some compelling work this semester!  Continue to refine your skills as you continue to future classes! Go forth and make amazing art!  Happy holidays!  =D

Wednesday, December 4, 2013

DOUBLE SIDED PRINTING INSTRUCTIONS!

Today in class we learned how to do double-sided printing through the fiery print-server.  I made a lot of snapshots for you so you have references to refer to. Make sure things are set up like they are here.  If you're afraid of running out of money, make sure you buy a new print card from the business office.  I will not accept anything that's not fully printed at 9!

STEP 1:  Make sure your book is laid out and complete.  You will want to have a number of pages equal to any multiple of 4.  ( Example: 4, 8, 12, 16.) Everyone's book will probably be around 12 pages.  Remember that we are printing pages in multiples of 4 to compensate for the fact that we are printing 2 pages on each side, front and back, equating to 4 pages for every sheet of paper.

(as an added bonus, you're only charged the price of one sheet of printer paper.)

STEP 2:
Go to FILE ---->  PRINT BOOKLET...


The following window will come up. Make sure the following settings are set.

You will want to keep blank pages selected, so any fill pages you have will print properly.  Notice that in the image below, your pages must be set to fit properly on an 11x17 (Tabloid) Sheet of paper.

To do this, we must click PRINT SETTINGS....

Each of the important windows is shown here.  When you start, notice "GENERAL" Is selected in blue on the right.  You will want to make your settings like the one above. If you selected Print Blank Pages in the last window, it should automatically be selected here. 

STEP 3:
Click SETUP in the menu on the left.  Here you will set your paper size.  You will want to set it to either 11x17 or Tabloid (either one will give the same desired result.)  Keep the scale set to 100%, as shown above, unless you've been otherwise directed by me due to your layout and portfolio design.

Make sure your page position is set to UPPER LEFT.


(this is just an example of the tabloid setting.  Tabloid is just a fancy way of saying 11x17 inches.)


From there, click the "Printer" button at the bottom of the window.  In Step 4, we set up the fiery printer and tell it to print double-sided.

STEP 4:

Below is the first window you see.  Keep these settings set just like this.
The little bar under "from 1 to 1" can be clicked to show the other settings: Paper Handling and Fiery Features are the most important ones.  Under paper handling. Make sure the following is checked, so your pages stack in the proper order. 
 Then under Fiery Features, make sure you select TRAY 2 under Paper Tray.  This makes sure your double-sided page prints right-side-up on both sides.  After you select Tray 2, make sure that you set the Duplex (fancy word for double-sided prints) setting to Right and Left Binding, so your work folds properly.

Scroll down, and make sure the settings below are set in the same window.
There you go!  If you notice, under page setup, it will share the same paper size as you previously set.  Just hit okay and print on every window and you're good to go! Check out the image of your preview above to make sure your work prints the right way.  You may make a few mistakes printing, and that's okay. Just bring enough money to print properly.




REMEMBER I NEED 2 COPIES OF YOUR PORTFOLIO! MAKE TWO! AND BE READY TO TURN THEM IN AT 9:00! NO EXCEPTIONS!

Remember to make a folder inside the server's FINAL PORTFOLIO folder.  Place all your work in either png or pdf form.  Label it as such.  Email me if you have any questions!


















FOR THE FINAL CLASS!


  1. Print 2 copies of your final.  Bind them up together, and have them ready to turn in at 9:00.  No exceptions! =D
  2. Make a folder on the server.  Place a .png file or .pdf file from every project we have created in class.
  3. Have your blog fully updated! You will need the following:

FINAL BLOG CHECKLIST:

Your blog must be completed to this date!
    • Have documentation of

      • Your first assignment (blocking shapes in photoshop)
      • Your self portrait
      • Your ideal landscape
      • Your gestalt artist research
      • Your gestalt principles project
        • both version 1 and 2
      • Your typography project
      • Your comics project. (Version 1)
      • Your midterm experiment.
      • Your info graphic project
        • both version 1 and 2.
      • Your illustrator tutorial project.
        • the first image that you made from a tutorial online
        • the second image that you created with the skills you learned
      • Your 3 layout tests.
      • Notes about your final project.
      • Notes about any of the artist lectures you went to this semester!
      • Include on the blog:
      • The parameters discussed for each project
        • What was your initial idea? What colors did you choose to use? Which tools did you use to create your project?  What did you learn from making each project?  How well do you feel you understand photoshop at this point?  Excellently, Satisfactory, Unsatisfactory?
        • Include any images (including your final image for your assignments!)
      If you've been keeping up to date with your project so far, well done! =)

Monday, December 2, 2013

Homework for wednesday!

Continue laying out your portfolios! You want to finish sometime in class on wednesday so you can print!

Sunday, December 1, 2013

For December 2nd | HAPPY THANKSGIVING!

A. Make a new document in Adobe Indesign. (ID)

  • Letter Size, portrait or landscape.
  • Set your margins as you need. 
    • Remember the minimum margin for printing is 1/4 inch, or 1.5 picas.
B. Lay out all of your pages in Indesign.  Make it as close as you can to your final iteration.
To do so, you will:

  • Open up illustrator.  
  • Copy your image files.  
  • Paste your image files into your Indesign document.
C. After that you will need to lay out text:

  1. Select the text tool from the tool bar.  
  2. Drag out a text box like the ones we made in illustrator.
  3. Remember that you can modify the outside edges of the text box, and manipulate specific anchor points in indesign with the DIRECT SELECTION TOOL.

We will work on these in class, but you must have all of your images laid out in an Indesign file.  Feel free to play with the designs and layouts.  Remember that you are mostly copying your layouts made in illustrator, bringing them into indesign.

---------------------------------------------------

A couple things to remember:

Here are some links that offer examples and tutorials for indesign. Feel free to thumb through them if you are having trouble remembering what we covered in class.

Indesign basics:  (These may help the most.)
http://wiki.digital-foundations.net/index.php?title=Chapter_13_CS4
http://wiki.digital-foundations.net/index.php?title=Chapter_14_CS6

A PDF Introduction to Indesign (34pages):
 http://www.docs.is.ed.ac.uk/skills/documents/3648/3648.pdf

Video: 10 things beginners want to know about indesign CS6:
http://tv.adobe.com/watch/creative-suite-podcast-designers/how-to-get-started-with-adobe-indesign-cs6-10-things-beginners-want-to-know-how-to-do/

This is our first day covering Indesign.  Do your best when laying out your images, and remember that the majority of your work will be copying and pasting your images, should you have finalized a design you are happy with.

This should take no longer than 2 hours, but may take extra should you run into any major hurdles. If you do, be sure to email me over the holiday.  As a test of your time management, it is possible to lay out your images sometime between today and tomorrow, leaving the rest of your holiday to relax.  You may have to spend some tonight working, but any work now will be less work you have to do later.

Have a Happy Thanksgiving! =D