Assignment 3-Graphics Design (Poster/Books Cover)

PROSES PENYUNTINGAN IMEJ KULIT BUKU
TEORI WARNA – PENDIDIKAN SENI VISUAL.
ADOBE PHOTOSHOP 7.

NOTA: Fail imej yang besar telah diubah saiznya bagi memudahkan tujuan upload. Untuk menghasilkan kulit buku ini, saya menggunakan konsep BALANCE atau Keseimbangan.

PERSEDIAAN AWAL:
Pertama imej yang hendak dihasilkan ialah bersaiz A3 – 29.7 cm x 42 cm dan hendak dicetak, maka imej perlulah diset kepada 300 dpi untuk kualiti cetakan yang cantik dan mod warna CMYK untuk penyelarasan warna pencetak.

Seterusnya barulah imej diproses dengan menggunakan kesan-kesan khas di dalam Adobe PHOTOSHOP 7.

Saya menggunakan Adobe Photoshop 7 kerana computer saya adalah model lama dan keupayaannya tidak menyokong versi-versi terkini Adobe Photoshop.


TEKNIK YANG DIGUNAKAN DALAM PENGHASILKAN KULIT BUKU:
Bevel & Emboss, Gradient, Manipulasi Hue/Saturation, Marquee Tool.


PENERANGAN TENTANG CARA-CARA PENGHASILAN IMEJ:

IMEJ BULATAN
Saya banyak berekperimentasi dalam penghasilan kesan khas. Imej untuk bulatan merah, kuning dan biru adalah menggunakan gambar-gambar yang diambil sendiri, dan dengan menggunakan Elliptical Marquee Tool, imej dipotong (CUT) dan kemudian proses desaturated dilaksanakan. Melalui opsyen Hue/Saturation, saya mengaktifkan fungsi Colorize supaya keseluruhan warna imej adalah berbentuk satu warna, iaitu sama ada kuning, merah, atau biru dan sebagainya. Kemudian saya menggunakan Blending Option di dalam opsyen Layer untuk mewujudkan Stroke atau garisan di luar imej bulatan tersebut. Sekali lagi ketiga-tiga imej berbentuk bulat di’flatten image’kan untuk menghasilkan satu objek baru dengan lapisan stroke yang menyeluruh. Kombinasi imej bulatan yang disatukan melalui proses persilangan atau intersection (SET) digunakan bagi menjelaskan konsep buku ini iaitu TEORI WARNA. Menurut teori warna, kombinasi warna asas kuning dan warna asas merah akan menghasilkan jingga, merah + biru = ungu, kuning + biru = hijau dan sebagainya.

TEKS:
Untuk teks, saya menggunakan Gradient sebagai kesan khas. Kombinasi warna. Tujuh warna pelangi digunakan bagi menguatkan lagi mesej kulit buku berkenaan warna-warna yang terdapat di alam ini.

KULIT BUKU:
Satu jalur lebar berwarna pelangi digunakan untuk menguatkan lagi penerangan konsep tentang judul buku ini. Saya menggunakan opsyen Bevel dan Emboss untuk mewujudkan kesan timbul pada kulit buku. Kulit buku dan teks ada menggunakan warna putih dan hitam sebagai penggenap terhadap tujuh warna pelangi yang sedia ada.

Read More

TUGASAN 2 - IMAGE MANIPULATION

PROSES PENGHASILAN IMEJ MENGGUNAKAN KESAN KHAS MENERUSI
ADOBE PHOTOSHOP 7
VISUAL TECHNOLOGY PRODUCTION (MPT1483)

