Tuesday, August 27, 2013

BASIC COLOR SCHEMES!



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.

ASSIGNMENT 2! (Due Wednesday September 4th, along with assignment 1)


Your ideal environment! (Landscape/created space)
11" x 17"  CMYK color. 300 DPI.

Everyone has a vision for where they see themselves in the future!  (Career aspirations, life aspirations and the like.)  Our next project will teach you some new photo-manipulation techniques while letting you contemplate your future dreams and goals.  (Be sure to design with CMYK in mind: we will print these out at the end!)

1) You will create an environment based on your ideal life, 6 years from now.  (possibly 2 years after college, but who's counting?)  It's okay to not know, but think about where you would like to be, and how you see yourself getting there!

1a) Create a sketch of what you think your environment will be.  This can be a list of notes, some cobbled together images from the net in photoshop (falls under fair use for sake of study only), or a sketch of your own.  Put your sketch and ideas on your blog as you work.  Do not be afraid to ask for feedback from your peers or me!

2) You will need to include at least 2 of the following:

  • Hand-drawn images, scanned into photoshop.  (Self Explanatory!)
  • Photographs (Either ones that fall under fair use policies *see chapter 2 again* or ones you take yourself!  If appropriated, must cite your resources and check with me to make sure they are copyright free.)
  • Magazine / newspaper clippings (Magazine clippings will be separate from your photographs, edited, and incorporated into your environment somehow.)


This is a chance for you to experiment in photoshop with the skills you are most excited about!  Remember these are only the minimum so feel free to add more content in the medium akin to your interests and aspirations! (If you want to photograph, photograph.  Illustrate, illustrate, design, design, etc.) This project will be part workshop, so let me know if there is anything you want to experiment with in addition to the tools we covered.

3) Create a color scheme for this ideal environment! Will you use the ones we covered in class, or create your own?  It must use a minimum of 5 colors.  You will make note of these colors by creating a "COLOR KEY," listing each color, and their corresponding, RGB, CMYK, and web codes.  Review the Color Schemes post if you need any references.

4) Think composition!  Use what you learned from our last in-class assignment to create visual hierarchy in your environment?  What's the most important thing we need to know? Second most?  It will help you prioritize your project, and prioritize what you include in your environment.

5) Write a short paragraph on your blog, with a .png of your final image, explaining what your ideal environment is, your choices for compiling your image, and the tools you used to bring your environment to life!  Also mention what you think is the most successful part of your image, as well as the least successful part!

NOTE:  BY WEDNESDAY, HAVE BOTH PROJECTS COMPLETED AT THE START OF CLASS. WE WILL COVER PRINTING ON THAT MORNING, SO WE CAN SPEND THE REST OF CLASS CRITIQUING.  ALSO HAVE YOUR BLOG READY, WITH IMAGES UPLOADED, AS WELL AS DIGITAL COPIES OF YOUR WORK AND PHOTOSHOP FILES IN THE DESIGNATED FOLDERS.

5) As always, let me know if you have questions!  Even though class is out, feel free to email me if you have any questions, or need in-progress critiques about your project.



examples of digital mixed-media projects:









Additional Resources:

Digital Foundations: Chapter 9 and 10:


Photoshop Tools to be Covered today! (In addition to scanning objects into the computer)


As you work on your second project, you will find that the tools you learned in the last class will not be enough to complete your project.  We will append our original skill set with some new tools and functions of photoshop today!

