- 1-GRAPHIC DESIGNApa Itu Rekabentuk.1. Rangka dalam melakukan sesuatu2. Menghasilkan sesuatu yang baru3. Mengubahsuai sesuatu yang telah ada4. Kesenian dalam menghasilkan sesuatu

Definasi KhususRekabentuk adalah suatu proses penyelesaian masaalah yang berbilang alternatif dan digunakan

dengan menekankan aspek keberkesanan, kos, masa dan keunikannya.

Keperluan Rekabentuk1. Inprove Productivity2. Inprove Safety3. Memudahkan komunikasi

Contoh:- a. Bahasa isyarat b. Waktu perdana (8.00pm.-9.00pm.) c. Media perantaraan

Telefon

Selular Talian. Fax Radio TV CD Title Online

4. Memudahkan penggunaanContoh:- a. Mudah digunakan b. Mudah diperbaiki c. Mudah dikilangkan/dikomersilkan d. Tidak mudah ketinggalan zaman (evergreen)

Rekabentuk1. Architechture2. Landscape/Interior3. Graphic Design – Manual

Komunikasi1. Multimedia – Prog./Animasi2. Computer Graphic Online/Elektronik Media cetakProdukIdustrial DesignDTPOutdoorPresentation Multimedia CD Title TV/Promo TV Komersil Corp. Presentation

Graphic – Visual Gambar (Ilutrasi) / Phothograpy Anditif Text (Typhograpy) Sound Bunyi (Audio) Special EffectSimbol Voice over (suara latar)Video (Animasi)

Tanggungjawab1. Memandu arah (Sign Board)2. Memudahkan pemahaman (Info graphic)

- 2 -

Manual Komputer

Lakaran Adobe PhotoshopMelukis (Drawing) CorelDRAWBoleh menggunakan peralatan lukisan:-

a. Air brushb. Pencilc. Water colourd. Akrilik

Non Literal (Kreatif) Contohnya:- 2 X 5 = 10 1 X 10 = 10 100 – 90 = 10

Aspek Dalam Rekabentuk

1. Meterial - Billboard, Iklan, Majalah, Poster, Brochure, Video, CD Title, Games2. Proses - Cara-cara pelaksanaan aktiviti rekabentuk sehingga terhasil produk3. Form – Image sebenar (photograpy), Layout, Teknik, Bentuk4. Purpose – Komersil, Kempen sosial, Politik, Dasar, Menyampai maklumat (cth. MSC)5. Aliran proses – Perancangan detail untuk menghasilkan produk.

LINEAR PROCESS

1. PrelimentaryMengenalpasti masaalah – Cari jalan penyelesaian

Penyelidikan (Reseach)Fakta-fakta (menuskrip)Keperluan / Sumber Image

2. RefinementMemilih idea yang berpotensi dijadikan pilihan terakhirSketch (Thumnail) - 50pcs Readable Text - 10pcsRought Sketches - 3pcs yang terbaik

Cth:- Skech 50pcs Cth.:- Skech 10pcs Cth.:- 3pcs yang terbaik

3. Analyze (Analisa)Keseluruhan – In colour (warna)

4. DecideFinal – Artwork: Film Block

Cth:- Final

- 3 –

1. Impliment Cylic Proses2. Kenalpasti (Identify)

a. Kefahaman tentang masaalahb. Cari jalan penyelesaian

3. Prelims (Bentuk) Identify

3. Refine Feedback Process 4. Analisa (Analyze)

Comprehensive Sketches – Presentable

6. Final (Decide) – End Produk Colour Type Image Suara Format Brancing Process Priority Process

Prelimes Refine Decide Implement

Analyze Analyze Analyze 1000 copies (Kos Film) Plate Cetak

- 4 –Isnin: 1/6/98

PRINCIPLE AND ELEMENT DESIGN

Element Of Design7. Garisan (Alatulis, Pen, Pensil, Berus,Air Brush dll.)8. Rupa9. Bentuk10. Jalinan11. Ruang12. Warna

1. Garisan ( merupakan asas)

2. Rupa

Bentuk 2D, dalam keadaan rata terbahagi kepada dua:-a. Rupa Positifb. Rupa Negetif Positif Negetif

Melibatkan dua warna sahsaja

Rupa Geometeric

Organik – Tiada nama khas

- 5 –

Bentuk 3D

P Isipadu P x L x Tebal = 3D

LBentuk

a. Objekb. Ilusi 3D (Pengubahan Imej dari 2D 3D di atas kertas/canvas)

Jalinan a. Alam semulajadi - Pokok, Kulit kayu - Papan,Aliran urat kayub. Buatan manusia -Anyaman, Tikar, Rotan, Fibre