Untuk menghasilkan imej ini saya menggunakan ADOBE PHOTOSHOP 7. Semua hasil kerja saya di dalam tugasan 2 menggunakan Adobe Photoshop 7 kerana computer saya tidak berkemampuan untuk menampung perisian-perisian baru selain saiz cakera keras (hard-disk) yang kecil. Malah seringkali scratch-disk atau memori sementara yang digunakan untuk Photoshop penuh dan ini menyebabkan saya terpaksa mengosongkan memori yang dipinjam untuk kegunaan perisian ini, (memory clearance) bagi membolehkan kerja-kerja penyuntingan diteruskan. Mencabar dan memang menguji kesabaran. Pada masa akan datang, proses upgrade hardware perlu dilakukan sekiranya saya mahu melakukan kerja-kerja seperti ini lagi seperti memberi cakera keras yang lebih besar ruang kapasitinya.

Proses menghasilkan imej yang besar memakan masa yang agak lama, oleh itu semua imej asal yang saya hasilkan dalam tugasan 2, dikecilkan terlebih dahulu bagi mengurangkan tempoh masa menyiapkan tugasan kerana komitmen saya dalam kerja-kerja yang lain.

Langkah demi langkah untuk menghasilkan setiap satu imej di bawah juga boleh mencecah dari berbelas ke berpuluh-puluh langkah, maka apa yang dapat saya ceritakan ini adalah teknik-teknik yang dilibatkan dalam proses penghasilan imej. Kebanyakan teknik sama ada dirujuk menerusi pelbagai sumber atau melalui proses eksperimentasi sendiri.

Kadang-kadang secara tidak sengaja, terjumpa teknik yang dapat menghasilkan sesuatu yang menarik.

TAJUK: THE PRESIDENT

TEMA: POTRET

TEKNIK YANG DIGUNAKAN:
Quick Mask, Select Inverse, Brush, Filter (Noise: Median), Layer, Marquee Tool, Selective Colour, Replace Colour, Hue/Saturation



TAJUK: MIMPI NGERI 1 dan 2
TEMA: Seram

TEKNIK YANG DIGUNAKAN:

IMEJ KIRI: Wajah ditorek
Overlay, Soft Light, Desaturation

IMEJ KANAN: Wajah membengkak
Colorize, Soft Light

TEKS:
Soft Light, Hard Light


TAJUK: ROH WAKTU MALAM
TEMA: Seram

TEKNIK YANG DIGUNAKAN:

FOTO:
Desaturation, Marque, Layer, Gradient, Layer, Overlay, Colorize, Hue/Saturation, Color Dodge, Luminosity, Motion Blur

TEKS:
Gradient, Inner Glow, Outer Glow, Inner Shadow, Gradient Overlay, Color Overlay, Satin



TAJUK: BERSATU MENUJU KEJAYAAN
TEMA: Poster Motivasi

TEKNIK YANG DIGUNAKAN:

FOTO:
Image Adjustment: Threshold, Curves
Blending Option: Drop Shadow, Gradient, Overlay

TEKS:
Colour Overlay, Stroke


TAJUK: LANTAI
TEMA: Poster Filem

TEKNIK YANG DIGUNAKAN:

FOTO:
Layer demi layer: Overlay, Hard Light, Linear Burn
Filter: High Past

TEKS:
FONT: BIRTH OF A HERO
Drop Shadow, Pattern Overlay


TAJUK: AMIEN’S NEPHEW
TEMA: POTRET HITAM PUTIH

TEKNIK YANG DIGUNAKAN:

FOTO:
Image Adjustment: Curve
Filter: High Pass
Desaturation

TEKS:
Blending Option: Gradient, Drop Shadow, Outer Glow, Inner Glow, Colour Overlay, Stroke

Read More

Case Study 3 - The Horrible DPI Mistake

Here's the scenario - a print shop/graphics designer/magazine asks a client for a photo at 300 dpi. They wish to print ito ut 7" x 5". The client already has a beautiful digital photo with pixel dimension of 2048 x 1536. The client notices that the photo editing software is showing that the photo is set to 72 dpi. So, following orders, the client types in 300 to reset the dpi to 300. In doing so the image is resampled and is enlarged over 4 times to pixel dimensions of 8533 x 6400. The client sends this enlarged 300 dpi photo. The print shop/graphics designer/magazine rejects it (too grainy, too colour blotched). The client is crushed.

