Week_2

A new seating chart has been established.  If you were in class next week and don't see your name, you forgot to write it on the questionnaire.    You are indicated by the "???"s on the seating chart.

Collecting Homework and Intro to Server. 

1. Create a folder on your desktop.  Name it "lastname_firstname_week1" then place your illustrator files in the folder, along with your document for the research assignment on "fair use."   

Label: 
“last_first_bauhaus_symetrical”
“last_first_bauhaus_asymetrical”
“last_first_deco_symetrical” 
“last_first_deco_asymetrical” 
"last_first_shiele"
"last_first_fair_use" 

Once you have your files in your folder,  then you will connect to the server. 

Click on "Finder" then click on "Go"... "Connect to server"..."Dali"

Type in your login and password.    From here you will go to classes and find our course folder  FD170-D.  In the folder, you will see a folder marked "Week_1"  Place your folder in the appropriate folder. 



Creative Commons and Fair Use

Licensing your work

Licensing work with a Creative Commons (CC) license is easy.

Upon setting a Creative Commons license, the creator of the work decides if both commercial and noncommercial uses are allowed (some are noncommercial only), if others are allowed to modify the work once it is licensed (called, "derivative work"), and if derivative works are allowed, whether or not the newly modified work also has to be licensed with CC (called, "share alike").

The six types of licenses and a very brief description of each follows. More information can be found on CreativeCommons.org. All CC licenses state that the original author will be given credited for her work, in addition to the following details:

1.Attribution Non-commercial No Derivatives (by-nc-nd) This license provides the least freedom to others as the work cannot be used for commercial purposes and derivative works cannot be made (in other words, it would be illegal to use this work as part of a collage).

2.Attribution Non-commercial Share Alike (by-nc-sa) This license allows others to build upon the original work (for instance, this work could be used, legally, in a collage) as long as the new work is also licensed in the same manner, with a CC by-nc-sa.

3.Attribution Non-commercial (by-nc) This license allows others to build upon the original work (this work could be used, legally, in a collage) without having to license it as a CC by-nc. However, the resulting work cannot be used for commercial purposes and the original author, as with all CC licenses, must be credited.

4.Attribution No Derivatives (by-nd) This license allows others to use the work as it is, without making derivative work, for any purpose (commercial or noncommercial).

5.Attribution Share Alike (by-sa) This license allows others to use the work as it is or in derivative forms, for commercial and noncommercial purposes, as long as the new work is also licensed with the same CC by-sa license.

6.Attribution (by) This license provides the most freedom to others who want to use the licensed work.

Fair use and appropriation

Fair use

Reproduceablity is a principal trait of digital media. Unlike paintings, records, books, videotapes or even photographs, an exact replica of digital media can be made from the original file. This is true for digital photographs, Compact Discs (and MP3s), DVDs, and websites. From sampling to mashups, collage to subvertisements, contemporary artists and content creators use digital files as source material for the derivation of new works. These works are considered new and original, but they are sometimes built with bits and parts of copyrighted works. In the digital age, new works are often created when more than one existing work is recombined in a new way, providing new visual relationships and new ideas.

Copyright content can be used in a new work as long as permission is obtained from the copyright holder, or if the media use falls into the category of fair use. Under the fair use clause of copyright law, limited copyrighted material can be used for a "transformative" purpose, such as commenting upon, criticizing or parodying the initial material. The 4 key factors are

• the purpose of the derivative work
• the nature of the original work: was the original mostly factual or creative
• the amount of original work used
• the effect that the new work has on the potential or actual market value of the original

Kenneth Tinkin-Hung, 

This net art parody is protected by the fair use clause of the United States copyright laws

Appropriation

Appropriation is a word that is used by media artists to describe the visual or rhetorical action of taking over the meaning of something that is already known, by way of visual reference. For example, Andy Warhol appropriated the Campbell's soup can visual identity to make large, iconic silkscreen prints of the face of Campbell's soup cans. Warhol's soup cans are a modified version of "the real thing." The visual reference to the original soup can is important, as the viewer needs this information in order to understand the idea that the reference conveys (your personal translation of this could be something as simple as a popular American icon to a feeling associated with comfort food). By transforming not only the size and limited graphic palette for portraying the soup cans, but also the place where the viewer will encounter them (an art gallery as opposed to the grocery market), Warhol appropriates the original Campbell's soup cans to create American art that relates to popular culture in its iconic form. Appropriation falls into the category of fair use.

