Upload
vuongnhu
View
224
Download
0
Embed Size (px)
Citation preview
- 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