The sad thing is that the client already had the perfect photo (2048 x 1536 @ 72 dpi) which would have been beautifully printed at 7" x 5" ...


ANSWER:
EXPLAIN DPI, PPI, and resample.

DOT PER INCH (printer pakai dot per inch)
PIXEL PER INCH (monitor pakai pixel per inch)

Don't resample the image, just increase the DPI. To do this, the client need to unclick the resample image option in the Image Size Window.

If the print shop designer said he cannot print the image because the image is too small, his printer model must be out of date. He must change his printer to a latest model.


Cara kiraan Document size

pixel
WIDTH = 230 pixels
HEIGHT = 344 pixels

Document Size
WIDTH = 3.194 inches
HEIGHT = 4.778 inches

Resolution = 72 PPI or pixel/inches

Document Size Width: 3.194 inches = 230 bahagi 72

NO RESAMPLE (resample unclicked)

Kesimpulan:
DPI is nothing to do with digital image resolution or quality

Read More

Week 11 - Action Script

action script...

Saya tidak pernah guna action script, tetapi apa yang saya tahu sekarang ia adalah mengenai teknik auto untuk menyunting imej.

Berguna untuk mempercepat dan menyenangkan proses menyunting imej dengan kaedah penyuntingan yang sama berulangkali tanpa perlu mengulangi langkah demi langkah untuk satu-satu imej. Pendek kata, ia memudahkan proses menghasilkan foto album atau penyuntingan majalah/buku dengan format rekabentuk yang telah ditetapkan secara auto.

Apa pun, untuk tujuan seni, action script bukanlah sesuatu yang menarik kerana ia adalah automatik.

Read More

WEEK 7 - Adobe Photoshop CS3

LIVE NOTE during kuliah - ditaip semasa kuliah dalam makmal komputer.

Resolution: 72 dpi best resolution for image to publish for website
72 dpi is the best for Adobe Photoshop,
300 dpi is for printing.

Reflection pada skrin komputer, glossy paper, luminate paper menyebabkan mata kita tertipu dengan reflection pada bahan-bahan tersebut yang buat gambar nampak cantik.

Colour Mode: CYMK vs RGB
Kalau nak print, pakai CYMK sebab printer kita guna CYMK.

Kalau kita pakai RGB, kemungkinan dekat skrin merah jambu, bila print merah saga, tetapi depend on printer juga.

TRANSPARENT GIF
gambar image yang background dia transparent, background dia ikut background colour yang sedia ada.

WIDTH AND HEIGHT
Width x Height, Dr. Zaidatun guna 500 x 400 untuk dalam makmal.

PIXEL SETTING AND DOCUMENT SIZE

kes-kes seperti size image macam ini, berapa percentage size dia? akan ada dalam test.

Read More

Galeri Foto: Semasa Balik Ke Kampung

Semasa singgah di sebuah masjid di sekitar daerah Rompin, aku sempat merakam kubah masjid ini. Apa nama masjid ni aku dah lupa. Waktu ni tengah hari, cuaca cerah. Oleh sebab aku dah tahu bila nilai shutter speed adalah tinggi, gambar akan jadi gelap, jadi aku cuba tingkatkan nilai Shutter Speed supaya gambar tak terlalu cerah. Hasilnya adalah gambar seperti di bawah ini.

ISO 100, Aperture= f/5.6, Exposure Time= 1/320s
Exposure Program: Manual

ISO 100, Aperture= f/5.6, Exposure Time= 1/320s
Exposure Program: Manual

Read More

Galeri Foto: Sebelum Balik Ke Kampung