RuangYang mengelilingi sesuatu bentuk atau objek

Ruang

b. Susunan : Lukisan/catan

Titik lenyap

b. Perspectif : Kecilkan bahagian paling jauh

- 6 –

Warna

1. Hasil dari pembalikan cahaya - tanpa cahaya tidak ujud warnaa. Warna Spektrum (Pelangi)b. Warna Trapezium

7 Warna

2. Pigmen

a. Campuran bahan kimia - Water colour, Akrilik, PH colour dll.b. Warna asas (Primary) - Merah, Biru, Kuningc. Secondry Colour (Sekunder)

- Merah + Kuning = Oren- Merah + Biru = Ungu- Biru + Kuning = Hijau

d. Collimentary Colour- Warna asas + Secondary colour- Merah + Ungu = Dark Brown- Nuteral colour - Hitam, Putih dan Kelabu

3. Computer Colour -- 3 Mode

RGB – Merah, Hijau, Biru (Display)c. CUYK - CYAN, MAGENTA, Kuning, Hitamd. GREYSCLE - Hitam (Disply & Hitam)

CYEN – Biru muda MAGENTA – Merah muda CUYK - Boleh didapati dalam 5000 warna

Warna - Objek dekat Gelap - Objek jauh Terang

atau sebaliknya

Cahaya WarnaMalap KelamTerang Cerah

- 7 -

PermukaanLicin / Berkilat CerahBerkedut / menggerutu Tidak rataKertas dakwat Pudar

HuePerubahan warna bila berlaku percampuran warna lain

Contohnya:-

M 100 M100 M100 M 100 M100 Y 10 Y 20 Y 30 Y50 Y100

PRINCIPLE DESIGN 1. Pergerakan (Movement) 2. Imbangan3. Harmoni4. Kontras (Contras)5. Penegasan (Dominan)6. Kepelbagaian7. Kesatuan

1. Pergerakana. Rekabentukb. Layout - Susunan / komposisi elemen dalam rekabentuk Pergerakan – Ilusi – melalui penggunaan elemen Ilusi - melalui penyusunan elemen

Kamera / Video DrawingShutter speed Garisan

2. Imbangan Logo

Betuk-bentuk Simetri

- 8 -Kesinambungan :-

a. Mereka bentukb. Menyusunc. Merancang sudut fotografi yang baikd. Memangkas gambar

Memangkas (memilih bahagian yang diperlukan)3. Harmoni (Kesamaan)

a. Colourb. Shape (Rupa)c. Bentukd. Saize. Posisif. Jarakg. Kesesuaian (Gabungan elemem dalam layout)

4. Kontrasa. Saizb. Warnac. Rupad. Keganjilane. Posisi

5. Penegasan a. Untuk memberi keutamaan terhadap mesejb. Untuk membezakan subjek utama dengan elemen tambahanc. Tujuan untuk menarik perhatian terhadap imej

Teks Gambar / Komposisi MultimediaUnderline HightlightKotakkanBulatkan

Flash

Warna yang terana pada mesejElemen tambahan

Voice overKesan bunyi

MuzikJinggle

6. Kepelbagaian 7. Kesatuan Elemen saling melengkapi

- 9 –

Isnin: 8/6/98

LAYOUT

4. Mondrian- Sempena nama pelukis Belanda – Piet Mondrian- Menggunakan bentuk-bentuk gabungan persegi yang disusun secara berkaitan (Interlinking)- Ruang persegi digunakan untuk mengisi gambar/ilutrasi

Tajuk Utama Tajuk

Gambar

Gambar

Peta Gambar

Logo

Contoh: 1. Mondrian Contoh: 2. Picture Window

5. Picture Window- Gambar mengambil 2/3 ruang daripada kawasan Layout atau lebih- Tajuk dan teks terletak di bawah gambar atau “Overlap” di mana-mana bahagian yang sesuai di atas

permukaan gambar.

6. Copy Heavy- Teks mengambil ruang lebih banyak berbanding gambar- Ilutrasi/gambar adalah kecil/tida langsung - Tajuk-tajuk kecil digunakan untuk membahagikan teks kepada perenggan kumpulan.

Tajuk

Contoh: 3. Copy Heavy Contoh: 4. Frame

7. Frame- Rupa (kotak-kotak gambar) disusun menglilingi teks di bahagian tengah.

- 10 –

8. Circus- Dikenali juga dengan Omnibus- Elemen-elemen disusun untuk menimbulkan suasana riang, bebas dan meriah.- Cotohnya jualan barangan di pusat membeli belah- Pemplet, Iklan majalah hiburan- Gambar disusun bebas