Another source for imagery are stock photography websites such as GettyImages.com or iStockPhoto.com. These websites are full of photographs and vector graphics to be used in advertising, corporate media, brochures, campaigns, and other design applications. The advantage of these sites is they seem to have endless search detail.The disadvantage is that the photographs are generic, and have the impersonal feel of an advertisement. No one ever looks as happy as a model in an advertisement; most people are as physically attractive there is an overall "generality" to the photographs. 

New tools in Illustrator

Similar to the shape builder tool is the pathfinder tool.  The pathfinder tool has the power to merge, intersect, exclude and subtract parts of two overlapping shapes.

Line tool

The line segment tool, arc tool, spiral tool and grid tool can be found in this panel.  There are times you might want to use the curvature tool, or just use the pen tool to create a line segment, but this is also a route you might take.




Grouping and Ungrouping shapes

-Grouping (command+G) 
-Ungrouping (command+shift+G) 
-Group Selection Tool (tear off panel from the direct selection tool) 

Brushes (from adobe classroom in a book) 
The variety of brush types in Adobe Illustrator CC lets you create a myriad of effects simply by painting or drawing using the Paintbrush tool or the drawing tools. You can work with the Blob Brush tool, choose from the Art, Calligraphic, Pattern, Bristle, or Scatter brushes, or create new brushes based on your artwork.

Working with brushes

Using brushes you can decorate paths with patterns, figures, brush strokes, textures, or angled strokes. You can modify the brushes provided with Illustrator and create your own brushes.

A. Calligraphic brush
B. Art brush
C. Bristle brush
D. Pattern brush
E. Scatter brush

You can apply brush strokes to existing paths, or you can use the Paintbrush tool to draw a path and apply a brush stroke simultaneously. You can change the color, size, and other features of a brush, and you can edit paths after brushes are applied (including adding a fill).

There are five types of brushes that appear in the Brushes panel (Window > Brushes): Calligraphic, Art, Bristle, Pattern, and Scatter. 

A. Brushes
B. Brush Libraries Menu
C. Libraries Panel
D. Remove Brush Stroke
E. Options Of Selected Object
F. New Brush
G. Delete Brush

Calligraphic brushes resemble strokes drawn with the angled point of a calligraphic pen. Calligraphic brushes are defined by an elliptical shape whose center follows the path. You can use these brushes to create the appearance of hand-drawn strokes made with a flat, angled pen tip.

Art brushes stretch artwork or an embedded raster image evenly along the length of a path. As with other brushes, you can edit the brush options to affect how the brush is applied to artwork.

Bristle brushes allow you to create strokes with the appearance of a natural brush with bristles. Painting with a Bristle brush, using the Paintbrush tool, creates vector paths with the Bristle brush applied. You’ll start by adjusting options for a brush to change how it appears in the artwork, and then paint with the Paintbrush tool and Bristle brush to create smoke.

Pattern brushes paint a pattern made up of separate sections, or tiles. When you apply a Pattern brush to artwork, different tiles of the pattern are applied to different sections of the path, depending on where the section falls on the path—the end, middle, or corner. There are hundreds of interesting Pattern brushes that you can choose from when creating your own projects, from grass to cityscapes. 

Scatter brushes can be made from vector artwork that you would like to distribute to various areas on your artboard/designs.  Here is a great video for you to refer back to on creating and altering custom brushes for your own symbols, artworks, and vector graphic motifs.

https://helpx.adobe.com/illustrator/how-to/illustrator-create-scatter-brush.html

Pencil Tool has variable accuracy and smoothness options found in the panel when double clicking the icon in the tools panel.  You might find this to be the best tool when making quick sketches or doing freehand type drawing.  It's less mathematical than the line or pen tool.  Here is a brief overview of the pencil tool from adobe 

https://helpx.adobe.com/illustrator/how-to/new-pencil-tool-in-illustrator.html