Gambar-gambar ni aku kategorikan sebagai gambar bokeh. Gambar-gambar ni aku balik beberapa jam sebelum aku berangkat pulang ke kampung. Waktu ni pagi lagi, dalam pukul 9.00 pagi kalau tak silap aku. Kamera yang aku gunakan, macam biasa, Nikon D3000. Beginner DSLR.

ISO 100, Aperture= f/5.6, Exposure Time= 1/125s,
Exposure Program: Manual

ISO 100, Aperture= f/5.6, Exposure Time= 1/400s,
Exposure Program: Aperture Priority

ISO 100, Aperture= f/5.6, Exposure Time= 1/400s
Exposure Program: Aperture Priority

ISO 100, Aperture= f/5.6, Exposure Time= 1/125s
Exposure Program: Manual

ISO 100, Aperture= f/5.6, Exposure Time= 1/1250s
Exposure Program: Aperture Priority

ISO 100, Aperture= f/5.6, Exposure Time= 1/250s

Exposure Program: Aperture Priority

ISO 100, Aperture= f/5.6, Exposure Time= 1/125s
Exposure Program: Manual

Read More

PRAKTIKAL 2: Shutter Speed - Fast VS Slow

Praktikal 2 terdiri daripada dua bahagian, pertama mengambil gambar dengan menggunakan setting Mod A (Aperture Priority) dan Mod S (Shutter Speed Priority). Kalau dalam pos sebelumnya aku ada letakkan gambar-gambar yang diambil dengan nilai Aperture yang berbeza, kali ini pula aku letakkan dengan nilai Shutter Speed yang berbeza. Memandangkan hari ini hujan, maka aku memanfaatkan sumber semula jadi iaitu air hujan yang turun mengalir dari tempat-tempat tertentu sebagai bahan eksperimen.

Untuk mengambil gambar dengan nilai Shutter Speed yang bermula berkelajuan 1/4000 saat, aku jadikan nilai ISO 3200 sebagai pemalar. Imejnya walau bagaimana pun terdapat banyak noise atau grain. Berikut adalah beberapa keping gambar yang aku muat naik (upload) dari kamera DSLR aku. Aku tak boleh upload semua sebab nanti susah nak buka page ni. Apa yang penting di sini ialah untuk fahami konsep nilai dalam Shutter Speed terhadap imej yang dihasilkan dari segi pembekuan pergerakan objek. Gambar yang dipaparkan di bawah ini bermula dari Fast Shutter Speed Image ke Slow Shutter Speed Image.

ISO 3200, Aperture f/5.6, Exposure Time: 1/2500s

ISO 3200, Aperture f/5.6, Exposure Time: 1/1000s

ISO 3200, Aperture f/10, Exposure Time: 1/250s

ISO 3200, Aperture f/16, Exposure Time: 1/100s

ISO 3200, Aperture f/20, Exposure Time: 1/60s

ISO 3200, Aperture f/25, Exposure Time: 1/40s

ISO 3200, Aperture f/36, Exposure Time: 1/15s

ISO 3200, Aperture f/36, Exposure Time: 1/6s

Perkara yang dapat aku lihat dengan jelas menerusi praktikal menggunakan Mod Shutter Speed Priority ini ialah, semakin perlahan shutter speed, semakin cerah atau semakin banyak cahaya yang dapat masuk ke imej. Semakin laju shutter speed, maka semakin jelas objek bergerak dapat ditangkap atau dibekukan.

Read More

PRAKTIKAL 2: Aperture - Large VS Small

Untuk praktikal kali ini, aku diminta untuk mengambil gambar menggunakan Mod (A) Aperture dan setting nilai aperture rendah dan tinggi, serta untuk Mod (S) Shutter Speed setting nilai shutter speed atau exposure time rendah dan tinggi untuk mengambil gambar. Pos untuk Praktikal 2 ini aku pecahkan kepada dua bahagian iaitu PRAKTIKAL 2: Aperture dan PRAKTIKAL 2: Shutter Speed. Jadi pos yang ini adalah berkenaan Mod (A), Aperture.