List of tools and reminders for what we're covering:  (Hotkeys or shortcuts to them are in Parentheses)

  • Navigator Tab: A shortcut for viewing a thumbnail of your work.
  • Hand Tool (Space): Used for moving around your image when zoomed in.
  • Rulers and Guides: Good for making precise measurements.
  • Show Rulers:  ("Command + R" ,  or "View ------> Rulers")
  • Rotate view tool: (R)  Lets you turn your image like paper!
  • Guides: (View --------> New Guide)
  • Show Grid: ("Command + ' " or  "View --------> Show --------> Guides")
  • Delete Guides: (View -------> Clear Guides)


  • Crop tool: C Used for cropping image.
  • Brushes (B) Used for drawing.  Can change brush size and opacity, can also create brushes too!
  • Changing brush size: ("[" for smaller size, and "]" for larger)
  • Other Marquee Tools (selection tools) at your Disposal:  (Can switch between rectangle and square tools by holding (SHIFT and pressing M)
  • Lasso Tool (L ): Used for drawing a circle around your object and selecting it.
    • Polygonal Lasso Tool: Lets you paint an edged lasso.
    • Magnetic Lasso Tool: Snaps to objects in your layers.
    • Quick Selection Tool : Lets you paint a selection.
  • Pen Tool: Used for drawing shapes, and making complex selections.
    • Can select parts of your path with the PATH SELECTION TOOL (A).
  • Clone Stamp Tool: (S)  Used for making copies of objects.
    • 1. Select cloning tool.
    • 2. Hold option to select what you want to clone.
    • 3. Let go of option, and paint with your tool!
  • Type Tool  (T): Used for adding type to your work.
  • Making Large-Scale Image Adjustments:
  • Blur and Sharpen Tool: Good for altering the focus of an image.

------------------
Image -----> Adjustments
Each adjustment type modifies your image in various ways! Here are the main ones that may be helpful in your next project:

Brightness and Contrast

Hue and Saturation

Color Balance

Making Small-Scale Image Adjustments:
  • Use the marquee tools to select a small spot to change. Then use the ADJUSTMENT TABS to change them.


Experimenting with your Image Adjustments
  • Use the adjustment layers to modify your image in sections.  You can turn these off if you need to. This works for NON-DESTRUCTIVE IMAGE ADJUSTMENTS.



Wednesday, August 21, 2013

Review of Class and Assignment due Monday!

To the Class: 
Apologies for posting this later than 1.  I ran into some issues where the server refused to save some students' work under their individual accounts. I've talked with Jeff about it, and if any other problems happen and we're somehow unable to save work, I will let you know.

Below is a review of everything we covered today, important hotkeys to remember, and the assignments we went through in class. I know photoshop is a very robust program, and most of you are learning it for the first time. So it is okay to still have questions comments or concerns about what we covered.  For reference, I included images below.  If you have any questions, post a comment on the blog below, or contact me at mshaw@mca.edu. I will answer any that you may have!


List of shortcuts
Photoshop Tool Basics

---------------------------------
Introduction to Photoshop!

When opening photoshop, always remember to set your dimensions first!  For future projects, I will give the dimensions first and foremost.  You will need the following settings for your Assignment due Monday:


Important tools to remember:
THE TOOLBAR: (Key in parentheses)

  • Move tool (V key): For moving objects around the workspace.
  • Rectangular Marquee Tool (M Key): For making selections.
    • Hold "Option" to remove parts of your selection.
    • Hold "Shift" to add parts to your selection.
  • Brush Tool (B key): For general mark making in photoshop.
  • Eraser Key (E key): For erasing parts of your layer.
  • Paint Bucket Tool (G key): For filling large parts of your image, or filling an entire selection once.

Hotkeys and functions to know:

To resize objects: 
  • Go to EDIT --> Free Transform (Command + T)
  • To resize objects with uniform scale, hold SHIFT when scaling your objects!

COPYING, PASTING, and DUPLICATING.
  • Copy: Command + C
  • Paste: Command + V
  • For rapid duplication of an object:
    •  1) Select the layer of the object you want to move, or if working with multiple objects, select them with the rectangular marquee tool.
    • 2) Select the move tool. (V)
    • 3) Hold option.
    • 4) You can now click and drag your option to create multiple ones on the same layer!

UNDO, STEP BACKWARD, AND STEP FORWARD
  • Undo: Command + Z
    • NOTE! If you need to undo further, Photoshop has a function called "Step Backward," that you can use.  You can undo more than 20 times this way, but the total amount of undos you are  allowed is finite.
  • To use STEP BACKWARD, hold COMMAND and OPTION and press z.
  • To do the opposite and STEP FORWARD, hold COMMAND and SHIFT and press Z.

WORKING WITH LAYERS:
  • To change the opacity:
  • Under the LAYERS tab, click the arrow next to "OPACITY," and adjust the number as needed. 100 is equal to a fully solid image, whereas 0 is completely transparent.

  • To move layers up and down, click on the specific layer, and move as needed. Layers on top are in the foreground, and layers on the bottom are in the background!

COLOR AND SWATCHES:
  • Clicking the large squares in the color tab will open up a COLOR PICKER, that will let you choose from a wide variety of colors. You can also click anywhere in the little strip at the bottom of the color tab to choose colors.  The SWATCHES tab gives you a set of basic colors for editing.

POSTERIZATION:
When using reference materials, it may be easier to make note of the lighting of an image by using the posterization feature. Posterize simplifies the lighting in an image into cells of color.

1) Go to IMAGE -----> ADJUSTMENTS ------> POSTERIZE
2) Drag the slider to select the number of levels that works best for you.

SAVING FILES:

1)Go to FILE -----> SAVE AS

Remember to name your image something pertaining to your project. We will review where to save your files on Monday, so be sure to bring your files to class.

Note:  Save your file as both a photoshop file, and a .PNG file for the web! (See below)

----------------------------------------------------------------------------
ASSIGNMENT DUE MONDAY!

ASSIGNMENT PART 1:
1) Take two of three images you brought to class. Using the RECTANGULAR MARQUEE TOOL,  divide those images as indicated:
    A) Subject matter, by what you see first, second, third, and so on. Use any color you choose.
    B) By basic lighting values.  Black for darkest. Gray for mid tones. White for highlights.

2) Upload the images to your blog. On your blog, write a short paragraph explaining the visual hierarchy in each image.  Where does your eye travel first?  Second?  Third?  Why? Is it because of the lighting? The size of the objects
    Patterns?

ASSIGNMENT PART 2:

