Thursday, January 23, 2014

HOMEWORK FOR MONDAY: GESTALT PRINCIPLES!

1)  Go to this website and read about the Gestalt Principles of Visual Perception: http://graphicdesign.spokanefalls.edu/tutorials/process/gestaltprinciples/gestaltprinc.htm

Additional resources for the gestalt principles are at the following links:

2) Select 1 Gestalt Principle for your focus.

3)  Find 1 artist that exemplifies one of the Gestalt Principles in his/her artwork.

4) Write a short paragraph on your blog explaining how the artist uses the principle to create his/her image. 

Note: This is a precursor to your next project!  We will be studying these principles and using them to create some great works of art in Illustrator!  We will also work in class on monday to begin creating our projects!

5)

PROJECT 2: IMPORTANT CAUSES and the GESTALT PRINCIPLES!

In this next project, we will think; not of ourselves, but of the world around us.  There are a lot of things going on every day on this planet; important causes to get behind, and important matters that we care deeply about; positive ones, negative ones, and everything in between.

What I want you to do for this next project is bring to light an important matter of the society we live in. You are free to pick a positive OR negative happening… or even go the route of selecting a scenario that may bring or is bringing about both positive and negative change.

Once your idea is selected, you will create an image, 8.5 x 11 in size, with 1/4 inch margins that demonstrates this cause. What it is, and why it's important!

 Parameters to follow:
1) Your final image must be composed ONLY of silhouettes! 
2) You must use at least 12 elements (as in 12 shapes)  in your image somehow! You can create the shapes or figures you want.
3) Select a color scheme to use, and make sure you let us know the colors you decide to use!
4) You must demonstrate at least 2 of the gestalt principles in your image!
5) You will be graded on the following:
  • Clarity of the message.  How easily can we pick up on what the crisis is?
  • Usage of tools covered in class.
  • Craftsmanship
  • Proper layer naming and usage!
  • Description of your work on your blog!

Basic Color Schemes!

Color Schemes link: http://www.colormatters.com/color-and-design/basic-color-thoery


Primary Colors:  The three main colors that create all others when mixed organically.  Red, Yellow, Blue  (Remember, digitally, light uses Red Blue, and GREEN to make all colors.)

Secondary Colors: Colors created by mixing primary colors together.  (Green, Orange, Purple)

Tertiary Colors: The colors created by mixing those secondary colors together.

Analogous: 3 to 5 colors next to each other on the color wheel.  (could also work with warm or cool colors because of placement.)

Complementary: Colors that are opposite one another on the color wheel.  Colors stand out more, and creates great contrast.

Split Complementary:  Takes the colors left and right of that center (originally chosen color) On both sides of the wheel, across from each other.

Triadic: Three colors that are equal distances apart on the wheel.  If you draw lines to connect the three, it will form a triangle. Distinct contrast, but go well.

Quadratic: Like Triadic, but with 4 equidistant colors.

Grayscale: The values ranging from black to white, devoid of any hue.  The total absence and presence of color, and the subtle values in-between. (I.E. black, white, and a bazillion grays and greys.)

Monochromatic:  (Mono = one.  Chroma = Color)  Uses one color, with a ton of variations in value.  Shades, tints, etc.  Usually some combination of Monochromatic and greyscale designs accompany rough drafts of work when doing value studies.

Tuesday, January 21, 2014

CLASS CANCELLED TODAY

I don't usually do this, but I'm going to have to cancel classes.  I have a crazy flu virus I need to get over to make sure I can teach you at 100% the rest of this week.  For anyone that had questions about their project, feel free to contact me sometime today via email, at mshaw@mca.edu.  If you do contact me, please do the following:

  1. Type COMMAND + SHIFT + 3 (for the entire screen) or COMMAND + SHIFT + 4 (for part of the screen) and take a snapshot of your project.  
  2. Email me the snapshot, and details about the problem you are having. I will do my best to get back to you in a speedy manner.

I have notified Jeff about the issues we had in Adobe Illustrator, and IT is currently troubleshooting solutions.  Until they are fixed, we may have to work primarily on the STUDENT account in class when incorporating outside images.  I have asked everyone to have a flash drive or external hard drive to save their work.  

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


We will not be able to discuss it in class today, but our student accounts are set up.
If you are interested in saving your assignment to the school server, please do the following:

  1. On the desktop, go to the menu above and click GO ----> Connect to Server
  2. In the "Server Address" window, type "dali."  Hit enter. 
  3. In the next window, you will be prompted to "Enter your name and password for the server "dali." Type in the name and password you use for your personal account. Click Connect.  If you are connecting from home, you would use "mcalabs.net" instead.
  4. Make sure "Classes" is highlighted and click ok.
  5. Find the FD170D Folder, and double click it.
  6. Once you enter that folder, you can create a new folder with your name, just as I have done here.   You can also save iterations of your projects here to turn in as well.  Those of you who have saved a version of your project in my folder must take it out, and make new individual folders for yourself.  

We will cover a few more things you can do with the server on Thursday, but use this for now to make sure your assignment is backed up somewhere.  You might have noticed your project file size is really small.  Use this to your advantage to save your work in as many places as possible. You might be able to email yourself a copy of your assignment as well.

I will see everyone in class on Thursday!

Saturday, January 18, 2014

Assignment for Jan 21st:

For those of you who may want to rotate your rectangles, you can rotate any object by hitting the R key, or clicking the rotate tool icon in the toolbar to the left.

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

In the first two days of class, we have covered a few basic tools!  To better familiarize yourself with the interface, we are going to use the most basic of these tools to create a self portrait!

Directions:  
Use the rectangle tool to create a self portrait with personality! You are allowed to use an image from photo booth as reference.  The main requirement for this project is that YOU ARE ONLY ALLOWED TO USE THE RECTANGLE TOOL!

You can still create multiple layers to arrange your work, or use the selection tools to modify your work as you see fit.

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

STEPS FOR ACCOMPLISHING PROJECT:

1) Create a photo to use as reference!  In class, we took photos using photobooth.  You can save that image to your desktop, or your documents folder.  Once saved, you can bring that image into illustrator by the following:
  1. At the menu above, click on FILE ----> PLACE  to load an image onto the workspace.  You will have to scale the size of the image to use it.
  2. (The easier approach)  Click and hold the icon of image wherever it is stored on your computer.  Drag that icon into your blank workspace illustrator, and the image should automatically pop up.
    • ********We had some issues with using this particular skill on our accounts, so you may have to work on "Student" to get adding a reference image to work.


2) Create your image!  I am expecting to see a basic treatment of the background as well.  Apply the knowledge you have to create a color scheme that enhances the photo you took!  I showed some examples in class, and I'll include the example I made below:


The picture above has a very direct interpretation of my reference photo.  If you look at the image, you can see that there are a variety of approaches you can take to create your portrait:
  • Layering rectangles on top of each other to create lighting.
  • Using a variety of large and small rectangles to create patterns.
  • Selecting specific colors to enhance the mood of your image.  (not done so much with this example, but you are allowed to go much further with yours)
WHY ARE WE DOING THIS PROJECT?
The best thing we can do is understand that the software we use in class is nothing more than a tool.  Because of this, this project is designed to show you that it is possible to create something interesting using the bare-minimum of tools.  Grading wise, I am mostly interested in seeing you become familiar with these tools, so feel free to experiment in this project!  Future projects will have much more specific parameters for grading.

Please have this project completed by tuesday, and email me if you have any questions!

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