In Class Exercise: Work on using the pen tool to create the following make a list of 2 manmade and 2 natural/organic objects.   write these down on a small sheet of paper and tear them up and fold them.  

Create a vector image (either using a photograph or drawing you have made from a visual reference) of the objects you have selected. 

Homework: 

Combine the 2 objects (1 man made, 1 nature made) to create a new image.

Things to be thinking about:

*layout/design/composition (is it floating in the middle of the page?) 

*negative space/positive space

*symmetry/asymmetry

*color

*concepts/creativity (Are you just placing a hammer head on a rabbit body? Or are you thinking beyond the obvious?) 

Example from previous student work:

Manmade

Natural/Organic

Combination

Adobe Illustrator_Overview

These two videos are wonderful (albeit slightly boring) overviews of the very basics of Illustrator.  This could be a very helpful introduction to the tools that we will be using and going over (in more detail) for the first five weeks of this course.   I am just putting this here as a reference that you might need to refer back to.   You are also welcome to watch one, or both of these videos in their entirety, as it will definitely give you an edge towards some vital course content.

Digital Foundations_Week 1_Project 1_Intro_August 21_2015

Week 1

Introduction to Macs.   You may or may have never worked with Mac before.    Here is a list of keyboard shortcuts that could be helpful.  You don't need to memorize all these, but look them over.  You will learn and use most of these in time.

Logging into the MCA computers

How to Login: “first.last”
Password “mca”
>change password

or -login-“student” -pass-“student”

-Desktop

-Dock (add and arrange)

 -Mouse (secondary click) 

-Folders (create/name/delete)

What is Adobe Illustrator? 

Adobe Illustrator is a program used by both artists and graphic designers to create vector images. These images will then be used for company logos, promotional uses or even personal work, both in print and digital form. So what is Adobe Illustrator used for? It is typically used to create illustrations, charts, graphs, logos, diagrams, cartoons of real photographs, and more. While the program may be difficult to understand initially, the final product will be well worth the learning curve.

“There is not just one right way of doing something, many ways to get the same results” 

This first week, we will be working with basic shapes in Illustrator.  Illustrator is a vector based program. 

The word "Pixel" is a term that was created out of the two words, "picture" and "element."  You will hear

Raster / Bitmap Images

Raster images' dimensions are measured in pixels. Because raster images cannot be enlarged without losing quality, different suppliers have specific size requirements for their processes; they require a specific pixel resolution: a specific amount of pixels within each inch. The amount of pixels within each inch in the image represents the image pixel resolution or ppi (pixels per inch).

How large a raster image can be printed - and maintain quality - depends on 2 things:

1. the pixel dimension of the image (e.g. 6824 pixels wide by 2345 pixels high)
2. the pixel resolution: pixels-per-inch (ppi) required by the particular printer

Some offset printers (paper printing) require a minimum of 300 ppi
Some screen printers (cloth printing) require a minimum of 240 ppi
Large format printers (banners, billboards) vary a lot because it also depends on the distance from which the sign is going to be viewed - could be as low as 20 or more than 200

For all intensive purposes, most artists and photographers will save images in a couple different qualities for usage.

300 dpi is a good quality print image
72   dpi is a good quality image to be used for the web. 

How to determine what size your raster image must be, for good quality printing:

Multiply the resolution required by the area to be printed. Examples:

If a printer requires a minimum of 300 ppi and you want to print an image in an area that is 5 inches wide, multiply 300 pixels x 5 inches (300 x 5 = 1500). Your image must be at least 1500 pixels wide.

If a printer requires a minimum of 240 ppi and you want to print an image in an area that is 12 inches wide, multiply 240 pixels x 12 inches (240 x 12 = 2880). Your image must be at least 2880 pixels wide.

Can you enlarge the pixel dimension and resolution of a raster image?

Raster images have a certain amount of pixels within each inch. A 72 ppi image has 72 pixels in every inch. A 300 ppi image has 300 pixels per inch. Usually the higher the ppi, the higher the quality. When you are required to provide a high resolution image file, the file must have been created or scanned at both the dimension and the resolution required. E.G. if you need to print an image at 2 inches wide and 300 ppi is required, your image must be created/scanned at a minimum of 600 pixels (2in x 300dpi).

Vector Graphics

