Sunday, August 28, 2016

Week_2_Drawing tools and Brushes

Link for pen tool practice

Turning in homework and introduction to the server. 

You should have a folder on your desktop that includes your .ai (illustrator) files for the Bauhaus/Deco Project.   If not, create a folder that is labeled "lastname_firstname_wk_1" and place your reference images and your adobe illustrator files in the folder.  Then we will place these on the server.  

To connect to the serverOpen "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.  

First, In the class folder, you will see a folder marked "Week_1"  Place your wk 1 folder in this appropriate folder for grading.  

Second, place your file from the "in class" Egon Shiele Assignment in the folder marked wk1_shiele. 

Artist video (Introduction) 

Introduction to 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 All CC licenses state that the original author will be given credited for her work, in addition to the following details:

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

In recent news,  Richard Prince "stole" images" from the internet and sells them for up to 100k dollars.  Wow

Another source for imagery are stock photography websites such as or 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. 

Demo for new tools in Illustrator

The Pathfinder tool-Does pretty much the same thing as the Shape Builder tool.


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

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

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

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, as you’ll see in this section. 
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.

Project 02

In Class Exercise: 
Practice using the pen tool to trace lines and curves.  An Illustrator file with the exercise material is available for you on the server.   Drop it to your desktop.  Once you have completed the exercise, then you will skip to step one for project 2 (below). Also, as you roam around during lunch, please take 5 to 10 images of the architecture at MCA.  Cell phone images are fine. Consider composition and the way things are arranged in the "picture plane" as you take photographs. Try taking the photos from interesting angles (looking up, looking down, sideways, at an angle, etc).  Ask yourself if the photo is interesting as you take the photo.  does it have interesting angles, shadows, highlights, etc. 

Project 02
1. Write down two manmade objects and two natural/organic objects onto a small piece of paper.   Tear and fold the objects and give them to me.   We will go from here. 

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. 

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 relationship
*concepts/creativity (Are you just placing a hammer head on a rabbit body? Or are you thinking beyond the obvious?

 Additional Homework for next week:  PLEASE WATCH THE FOLLOWING

Here are links to three tutorials on Brushes that go in depth a bit more than we did today in class.





Sunday, August 21, 2016

Day 2__Project_001 The Bauhaus and Art Deco

Bauhaus and Art Deco are two movements that happened in the earlier part of the twentieth century. A lot was going on in this time period.  The Industrial Revolution had swept across the country causing the uprise of city centers, manufacturing, factories, steel productions, and railroads (which shipped everything everywhere creating nationwide commerce).   Art had shifted too.   Have a look

Art Deco or Deco, is an influential visual arts design style that first appeared in France just before World War I and began flourishing internationally in the 1920s, 1930s and 1940s before its popularity waned after World War II.

Deco is a very dramatic style that emphasizes geometric forms: spheres, polygons, rectangles, trapezoids, zigzags, chevrons, and sunburst motifs. Elements are often arranged in symmetrical patterns. Modern materials, such as aluminum, stainless steel, Bakelite, chrome, and plastics, are frequently used. Stained glass, inlays, and lacquer are also common. Colors tend to be vivid and high contrast

The second of these two movements centered around an actual school called the Bauhaus.  The Bauhaus, similar in aesthetic to the Art Deco movement is also characterized by a simplistic, modern, and slightly industrial feel.    It's impact on architecture, typography, graphic design, and furniture design are still highly relevant, even today... almost 100 years later.  It could be said that the mid-century modern building that we are sitting in was in many ways influence by bauhaus as well.

Homework:1. Finish the Egon Shiele Assignment. 
2. Watch one (or both) of the overview tutorials of Illustrator

Search the internet (Google Images)  for "Bauhaus" and "Art Deco"  Find four symmetrical images for each art movement, find two symmetrical/asymmetrical images for each movement, for a total of EIGHT images. You will recreate the four images of our liking using shapes in Illustrator.  As you finish these, you will need to save an Adobe illustrator,  .Ai version and a jpg version to be handed in. I will show you how to save these in the next

Remember to keep it simple.  Here are some examples of designs.  You might want to select one of these, which is fine.  But, please research and find images of your own in addition.



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


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. 

Research and define the following:
1.fair use 
3.creative commons license and the 6 different kinds.   

Please type this into a 12 point Word.doc as you will be required to turn this in along with your four deco/Bauhaus designs and your recreation of Egon Shiel's painting "The Poet." This should be a total of 1 to 2 pages.  

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.

Examples of Student work:  To be uploaded soon. 

Day 1_In_Class_Introduction to Mac and Adobe Illustrator

Mac Shortcuts

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.  Files can be exported from Illustrator to Photoshop and Indesign for layout and publication and even transferred into motion platforms like AfterEffects for animation or Premiere for use in video graphics and film production. 
All this week we will be working in Illustrator, which 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.  Here is a list of shortcuts that will help you with Adobe Illustrator.

We will begin by taking a brief tour through shapes in 


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



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. 

A SAMPLE FROM PREVIOUS STUDENT WORK: yours will be better than this! :)


Once you are satisfied and finished with the Egon Shiele piece (which should take you about 30 minutes).

Please watch one of the following videos

Digital Foundations FD 170 A-Fall 2016

FD170 A, Digital Foundations
Monday-Wednesday 9:00-11:30 Mac Lab 1

Thomas Everett Green • Fall 2016
Office hours: Mon-Wed 11:30-1200
Or by appointment: email
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 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.

-       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 twice a week, so if you cannot make the morning portion of class for some reason, you should attend the afternoon portion of the class.   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 (some exemptions)
-       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.

    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 toprovide 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):
- 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.
- 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.
- 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.
- 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.
- 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:
- Excellent. Assignment is completely and creatively fulfilled. No significant problems.
- All aspects of assignment are completely fulfilled and well done. Some problems remain to be solved.
- Work fulfills the requirements of the assignment to the letter and is generally successful. Work is completely finished. Craftsmanship is good.
- Assignment is not yet completely finished or has obvious technical or conceptual flaws.
- Unacceptable in technique or craft or concept (or any combination of these).

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

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 and http://www. Visit American University’s Center for Social Media Website for detailed information regarding the difference between rights infringement and fair use.

Related online texts

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 ToolCopywright/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