GRAPHIC DESIGN I
GRAPHIC DESIGN I,   Pr. Ellen Baryshev
WEEK 14

1. Graphic Design Principles in Practice - Poster
Presenters:
Jeremy
Alice

2. Brand quidele design: layout
Grid is a system of vertical and horizontal lines that are used to align elements
In design, a grid is used for aligning blocks with elements in print or web layout: text, images, space, and any other element placed in a design
Layout Grid
Video Layout and Composition


TYPOGRAPHY

Communicating with typography
Pairing the fonts - it is difficult to pair the fonts, this article will help
Do not use these fonts!

Typographic hierarchy
Typographic hierarchy (hierarchy of information) allows the reader to understand at a glance the order of importance of the information.

Editorial design:
Example: the headline, subheading and body copy

Graphic design:
Business cards (typographic hierarchy + proximity)
Example 1
Example 2
Example 3


Compare two examples of the same poster
Without hierarchy
With hierarchy

Text alignment
There are four common types of alignment when dealing with text placement:
1. Centered (not good for a body text)
2. Flush Left
3. Flush Right
4. Justified (not all programs do a good job)
Text alignment
Cellphone - alignment problems
Each software has text alignment features in Paragraph panel

CREATE OUTLINES outlining fonts is very important!!!

3. Brand guideline design
- Continue working on the brand guideline design in Illustrator

Study

Note: the last quiz about typography will be on Wed or Mon

1. Study class materials
2. Study articles:
How to Combine Fonts, How Not To, and the Best Font Combinations (with a good video)
Understanding Typographic Hierarchy
The Hierarchy of Text in Design
15 reasons to use grid including style guides