Tajuk

Contoh: 5. Circus Contoh: 6. Multi Panel

9. Multi Panel- Susunan berbentuk Modul- Susunan Modul dipecahkan oleh garisan atau dibahagikan kepada petak-petak berasingan.- Contohnya Komik, Katun, Iklan perjawatan/Notis.

10. Big Type- Mempunyai tajuk yang besar (Headline besar)- Peranan Ilutrasi adalah kecil atau tidak diperlukan langsung.

11. Silhoute- Ilutrasi / gambar ujud sebagai latar belakang dengan kapasiti warna yang cerah.- Teks Overlap- Atas latar belakang.

- 11 –Selasa: 16/6/98

TAIPOGRAFI (TYPOGRAPY)

1. Work on type base on principle of designContoh:- PosterJenis-jenis mukataip (type)

a. SERIF – Times, New Century, PattnoMempunyai ekorAda bahagian tebal/nipis

b. SAN SERIF –Mudah dibaca

c. SCRIPT – Brush Script, Comecial Script, Shell

Tulisan untuk sijil contohnya. d. TEXT LETTER – Clissic – Kaligrafi, Jawi, Roman.

TYPE MEASUMENT1. Vertical – Point - 1pt = 1/72 inci2. Horizontal - Ruang bagi menempatkan teks

- Pica - 1 pica 1/6 inci- EM - Jarak standard bagi susunan teks lurus dari huruf

LATERSPACING (Jarak antara huruf) – EM 0 = standard

< 0 = jarak bertambah rapat -1, -2, -10. 0 = jarak bertambah renggang

latter spacing STROKES (Regangan)

Tulisan dengan regangan Vertical, Horizontal, Inclined, Cursive

Kaedah regangan untuk mengubahsuai kerektor asal taip

WORD SPACING (Jarak antara perkataan) SAYA PERGI KE PASAR

KERNING (Mengubahsuai)Mengubahsuai jarak pasangan huruf tertentu

untuk diselaraskan dengan huruf lainContohnya:- To, Wo, Ye, Yo.

BASELINEInvisible level untuk setiap huruf

HANGINGPengubahsuaian kedudukan teks

untuk diselaraskan dengan tanggapan optikal

POINT- Ketinggian, PICAS – Bil. Teks dlm. Satu barisan, EM – Jarak antara huruf

- 12 –

ELEMENT OF LAYOUT

Headline – Kurang dari 7 perkataanSubheadline – Kecil sedikit dari Headline

TYPE COMPOSITION 1. STROKE2. ALIGMENT

0 i. Flush Left ii. Flush Right iii. Justify

iv. Centered

(i) (ii) (iii) (iv)

3. CONTURE 4. RUN AROUND 5. SHAPE

0 CONCRETE

7. INCLINED TYPE

0 - 360- 13 –

TYPE IDENTIFICATION

Memaparkan muka taip (Type face) dalam bentuk berbeza.

a. BOLD - Hb. NORMAL - H Helveticac. ITALIC - H

SHAPE - HANYA

SIZE - Abang

SLOPE - Tulisan yang telah dicondongkan ITALIC, OBLIQUE.

MASAALAH DALAM PENGGUNAAN TAIPOGRAFI

a. READEBILITY - Keupayaan untuk dibacab. LEGIBILITY - Kelajuan mesej difahami

SOLUTIONSa. Small Vs Large - Mesej paling penting dan yang kurang pentingb. Thick Vs Thin - Huruf tebal akan lebih menonjolc. Hard Vs Soft - Warna yang lebih gelap akan lebih menonjol dari warna yang

kabur contohnya Background gelap - Tulisan contrasc. Nerrow Vs Wided. Verticale Vs Inclinede. Solid Vs Outlinef. Solid Vs Fregmented – Menimbulkan sifat baru dalam tulisan

READIBILITYg. Sukar dibacah. Sukar membuat mesej penting dengan kurang penting

LEADING (Jarak antara barisan)Unit - Point20% > SizeType 9pt Saiz 11 Leading

< 7 Perkataan sahaja

Saiz - 100 kaki - 3 inci 200 kaki - 6 inci

- 14 -

READING FLOW

Exe Scan

abcdefghijk

Menarik perhatian

VISIONMenarik perhatian mata – contohnya kanak-kanak lebih suka warna terang

Saiz 9pt - Umur (Dewasa)10pt - Kanak-kanak darjah 611pt 12pt Dajah 4, Golongan yang punya masalah 13pt (14pt) 14pt15pt Tadika (Pra Sekolah)16pt

8pt ke bawah hingga 4 – bergantung pada cahaya