C-1
VA 305 ILLUSTRATION AND COMMUNICATION
Full Course Title:
Illustration and Communication
Ilustracija i komunikacija
Course Code:
Course Level/BiH cycle:
VA 305
I Cycle
ECTS credit value:
6
Student work-load:
(Table with hours for: Lectures; Exercise; Other; Individual learning)
For the whole semester:
Length:
Faculty/School/Department:
Lectures
Tutorial /
Practical training
Project
12
30
48
Internship
Individual
learning
TOTAL
60
150
Spring 2014
FASS;
VACD
Course leader:
Senior Assist. Maja Zeco
Contact details:
Office:
F2.28
e-mail:
Office hours:
Tuesday 10:0012:00 AM
Phone:
Office:
e-mail:
Office hours:
Phone:
maja.zeco@gmail.com
Site:
IUS Main campus building (A)
Host Study Program:
Visual Arts and Communication Design
Course status:
Elective for VACD program
Pre-requisites:
VA 411 Digital Vector Graphics I
Access restrictions:
-
Assessment:
Attendance, homework, quizzes, assignments, project, internship, exams.
1
C-1
Date validated:
Course aims:
February 10, 2014



Learning outcomes:
To develop student’s ideas that communicate messages to target audience and
execute them digitally
To guide students in mastering of advance vector design techniques of building complex
shapes and illustrations
Introduce students to technical preparation of files for print and work of printing houses
On successful completion of this course IUS student will be able to:
1. Demonstrate proficiency and skill in application of elements and principles of graphic
design in vector graphics
2. Indentify and use appropriate vocabulary to describe, analyze and evaluate their own
design as well as design created by others
3. Master the Adobe Illustrator advance techniques including perspective drawings,
effects & appearance attributes, symbols, different building techniques and further
development of drawing bazier curves.
4. Translate sketches and their own ideas in vector software
5. Integrate previous knowledge from other disciplines in the development of designs
Indicative syllabus content:
This course will develop student’s knowledge of vector graphics. Students will become familiar
with more complex illustration and advance tutorials through creative assignments. Course will
also introduce them in printing process, files preparation for print, and important technical and
creative use of vector graphics in the field of graphic design.
Learning delivery:
This course employs a range of teaching and learning methods (lecturing, case studies,
presentations, peer presentation analyses, group discussions, analysis, and tutorials). Students
have lectures and practical training combined. Students are expected to realise three different
applied design projects. Learning will consist of knowledge acquisition and practical use of that
knowledge. Student’s independent learning and activities will greatly influence the achievement
of learning outcomes. Consultations with course lecturer should be used to its maximal potential
as its essential part of design process. Regular homework assignments will guide student’s
individual learning and student’s progression helping them in execution of design assignments.
Acquiring required knowledge both theoretical and practical software skills will be additionally
evaluated through midterm and final exam.
Assessment Rationale:
Tutorials will introduce students to advanced Adobe Illustrator tools and their creative
possibilities. Students will have opportunity to further improve both software and creative skills.
Through creative assignments they will have to execute idea through all necessary stages:
brainstorming, idea refinement, sketches, execution in the software and final export for print. All
of these will be followed with class discussions which will develop students ability to think
critically, to analyze and judge their and works of their colleagues. Students will have opportunity
to learn how their design choices can affect final output.
Assessment of design projects will be based on the following criteria: concept (creativity and
ingenuity of ideas), exploration (how well student apply and pursue ideas), technical proficiency,
aesthetic quality of the work, professionalism, class participation (oral and written), attendance
and punctuality.
Assessment Weighting:
Attendance/participation
Test
In class exam
Homeworks/exercises
10 %
10 %
5%
10 %
10 %
Project 1
Poetry night poster
Right to…. ! Stickers design
Project 2-Imaginary film poster
15 %
Project 3- Chocolate packaging
15 %
Final assignment
25 %
Children story-Illustrated
Well, in My Book…
Essential Reading:
Adobe Illustrator CS5-Classroom in a book-The official training workbook from Adobe Systems
From Design Into Print -Preparing Graphics and Text for Professional Printing by Sandee Cohen
2
C-1
Vector Basic Training-A systematic creative process for building precision vector artwork by Von
Glitschka
Creative Workshop by David Sherwin
Recommended readings:
The digital designer’s bible-The ultimate route map to stress-free best working practice for print
and web designers, consultant editors: Alistair Dabbs, Alastair Campbell
Intranet web reference:
Important notes:
Expected knowledge of:
1. Adobe Illustrator basic tools (pen tool, shapes, shape builder tool pathfinder panel, color
swatches, gradients)
Course policies:
Assignments: Each student should complete their assignment in certain time. According
to the assignment students take help from the lecturer on his office hours.
Lateness in Assignments: The due date and time for each homework assignment will be
specified on the assignment handout itself. Late assignments will be considered for
lowest grade only.
Academic Integrity: Any cheating on examinations or quizzes or offering the work of
another as one's own in an assignment is regarded as a serious offence to the academic
integrity and will lead to a ZERO for the assignment grade, or serious disciplinary actions,
including possible suspension.
Collaboration in Assignments: Students are encouraged to work together on homework
assignments, to the extent that it helps promote a productive learning environment for all
those involved. However each student must write his/her own solutions. Copied
homework is graded with ZERO.
Absence from lectures and tutorials shall not exceed 25% respectively. Students who
exceed the limits without a medical or emergency excuse acceptable to and approved by
the Dean of the relevant faculty shall not be allowed to take the final examination. If the
excuse is approved by the Dean, the student shall be considered to have withdrawn from
the course.
Important dates:
Quality assurance:
Student surveys, discussion on course, student appeals, e-mails, direct (formal) feedback at the
end of the semester by students, assistants and other colleagues
Course schedule:
3
C-1
Week Lesson /
Date
1
Topics to be covered
17.02.2014 -Overview of the course
-Vector graphics in graphic
design (examples)
Class activities
Lab activities Problems/
Assignments
(Homework)
Introduction of the syllabus, course
guidelines, lecture materials, source
policy and deadlines.
No lab
activities
Readings
Design exercise
1. Identify the purpose and importance
of vector graphics
(associations)
2. Understand the course and policies
Class discussion/conversation about
vector graphics and its role in graphic
design
2
24.02.2014 -Overview of principles
and elements of graphic
design
Lecture:
-Overview of design elements and
principles and class discussion
3. Know how to consult the literature for
the course
No lab
activities
Project 1assigned
3
03.03.2014 -Short overview of vector
graphics basic tools (pen
tool, shape builder tool,
pathfinder panel)
-Students will create thumbnail
drawings as exercise
4
-Using live trace to create
shapes
-Working with layers,
applying appearance
attributes to layers
1. Recognize the role and importance of
design elements and principles in
graphic design;
2. Understand importance of design
process
-Examples and explanation of the
project 1.
Short inclass exercise (15 min)
Overview of vector tools
Adobe
Illustrator
Design exercise
Tutorial focusing on the live trace and
Adobe
layer appearance attributes
Illustrator
Lecture focused on the Vector
building methods including software
Vector Basic Training by Von
Glitschka
Visual Workout-Creativity
Workbook by Robin Landa,
Rose Gonnella
Lecture & Tutorial: Symmetry in
vector graphics
- Symmetry in vector
graphics
10.03.2014
Vector Basic Training by Von
Glitschka
Visual Workout-Creativity
Workbook by Robin Landa,
Rose Gonnella
-Process of creating vector graphics
-Process of creating vector
graphics: Concept and
ideas, thumbnailing,
refined drawing,
digitalization
Learning objectives (After this lesson
student will be able to:)
Design exercise
Classroom in a bookworkbook from Adobe
Systems
Vector Basic Training by Von
1. Use basic tools in Adobe Illustrator
Software
2. Understand the tools and procedure of
creating symmetrical vector designs
1. Live trace images in the Adobe
Illustrator
2. Apply appearance attributes to layers
and successfully work with appearance
panel.
4
C-1
-Vector building methods
Point by point method
Shape building method
5
6
7
8
17.03.2014
24.03.2014
31.03.2014
07.04.2014
-Using paper in graphic
design (imposition, colour,
folds, coating, finish,
weight, binding) & different
printing techniques
(letterpress, flexography,
gravure, engraving,
thermography, offset
lithography, screen
printing...)
Lecture:
-Process Color Printing
(separations, 4 color black,
spot colors, duotones,
trapping, color knockouts)
-High resolution output
(PDF compression, marks
and bleeds, and other
export settings)
demonstration and exercise
3. Differ shape building methods,
understanding the process of creating
vector artwork
From Design Into Print by
Sandee Cohen
1. Select and align objects in Adobe
Illustrator, work with Illustrator groups
2. Understand Color Panel
3. Setup color preferences of their
projects (differ RGB and CMYK system)
4. Understand icons design, process of
stylization and simplification in
purpose of easier communication of
the message
Class Discussion and student
presentations of the project 1.
-Lecture about using paper in graphic
design and printing techniques
Project 2 assigned
The digital designer’s bibleThe ultimate route map to
stress-free best working
practice for print and web
designers
-Class discussion about hard-copy
examples
-Student presentation of the Project 1
-Examples and explanation of the
project 2.
-Lecture about color printing and
seperations
-PDF export settings software
demonstration and presentation
Adobe
Illustrator,
Adobe
Reader
Design exercise
From Design Into Print by
Sandee Cohen
-Consulatations for project 2
Tutorial & Lecture:
-Vector graphics styles:
Linear line style
Segmented style
Tribal tattoo style
Graphic style
-Presentation of different illustration
styles
-Tutorial and exercise how to achive
them
Midterm
-Students have midterm
-Tutorial about live paint and
Tutorial:
Glitschka
Adobe
Illustrator
Design exercise
Adobe
Project 3 assigned
Vector Basic Training by Von
Glitschka
Classroom in a bookworkbook from Adobe
Systems
1. Understand color printing and
separations
2. Use spot colors and color knockouts in
adobe illustratoir and understand their
implications in print
3. Understand PDF export settings, and
be able to adjust them properly
1. Use different illustration styles
2. Understand their building techniques
1. use live paint options
2. Use perspective drawing and transform
5
C-1
-Work with live paint
-Working with perspective
drawing (perspective grid,
editing planes,
drawing/transforming
objects in perspective)
Lecture and design drill:
Visual tension
9
10
11
Tutorial:
14.04.2014 -Blending Colors and
Shapes
-Working with brushes
(bristle/calligraphic/art/pa
ttern/brush, blob brush &
Eraser tool)
Tutorial:
21.04.2014 -Applying effects &
Appearance attributes and
graphic styles (editing/
reordering/ adding/
creating/applying graphic
styles)
Tutorial:
28.04.2014 -Working with layers
-Combining Build method
and layering
perspective drawing
-Presentation and discussion about
visual tension and adjustment of
bazier curves
Illustrator
Vector Basic Training by Von
Glitschka
the objects in perspective
3. Understand causes of creating visual
tension in vector graphics
-Examples and explanation of the
project 3.
-Color blending tutorial and working
with brushes
Applying Effects and appearance
atributes tutorial
Adobe
Illustrator
Design exercise
Classroom in a bookworkbook from Adobe
Systems
1. Blend colors, use transparency, color
modes (Overlay, Color Burn, Lighten, etc)
2. Work with brushes and eraser tool
Adobe
Illustrator
Design exercise
Classroom in a bookworkbook from Adobe
Systems
1. Work with the pen and pencil tools
2. To change stroke options and split the
paths
3. To apply clockwork building methods
for drawing bazier curves
Adobe
Illustrator
Final Project
assigned
Vector Basic Training by Von
Glitschka
Adobe
Illustrator
Design exercise
Classroom in a bookworkbook from Adobe
Systems
Student presentation of the 3rd
project
-In-class exam
-Working with layers and build
methods tutorial
1. Combine layering asnd building
methods
-Examples and explanation of the final
project.
12
Tutorial:
05.05.2014 -Working with symbols
(editing/ replacing/
spraying symbols)
-Working with symbols tutorial
-design drill focused on bazier curves
1. Work with symbols
2. Further improve their bazier curves
skills
Vector Basic Training by Von
6
C-1
Glitschka
-Bazier curves design drill
13
14
15
Tutorial:
12.05.2014 -Combining illustrator
graphics with other
applications
-Advance design drill
19.05.2014
26.05.2014
Tutorial:
-Illustration of human
anatomy
Class overview
-Combining Illustrator graphics with
other applications tutorial
-Illustration of complex forms as the
fire etc.
-Software tutorial
-Student presentation of the final
project
Overview of the class
Discussion about final project results
Classroom in a bookworkbook from Adobe
Systems
Vector Basic Training by Von
Glitschka
1. Combine vector and raster graphics
2. Sharpen the design skills
Design exercise
Vector Basic Training by Von
Glitschka
1. Sharpen the illustrator skills
Design exercise
Creative Workshop by David
Sherwin
1. Discuss the benefits from this class,
what could be improved in sylabus etc.
Adobe
Illustrator
Design exercise
Adobe
Illustrator
Adobe
Illustrator
7