Video How to Create a Brand Style Guide in Illustrator (you don't have to create so big document, of course)

Team project Brand Design from Simple Geometric Shapes

- Finish working on your company's brand guideline in Illustrator
Submit the file into your team folder
Note: Specify your colors; for ex: with hexadecimal numbers and CMYK, and/or PMS
Important: do not forget to CREATE OUTLINES

 

TBA

TBA

 

WEEK 13
NO CLASS

Team project Brand Design from Simple Geometric Shapes

1. After my comments, correct and resubmit the first part - symbols/simple images, for the higher grade

2. Work and finish the second part - an illustration, for the grade
Submit your Illustrator file for my comments and a grade into your team dropbox.
Note: you might want to use the different size for your illustration, please watch this tutorial
How and Why to Use Artboards in Adobe Illustrator

 

Team project BRAND DESIGN FROM SIMPLE GEOMETRIC SHAPES, Part 3:

BRAND GUIDELINE
Brand guideline, also called a brand style guide, is essentially an instruction manual catalog on how to communicate your brand. They come in the form of physical or digital booklets, which lay out all the consistent visual details, general look-and-feel of a company's branding, color palette, typography, imagery, examples, as well as important notes about the company’s voice, tone, and messaging.
Example 1: Shazam Brand Book & Identity Guidelines
Example 2: Apple Identity Guidelines 56 pages
Example 3: Brand Book - Amanda Michiru (personal brand)

 

YOUR ASSIGNMENT:
Create a very simple brand guideline in Illustrator with the company name, short company description, voice, style, your chosen shapes, color pallet*, several symbols made following that guideline, and the illustration.
- Each part has to have a short description (take care or grammar and syntax)
- This document has to be well designed and have professional layout (pay special attention to the alignment), colors and typography (keep in mind typographic hierarchy).
- Suggested document size:
Width – 8.5 inches
Height – as long as needed, possibly around 16 inches.

Example: Duolingo Brand Guideline example that I adjusted for you

 

*Color Types
For maintaining colors consistency throughout the brand visual identity, colors need to be indicated using special color types for print and screen
To communicate color precisely, color types can be indicated with color specifications - special numbers. Spec systems vary in their method and in their degree of specificity.
Color types PMS, CMYK, RGB and HEX
Chart example RGB, HEX, CMYK, PMS
(You can use Illustrator and Adobe Color site to convert colors)

Today you work on:
1. Sketches for the brand guideline layout (watch alignment, hierarchy, etc.)
Look at the examples in your HW and browse for more on the Internet
2. All the texts for the brand guideline (watch grammar, punctuation, syntax)

Team project Brand Design from Simple Geometric Shapes

1. Study: Brand Style Guide
Video How to Create a Brand Style Guide
What is Brand Guidelene and 12 examples
More examples of Brand Guidelenes

2. Layout design is very important for this part; you have to use design principles to make a professional layout
Watch this video: 6 Golden Rules Of Layout Design You MUST OBEY

3. Work on the Brand Guideline:
- Read detailed description for the brand guidelene in the project text
- Finish working on your company's brand guideline sketches and texsts; start it in Illustrator
Note: Specify your colors; for ex: with hexadecimal numbers and CMYK, and/or PMS

 

WEEK 12
1. Graphic Design Principles in Practice - Poster
Presenter:
Luis

2. Specialist vs. Generalist

3. Team project BRAND DESIGN FROM SIMPLE GEOMETRIC SHAPES

Part 2: Combine the symbols into a more complicated illustration to tell the story of the brand.
1. Make the logical surrounding for your characters/symbols.
It has to be created in the same style, but you can add some more shapes if needed (not too many).
2. Put your characters there

Students examples (down the page)
Note:
Read detailed description of the second part in the project text

Today team work:
Discuss and start working on 3-4 professional sketches for the illustration (it can be square or horizontal layout.)

 

Illustration examples
3 different illustrations in the same style
Under water
Planet
Lion (not finished)
Bear and penguin (not finished)

Surroundings for illustrations
Room
Room 2
Room 3
Pet shop
City
Town
Park
Park winter
Geometric Landscape


Study

Study independently for the quiz:
How to evaluate the quality of your design
Why Designers Need to Be ‘Specialized Generalists’

Team project BRAND DESIGN FROM SIMPLE GEOMETRIC SHAPES

Finish working on 3-4 professional sketches for the illustration.
Note:
Each sketch should be accurate and detailed, done in the separate notebook sheet

Team dropbox submission of good photos (or scans)

 

1. Quiz

2. Graphic Design Principles in Practice - Poster
Presenters:
Isiah
Brandon

3. Team work: choose the best illustration sketch and start working on it in Illustrator
Note:
Read the illustration guidelines and detailed description in the project text

Team project Brand Design from Simple Geometric Shapes

1. After my comments, correct and resubmit the first part - symbols/simple images, for the higher grade

2. Work and finish the second part - an illustration, for the grade
Submit your Illustrator file for my comments and a grade into your team dropbox.
Note: you might want to use the different size for your illustration, please watch this tutorial
How and Why to Use Artboards in Adobe Illustrator

 

WEEK 11
1. Graphic Design Principles in Practice - Poster
Presenters:
- Tu Khang
- Genesis
Or:
- Jeremy
- Miguel

2. Writing one paragraph of the company/campaign description
Submission: Word doc., dropbox team folder
Please take care of grammar

- Company Name
- Your target audience
- Products or services you provide
- Goal (what do you want to achieve)
- Company style
- Details (if needed)

Example:
DUOLINGO
Duolingo is an American language-learning website and mobile app. The company’s mission is to make education free, fun, and accessible for all. Duolingo makes language learning easily available to everyone. People need only a screen, an internet connection, and a few minutes a day to make anything possible.
Learning a language should be nothing to fear and should feel all about fun. Duolingo combines technology with the power of play to make language learning a joy, not a chore. Duolingo mimics the structure of video games in several ways to engage its users. It features a reward system in which users acquire "lingots" or gems, an in-game currency that they can spend on features such as character customizations or bonus levels.
As of March 2021, the language-learning website and app offers 106 different language courses in 38 languages


3. Team work on symbols:
Note: working on symbols, keep in mind the future illustration made with these symbols, even if you are not sure what exactly the illustration will be. Just try to have a very general idea for your illustration
1. Discussion of 4 shapes used for creation symbols, as well as colors
2. Discussion of symbols sketches. Choosing 10 symbols to be made with Illustrator
3. Start working in Illustrator on the symbols design
Students' example


Example - simple animals:

Analysis: a squirrel from simple geometric shapes


Team project BRAND DESIGN FROM SIMPLE GEOMETRIC SHAPES

1. Finish 50% work on symbols design in Illustrator. (Keep the file in the team dropbox)
2. Finish editing one paragraph of the company/campaign description
Submission: Word doc.; your team folder (name it with your company name)

 

 

1. Graphic Design Principles in Practice - Poster
Presenters:
- Jeremy
- Miguel

2. Team work on symbols
Notes:
- Shapes have to be geometric, not organic
- Working on symbols, keep in mind the future illustration made with these symbols, even if you are not sure what exactly the illustration will be. Just try to have a very general idea for your illustration

Reminder: you have to make not less than 10 symbols/simple shapes in Illustrator

1. Finalizing 4 (the most - 5, if needed) simple geometric shapes for creation of the symbols/simple images for your company
2. Checking that only chosen shapes are used for creation the symbols/simple images
3. Checking that each symbol/simple image contains no more than 10 (the most - 15) chosen shapes in total (the fewer the better)
4. Continue working with Illustrator; ask me if you need help

Brand Design from Simple Geometric Shapes

Finish 100% work on symbols design in Illustrator for the grade (team dropbox submission; only Illustrator file, no JPG or PDF)
Note: put all 4 geometric shapes, from which the images are created, at the top of the Illustrator file
Student example Symbols

 

WEEK 10
1. Quiz

2. Graphic Design Principles in Practice - Poster
Presenters:
- Tu Khang
- Layla

3. A brand and a brand guideline
What is a brand?

A brand is a name, term, design, symbol or any other feature with unique style given to a product and/or service. A brand stands out from the clutter and attracts attention by being different.

 

A brand guideline, also called a brand style guide, is essentially an instruction manual for how to communicate your brand. It lays out all the visual details, as well as important notes about the company's voice, tone, and messaging.
Some brand guidelines examples (the one you design will be simpler, with fewer items)

 

Examples of brands and brand guidelines:
Example 1
Sagmeister & Walsh design company rebranded EDP, an energy company in Portugal.
They created hundreds of logos and illustrations, which in combination tell the story of the EDP brand.
The identity is designed from four simple shapes: a circle, half circle, square and triangle, and only one color: red with gradient.
Video
EDP project
EDP symbols
EDP illustrations
EDP editorial design
EDP identity

 

Example 2
Duolingo brand guidelines (illustrations are down the page)
- All illustrations are made from three basic shapes: the rounded rectangle, the circle, and the rounded triangle.
- Illustrations are simple, with the fewest shapes possible.
- The rhythm of simple shapes makes the illustrations interesting.
- Icons are designed on a flat perspective, on the same line of sight.
- Pastel colors only

 

Example 3
EMAS is Almada Forum is a Lisbon-based shopping center
EMAS Environmental Campaign
Design consists of simple shapes, 3 analogous green colors plus black and white
It uses environmental elements that reference real data showing how good management can impact our lives.

 

Study

1. Video What is a brand?
2. All class materials about branding

 

1. Graphic Design Principles in Practice - Poster
Presenters:
- Fenix
- Noorshad

2. Team project BRAND VISUAL IDENTITY DESIGN FROM SIMPLE GEOMETRIC SHAPES
(the last project, 20% of the final grade)

Score Distribution
Components
Symbols sketches
Symbols design on Illustrator
Illustration sketches
Illustration design on Illustrator
Brand guideline with company description (Illustrator)
Illustrator technical quality
Total
Due dates
TBA
TBA
TBA
TBA
TBA
TBA
TBA
Max points
10
20
10
30
20
10
100

Notes:
- The workload between partners has to be equal; the partners will discuss and agree upon the work specifics and its parts’ proportions. You should check, comment, critique or correct each other’s parts if needed because the grade will be the same for both of you. I will be involved only in a case of a conflict.
- All parts have to be submitted on due dates into the team’s folder (not your personal folder)
You can always find due dates on the class site
- Sketches are grades for quality, variety, quantity and professional photo submission
- Brand guideline document is graded for the content and design
- Illustrator images quality will be graded for accuracy, precision and skillful mastering techniques.  I can grade this part only checking the Illustrator file (not JPG or PDF)


Studens' Examle:
Symbols
Illustration

3. Creating the teams for the project, choosing company, brainstorm, research

Team project Brand Design from Simple Geometric Shapes

Work on Part 1:
1. After both of you deside on a company, research companies in that industry to find information that will help you determine what symbols will tell the story about the company. Brainstorm, make thumbnails, etc.
2. Discuss the design with your partner and choose the final style, shapes and colors for the symbols/simple images.
Remember, use not more that 4 simple geometric shapes
3. Make a minimum of 20 different well-defined symbol sketches, approximately 3x3 inches each
This is an important part - it will give you the direction for the entire project
Submission
Team dropbox submission of the sketches' photos or scans.

Students Examples:
Symbols Sketches 1
Symbols Sketches 2

 

WEEK 9
Design with Lines and Shapes project
1. How to clean leftovers outside the boxes with the Pathfinder
2. Sketches discussions
3. Working with the chosen designs in Illustrator (with my help if needed)

Design with Lines and Shapes project

Computer work – 90% of work done, dropbox submission.

 

1. Guest Speaker

2. Graphic Design Principles in Practice - Poster
Presenters:
1. Kobe
2. Genesis

3. Illustrator work on Design with Lines and Shapes project (with my help if needed)

Design with Lines and Shapes project

Illustrator work - 100% finished, drop box submission for the project grade

Quiz

Be prepared for the quiz; most questions are about design principles
Please read/refresh - design principles:
- Contrast
- Balance
- Alignment
- Consistency and Repetition
- Geshtalt Theory
- White Space
- Almost all of them (shortly)
Actually, all 3 quizzes will be about design principles, that way or another

 

WEEK 8
Illustrator:
- Gradients
- Strokes
- Blend tool
- Saving for web

Illustrator

Strokes
Gradients in Illustrator
Gradients (advanced)
Blend tool 1
Blend tool 2
Blend tool 3
Don’t forget to Object >Expend when needed

To save the file for the web:
1. File>Export>Save for Web
2. There should be the name of your original file at the right
3. Under the name, select JPEG (among GIF, JPEG and PNG options)
Do not change other options
4. Click Save button at the right down
5. You will get a dialog box; choose the destination, and click Save button (you can also rename your file there if needed)


Click RESOURSES button for more tutorials

TO SUBMIT:
1. Watch this tutorial: Pathfinder - Linking Rings
Create 3 - 5 linked rings in Illustrator
2. Watch this tutorial: Draw simple shapes
Create a similar robot
Submit both Illustrator files into your drop box

 

1. Finishing Illustrator:
- Blend tool - globe
- Simple Pen tool
- Linked vs. embedded files
- Questions?

2. Computer project: DESIGN WITH LINES AND SHAPES (Design elements and principles)

Lines and shapes in practice
Op Art
Victor Vasarely 1
Victor Vasarely 2

Posters:
Op Art poster - Poster for the H. P. Lovecraft (horror writer) Exhibition.
Simplicity is the ultimate form of sophistication
Swiss Rutual
1969 Inflatable Sculptures poster

Packaging
Coffee Robusta
Lux Fructus
Tea

Brochure examples
Example in combination with photo

Book cover
Structural Analysis
Two-Dimensional Man

Branding
XOCLAD a high-end pastry and confectionery shop located in the Mayan Riviera. Dersign communicates strong Mayan culture
The City of Melbourne
Efinity

Fashion
Image 1
Image 2

More examples are at the end of the project text

Grading scale
Components and grading max points:
1. Sketches: quality and quantity 10
2. Designs with lines only 30
3. Designs with lines and shapes 30
4. Layout, skillful Illustrator work 30
Total 100
Due dates and submission:
11/1 Sketches - drop box submission
11/3 Computer work – 90% of work done, dropbox submission, continuation working in class with my help
11/8 Computer work- 100% finished, drop box submission for the project grade

Illustrator

Tutorials:
1. About linked and embedded artwork
2. Click on Resources button to find and practice the Pen tool tutorials, if needed

TO SUBMIT:
Study this Pen tool tutorial and practice the Pen tool
- Use this template to create a picture like this image
- Finish all details: wheels, shadows, etc.
- Use this PNG file to put the reindeer to the car wagon
- Do not forget to uncheck the Link box
- Submit the Illustrator file into the dropbox, correcponding folder

Design with Lines and Shapes project

Sketches, as many as possible, around 20 would be good idea
1. Lines only
2. Lines and shapes together
Scan or photo, drop box submission

 

WEEK 7
1. Quiz

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

3. What are Vector Graphics?
Vectors vs. Raster

4. Illustrator tools and techniques explanation
What is Illustrator
Workspace
The selection tools
Basic shapes
Transformation tools (and transform again command)
Alignment
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)
Alignment
Distributing objects
If you want: Cute animal icons from basic shapes