Vector graphics are made of mathematical calculations that form objects or lines - they do not use pixels therefore they are resolution-independent.

Vector graphics can be enlarged and printed at ANY SIZE!

Instead of pixels, vector graphics use objects and lines (shapes) to represent images. Vector graphics can be scaled to any size without losing quality.

Some Vector programs have two different views; preview/normal view which displays the image as we normally would see it and an outline/wireframe view which displays the outline of every object in the file. This vector outline/wireframe is important to some companies like engraving & vinyl-cut signs because it guides the equipment they use to create their products.

Now that we have gone over that.   Let's dig into illustrator and check things out. 

We will begin by taking a brief tour through shapes in illustrator.

Here is a brief tutorial for you to review you should you need while you are working on your designs.

WEEK 1:  ASSIGNMENT

IN CLASS:

Create a new folder on your desktop
1. To create a new folder on your computer, navigate to the place where you want your new folder to reside (for instance, the Desktop), and from the menu, choose File > New Folder. Most computer users typically store folders in the Documents folder or on the Desktop. As soon as you create a new folder, the operating system temporarily names it untitled folder. As long as you do not click outside of the folder name, the name area remains highlighted in blue, and is ready for you to type a new name. Name the folder "lastname_firstname_FD170" and press the Return key.  (If you have clicked outside of the box and seem to be stuck with an "unnamed folder," click on the folder to highlight, then click again and you will be able to name the folder.) 

Create a new file in Adobe Illustrator

Launch the Application

1. In Mac OS, move the mouse to the bottom of the screen so that it appears over the dock. The dock displays icons that are buttons which launch various applications in one click. Click on the Illustrator icon once and the application will open. If the icon is not in the dock, you can find the application in Finder/ Applications / Adobe Illustrator or Finder > Menu > Go >Applications >Adobe Illustrator. In Windows OS it is in Start > Programs > Adobe > Adobe Illustrator CC.

Define a new file

2. Open Adobe Illustrator. To create a new document click File > New....

Notice the settings.   Illustrator has default settings for many different formats that you might be creating work for specifically.   For this assignment, choose print, and then "letter" to open an 8.5 x 11 document

The blank page and your tools
Look around your new document and notice the interface elements. In the center is an Artboard. Analog layouts were created inside the area defined by cropmarks drawn on a board, which was referred to as the Artboard. Illustrator reproduces the analog experience through metaphor. On the left side of the document area is the Tools panel. Like an artist’s or designer’s toolbox, the Tools panel holds pens, pencils, brushes, shape tools, and so on.

On the right are more panels. Take notice of the Color panel. Painters mix together individual paint colors on a palette. In Illustrator, as in the other Adobe Creative Suite applications, you create colors by virtually mixing colors in a panel (read more about this in Chapter 5). The tools and panel can be moved around the screen, and they can be hidden or shown based on the amount of workspace on the monitor.

3. Show the Layers panel by clicking Window > Layers, then hide the Layers panel by pressing the layers icon on the right side toolbar. Alternately, any panel can be shown or hidden by selecting its name from the Window menu.

After quitting and then re-opening a program, panels will assume the same locations as when the application was last closed. This can be a time-saver on a personal computer, but it can be an annoyance in a classroom or lab when the previous user's custom panel configuration appears confusing. Most applications have basic or default workspaces. Reset the workspace layout in Illustrator by clicking Window > Workspace > [Essential] or by using the pull-down menu on the Application bar. Before starting each of the exercises, set the workspace to the essential or basic settings so that your set-up is consistent with the settings we used while writing this book.

Create a dynamic composition from an image: for this first project we will be using Egon Shiele.  You will be using the rectangle tool to create the entire composition. 

Sample from previous student work:

Outside Assignment:

Search the internet (Google Images)  for "Bauhaus" and "Art Deco"  Find one symmetrical image for each art movement, find one asymmetrical image for each movement, for a total of FOUR images. You will recreate the four images of your liking using Illustrator.

Also research and define: 
1.fair use
2.appropriation
3.creative commons license and the 6 different kinds.   Please type this as you will be required to turn this in on Friday August 28 along with your four deco/Bauhaus designs and your recreation of Egon Shiel's painting "The Poet"  