ISO 200, Aperture=f/5.6, Exposure Time=1/40s

ISO 200, Aperture=f/36, Exposure Time=1/1s

ISO 200, Aperture f/5.6, Exposure Time 1/20s

ISO 200, Aperture=f/5.6, Exposure Time=1.6s

Kesimpulannya di sini, apabila menggunakan setting Mod Aperture Priority, imej yang diambil dengan menggunakan mod f/5.6 lebih jelas dan ada bokeh berbanding dengan mod f/36 yang menghasilkan imej yang kabur dan menyakitkan mata. Macam orang rabun dekat.

Depth of field dan aperture saling berkait. Aperture dan bokeh ada kaitan.

Read More

KULIAH 4: Light and Lighting

Week 4:
Light and Lighting

* The sources and effect
* Controlling and manipulating
* Natural and available light
* Artificial and Flash Lighting


Shooting Techniques and Tips

* Image composition
* Theme and Moods
* Shooting Techniques

Pada minggu ini, juga sekali lagi latihan praktikal menggunakan kamera DSLR dibuat. Latihan kali ini bertujuan melihat perbezaan antara nilai tinggi dan nilai rendah bagi Shutter Speed dan Aperture. Tulisan selanjutnya boleh ditemui di ruangan Praktikal.

Minggu ini juga ada kuiz berkenaan ISO, Aperture, Shutter Speed dan White Balance.

Read More

KULIAH 3: Terms In Photography That You Need To Know

Saya cuba dapatkan maksud perkataan-perkataan ini daripada Wikipedia.com.

BOKEH
The term comes from the Japanese word boke, which means "blur" or "haze", or boke-aji, the "blur quality". The Japanese term boke is also used in the sense of a mental haze or senility.

Pendek kata, apabila kita ambil gambar satu-satu objek, latar belakang dia akan jadi kabur. Itu maksudnya gambar tersebut ada bokeh. Tapi kalau objek yang diambil kabur, dan latar belakangnya jelas, itu macam mana pula? Itu maksudnya tersalah teknik. Ha. Ha. Ha.


APERTURE
Tentang aperture, kita sebut Large Aperture dan Small Aperture. Mari kita rujuk apa Wikipedia.com sebut mengenai aperture ni.

In optics, an aperture is a hole or an opening through which light travels

Diagram of decreasing aperture sizes (increasing f-numbers)
for "full stop" increments (factor of two aperture area per stop)
Kredit: Wikipedia.com

Contoh nilai aperture: f/1.4, f/3.5, f/5.6. Kalau mahu dapat gambar yang ada bokeh atau latar belakangnya kabur, guna aperture bernilai kecil. Dengar kata, lensa yang ada nilai f kecil, harganya mahal.


SHUTTER SPEED
Kalau dah sebut tentang speed atau kelajuan, tentulah kita sebut fast shutter speed dan slow shutter speed.

In photography, shutter speed is a common term used to discuss exposure time, the effective length of time a camera's shutter is open. The total exposure is proportional to this exposure time, or duration of light reaching the film or image sensor.

Kita tak perlu pening-pening dengan penerangan di atas. Mudah sahaja nak faham tentang shutter speed ni. Nilai shutter speed ni biasanya disukat menggunakan saat.

Contoh 1 saat, 1/20 saat, 1,200 saat dan 1/1000 saat.

Kita semua tentu dah belajar konsep pecahan dalam Matematik kan? Kalau 1/1000 maksudnya pengangka dia ialah satu, dan penyebutnya pula ialah 1000.

Dalam kes ini, semakin besar nilai penyebut, maka semakin cepatlah iris satu-satu kamera tu tertutup.

Kalau kita nak bekukan imej objek yang sedang bergerak pantas, kita guna shutter speed bernilai 1/1000 saat dan bukan 1 saat atau 1/20 saat. Macam itulah lebih kurang konsep shutter speed dalam fotografi ni.