1) Use the "Photo Booth" feature on the picture to take a photo of yourself!  Then, open a new Photoshop file with the following dimensions:
  • Width: 11 inches
  • Height: 8.5 Inches
  • Resolution: 300 Pixels/Inch
  • RGB Color: 8 bit

2) Drag your photo in from Photo Booth.  You can click the image, and drag to the desktop, then click the image and drag it to the workspace.

3) Scale your photo (Command T) to the size of the page.

4) Use the skills learned in class to create a photo with personality!  Think about how patterns and rectangles of different sizes can be compiled to make a compelling image!

5) When finished, save the image as a .png.  Upload it to your blog in a post, along with a paragraph description of your mark making choices.  What kind of expression or emotion were you trying to convey? How does your strokes help create that image?

I know we covered a lot today.  These tools will serve as the foundation for the skills you build in every class going forward.

Again, if you have any questions, post a comment on the blog below, or contact me at mshaw@mca.edu. I will answer any that you may have!

Monday, August 19, 2013

Complete this by Thursday!!!

1) *slightly edited from the end of class* Read chapter 2 of Digital Foundations Wiki: Click here to view!  Look over the toolbar and list of hotkeys at the bottom of the syllabus. We will be getting into how these work on thursday!

I have also put the list of hotkeys on this clickable link!

The list of toolbars is on this clickable link!

2) Complete the Questionnaire I have given you! This will help me shape the class to meet your individual needs as the semester progresses!

3) Search the web for 3 images of work from your artist of choice! The first project we will do will include making a digital master copy of those works.

4) Read through the syllabus and write down any questions or concerns you may have! I'll answer all of them at the beginning of class wednesday!

Take note of these basic functions!

A: For pc users new to mac, remember that you will be using the "COMMAND" key in place of "CTRL."

Copy:
CTRL-C on windows becomes COMMAND-C on mac!
CTRL-V on windows becomes COMMAND-V on mac!

5) Have a great day!

random note: Remember that I will check final blogs on next monday! Send me an email at mshaw@mca.edu when you have it completed with the link to your site!

Sunday, August 18, 2013

Welcome to Digital Foundations! =D

Class FD 170 - Digital Foundations
Location - Mac Lab
Michael Shaw: Adjunct Professor
Contact:  michaelshaw.art@gmail.com
Office Hours: (Location: TBA)  MON and WED: 11:30 - 12:30 TUE 3:35-4:35

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.
  • 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

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.  If you then have questions, email me, or come see me after class or during office hours. 


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.

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)

Photoshop
WEEK 1 (Aug 19 & 21)
Introduction to class and Syllabus Coverage.
Photoshop: Basic Tools And Raster Graphics.
Bleed, Rulers and Margins for Printing.

WEEK 2 (Aug 26 & 28)
Color Thoery and Basic Shapes.
Editing and Photo-manipulation.
Searching for samples and using objects.
Tonal Scale, Color Saturation, And the Histogram.

WEEK 3 (Sept 4) Labor Day Holiday 9/2
Scanning into photoshop. Masking and alpha channels. Working with Symmetry and Asymmetry in image creation.

WEEK 4 (Sept 9 & 11)
Text and Typography
Using Type and Negative Space to enhance voices.
Text and Color Relationships: Screen vs. Print

WEEK 5 (Sept 16 & 18)
Repetition and Cloning.
Pattern and Fractal Creation.

WEEK 6 (Sept 23 & 25)
Using photoshop as a digital painting tool.

Illustrator
WEEK 7 (Sept 30 & Oct 2)
Introduction to Vector Graphics.
Vector Graphics vs. Raster Graphics.
Pen Tool, Brush Tool, and Paths in Illustrator
Curves, Angles, and Basic Shapes.


WEEK 8 (Midterm Week) (Oct 7 & 9)
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 9 (Fall break: Oct 14th and 15th) (Oct 16)
Illustrator Effects: Gradients, 3D, and Drop Shadow
Compression and optimization.
Working with multiple Artboards.


WEEK 10 (Oct 21 & 24)
Negative Space in design: Using the pathfinder tool.
Working in Layers

WEEK 11 (Oct 28 & 30)
Using the Pattern Tool in Illustrator.

WEEK 12 (Nov 4 & 6)
Research and Recordkeeping:  The art of Infographics


Indesign
WEEK 13 (Nov 11 & 13)
Differences between Indesign, Photoshop, and Illustrator
Editing and Placing Images in Indesign.
Creating Covers and Manipulating .PDF files.

WEEK 14 (Nov 18 & 20)
Digital Storytelling: Using Indesign to create multiple pages.
Creating Unity in Page Layout and Page Design

WEEK 15 (Nov 25) (Turkey Day Holiday 11/27 - 12/1)
Digital Arts and Storyteling (cont.)

WEEK 16 (Finals Week) (Dec 2 & 4)
Final Project Due.


A couple links!

Photoshop Shortcuts!
List of Toolbars!
Digital Foundations Wiki