GRAPHIC DESIGN I,   Pr. Ellen Baryshev
1. Quiz

2. Elements of Art in a Painting
1. Luis
2. Isiah

3. What are Vector Graphics?
Vectors vs. Raster

4. Illustrator tools and techniques explanation
What is Illustrator
The selection tools
Basic shapes
Transformation tools (and transform again command)
Distributing objects

Adobe Illustrator

Beginning Illustrator: Vectors vs. Pixels explained

These will be very helpful for your computor project.
If you know some materials, you can skip the corresponding tutorials

What is Illustrator
Customizing your workspace
Tools panel chart
The selection tools
Basic shapes (up/down arrows)
Basic shapes (creating with measurements, fill, stroke
Basic shapes (with shortcuts)
Transformation tools (and transform again command)
Distributing objects
If you want: Cute animal icons from basic shapes

Make a house very similar to this House
Hint: copy the image and paste it into Illustrator to use it as a template
Click on the lock button (toggles lock) to make it untouchable

You can also work on another layer.
To create another layer, click on the Create New Layer button, the left one from the Garbage Can button at the down right.

Name the file; don't forget to save it often.
Submit the Illustrator file into your drop box





WEEK 6.5

Pattern Design Project

10/13: 90% Finishing painting;
(Take a photo at this stage and put it in the dropbox for discussions)


1. Elements of Art in a Painting
1. Miguel
2. Jeremi

2. Graphic design and Graphic designers
- 6 Types of Graphic Design Jobs
- What do Graphic Designers do?

3. Design Principle - Contrast


Be prepared for the quiz (colors, design principles)

- Video: Should You Become a Graphic Designer?
- Videos: Principles of Design (with examples):
Part 1
Part 2
- Article: Design Principle - Contrast

Pattern Design Project

Finishing painting; dropbox submission of a scanned or photographed work for a grade


1. Quiz

2. Elements of Art in a Painting
1. Layla
2. Fenix

Grading score
10 points: 4 sketches in the dropbox
40 points: Interesting design, professional color application
40 points: Skillful and accurate working with paint
10 points: Professional submission
Total 100 points

Due Dates
10/6: 4 sketches in the dropbox
10/11 - no college; nevertheless: finishing drawing and starting painting
10/13: 90% Finishing painting;
(Take a photo at this stage and put it in the dropbox for discussions)
10/18: Finishing painting; dropbox submission of a scanned or photographed work for a grade
Tracing Pattern, step by step tutorisl

Pattern Design Project

Do the research
Make at least 4 different sketches; you can use color pencils
Submit them into the dropbox


1. Elements of Art in a Painting
1. Miguel
2. Christian


2. What is graphic design?
Graphic design is visual communication that combines images, text, and ideas to convey information to an audience.
Graphic design is communication design because it communicates certain ideas or messages in a visual way.

Graphic designers take design elements and apply the principles of design - a set of guidelines and rules that help to create an effective design to achieve the maximum result.
Important: a graphic designer must first understand these principles and learn the rules before he or she is experienced enough to break them.
Video Graphis design – definitions of graphic design by several famous designers

3. DESIGN PRINCIPLES, Introduction
- Video Elements and principles of design (1 min)
- Brief explanation with examples
We will study each principle thoroughly every class session

- Video Several design principles with examples (3 min)

Graphic Design

Read independently this article What is graphic design?
There will be a quiz soon; also, we will speak next class; I will be asking questions, so be prepared.

Study Design Pronciples

Video Beginning Graphic Design: Fundamentals (elements to 4:30; some principles - from 4:30)
7 principles of design
Video Design principles, graphical explanation (3.5 min)
Video with real examples Principles of Design (6 min)

Pattern Design Project

Tutorial How to draw a Radial circle design
Finish drawing your design comp and start painting it
(Take a photo at this stage and put it in the dropbox for discussion)


Working in college: acrylic paint mixing practice.

Color theory

A Comprehensive Guide To Color Theory For Artists
Practical tutorials
Acrylic Painting Tips for Beginners - How to Mix Colors
How to Blend Acrylic Paint for Beginners

Practice: mixing colors

Finish both graphs. If you have problems, do it again
Take a good photo of each graph and submit them in the drobox
This Practice part worth 10% of the next project


1. Subtructive Color
Short videos:
- Beginning Graphic Design: Color
- Subtructive system, what is it?

2. Color Systems: Additive (light) and Subtractive (printer ink)
Question: working with pigments, what color is produced by mixing two complimentary colors or 3 primary colors?
- Isaac Newton, Light Spectrum
- Why glass prisms bend and separate light
- RGB vs. CMYK

Be prepared for the quiz

Study colors

Reapeat Color theory

Color wheel
How to Use Color - Color Basics (do not pay attention that it was done on the computer)
Color groups
Exploring the psychology of color
The Effect of Color

Additive Vs Subtractive Color Theory

Article Color Systems
Color deception
Additive Vs Subtractive Color Theory
Magenta Is All In Your Head Magenta is not adjacent, not spectrum
CMYK (explanation of subtractive process)
In addition:
The Science of Rainbows
Color Mixing: The Mystery of Magenta


1. Elements of Art in a Painting
1. Genesis
2. Tu Khang

2. Design element Space
The Element of Design Space refers to the area that a shape or form occupies - area within, around, above or below an object or objects.
Space 3-D, white, positive/negative

Positive/negative space
We can consider any design is a set of spaces. Space can be defined as positive or negative.
Positive space is the main area - the object(s) or element(s) in the design.
Negative space is the space around that area.
Negative space also known as background, or white space

Short video:
Positive and Negative Space

Negative/white space is important:
- It contains the design
- It avoids visual clutter, looks “clean”
- It helps to focus the viewer on something specific
- Necessity in typography, logos, everywhere

Video Negative Space in Logo Designs (2 min)

Gestalt Principles of Perception - Figure/ground relationships
What is Gestalt psychology in general?
The term Gestalt means "unified whole". Gestalt theory is defined as an organized whole that is perceived different than the sum of its parts. This refers to the way in which humans, when looking at a group of objects, will see the whole before we see the individual parts.
Figure-Ground approach uses positive/negative shapes
Example of using Figure-Ground approach for editorial illustration
Poster example
Poster example 2
Reversal negative space example 1
Reversal negative space example 2
Some more examples:
Dog, Bear, Scull, Face, People, Utensils, M.C. Escher

Due for Phase 1, thumbnail sketches is 9/22; Open Lab uploading is not mandatory, but useful
Due for grading is 9/27; Dropbox submission
Grading score
10 points: 4 thumbs in the dropbox
40 points: Interesting shapes, good design
40 points: Skillful working with ink or paint
10 points: Professional submission
Total 100 points


Positive and negative space
- Positive and negative space in art, design, photography, etc.
- Negative Space Defined
- Figure-Ground Perception in Psychology
- Composition - Negative and Positive Space
- Positive and Negative Space

Positive/Negative Design

Create 4 different thumbnail skethes for the discussions; upload them into the dropbox (if you want, upload them to the OpenLab for the comments).
This tutorial might help you: Positive and Negative spaces

Quiz 2

Please be prepared for the quiz 2: questions about space art element, figure/ground, Gestalt, and some simpler ones


1. Quiz 2

2. Elements of Art in a Painting
1. Noorshad
2. Tu Khang

3. Discussion of the thumbnails for the Positive/Negative project

4. Meanwhile - independent work:
- Making the graphs for the paint mixing practice. (Instructions are in the homework)
- Working on the Positive/Negative project

Positive/Negative project

Continue working on the Positive/Negative project; finish and submit it to the dropbox for the grade


Preparation for the painting exercise (color mixing practice)

1. With a pencil, a ruler and a compass, make two graphs (each one on the separate page of your Bristol paper) using the indicated measurements. Do not write anything on the graphs. Do not work with colors yet, we will do it together in class.
Graph 1
Graph 2
Note: you can protect the areas that will not be painted with a drafting or removable tape
Video How to divide a circle on 12 equal parts (6 min)
Note: In your case the measurements will be slightly different (as indicated on the graph) because your Bristol paper is 9x12 inches, but I work with 8.5x11 inches paper, but the logic is the same.

2. Prepare for the next class::
- Your graphs
- Pallet paper or any pallet (or old plate) to mix colors
- Acrylic paints and brushes
- Cotton rags (or paper towels) to wipe brushes
- A plastic container for water


1.Elements of Art in a Painting
1. Cobe
2. Esmeralda

2. Video (3 min) Herb Lubalin on the design of PBS logo Example of how designers (you) have to redo the work multiple times

3. Creative Design Process (double diamond)
This is a diagram that approximately visualizes the creative process from the beginning to the end
It is divided into four phases: Discover, Define, Develop, Deliver

Discover – research, (speak with the client), ask questions, state the problem
Define – define the solution for the problem, the right direction.
Develop – generate the concept for the solution, develop design
Deliver – project implementation and submission to the client

From the interview with Tang Yau Hoong
QUESTION: Can you share us your creative process? From where did you start?
TANG: There is nothing secret. Basically, I do a lot of thinking, sketching and brainstorming to get new ideas. To me, a good idea is the result of evolution.
… I do a lot of roughs on paper and if I am lucky, the idea will evolve into something I like.
… I find inspirations from various artists and designers. Rene Magritte, Shigeo Fukuda, Saul Bass, Christoph Niemann, Banksy, Michel Gondry, Rinko Kawauchi and many more.

Choose your best rough and start working on your project comp.
Video: Christoph Niemann Making art with everyday objects


1. How to think creatively using the double diamond framework

2. A short interview with Tang Yau Hoong and some examples of his work


1. Work and finish Phase 3 - create a comp.
2. Make a photo of your comp and upload it to the dropbox.
Note: click on the RESOURCES button to find the information on how to take a professional photo
Remember: professional photo submission - 20 points of the project grade


1. Trial Quiz

2. OpenLab short overview and practice
- Working on the introductions
- Posting on Discussion board
- Trying Project Critiques


Video Neurographic Art: Mindfulness In Art

Open Lab

Help for posting on the Open Lab:
Writing a post, adding a link, adding images and other media, and other information

Finish your introduction, if you did not finish it in class; don't forget to add your photo
Due date: 9/1

Neurographic Art project

Practice with the Neurographic Art project
Due date: 9/6


1. Quiz 1

2. What is creativity?
One example of creativity

3. Importance of sketchbook for designers
- It is your personal space, you can do whatever you want within those pages, no client expectations.
- You can keep a collection of visuals that inspire you
- Helps with your creativity: the more you fill the pages of your sketchbook and flex your creativity muscles, the easier your ideas and imagination will flow.
- It is a great way to keep my drawing skills sharp
- Working on sketches strengthens your focus and strategic thinking.
And much more
Video Importance of sketchbook for designers

4. Thumbnail sketching is a vital step in the creative process, which is especially true in graphic design. Thumbnailing is a necessity that you cannot ignore; every design project starts with this step that:
- Expresses your ideas
- Allows quick iteration over unique ideas
- Forces you to think about what you’re creating
- Gives freedom to design without worrying about technique
- Helps you to avoid artist block
- Saves you a lot of time later
Thumbnail sketching, example 1
Thumbnail sketching, example 2
Video Thumbnail sketching (2 min)

5. Design Process
- The first step, after receiving a design project assignment, is to research the problem.
- The second step is to generate as many ideas as possible through multiple thumbnail sketches.
- The third step is to select two or three of the stronger thumbnails and develop them into roughs.
- The last step is a comprehensive, called simply "comps," is the artwork presented to the client or instructor for review.
Example of thumbnail, rough, comp. - Illustration
Example of thumbnail, rough, comp. - Logo

Making this project, you will work with the elements of art: line, shape, form, value, color, size and (funny) scale and proportions, space.

- Phase one: research, brainstorm, multiple thumbnail sketches in your sketchbook
- Phase two: 2 roughs - refined, accurate sketches, 9x12 inches in your sketchbook, with the real object
- Phase tree: comp - accurate finished and polished work in your Bristol pad, of course with the real object


Project score:
Components | Max points
Creativity, uniqueness: 40 points
Skillful implementation of the comp: 40 points
Professional photo submission: 20 points
Total: 100 points
Several students’ roughs and comps examples


1. Go over materials covered in class
2. The Design Process
3. Read more about thumbnails
4. Sketchbooks
- Inside the sketchbook – working with logos
- 16 Famous Designers Show Us Their Favorite Notebooks


Due: 9/6
Final submission into the drobox: (even if we do not have college, you still are able to submit the file into the dropbox)
How to submit:
If you have a scanner, scan your paper with high resolution; upload JPG image into your dropbox
If not, take a good, professional photo; upload JPG image into your dropbox
Note: Click on the RESOURCES button to find the information on how to take a professional photo


Roughs due: 9/13
1. Work and finish Phase 1 and Phase 2 (I will check in class)
You have to make at least 2 different roughs, full size: each one on a separate page of your sketchpad.
2. Optional: Make photos of your roughs and upload them to Open Lab, Project Critiques, Project Name.
It would be a good idea to finish and upload the photos earlier, so your classmates would have time for commenting
Note: Click on the RESOURCES button to find the information on how to take a professional photo



1. Syllabus, class rules, grading system, this site structure overview

2. Graphic Design elements - essential visual building blocks:
Line, shape, texture, color, value, space, scale, size
Video The Elements of Art

Lines vary in width (weight), length, and direction. They can be geometric or organic. Most often, lines define the edges of a shape. For example, a curvy line has the ability to suggest comfort and ease, whereas a jagged one can evoke anxiety and commotion.

Shapes are typically two-dimensional, meaning they only have length and width. They are defined as geometric (square, oval, triangular, etc.) or organic (freehand).
Skillful artists can create an illusion of form working with shapes with Trompe-l’œil technique

Trompe-l'œil is an art technique that uses realistic imagery to create the optical illusion that the depicted objects exist in three dimensions.
Trompe L'oeil pronunciation
"Quetzalcoatl" by John Pugh
Escaping Criticism (1874) By Pere Borrell del Caso

Form is a three-dimensional object with volume of height, width and depth. These objects include cubes, spheres, cylinders, etc. They can be geometrical or organic. Form is often used when referring to physical works of art, like sculptures.

Color, chrome (from Ancient Greek χρῶμα (khrôma, “color”)
Color is a huge subject. Shortly, main characteristics (or attributes) of color are:

- value (spectrum of light and dark),

- intensity or saturation (spectrum of bright and dull),

- temperature (warm, cold)

Color attributes

Value (chromatic or achromatic)
Value refers to the amount of lightness and darkness within an image. The difference in values is often called contrast, and references the lightest (white) and darkest (black) tones of a work of art, with an infinite number of grey variants in between.
Value scale from 0 to 10
Design with values, geometric
Design with values, organic

Texture in art appeals to our sense of touch, the main two forms are actual and visual.
Actual, or physical texture, refers to the real tactical properties of an object; paper also can have texture. Visual texture is the illusion of texture, created by other design elements
Wood surface visual texture
Jan Bruegel the Younger (Flemish, 1601-1678)
Very impressive with Trompe l'oeil technique:
Jean-Etienne Liotard, Trompe l'oeil with Two Bas-reliefs and Two Drawings, 1771.

In art and design, space refers to how a piece of artwork is organized – the area above, below, and within components of a piece. Space also deals with the illusion of depth on a flat surface.
Space can be positive or negative and the relationship between the two is very important (we will study it later)

Size, Scale, Proportions
- Size is a physical measurements of an object.
- Scale refers to the size of an object in relationship to another object.
- Proportion refers to the relative size of parts of a whole (elements within an object). For example, we often think of proportions in terms of size relationships within the human body.

Golden ratio
The ideal proportion in architecture (and furniture, and art, and music, and mathematics, and design, etc.) is considered to be the golden ratio, or the golden section, first described by ancient Greek mathematicians such as Euclid and Pythagoras, but also observable in nature. It has an ability to achieve a perfect aesthetic composition.
The ratio = 1.618, which is derived from the equation (a+b)/a = a/b = 1.618
The Parthenon, a former temple on the Athenian Acropolis dedicated to the goddess Athena, Greece, 438 BC

Video Summary: The Elements of Art

3. Elements of Art, examples discussion
Leonardo da Vinci
Rene Magritte
Johannes Vermeer

1. Housekeeping

1. First, accept the dropbox invites, and make a dropbox account. It is important for your work submission and its grading
2. Create an open Lab account: How to create it
3. Join our course: How to join

2. Study

Video The Elements of Art
Read The Elements of Art
Read The Basics Graphic Design: The Elements (till the part: The Basics of Graphic Design: Principles)
Video Graphic Design I - Elements of Design
Video Design Elements Line, Shape, & Form
Video Real vs. implied form (trompe l'oeil)
Trompe L'oeil pronunciation

Just watch and enjoy:

Ttrompe-loeil Murals
If you curious how to make a Trompe-l'œil drawing (plenty more on youtube)

3. Buy your supplies

Please click on the SYLLABUS button to see the supplies there