Per our discussion in class about intersecting and removing shapes or parts of shapes,  I'm embedding a short video about using the "Shape Builder" tool and the Gradient tool below. Please do not feel obligated to use the gradient or the shape builder unless it is absolutely necessary.   I'm also posting some images of previous student work.


Video on using the shape builder tool:

Sample Images of previous student work inspired by the Art Deco and Bauhaus Movements

Digital Foundations_Quiz

Name:

What year student are you at MCA? 

What is your level of expertise in work with the following:  (1= no experience, 1 = expert) 

Apple Computers (Macs): 

Adobe Illustrator: 

Adobe Photoshop: 

Adobe InDesign: (InCopy) 

Adobe Muse:

What is your major at MCA? 

What do you hope to learn/do in this class? 

Digital Foundations_Syllabus

FD170 D, Digital Foundations

Friday 9:00 a.m. - 3:30 p.m.  Mac Lab 1

Thomas Everett Green • Fall 2015

Office hours: Friday 11:30-1200 or 3:30-4:00 after class

Or by appointment: email tgreen@mca.edu

Cell: call or text 615-474-6511

Course Description

Digital Foundations is an introduction to the basics of understanding digital procedures and improving one’s visual skills and conceptual development through the use of digital production tools. This course will include the fundamental visual design principles in conjunction with non-traditional way of working via digital methods.

Course Objectives

- To familiarize students with the methods of digital production tools while developing their visual design skills.

- Re-enforce fundamental visual design principles.


- Build a stronger digital basics skill set.


- Enhance ability to use digital methods to develop layout compositions

- Develop an understanding of digital terminology and vocabulary.

Professional Practice Outcomes

Upon successful completion of the course:

outcome 4-Students will demonstrate the ability to (digitally) document their work.

outcome 6-Students will demonstrate basic computer/software literacy applicable to their field.

outcome 9-Students will demonstrate the ability to research to stay current in their field.

outcome 10-Students will demonstrate development of a professional web presence.

Methods

-       Overview of materials and methods used, including utilizing traditional visual design principles and Mac OS.  

-       Introductory Design History and visual topics--including symmetry, line art, tonal scale, elements of motion, and color—will be introduced to the pupil alongside digital art processes.

-       Class demonstrations, use of software and hardware tools.

-       Class discussions and critiques.

-       You will be required to record and keep notes. 
(I recommend you do this on the class blog you will be keeping, but a journal is acceptable)

ATTENDANCE IS MANDATORY: Going to class is the single most important thing you can do to contribute to your success in college.

More than three absences (for any reason) will result in failure of the class.  This class meets only once a week, so if you cannot make the morning portion of class for some reason, you should attend the afternoon portion of the class.  Each Friday counts as two class periods, so the student will have the opportunity to attend (or miss) two classes each Friday.  I will be keeping attendance in the morning and afternoon.     If you are unable to come to either portion of the class, or are going to be late, a text or email is appreciated.   3 tardies (15 minutes or more) will result in one absence. Participation in class discussions and critiques is expected.

-       Cell phone calls, texting and headphones are not allowed in class.

-       No Facebook, emailing, IMing, or personal web surfing while in class unless specifically requested for an assignment. Failure to follow this policy will result in removal from the class for the rest of the period and accrual of one full absence.

-       Disrespect and disruptiveness will not be tolerated.

-       Please do not talk while the instructor is speaking.  This is disruptive to other class members and causes confusion.

-       FOOD/DRINK ARE NOT ALLOWED BY COMPUTERS IN THE MAC LAB! 


Accommodations for Students with Disabilities

Students with a special learning need are encouraged to let their instructor know at the beginning of the course. Reasonable accommodations (such as extended time for exams, readers, scribes, and interpreters) are provided on an individual basis as determined by documented need. It is the student’s responsibility to provide authorized documentation to Student Affairs or Achievement Center Support Staff as early in the semester as possible.

Course Content and Title IX Reporting

Students should be aware that information disclosed to faculty (whether through assignments or as a personal disclosure) that indicate experiencing sexual harassment, abuse, or violence while a student at Memphis College of Art, requires that your instructor as a “mandatory reporter” disclose this information to Student Affairs staff to ensure students’ safety and welfare are addressed. Student Affairs staff will contact you, and/or those involved, to make you aware of accommodations, remedies, and resources available at Memphis College of Art.

