ADOBE ILLUSTRATOR CC

(BEGINNER)
KURSUS PENDEK
KOLEJ KOMUNITI KUALA LANGAT
Disediakan oleh:
Puan Munirah binti Ahmad Zaki
 KANDUNGAN KURSUS
• PENGENALAN ADOBE ILLUSTRATOR CC
• BASIC TOOLS
• AMALI : Draw with shapes, lines, and color
• PROJEK : Hasilkan sebuah logo

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 ADOBE ILLUSTRATOR CC??
• Sebuah perisian rekabentuk grafik (standard
industri)
• Menghasilkan lukisan, logo, icon, tipografi, dan
illustrasi (imej vector)
• Pelbagai medium (cetakan, web/apps,
video/animasi)

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 GRAFIK DIGITAL??
Grafik Vector: Grafik Raster:

Grafik yang dihasilkan Gambar foto

menggunakan perisian
rekabentuk grafik Satu kumpulan pixel yang
disusun di atas grid
Dibentuk daripada membentuk imej
objek/path
Resolusi telah ditetapkan
Resolusi boleh berubah
Perubahan saiz akan
Perubahan saiz TIDAK menyebabkan hilang
menyebabkan hilang kualiti
kualiti

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 Contoh penggunaan
Logo
Adobe Illustrator CC

Rekaan
cetakan baju

Rekaan Rekaan tag

kad nama produk

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 BASIC TOOLS
A- Selection tools
B- Drawing tools
C- Type tools
D- Painting tools
E- Reshaping tools
F- Symbol tools
G- Graph tools
H- Slicing and cutting tools
I- Moving and zooming tools

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 BASIC TOOLS

A. Tools panel
B. Active tool
C. Tear off panel with hidden tools
D. Hidden tool triangle
E. Tool name and shortcut

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 SELECTION TOOLS

selects selects selects selects

creates
selects
points or objects objects points or
separate
entire path and with path
artboards
objects segments groups similar segments
for
within within attributes within
printing or
objects groups objects
export

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 DRAWING TOOLS

draws adds deletes changes draws

straight and anchor anchor smooth
individual
curved lines points to
points to points from straight
to create corner
paths paths line
objects points and
segments
vice versa

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 DRAWING TOOLS

draws draws draws draws

draws
individual clockwise and rectangular squares
concave or counterclock circular
grids and
convex curve wise spirals chart

rectangles
segments
grids

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 DRAWING TOOLS

draws draws creates

draws draws
squares and regular, lens-flare
rectangles circles stars
multi-sided or solar-
with and ovals
shapes flare-like
rounded
effects
corners

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 DRAWING TOOLS

erases paths allows allows

you to bring
draws and smooths
objects,
text, and
edits Bezier and anchor creating and

symbols in
points from rendering
freehand paths
perspective, move
the object artwork in objects in
perspective,
lines move
objects in
perspective

perpendicular to its
current
direction

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 TYPE TOOLS

creates changes changes creates

changes changes

individual closed paths paths to vertical closed

paths paths to
to type type paths, type & to
vertical vertical type
type & type
containers & lets you vertical
type paths and
containers &
& lets you enter & type
containers & lets you
lets you enter and edit type containers lets
you enter enter and
enter & edit edit type on them & lets you &
edit type edit type on
type within them enter & within
them them
edit vertical
KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D type
 MOVING AND ZOOMING TOOL

moves the Illustrator adjusts the page increases and

artboard within the grid to control decreases the view
illustration window where artwork magnification in the
appears on the illustration window
printed page

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

AMALI Draw with shapes, lines, and color
 LANGKAH-LANGKAH
1 2

• Klik ‘New’ atau File>New • Tekan kekunci ‘M’ atau klik

pada
• Taipkan nama fail di ruangan ‘Name’ Rectangle Tool
• Pilih ‘Print’ diruangan ‘Profile’ • Buat beberapa bentuk
segiempat seperti
di dalam rajah di atas

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 LANGKAH-LANGKAH
3 4

• Buat beberapa bentuk segiempat untuk • Tekan kekunci ‘L’ atau klik
pada Ellipse
tingkap dan pintu Tool
• Tekan kekunci ‘Shift’ + Drag
untuk
hasilkan bentuk bulat

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 LANGKAH-LANGKAH
5 6

• Buatkan bumbung dengan bentuk • Klik Direct Selection Tool dan

klik pada
segitiga bucu tertinggi segitiga untuk
ubahsuai
• Klik pada Polygon Tool, pilih 3 ketinggiannya
diruangan ‘Sides’ • Klik & drag ‘single rounded corner
widget’ untuk hasilkan puncak
bumbung
bulat
KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D
 LANGKAH-LANGKAH
7 8

• Buatkan segmen untuk tingkap • Tekan kekunci ‘V’ atau klik

Selection Tool
• Klik pada Line Segment Tool dan drag
pada tingkap (buat 2 garisan, menegak
& melintang)
warna
KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D
untuk pilih bentuk yang akan
dimasukkan warna
• Klik Eyedropper Tool untuk
memudahkan penggunaan semula
yang sama
 LANGKAH-LANGKAH
• Lengkapkan rekaan anda dengan
9 hasilkan pokok
• Klik Ellipse Tool untuk hasilkan
daun
pokok (buat 3 bentuk bulat)
• Klik Line Segment Tool untuk batang
pokok dan dahan
• Satukan 3 bentuk bulat dengan
menggunakan Shape Builder Tool (klik
3
bentuk bulatan - klik Shape Builder
Tool
– buat garisan pada garis yang
bertindih
sehingga semua garisan yang
bertindih
hilang)

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

 LANGKAH-LANGKAH
10

• Sedia untuk papar hasil

rekaan pada screen
• File > Save for Web, pilih
JPEG High
• Klik pada kotak ‘Clip to
Artboard’

• Sedia untuk cetak hasil rekaan

• File > Save, pilih ‘Format’ Adobe PDF

KURSUS PENDEK - PROGRAM SIJIL ANIMASI 2D

PROJEK
Hasilkan sebuah logo