TO SUBMIT:
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 House.ai; don't forget to save it often.
Submit the Illustrator file into your drop box

 

1. Elements of Art in a Painting
Presenters:
1. Brandon
2. Alice

2. Illustrator tools and techniques explanation
Transformation tools (and transform again command)
Anchor points and paths in Illustrator
Direct selection tool
Layers and groups
Pathfinder
Colors


Illustrator

Transformation tools (and transform again command)
Anchor points and paths in Illustrator
Layers and groups
How to Use The Layers Panel in Adobe Illustrator
Pathfinder for Beginners
Pathfinder Intermediate and useful
Selecting colors (do not click on the links under "See also")
How to apply color to artwork

TO SUBMIT:
Watch tutorial How to draw in Illustrator with shapes & lines
Create a picture in Illustrator identical to that fox
Dropbox submission

Pattern Design Project improvement

If you are not happy with the result and the grade, correct/redo the project before 10/25
Don't forget to inform me

 

WEEK 6.5
NO COLLEGE

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
Presenters:
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

Study

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

 

WEEK 6
1. Quiz

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

3. PATTERN DESIGN PROJECT
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
Presenters:
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.
Or:
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
Note:
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)

 

WEEK 5
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
Videos:

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
Videos:
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

 

WEEK 4
1. Elements of Art in a Painting
Presenters:
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

3. POSITIVE/NEGATIVE DESIGN PROJECT
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

Study

Positive and negative space
- Positive and negative space in art, design, photography, etc.
- Negative Space Defined
- Figure-Ground Perception in Psychology
Videos:
- 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
Presenters:
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

 

WEEK 3
1.Elements of Art in a Painting
Presenters:
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.

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


Study

1. How to think creatively using the double diamond framework

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

ILLUSTRATION WITH EVERYDAY OBJECT

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

 

WEEK 2
1. Trial Quiz

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

3. NEUROGRAPHIC ART PROJECT
  

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

6. Project ILLUSTRATION WITH EVERYDAY OBJECTS
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

Example:

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

Study

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

NEUROGRAPHIC ART PROJECT

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

ILLUSTRATION WITH EVERYDAY OBJECTS

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

 

WEEK 1

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

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

Shape
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
Examples:
"Quetzalcoatl" by John Pugh
Escaping Criticism (1874) By Pere Borrell del Caso

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

Space
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