School and Class Policies 
The faculty will not tolerate academic dishonesty (cheating, plagiarism, etc.) in any form. Please refer to the Student Handbook for detailed information on this and other school policies. Ignorance of the policies listed in this syllabus or in the Student Handbook does not constitute a valid defense for failure to follow said policies. 


Grading Policy 
Grades will be determined by:


1. On time attendance and participation in discussions and critiques.

 2. Ability to develop skills and technique.


3. Quality of craftsmanship.

4. Creativity and Concepts.

Late assignments will be accepted up to one week and will result in a grade reduction of one full letter grade; assignments turned in later than one week will count as a zero.

Final letter grade definitions (pluses and minuses are used to allow greater subtlety in comparative judgments):

A - As close as humanly possible to perfection in the fulfillment of the objectives of this course; it implies great effort and great success in all aspects of the class. It is rare that this grade is awarded.

B - The person earning this grade has worked very hard; has pushed him/herself to go beyond the fulfillment of each problem and has shown extraordinary advances in technical and conceptual skills.

C - The student earning a C completed all assignments, had a positive attitude, worked hard, showed growth in skills and thinking, participated in critiques and discussions, and successfully fulfilled the requirements of the course, in general. This is the average level of achievement for all studio courses.

D - This grade indicates that the student has obvious difficulties with basic skills and concepts and/or trouble in fulfilling the requirements of the class because of excess lateness, absence, or some other reason.

F - This grade indicates a severe problem in one or more of the following categories: lack of interest and/or seriousness of purpose, ineptitude in basic skills, lack of understanding of concepts, terrible craftsmanship, failure to complete assignments, bad attitude, excessive lateness or absence.

Individual assignment grade definitions:

A - Excellent. Assignment is completely and creatively fulfilled. No significant problems.

B - All aspects of assignment are completely fulfilled and well done. Some problems remain to be solved.

C - Work fulfills the requirements of the assignment to the letter and is generally successful. Work is completely finished. Craftsmanship is good.

D - Assignment is not yet completely finished or has obvious technical or conceptual flaws.

F - Unacceptable in technique or craft or concept (or any combination of these).


O - Assignment not handed in. This assignment may not be re-worked.

Materials and Supplies

Required materials and supplies include the following:


Sketchbook--available at the art store on campus

Drawing and writing implements (pencils, pens, markers).


USB Jump drive ( at least 4G or larger), or other digital storage device (Save all of your files on this drive.)

Print Card – available at the business office.

Digital camera (10mp or higher) You do not necessarily need to own a digital camera, but you will need to have regular access to one. A digital camera has become a necessity for artists. A digital camera is one of the best tools for recording visual information quickly, accurately, and cheaply.

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.

Related online texts

http://wiki.digital-foundations.net/index.php?title=Main_Page  http://wiki.worqx.com/color/color_systems.htm  http://dx.sheridan.com/advisor/cmyk_color.html

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”

Class timeline: This class will cover approximately 5 weeks of Illustrator, 5 weeks of Photoshop, 2 weeks of InDesign, and 2 weeks of web presence.   The following is meant as a rough guideline and may be changed in the event of inclement weather or at the instructor’s discretion.   Amendments will be posted to class blog.

Week One: Syllabus, Intro, Quiz. Symmetry/Assymmetry-

-Bauhaus and Art Deco-Egon Shiele Interpretation

Week Two: Pen/Line Tool, Copywright/Fair Use Man vs. nature

Week Three: Color- Illustrator

Week Four: Gradient and Mesh Tools- Portrait-Illustrator

Week Six Font—Grid and Typography-Illustrator  

Week Seven- Introduction to photoshop_Still life

Week Eight- Scanograms

Week Nine- Scale and Digital Collage_Surrealism

Week Ten- Exquisite Corpse

Week Eleven-Review of Photoshop-Poster

Week 12 Intro to In Design_Brochure/Magazine

Week 13 In Design cont.- Brochure/Magazine

Week 14  Branding and Websites-Creating a digital portfolio

Week 15  Presentations