WHITE BALANCE
Kadang-kadang bila kita ambil gambar, warna di dalam gambar yang kita ambil tak sama dengan warna sebenar. Itu maksudnya White Balance kita ada masalah. Untuk betulkan White Balance ni, biasanya kita akan cuba ambil gambar kertas A4 yang berwarna putih, dan kemudian gunakan imej gambar kertas A4 itu sebagai White Balance kita. Kalau kita tengok dalam D3000 kita, kita boleh tengok tentang setting White Balance ni. Ada tungsten, cloudy, shade, fluorescent, dailight dan sebagainya. Ada warmer dan cooler. Penggunaan White Balance yang tertentu akan menimbulkan perasaan atau suasana yang tertentu dalam gambar foto yang kita ambil.

ISO
International Organization of Standardisation. Used to indicate the light sensitivity of a film. Digital cameras also use the ISO rating to indicate the CCD sensitivity. ISO measures the sensitivity of the image sensor.

The lower the number the less sensitive your camera is to light and the finer the grain. Higher ISO settings are generally used in darker situations to get faster shutter speeds (for example an indoor sports event when you want to freeze the action in lower light) – however the cost is noisier shots.

Boleh kata, ISO ini ilmu tahap tinggi dalam DSLR bagi seorang beginner. Standard normal bagi ISO ialah 100, 200, 400, 800, 1600 dah sebagainya.

100 - Untuk cuaca cerah
400 - Untuk dalam bangunan
800 - Malam

Pendek kata, kalau kita ambil gambar dalam suasana persekitaran yang cerah, kita guna ISO bernilai rendah iaitu 100, dan kalau kita mahu ambil gambar dalam suasana gelap, kita guna ISO bernilai tinggi, katakan 800 atau 1600.

Kalau gambar ISO rendah, gambar kita akan jadi cantik tanpa Noise atau Grain. Kalau gambar yang kita ambil kita guna ISO tinggi, akan wujud Noise atau Grain.

Sumber rujukan:
Wikipedia.com

Read More

Bulb Mode - Light Painting

Gambar ni aku ambil pada waktu malam dengan menggunakan Bulb Mode.
Aku tengah cuba buat huruf V for Vendetta.

Read More

Interesting Fact About Bokeh

I found a good site about bokeh.

1. The more extreme bokeh you can get is 600mm f/4.
2. 400mm f/5.6 and the 200mm f/2.8 has similar bokeh to the awesome 85mm f/1.2
3. 100mm f/2 has greater bokeh than 50mm f/1.2
4. 200mm f/2.8 has greater bokeh than 135mm f/2
5. Its expensive to get super bokeh with diameters of over 100mm

Its easier to increase focal length to get more bokeh than it is to increase aperture size.

The 200mm f/2.8 probably has the best bokeh per dollar.

And the 85mm f/1.2 has more bokeh than 135mm f/2


Here's some interesting facts that came out of this table:
http://forums.dpreview.com/forums/readflat.asp?forum=1029&message=29249934&changemode=1

Read More

Galeri Foto 2 - Sekitar UTM 19.12011

Dalam perjalanan balik.

Tong Sampah.

Kereta.

Dulu, ada orang ingat ini menara Disneyland.

Guni-guni sampah.

Sampah-sampah di dalam guni.

Tanah bukit asal UTM.

Bangku kayu.

Tempat berteduh.

Kereta yang cantik.

Kereta yang cantik lagi.

Chopper.

Bangunan Fakulti Sains dari Fakulti Pendidikan.

Read More

Galeri Foto - Kawan-Kawan, Lecture, Cik Presiden dan Pelbagai Object

Dr. Zaidatun dan Cik Presiden.

Sesi Perbincangan.

Umat manusia.

Cikgu Permas Jaya 2.

Framing.

Fokus.

Read More