Tujuan Pembelajaran
Uraian Materi
Menurut Pujiriyanto (2005: 11-12) bahwa desain grafis biasa juga disebut desain
komunikasi visual, dengan wilayah jelajah yang relatif luas, mulai dari perencanaan cover buku
fiksi dan nonfiksi berikut layout halaman isi, majalah, koran, tabloid, cover kaset, CD, VCD,
kalender, brosur, leaflet, katalog pameran, stasionary, administration and sales kit, seminar kit,
sign system, web design, logo, corporate identity, peta lokasi, brandname, kemasan, poster,
chart, pembuatan berbagai ilustrasi hand drawing dan airbrush, serta banyak lagi ragamnya.
Secara jelas, desain grafis sangat erat kaitannya dengan proses cetak.
Sedangkan Visualisasi desain Grafis Cetak Menurut Alan Swann (dalam Pujirianto, 2005: 12)
visualisasi secara umum dapat dibagi dalam sejumlah bidang, yaitu:
a. Buku, terutama buku-buku modern non-fiksi dan buku pelajaran banyak memerlukan
ilustrasi grafis dan informasi visual, termasuk fotografi dan teks.
b. Majalah. Alsan utama mempertahankan gambar (image) pada majalah adalah untuk
mencapai target pembaca tertentu. Cara menarik perhatian dilakukan melalui bentuk
tulisan, menambah kolom-kolom dan memanfaatkan ruang-ruangkosong.
c. Koran (Newspaper). Setiap surat kabar memiliki gaya visual standar. Teks dan foto
merupakan komponen utama yang disajikan secara seimbang. Hal ini telah menjadi
perhatian utama dari pekerjaan manajemen editorial. Lay out manual selalu dibuat
meskipun teknologi komputer telah menyediakan setting secara instan.
d. Leaflet, brosur, dan newsletter. Leaflet secara cepat dapat divisualisasikan oleh para
profesional setelah dibuat sketsa melalui visualisasi pada ukuran tertentu mendasarkan
rasional desain elemen-elemennya dengan mengikuti formula tertentu. Newsletter
memerlukan pendekatan yang lebih hati-hati. Pembuatannya harus menggambarkan
keseimbangan yang sulit. Jenis ukurannya yang variatif, pembagian kolom secara vertikal,
kekontrasan gambar dan lay out juga penting untuk diberikan seperti yang dilakukan pada
pembuatan surat kabar.
e. Logos (Corporate Image). Mendesain logo boleh jadi merupakan hal terpenting dan
memakan biaya besar dalam bidang grafis. Seluruh elemen yang menjadi unsure unsurnya
harus bermakna, komunikatif dan menggambarkan image perusahaan atau lembaga yang
menggunkannya
B. UKURAN KERTAS DESAIN GRAFIS CETAK
Secara Internasional ukuran kertas terbagi beberapa seri yaitu, A, B, dan Ukuran
kertas seri R dan F hadir untuk memenuhi permintaan pasar. Berikut ukuran-ukuran
kertas dari setiap seri dalam Milimeter
1. Seri A
Seri A biasa digunakan untuk cetakan umum dan perkantoran serta penerbitan.
Dasar ukuran adalah A0 yang luasnya setara dengan satu meter persegi. Setiap
angka setelah huruf A menyatakan setengah ukuran dari angka sebelumnya. Jadi A1
adalah setengah dari A0 dan demikian seterusnya. Ukuran yang paling banyak
digunakan adalah A4, antara lain:
A0 = 841 x 1189 mm,
A1 = 594 x 841 mm,
A2 = 420 x 594 mm,
A3 = 297 x 420 mm,
A4 = 210 x 297 mm,
A5 = 148 x 210 mm,
A6 = 105 x 148 mm,
A7 = 74 x 105 mm,
A8 = 52 x 74 mm,
A9 = 37 x 52 mm,
A10 = 26 x 37 mm.
2. Seri B
Seri B besarnya kira-kira di tengah antara 2 ukuran seri A, biasa digunakan untuk
poster dan lukisan dinding, antara lain:
B0 = 1000 X 1414 mm,
B1 = 707 X 1000 mm,
B2 = 500 X 707 mm,
B3 = 353 X 500 mm,
B4 = 250 X 353 mm,
B5 = 176 X 250 mm,
B6 = 125 X 176 mm,
B7 = 88 X 125 mm,
B8 = 62 X 88 mm,
B9 = 44 X 62 mm,
B10 = 31 X 44 mm.
3. Seri C
Seri C biasa digunakan untuk map, kartu post dan amplop, antara lain:
C0 = 917 X 1297 mm,
C1 = 648 X 917 mm,
C2 = 458 X 648 mm,
C3 = 324 X 458 mm,
C4 = 229 X 324 mm,
C5 = 162 X 229 mm,
C6 = 114 X 162 mm,
C7= 81 X 114 mm,
C8 = 57 X 81 mm.
4. Seri R
Seri R biasa digunakan untuk kertas jenis foto untuk mencetak foto, antara lain:
3R = 89 x 127 mm,
4R = 102 x 152 mm,
5R = 127 x 178 mm,
6R =152 x 203 mm,
8R = 203 x 254 mm,
8Rplus = 203 x 305 mm,
10R = 254 x 305 mm,
10Rplus = 254 x 381 mm,
11R = 279 x 356 mm,
11Rplus = 279 x 432 mm,
12R = 305 x 381 mm,
12Rplus = 305 x 465 mm.
5. Seri F
Seri F biasa digunakan untuk perkantoran dan fotocopy, biasa disebut kertas Folio
F4 215 x 330 mm.
Persamaan antara desain grafis dalam multimedia dan desain grafis cetak, antara lain :
a. Kedua desain grafis dalam pembuatan sama-sama menggunakan media alat dan bahan dari
komputer, dan kamera foto dalam pembuatan desainnya.
b. Kedua desain grafis mempunyai wujud tampilan atau elemen-elemen desain yang sama
seperti: huruf (tipografi), gambar dari hasil fotografi, gambar ilustrasi coretan tangan,serta
gambar lainnya seperti diagram, grafik.
c. Kedua desain grafis dalam pembuatan back ground, tulisan maupun
mengubah ukuran foto/ gambar menggunakan software seperti
Adobe Photoshop
Perbedaan antara desain grafis dalam multimedia dan desain grafiscetak, antara lain :
MEMBUAT KERANGKA
UKURANKONTENWAKTUBIAYA KERJA
OLAH
SELEKSI DATAORGANISASI DATAKONVERSI DATA DATA
VISUALISASI
LAYOUTDUMMYPROTOPTPE
PRODUKSI
memberi kesan
kehalusan dan keanggunan.
2. BENTUK (SHAPE)
Bentuk adalah segala hal yang memiliki diameter tinggi dan lebar yang dihasilkan dari
garis-garis yang tersusun sedemikian rupa. Bentuk dibagi menjadi bentuk dua dimensi dan tiga
dimensi dan masing-masing bentuk mempunyai arti tersendiri. Dalam desain grafis, bentuk
tidak hanya mendesifinisikan sebuah obyek tetapi juga bisa engkomunikasikan sebuah gagasan.
Secara umum, bentuk dua dimensi dibagi dalam 3 kategori antara lain :
a. Bentuk Geometris, bentuk yang sangat umum dan terstruktur (kotak, persegi,
segitiga, lingkaran, dan lainnya) .
b. Bentuk Natural seperti bentuk hewan, tumbuhan dan manusia merupakan
bentuk-bentuk yang tidak beraturan dan mudah berubah.
c. Bentuk Abstrak, yaitu bentuk natural yang disederhanakan, misalkan simbol
pada fasilitas umum dan sebagainya.
Sementara pada kategori sifatnya, bentuk dapat dibagi menjadi tiga yaitu
a. Huruf (Character) yang direpresentasikan dalam bentuk visual yang dapat
digunakan untuk membentuk tulisan sebagai wakil dari bahasa verbal dengan
bentuk visual langsung, seperti A, B, C, dsb.
b. Simbol yang direpresentasikan mewakili bentuk benda secara sederhana dan
dapat dipahami secara umum sebagai simbol atau lambang untuk
menggambarkan suatu bentuk benda nyata, misal gambar orang, binatang
(dalam bentuk sederhana) dan lainnya.
c. Bentuk Nyata (Form) bentuk yang benar-benar mencerminkan kondisi fisik dari
suatu obyek keseluruhan secara detail.
3. TEKSTUR
Adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan
cara dilihat yang pada prakteknya, tekstur sering dikategorikan sebagai corak dari
suatu permukaan benda semisal permukaan kayu, karpet, kulit dan lain sebagainya.
4. RUANG (SPACE)
Ruang merupakan jarak antara suatu bentuk
dengan bentuk lainnya yang pada praktek desain dapat
dijadikan unsur estetika desain. Sebagai contoh, tanpa
ruang Anda tidak akan tahu mana kata, kalimat atau
paragraf, kapan harus membaca dan kapan harus
berhenti. Ruang juga berfungsi sebagai fokus mata ke
sebuah objek, dalam bentuk fisiknya ruang digolongkan
menjadi dua unsur, yaitu obyek (figure) dan latar
belakang (background)
5. WARNA
Warna merupakan unsur penting dalam
obyek desain karena dengan warna sebuah desain
bisa menampilkan identi tas,
menyampaikan pesan atau membedakan sifat dan
bentuk-bentuk visual secara jelas. Dalam
prakteknya warna dibedakan menjadi dua yaitu :
Pertama warna yang diti mbulkan karena sinar
(Additive Color / RGB) yang biasa digunakan pada
warna monitor, TV dan sebagainya. Kedua warna
yang dibuat dengan unsur tinta atau cat
(Subtracti ve Color / CMYK) yang digunakan dalam
proses pencetakan gambar ke permukaan benda
padat seperti kertas, kain plastik dll.
1. KESEIMBANGAN
Keseimbangan (balance) dalam Sunaryo (2002: 39) merupakan prinsip desain
yang berkaitan dengan pengaturan “bobot” akibat “gaya berat” dan letak kedudukan
bagian-bagian, sehingga susunan dalam keadaan seimbang. Tidak adanya
keseimbangan dalam suatu komposisi akan terganggu, sebaliknya, keseimbangan yang
baik memberikan perasaan tenang dan menarik, serta menjaga keutuhan komposisi.
Ada dua jenis keseimbangan tata letak desain yang bisa diterapkan:
Keseimbangan simetris/formal
Keseimbangan simetris terjadi apabila berat visual dari elemen-elemen desain
terbagi secara merata baik dari segi horizontal, vertikal, maupun radial. Gaya ini
mengandalkan keseimbangan berupa dua elemen yang mirip dari dua sisi yang berbeda.
Kondisi pada keseimbangan simetris adalah gaya umum yang sering digunakan untuk
mencapai suatu keseimbangan dalam desain. Keseimbangan simetris mudah diterapkan
dan keseimbangan simetris sulit untuk membangkitkan emosi dari pembaca visual karena
terkesan “terlalu direncanakan”.
Contoh poster keseimbangan simetris
poster diatas dirangkai dengan perpaduan elemen visual secara simetris antara kiri
dan kanan. Elemen-elemen desain di bagian kiri di seimbangkan dengan elemen lain
dibagian kanan secara serupa seperti cermin.
Poster diatas menggunakan gaya asimetris berupa kontras dan skala. Elemen
tangan berwarna hitam berukuran besar diseimbangkan dengan teks Flawless berwarna
hitam namun berukuran kecil.
Keseimbangan Radial
2. IRAMA
Irama (rhythm) merupakan pengaturan unsur atau unsur-unsur rupa secara
berulang dan berekelanjutan, sehingga bentuk yang tercipta memiliki kesatuan arah dan
gerak yang membangkitkan keterpaduan bagian-bagiannya. Peruangan yang teratur itu
dapat mengenai jarak bagian-bagian, raut, warna, ukuran, dan arah yang ditata.
Terulangnya sesuai secara teratur memberi kesan keterkaitan peristiwa, oleh hukum,
sesuatu yang ditaati, sesuatu yang berdisiplin (Djelantik dalam Sunaryo 2002: 35). Irama
yang diciptakan dalam sebuah karya seni dimaksudkan untuk memperoleh efek gerak
ritmis, menghindarkan kemonotonan dan memberikan kesan keutuhan yang kuat
(Djelantik dalam Sumurung, 2010: 36).
3. PENEKANAN (EMPHASIS)
Setiap bentuk desain ada hal yang perlu ditonjolkan lebih dari yang lain. Tujuan
utama dari penekanan ini adalah untuk mewujudkan hal itu sehingga dapat mengarahkan
pandangan khalayak sehingga apa yang mau disampaikan tersalur.
4. KESATUAN (UNITY)
Kesatuan (unity) menurut Sunaryo (2002: 31) merupakan prinsip
pengorganisasian unsur-unsur rupa yang paling mendasar. Prisnip kesatuan diperoleh
dengan terpenuhinya prinsip-prinsip yang lain. Kesatuan merupakan prinsip desain yang
berperan paling menentukan, sebagai prinsip induk yang membawahkan prinsip-prinsip
desain lainnya. Tidak adanya kesatuan dalam suatu tatanan mengakibatkan
kekacauan, ruwet, atau cerai-berai tak terkoordinasi.Nilai kesatuan dalam suatu bentuk
bukan ditentukan oleh jumlah bagian-bagiannya. Kesatuan bukan sekadar kuantitas
bagian, melainkan lebih menunjuk pada kualitas hubungan bagian-bagian.
G. NIRMANA DALAM DESAIN GRAFIS
Nirmana berasal dari dua kata nir yang artinya tidak dan mana yang artinya makna.
Sehingga Nirmana bisa diartikan tidak bermakna atau tidak mempunyai makna ,bisa di
illustrasikan sebagai bentuk bentuk yang tidak mempunyai makna khusus tapi mempunyai pola,
komposisi,keseimbangan, warna, irama tertentu yang membentuk suatu harmonisasi dan
keindahan .Sehingga Nirmana bisa didefinisikan sebagai pengorganisasian atau penyusunan
elemen-elemen visual seperti titik, garis, warna, ruang dan tekstur menjadi satu kesatuan yang
harmonis. Dan nirmana dapat diartikan sebagai hasil angan-angan dalam bentuk dwimatra,
trimatra yang mempunyai nilai keindahan. nirmana disebut juga ilmu tatarupa. Sedangkan
elemen- elemen dasar dari nirmana adalah :
1. Titik adalah unsur seni rupa yang paling dasar. Titik dapat melahirkan suatu wujud dari
ide- ide atau gagasan yang kemudian akan melahirkan garis, bentuk, atau bidang. Teknik
lukisan yang menggunakan kombinasi berbagai variasi ukuran dan warna titik dikenal
dengan sebutan Pointilisme.
2. Garis adalah sekumpulan titik yang terhubung dan berbeda (warna) dari latar belakang
yang menampilkannya. Terbentuk garis dari kumpulan satuan terkecilnya yakni titik yang
lazimnya berbentuk bundar (circular). Sebuah garis merupakan sebuah titik yang
memanjang, oleh karenanya sebuah garis lebih dicirikan pada panjangnya daripada
lebarnya. Garis merupakan dimensi awal yang tercipta dari titik yang digerakkan
sedemikian rupa.
3. Warna adalah kesan yang ditimbulkan oleh cahaya terhadap mata, oleh karena itu warna
tidak akan terbentuk jika tidak ada cahaya. Tiap-tiap warna dihasilkan dari reaksi cahaya
putih yang mengenai suatu permukaan dan permukaan tersebut memantulkan sebagian
dari spektrum. Terjadinya warna-warna tersebut disebabkan oleh vibrikasi cahaya putih.
Sistem yang paling sederhana untuk mengetahui hubungan warnawarna adalah
pada susunan warna dalam bentuk lingkaran warna.
4. Tekstur adalah nilai raba dari suatu permukaan baik nyata maupun semu, bisa halus,
kasar, licin, dan sebagainya. Berdasarkan hubungannya dengan indera penglihatan,
tekstur dapat dibedakan menjadi dua, yaitu: tekstur nyata dan tekstur semu.
5. Bidang adalah suatu bentuk pipih tanpa ketebalan, mempunyai dimensi pajang, lebar dan
luas serta mempunyai kedudukan, arah dan dibatasi oleh garis. Bentuk bidang dapat
geometris, organis, bersudut, tak teratur, dan bulat.
6. Bentuk adalah titik, garis, atau bidang akan menjadi bentuk apabila terlihat. Sebuah
titik betapapun kecilnya pasti mempunyai raut, ukuran, warna, dan tekstur
Pengaplikasian nirmana mutlak dilakukan dalam semua bidang seni rupa dan desain.
Contohnya adalah fotografi, bidang seni ini mempunyai kemampuan melakukan eksekusi ini
dengan sangat baik. Kapabilitas fotografi yang merekam obyek setepat-tepatnya dapat anda
kacaukan dengan nirmana. Tentu anda sudah biasa jika melihat langit yang jauh yang berwarna
biru dan pepohonan yang dekat dengan warna hijau. Namun dengan nirmana, langit dapat
anda beri warna panas (orange/ kuning) untuk menciptakan kesan objek tersebut dekat dengan
anda. Dan pohon dengan warna dingin (misal biru) untuk memberi kesan objek tersebut jauh
dengan anda. Hal ini dapat anda terima karena anda memandang dari nalar bentuk. Disinilah
seni dan desain dapat dinilai atas dasar kualitas artistiknya, yaitu menilai segala sesuatunya dari
sisi bentuk, bukan dari hal-hal di luar bentuk (Irama Visual, 2007, hal. 160).
Cara menyusun nirmana dwimatra
1. Memutar objek 2 dimensi (rotate)
2. Memiringkan objek (skew)
3. Menduplikasi objek (duplicate)
4. Merubah ukuran ( transform)
5. Membalik objek dwimatra (mirror / flip)
6. Atau dan langkah kombinasi dari semuanya
Tujuan Pembelajaran
Setelah anda mempelajari modul mandiri ini dengan sekasama, anda diharapkan
mampu :
1. Mengidentifikasi bentuk-bentuk tipografi dengan tepat.
2. Menganalisis tata-letak sesuai kriteria media sesuai kebutuhan
3. Menata huruf dengan pengaturan penyebarannya pada ruang yang tersedia
sesuai kebutuhan
4. Menganalisis ketepatan tipografi sesuai dengan tema
Uraian Materi
35
36
A. BENTUK TIPOGRAFI
Tipografi adalah ilmu yang mempelajari tentang seni dan desain huruf (termasuk
simbol) dalam aplikasinya untuk media komunikasi visual melalui metode penataan layout,
bentuk, ukuran dan sifatnya sehingga pesan yang akan disampaikan sesuai dengan yang
diharapkan
1. JENIS HURUF
Menurut James Craig, jenis huruf dibedakan menjadi
Huruf Tulis/Latin menyerupai goresan tangan sifat pribadi dan Vladimir Script, Brush
(Script) yang dikerjakan dengan akrab Script MT
pena, kuas atau pensil tajam
dan biasanya miring ke
kanan
2. ANATOMI HURUF
Anda tidak akan dapat menilai sebuah seni itu bagus atau jelek jika anda tidak tahu
apa itu seni. Begitu juga ketika anda ingin memulai membuat sebuah desain, namun tidak
paham bentuk huruf yang pantas digunakan. Mempelajari anatomi bentuk huruf wajib
hukumnya bagi seorang desain grafis.
37
Dalam anatomi bentuk huruf, setiap huruf mempunyai bagian bagiannya yang
memungkinkan untuk dibuat variasi huruf seperti Terminal, Tangkai dan Batang .
Gambar di atas adalah gambar anatomi huruf. Dengan Mengetahui Anatomi Huruf
anda bisa mendesain suatu huruf , kata , kalimat menjadi lebih menerik dan unik . Berikut
Contoh Desain suatu huruf yang telah mengalami perubahan pada beberapa anatomi
hurufnya.
38
3. ANATOMI KETINGGIAN HURUF
Dalam anatomi ketinggian huruf, setiap huruf pasti memiliki keunikan sendiri- sendiri,
Walaupun tetap ada batasan tertentu seperti body size, baseline dan capital height.
Perhatikan 2 gambar berikut:
39
4. GEOMETRI HURUF
Geomerti Huruf penting dipelajari oleh seorang desaigner karena dengan mengethui
bentuk dasar geometri sebuah huruf, maka akan lebih mudah untuk mengkombinasikannya
dengan bentuk lainnya .
Ditinjau dari sudut geometri, maka garis dasar yang mendominasi struktur
huruf dalam alphabet dapat dibagi menjadi 4 kelompok besar, yaitu :
a. Kelompok garis tegak-datar : E,F,H,I,L
b. Kelompok garis tegak-miring : A,K,M,N,V,W,X,Y,Z
c. Kelompok garis tegaklengkung : B,D,G,J,P,R,U
d. Kelompok garis lengkung : C,O,Q,S
e. Dengan mengetahui kelompok geometri huruf, anda bisa mendesain bentuk
yang tepat untuk digabungkan dengan huruf tersebut.
a. Kerning
Kerning tidak hanya mengacu pada jarak antara dua huruf, tapi juga
didefinisikan sebagai proses penyesuaian space secara manual. Kerning paling
baik digunakan saat menyesuaikan logo, headlines, dan typographic
compositions.
40
Tampa Kerning Ada kerning
Contoh penggunaan Kerning yang Tepat pada suatu desain Desain Percetakan
Penggunaan kerning yang tidak tepat selain membuat desain tidak enak di
pandang juga bisa menimbulkan makna yang tidak sesuai yang diharapkan .
b. Tracking
Tracking Juga dikenal sebagai "letter-spacing", Tracking mengacu pada
keseluruhan jarak huruf (dan tidak hanya dua karakter), yang memungkinkan
anda menyesuaikan space dengan teks secara seragam
41
Contoh Penggunaan Tracking pada desain Percetakan
Dengan Menggunakan ukuran traking yang berbeda maka kiata sudah bisa
membuat desain yang berbeda pula.
c. Leading :
Untuk menambahkan lebih
banyak space antara baris paragraf
maka harus menyesuaikan Leading.
Tingkatkan angka untuk efek
double spacing yang instan untuk
lebih mudah dibaca
6. KARAKTERISTIK HURUF
a. Huruf Miring ( Italics)
Teks Italic akan menarik mata karena kontras dengan teks normal, namun
terlalu panjang dengan teks Italic akan sulit dibaca. Bisanya digunakan untuk
kata asing.
42
Contoh penggunaan hurup italic atau huruf miring yang tepat
Salah satu prinsip desain yang ada adalah ruang. Lantas apa yang disebut ruang? Ada
dua macam ruang yaitu ruang positif dan ruang negatif. Ruang positif (positive space) adalah
subjek utama sebuah gambar. Sedangkan ruang negatif (negative space) merupakan suatu
ruang di antara atau mengelilingi subjek sebuah gambar. Perhatikan gambar di samping ini.
43
Rubin's vase dikembangkan oleh seorang psikolog Denmark Edgar Rubin untuk
mengidentifikasi persepsi visual yang ditimbulkan dari penglihatan terhadap subjek tertentu.
Mungkin anda sudah pernah melihat gambar di atas. Ya, gambar tersebut disebut vas
Rubin (Rubin's vase). Manakah yang ruang positif dan mana yang ruang negatif? Pada
gambar di sebelah kiri, bentuk vas adalah subjek yang terlihat jelas dan merupakan ruang
positif dan ruang di sekelilingnya adalah ruang negatif.
Namun apabila ruang negatif di seandar vas tersebut diisi dengan warna hitam
seperti pada gambar di kanan, maka gambar bayangan (silhoutte) dua orang sedang
bertatap muka akan menjadi terlihat jelas dan gambar vas berbalik menjadi ruang negatif.
Pembalikan ruang yang menciptakan ilusi optis (optical illusion) tersebut disebut dengan
figure-ground reversal.
Dalam sebuah gambar dua warna, hitam-putih, secara umum gambar berwarna
hitam merupakan ruang positif, sedangkan ruang di sekelilingnya (putih) adalah ruang
negatif. Yang perlu dipahami silhoutte bukanlah ruang negatif, silhoutte adalah ruang positif,
yaitu gambar dengan tepi yang paling mudah diidentifikasi.
Ruang negatif tidak dibatasi hanya merupakan sebuah bentuk seni. Namun
sebaliknya, ruang negatif merupakan salah satu elemen penting dalam setiap media seni
seperti fotografi, logo, patung, lukisan, maupun desain grafis.
Berikut contoh penggunaan ruang positif dan negative pada produk desain grafis
percetakan
44
B. TATA LETAK( LAYOUT)
Layout didalam bahasa memiliki arti tata letak. Sedangkan menurut istilah, layout
merupakan usaha untuk menyusun, menata, atau memadukan elemenelemen atau unsur-
unsur komunikasi grafis (teks, gambar, tabel dll) menjadikan komunikasi visual yang
komunikatif, estetik dan menarik. Di sini diperlukan pertimbangan ketika sedang mendesain
suatu infomasi yang seefektif mungkin. Tujuan utama layout adalah menampilkan elemen
gambar dan teks agar menjadi komunikatif dalam sebuah cara yang dapat memudahkan
pembaca menerima informasi yang disajikan.
Berikut ini adalah jenis jenis layout yang sering digunakan dalam desain
grafis percetakan .
Mondrian Layout
Jenis design yang mengacu kepada karya Piet
Modrian seorang pelukis asal Belanda, memiliki design
yang Asimetris, menggunakan warna dasar merah ,kuning
,biru serta garis hitam sebagai pemisah antar ruangn,
unsur gambar di tempatkan dalam bidang segi
empat.
Axial Layout
Tata letak yang memiliki tampilan visual
yang kuat di tengah halaman dengan tampilan
element pendukung di sekeliling gambar utama
biasanya berupa gambar atau tulisan yang
berhubungan dengan tampilan di tengah
halaman sebagai titik pusatnya.
45
Silhouette Layout
Tata letak tulisan yang mengikuti alur bentuk
gambar yang di gunakan menjadi ciri design jenis ini. dan
kadang di gunakan juga tampilan negatife gambar
(silhouette) untuk menguatkan pesan yang disampaikan
Frame Layout
Menggunakan bingkai sebagai unsur utama
design ini, dimana pesan atau gambar utama
diletakan di dalam bingkai, atau bingkai tersebut
menjadi tema dalam design yang digunakan. dimana
border/bingkai/frame nya membentuk suatu naratif
(mempunyai cerita)
Circus Layout
Penyajian iklan yang tata
letaknya tidak mengacu pada
ketentuan baku. Komposisi gambar
visualnya, bahkan kadang-kadang teks
dan susunannya tidak beraturan.
Susunan yang “tidak beraturan” dalam
penempatan gambar/tulisan tapi
tertata dengan baik, tampilan biasanya
berupa banyak gambar produk dalam
satu halaman.
46
Jumble Layout
Hampir sama dengan circus layout yang
campur aduk, namun Jumble Layout
membentuk komposisi beberapa gambar dan
teks disusun lebih jelas dan teratur
Rebus Layout
Gambar dan tulisan saling menjalin di dalam
design, menggunakan gambar sebagai penggati
tulisan. misal: tulisan smile diganti dengan gambar
Susunan layout iklan ini menampilkan
perpaduan gambar dan teks sehingga membentuk
suatu cerita
47
Covy Heavy Layout
Tata letaknya mengutamakan pada
bentuk copy writing (naskah iklan) atau dengan
kata lain komposisi layout-nya didominasi oleh
penyajian teks (copy)
Grid Layout
Setiap komponen grafis tersaji dengan teratur
dan rapih dalam sebuag grid / tabel
48
Bleed Layout
Dimana gambar atau komponen
grafis lain sampai memenuhi bidang
desain. Gambar sampai kena batas
kertas.
Anggular Layout
Desain layout yang menggunakan garis bantu
berupa garis miring atau diagonal.
49
Informal Balance Layout
Lay out yang tidak semetris sepenuhnya tetapi tetap
terlihat seimbang
Brace Layout
Layout yang menggunakan gaya siku- siku atau
membentuk huruf L.
Quadran Layout
Desain layout yang membagi
menjadi 4 bagian seperti quadran.
Tidak ada ilmu yang tidak bermangfaat. Kelak tampa sadar ilmu itu
akan membantu anda keluar dari kesulitan, maka pelajarilah ilmu itu
dengan sebaik baiknya !!!
50
GAMBAR SKETSA DAN ILLUSTRASI
Tujuan Pembelajaran
Setelah anda mempelajari modul mandiri ini dengan sekasama, anda diharapkan
mampu :
1. Menjelaskan prinsip seketsa dan illustrasi dengan tepat
2. Menguraikan perbedaan seketsa dengan illustrasi secara jelas
3. Merancang sketsa dan illustrasi sebuah objek media dengan baik dan benar
4. Membuat sketsa dan illustrasi sebuah objek media sesuai dengan tema
Uraian Materi
A. GAMBAR SKETSA
Sket (sketch) merupakan gambaran atau lukisan yang kasar, ringan, semata-mata garis
besar atau belum selesai. Kadang kala hanya digunakan sebagai pengingat-ingat saja.
Sketsa atau sket (sketch) secara umum dikenal sebagai bagan atau rencana bagi
sebuah lukisan. Dalam pengertian itu, sketsa lebih merupakan gambar kasar, bersifat
sementara, baik diatas kertas maupun diatas kanvas, dengan tujuan untuk dikerjakan lebih
lanjut sebagai lukisan.
75
1. MANFAAT SKETSA ADALAH SEBAGAI BERIKUT :
a. Untuk memberikan gambaran tema
b. Meminimalisir kesalahan
c. Mempertajam pengamatan
d. Meningkatkan kemampuan mengkoordinasi hasil pengamatan dan
ketrampilan tangan
Umumnya sketsa dikerjakan dengan cepat dan secara spontan. Jika sketsa
dibangun oleh unsur-unsur garis sebagai medium utamanya, lukisan merupakan
ungkapan lengkap, dalam arti penyajiannya dibangun dengan menggunakan unsur-
unsur lain, seperti tekstur, kedalaman/ruang, gelap-terang, dan warna di samping
unsur garis.
2. JENIS-JENIS SKETSA
a. Gambar garis besar yaitu sketsa yang membuat garis-garis bentuk
sederhana tanpa rincian dan tidak selesai.
b. Sketsa cepat yaitu sketsa yang menggunakan beberapa garis saja
untuk menampilkan citra suatu sketsa yang sudah selesai.
c. Studi citra yaitu sketsa yang berupa coretan dengan cepat dan kurang
terperinci hanya menunjukan bentuk global.
a. Garis
Garis adalah unsur yang memiliki peran utama di dalam membentuk komposisi.
Jenis garis yang dapat membentuk komposisi : komposisi garis lurus; komposisi
garis lengkung.
b. Warna
Meskipun umumnya sketsa terdiri dari satu jenis warna, akan tetapi pengaturan
komposisi warna pada objek sktesa sangat diperlukan agar memberikan kesan
harmonis. Komposisi warna pada sketsa umumnya diatur berdasarkan gelap terang
pencahayaan.
Pensil H. Pensil H adalah pensil paling keras dan digunakan untuk membuat garis
tipis, garis lurus, dan garis yang tidak berbaur pada sketsa. Pensil ini paling sering
digunakan pada sketsa arsitektur dan sketsa bisnis. Belilah beberapa macam
pensil H, termasuk 6H, 4H, dan 2H (6H paling keras, 2H paling lunak).
Pensil B. Pensil B adalah pensil paling lunak, dan digunakan untuk membuat garis
gosok atau garis kabur dan untuk membuat bayangan pada sketsa Anda. Jenis
pensil ini menjadi kesukaan banyak seniman. Belilah beberapa macam pensil B,
termasuk 6B, 4B, dan 2B (6B paling lunak, 2B paling keras).
Kertas Fine Art. Membuat sketsa pada kertas biasa memang mudah, tetapi
kertas biasa tipis dan tidak bisa menahan pensil dengan baik. Gunakan kertas
Fine Art, yang punya sedikit tekstur, agar Anda merasakan pengalaman
menggambar termudah dan mendapatkan hasil menggambar terbaik secara
keseluruhan
b. Jangan menggambar dengan terlalu keras. Sketsa berfungsi sebagai dasar atau
kerangka bagi gambar. Jadi, ketika Anda mulai menggambar sketsa, gerakkan
77
tangan Anda dengan ringan dan cepat untuk membuat garis-garis pendek.
Dengan cara ini, Anda akan lebih mudah menguji beberapa cara menggambar
sketsa benda tertentu serta menghapus kesalahan.
c. Cobalah menggambar cepat. Menggambar cepat adalah membuat sketsa tanpa
henti dan dengan garis-garis tak terputus untuk menggambar objek Anda, tanpa
pernah memeriksa kertas Anda. Walaupun terdengar sulit, menggambar cepat
akan membuat Anda memahami bentuk-bentuk dasar pada gambar Anda, dan
membuatkan dasar bagi gambar akhir Anda. Saat menggambar cepat, Anda
hanya menatap objek Anda dan menggerakkan tangan Anda di kertas. Sebisa
mungkin jangan mengangkat pensil Anda dan jangan membuat garis yang
tumpeng-tindih. Anda bisa memeriksanya dan menghapus garis-garis yang tidak
diperlukan dan menyempurnakan sketsa Anda belakangan.
d. Membuat kerangka gambar yang terdiri dari garis-garis vertical, horizontal,
maupun lengkung secara tipis.
e. Menggambar garis sekundernya, misalnya melukis kerangka kubus atau kotak
dalam keadaan tipis
f. Menebalkan garis sketsa yang sudah benar. Ketebalan sesuai dengan karakter
jenis garis yang diinginkan
B. GAMBAR ILLUSTRASI
1. PENGERTIAN GAMBAR ILUSTRASI
Ilustrasi gambar adalah gambar yang menjelaskan atau memvisualisasikan deskripsi,
entah dalam bentuk sejarah, berita, esai atau skrip. Konsep lain dari ilustrasi adalah gambar
yang digunakan untuk menggambarkan surat tersebut. Menggambar fungsi gambar dapat
digunakan sebagai pelengkap sejarah atau menghidupkan kembali kritik sejarah ilustrator.
Untuk membuat ilustrasi ilustrasi, ilustrator harus bisa mengelola gambar tokoh (tumbuhan
dan benda alami), gambar anatomis (manusia dan hewan) dengan baik, serta metode untuk
merancang tata letak,
78
2. UNSUR ILUSTRASI
Beberapa elemen untuk menggambar ilustrasi adalah sebagai berikut. Gambar
makhluk hidup, seperti gambar tanaman (pohon, bunga, daun, akar dan buah), gambar
manusia dan gambar binatang (hewan bipedal, hewan berkaki empat dan spesies hewan
lainnya).
Gambar benda mati, seperti benda dekoratif, barang rumah tangga, gambar bangunan, dll.
Untuk menggambar dengan baik, anda perlu mengetahui bentuk dasar setiap jenis
gambar.
a. Gambar Manusia
Untuk illustrasi orang, anda perlu menguasai proporsi dan anatomi tubuh manusia.
Proporsi ini mencakup perbandingan bagian tubuh manusia, seperti kepala, wajah,
tangan dan kaki. Anatomi menyangkut posisi (bentuk, ukuran dan letak) bagian tubuh
manusia di dalam tubuh manusia secara keseluruhan.
b. Gambar Ternak
Gambar binatang memiliki anatomi khusus. Bahkan binatang satu sama lain memiliki
bentuk dan ukuran yang berbeda. Teknik menggambar binatang bisa dimulai dengan
menciptakan sederet bantuan berupa bola, elips, kuadrat atau kuadrat.
79
c. Citra tanaman
Sebelum menggambar tanaman, pertama Anda perlu mengamati pohon yang ingin
Anda gambar. Hal ini disebabkan fakta bahwa menggambar bentuk pohon sesuai
dengan bentuk sebenarnya sulit. Lalu buat sketsa. Biasanya, pensil digunakan untuk
menggambar pohon. Namun, bisa juga menggunakan tinta atau pena, teknik shading
atau siluet juga digunakan.
3. JENIS ILLUSTRASI
Ada empat jenis gambar ilustratif, yaitu:
a. Ilustrasi kantor editorial, ilustrasi yang digunakan untuk menggambarkan
manuskrip atau untuk mengisi buku, surat kabar dan majalah. Contoh ilustrasi
80
pengeditan:
Ilustrasi sampul buku atau majalah.
Ilustrasi manuskrip (cerita atau artikel).
Komik, gambar yang, pada dasarnya, mudah dicerna dan menggelikan.
Sebuah karikatur, sebuah gambar lucu berisi pesan, satire dan kritik.
Kartun, yang merupakan gambar dengan pandangan lucu, terkait
dengan situasi saat ini.
b. Ilustrasi yang modis, yaitu ilustrasi yang menggambarkan ide atau desain busana.
c. Ilustrasi iklan, yaitu ilustrasi yang digunakan untuk iklan atau iklan.
d. Ilustrasi sains, mis. ilustrasi yang digunakan untuk menggambarkan informasi
tertentu dalam sains, seperti ensiklopedi, teknik, kedokteran, arsitektur, ruang,
dll.
81
Saat membuat sketsa, anda harus mengatur komposisi dalam bentuk
gambar objek, sehingga keseimbangannya seimbang, proporsional
danharmonis.
Tunjukkan mood dari gambar berdasarkan cerita. Setelah
komposisinya dipersiapkan dengan baik, maka tebal dan buatlah
pewarnaannya.
C. TEKNIK ARSIRAN
Teknik arsir merupakan salah satu teknik yang paling utama dalam menggambar
sketsa dan illustrasi dengan menggunakan pensil, arsiran yang padat sangat menentukan
kualitas gambar dan tentunya akan menambah nilai estetika gambar tersebut.
Jenis-jenis arsiran dalam menggambar dengan menggunakan pensil sangat bermacam-
macam. Berikut ini macam-macam arsiran yang sering digunakan dalam menggambar
sketsa dan illustrasi dengan menggunakan pensil.
82
2. Teknik Arsir Crosshatching
Teknik arsiran ini hampir mirip dengan teknik arsiran
hatching. Perbedaannya terdapat garis yang menyilang pada
arsiran ini. Sehingga arsiran ini sering anda buat dengan cara
di tumpuk. Arsiran ini sering digunakan dalam pembuatan
bayangan dalam membuat lukisan wajah dengan
menggunakan pensil.
83
GAMBAR PERSPEKTIF
Tujuan Pembelajaran
Setelah anda mempelajari modul mandiri ini dengan sekasama, anda diharapkan mampu :
1. Menjelaskan bentuk-bentuk objek dengan jelas dan cermat
2. Membedakan gambar bentuk dan gambar perspektif dengan benar
3. Menggambar bentuk objek sesuai prosedur
4. Menggambar perspektif sebuah objek sesuai prosedur
Uraian Materi
A. GAMBAR BENTUK
a. Bentuk Kubistis
Bentuk kubistis adalah bentuk-bentuk yang menyerupai
kubus atau bendayang bentuk dasarnya kubus. Contohnya
: TV, meja, kursi, kulkas, lemari
91
92
b. Bentuk Silindris
Bentuk silindris adalah benda yang bentuk dasarnyamenyerupai
silindris atau bulat. Contohnya : gelas,botol, bolam lampu, bola,
kendi, teko, ember, guci,cangkir , kaleng dan piring
c. Bentuk Bebas
Bentuk bebas adalah benda yang bentuknya tidak beraturan
atau yang tidak termasuk kubistis dan silindris. Contohnya : kain,
buah- buahan, bunga, busana.
a. Teknik linear
Teknik linear merupakan cara menggambar objek
gambar dengan garis sebagai unsure yang paling
menentukan baik garis lurus maupun garis lengkung.
b. Teknik blok
Teknik blok merupakan cara menggambar dengan menutup objek
gambar menggunakan satu warna, sehingga hanya terlihat bentuk
globalnya saja ( siluet ).
93
c. Teknik arsir
Teknik arsir merupakan cara menggambar dengan
garis garis menyilang atau sejajar untuk menentukan
gelap terang objek gambar sehingga tampak sehingga
tiga dimensi
d. Teknik dusel
Teknik dusel merupakan cara menggambar yang penentuan
gelap terang objek gambar menggunakan pensil gambar yang
digoreskan dalam posisi miring ( rebah ).
e. Teknik pointilis
Teknik pointilis merupakan cara menggambar yang
dalam menentuka gelap terang objek gambar
menggunakan pensil atau pena gambar dengan
dititik titikkan.
f. Teknik aquarel
Teknik aquarel merupakan cara menggambar
dengan menggunakan cat air dengan sapuan
warna yang tipis, sehingga hasilnya tampak
transparan atau tembus pandang.
g. Teknik plakat
Teknik plakat merupakan cara menggambar yang
menggunakan bahan cat poster atau cat air dengan
sapuan warna yang tebal sehingga hasilnya tampak
pekat dan menutup.
94
3. PRINSIP MENGGAMBAR BENTUK
Dalam menggambar bentuk ada beberapa prinsip yang herus diperhatikan. Tujuannya
agar gambar yang dibuatnya lebih mirip/tepat dengan objek yang digambar. Dalam
menggambar bentuk ada beberapa prinsip yang herus diperhatikan yaitu :
a. Perspektif
Perspektif merupakan prinsip atau kaidah
yang penting dalam menggambar bentuk
atau melukis corak realis. karena dalam
tehnik perspektif berati mengunakan hukum
perspektip dengan menggunakan satu atau
dua titik lenyap.
b. Proporsi.
Proporsi yang di maksud dalam menggambar
atau melukis adalah perbandingan bagian per
bagian atau bagian dengan keseluruhan.
Dengan menerapkan prinsip proporsi maka
objek gambar akan nampak wajar , sebagai
contoh : gambar gubuk di bawah kaki gunung
atau bukit dimana proporsi nya tentu gunung
atau bukit yang lebih besar dari pada gubuk
dengan sudut pandang yang wajar.
c. Komposisi
Komposisi dalam menggambar bentuk dapat di
artikan sebagai sesuatu susunan atau letak objek
gambar. Penyatuan komposisi objek gambar akan
lebih memperindah dan lebih menampakan maksud
gambar itu sendiri.
95
e. Bayang bayang (shadow)
Dalam menggambar bentuk, peranan bayang - bayang
akan sangatmenentukan untuk terciptanya kesan tiga
dimensi. meskipun agak samar – samar, bayang –
bayang harus ada. Dimana bayang – bayang itu sendiri
dapat di bedakan menjadi 3 ( tiga ) bagian yaitu:
bayangan karena sinar (Bayang – bayang awak ), yang
berarti bayangan yang ada pada benda tersebut.
Bayangan benda karena sinar, mengenai benda lain
( Bayang – bayang langkah ) dan bayangan benda pada
permukaan yang licin ( Bayang – bayang sendiri ).
B. PERSPEKTIF
Perspektif atau sudut pandang adalah teknik atau metode untuk menggambar
objek-objek berupa benda, ruangan (interior), dan lingkungan (eksterior) yang
ukurannya lebih besar dari manusia.
Teknik ini tercipta karena keterbatasan jarak pandang mata anda dalam melihat
objek. Semakin jauh jarak mata dengan benda, semacin kecil penampakannya dan bahkan
akan hilang dari pandangan pada jarak tertentu. Sebaliknya, semakin dekat jarak mata anda,
benda tersebut akan terlihat semakin dua hal yang harus dijadikan patokan dalam teknik
menggambar perspektif sebagai berikut.
1. Garis horizon
Garis horizon adalah garis khayal mata. Dimana mata anda berada, disitulah garis
horizon itu ada.
2. Titik hilang
96
Titik hilang adalah titik terjauh dari jangkauan. Jarak pandang mata dan titik hilang
selalu terletak di dalam garis horizon .
Secara teknis, perspektif ini terdiri dari perspektif satu titik hilang, perspektif dua titik hilang
dan persoektif tiga titik hilang.
Ruang Tamu
97
Terlihat pada gambar di atas bahwa terdapat garis-garis pembatas yang berpusat
pada satu titik. Dengan adanya garis-garis tersebut, terciptalah sebuah gambar yang terlihat
seperti melihat dari pandangan mata yaitu dari besar ke kecil. Namun di gambar ini tidak
terlalu terlihat efek dari besar ke kecilnya karena objek yang digambar tidak terlalu luas.
Perkotaan
Terlihat gambar kota dengan Jalan dan kendaraan di dalamnya yang disamping
kanan dan kiri terdapat gedung –gedung . Di sini lebih tampak kesan dari besar ke kecilnya
daripada gambar ruang tamu tadi karena memang objek yang digambar lebih luas
98
4) Gambarlah beberapa bangun dasar yang juga berpatokan pada garis dari titik hilang
tersebut. Menggambarnya harus dengan perencanaan. Bangun dasar ini dijadikan
gambar objek benda.
5) Gambarlah seluruh detail benda dengan patokan komposisi pada bangun dasar.
6) Arsirlah seperlunya untuk memberikan kesan dimensi volume dan karakter benda.
99
Terlihat bahwa teknik ini menggunakan garis-garis bantu atau pembatas yang dibuat dari
2 titik. Dari gambar di atas dapat dibedakan mana objek yang lebih dekat dan jauh dari
mata anda. Walaupun sangat sederhana namun gambar ini tetap terlihat keren.
Bangunan Toko
Tahapan untuk menggambar teknik perspective 2 titik hilang juga hampir sama
dengan teknik titik hilang, yaitu sebagai berikut.
1) Buatlah horizon. Jikamemakai sudut pandang mata burung, garis horizon berada di
bagian atas bidang gambar. Jikamemakai sudut pandang normal, garishorizon berada
di tengah- tengah bidang gambar. Jika memakai sudut pandang mata kucing,garis
horizon berada dibawah garis horizon.
2) Letakan2titik,masingmasingdibagianujungkiridankananbidanggambar.
3) Jika menggambar ruangan, buatlah Batas ruang itu dengan menaric garis dari kedua
titik tersebut
4) gambarlah beberapa bangun dasar dengan patokan dari kedua titik hilangnya. Bangun
dasardiletakan dan dikomposisican sesuai dengan perencanaan gambar yang dibuat
seluruh detail benda dengan berpatokan pada bangun dasar yang sudah dibuat
5) gambarlah seluruh detail benda dengan berpatokan pada bangun dasar yang sudah
dimuat . perhatikan proporsi dan perbandingan antara benda yang satu dan benda
yang lainnya.
6) Arsirlah seperlunya untuk memberikan cesan dimensi, volume, dan caracter benda.
100
3. GAMBAR PERSPEKTIF 3 TITITK HILANG
Perpektif tiga titik hilang menggunakan tiga titik untuk membuat garis pembatas
objek. Teknik ini paling sering dilakukan untuk menggambar bagunan yang dilihat dari
tingkat mata tinggi atau rendah.
101
Penilaian Pembelajaran
Tugas mandiri ini adalah tugas yang harus dikerjakan oleh anda secara mandiri
(individual). Anda boleh mengerjakannya di TKB atau dirumah. Jika ada kendala
boleh berdiskusi denan teman anda yang lain atau menghubungi tutor untuk
dicarikan solusinya dan atau untuk disampaikan kepada guru bina. Jika tugas sudah
selesai silahkan kumpulkan pada tutor sesuai dengan jangka waktu yang
diinstruksikan tutor.
Langkah Kerja
1. Buatlah Gambar Perspektif 1 titik hilang tema ruang tamu
2. Buatlah Gambar Persektif 2 titik hilang tema pemandangan
3. Buatlah Gambar Persektif 3 titik hilang tema Lemari Pakean
4. Masing masing gambar dibuat pada kertas ukuran A4.
5. Beri judul di Tengah atas (4.4/TM2/ kelas /nama anda
102
Gambar Berbasis Vektor
Tujuan Pembelajaran
Setelah anda mempelajari modul mandiri ini dengan sekasama, anda diharapkan mampu :
1. Mengidentifikasi gambar berbasis vector dengan tepat dan benar.
2. Mengidentifikasi Software aplikasi pengolah gambar vector dengan tepat sesuai
kebutuhan
3. Menggambar bentuk dengan software berbasis vector dengan cermat dan teliti
4. Menggambar teks dengan software berbasis vector dengan cermat dan teliti
5. Menggabungkan gambar dan teks dengan baik dan benar sesuai dengan
prinsip desain
Uraian Materi
Setiap hari anda pasti melihat berbagai macam gambar, misalnya di buku, televisi,
iklan poster, billboard dan lainnya. Semua gambar tersebut memiliki pesan dan tujuannya
masing-masing, termasuk gambar digital.
109
Gambar digital adalah gambar yang dihasilkan dari pengolahan gambar yang
menggunakan komputer, kamera, scanner atau alat elektronik lainnya. Gambar digital
terbagi atas dua jenis, yaitu berupa file bitmap dan vector. Perbedaannya adalah untuk
gambar bitmap digunakan untuk menggambarkan kehidupan nyata. Sedangkan vector
digunakan untuk menampilkan gambar abstrak atau ilustrasi.
Program aplikasi grafis yang berbasis vektor antara lain : CorelDraw , Macromedia
Free hand, Adobe Illustrator dan Micrografx Designer
Pada gambar grafis berbasis vector, terdapat ciri-ciri sebagai berikut.
1. Tersusun oleh kurava (path). Path terdiri dari garis dan beberapa titik atau
disebut anchor point.
2. Bersifat resolution independent, artinya kualitas gambarnya tetap baik tanpa bergantung
resolusinya. Jika gambar diperbesar, warna tetap kontinu/baik dan tidak pecah warna
maupun bentuknya.
3. Cocok unutk pembuatan gambar dengan warna yang sederhana.
4. Gradasi warna harus diolah dulu oleh desainer.
5. Menyimpan gambar dengan format EPS, WMF atau sesuai dengan program yang
dijalankan, misalkan CorelDraw dengna format CDR, Macromedia Freehan dengan
format F,Adobe Illustrator dengan format AI.
6. Nyaman digunakan untuk me-layout publishing, membuat font dan ilustrasi.
7. Space penyimpanan lebih kecil.
Software unutk menghasilkan citra grafis berbasis vector dikenal dangan istilah Draw
Software. Software ini dapat dikelompokan menjadi dua bagian, yaitu software aplikasi
grafis berbasis vector 2 dimensi (2D) dan 3 dimensi (3D).
1. Software aplikasi grafis berbasis vector 2D
Yang termasuk kategori ini antara lain Adobe Illustrator, Macromedia Freehan, dan
CorelDraw.
2. Software aplikasi grafis berbasis vector 3D
Draw software untuk grafis 3D antara lain Maya3D, Strata 3D CX, Ulead COOL 3D, dan
Swift 3D. selain itu ada pula Draw Software yang biasa digunakan dalam bidang teknik
(perancangan) seperti AutoCad dan 3D Home Architect
Tidak seperti gambar bitmap, gambar dapat dengan mudah diperbesar tanpa
terdistorsi dalam bentuk vector. Oleh karena itu tidak perlu takut gambar vector yang
anda buat akan blur jika anda mengubahnya ke ukuran lain. Gambar itu akan tetap
jelas dan tajam, serta tidak akan ada bagian yang terlihat berbeda dari gambar aslinya.
Gambar vector dengan detail yang dalam bisa dimanfaatkan untuk presentasi,
demonstrasi dan penjelasan teknik manual untuk suatu benda.
c. Setelah di seleksi objek pada langkah dua silahkan pilih pada icon gambar
( lihat yang ditandai angka 1- 8 ). Dan berikut ini hasilnya :
Penjelasan :
1) Combine : untuk menggabungkan dua objek atau lebih menjadi satu objek utuh
dan melubangi tengahnya sesuai perpotongan objek-objek tersebut. Warna objek
baru mengikuti warna objek yang terakhir di pilih dan objek asal hilang.
2) Weld : untuk menggabungkan objek menjadi satu objek yang utuh mirip ombine
tetapi tanpa ada lubang ditengahnya, atau fill penuh dan objek asal hilang.
3) Trim : untuk memotong dua objek, tidak bisa lebih dari dua. dan Objek pertama
yang dipilih akan memotong objek kedua yang dipilih. objek pertama tetap ada dan
objek kedua berubah.
4) Intersect : untuk membuat obek baru dari perpaduan dua buah objek seperti
himpunan yang masuk ke objek pertama juga masuk ke objek ke dua dan objek baru
tersebut biasanya ada di posisi tengah. Objek pertama dan kedua masih ada dan
menghasilkan objek baru.
5) Simplify : untuk memotong antar objek yang saling tumpang tindih, mirip dengan
trim hanya saja simplify bisa melakukannya untuk lebih dari dua objek.
6) Front Minus Back : artinya bagian depan dikurangi bagian belakang, sederhananya
memotong bagian depan oleh objek yang ada di belakangnya dan objek pemotong
akan hilang.
7) Back Minus Front : untuk memotong bagian belakang oleh bagian depan dan objek
pemotong akan hilang.
8) New Object ........ : untuk membuat objek baru berupa outline dari objek yang
terseleksi dan objek baru tersebut bisa diwarnai juga seperti efek weld hanya saja
objek asalnya masih ada.
Pada tiap aplikasi gambar berbasis vector cara menggabungkan dan memotong objek
itu hampir sama hanya akan berbeda istilahnya . Berikut ini contoh perbandingan
menu untuk Menggabungkan dan Memotong Objek Di Aplikasi Illustrator
Dalam mengimplementasikan atau mengerjakan latihan -
latihan berikut ini , boleh menggunakan aplikasi lain
selama masih merupakan Aplikasi berbasis Vektor.
Latihan :
1. Membuat objek sederhana Kelelawar
Aplikasi vector yang digunakan : Coreldraw
1) Buatlah sebuah lingkaran dengan Ellipse tool dari Toolbox.
2) Anda buat lagi dua buah lingkran lainnya yang lebih kecil dengan Ellipse
tool. jika Anda ingin membuat lingkaran yang simetris, tekan Ctrl saat
membuat lingkaran tersebut. Beri warna hitam pada objek mata ini.
3) Buat lagi sebuah lingkaran (atau salin saja lingkaran yang sudah ada). Lalu
buah sebuah persegi dengan Rectangle tool dan timpa bagian atas lingkaran
yang anda buat tadi hingga lebih setengahnya. Seleksi keduanyakemudian
klik Trim di Property bar. Objek ini akan menjadi objek mulut dari kalelawar ini.
Hapus objek persegi.
4) Sekarang anda buat telinga atau kupingnya. Cukup dengan membuat dua
buah lingkaran. Atur posisi agar kedua lingkaran tersebut bersinggungan.
Seleksi keduanya, kemudian klik intersect di Property bar.
5) Salin/Copy objek tadi agar menjadi dua kemudian letakkan di bagian telinga
si kalelawar.
9) Objek yang baru anda buat ini akan menjadi objek sayapnya. Salin
objek tersebut kemudian klik Mirror Horizontally di Property bar.
10) Letakkan di bagian Sayap dari objek kalelawar. Dan anda lihat dulu sudah
sejauh mana anda mengerjakan ini.
11) Sepertinya tinggal kakinya saja yang kurang dari gambar diatas. Anda dapat
menambahkan objek segitiga untuk membuat kaki kalelawar ini. Untuk
membuat segitiga, Pilih Polygon tool di toolbox dan isi Point of side di Property
bar dengan nilai 3. Tekan Ctrl saat membuat Objek segitiga ini agar tercipta
12) Klik objek segitiga kemudian klik Mirror Vertically di Property bar agar
segitiganya menjadi terbalik. Salin segitiga ini kemudian letakkan di bagian kaki
kalelawar.
13) Beri warna putih pada objek wajah, tubuh dan kaki dari kalelawar tersebut.
Kemudian Buat bagian tubuh kalelawar berada di bagian belakang lapisan
Caranya Klik kanan bagian objek tubuh lalu pilih Order dan pilih To Back of
Layer. Lakukan hal yang sama untuk objek sayap dan telinga. Dan jadilah sudah
objek kalelawar ini.
2. Membuat karakter
Aplikasi vector yang digunakan : Illustrator
Ikuti langkah langkah yang di ilustrasikan pada gambar untuk menghasilkan gambar
karakter berikut :
1) Buat dokumen baru dan buat lah lingkaran dengan menggunakan Ellipse
tool (L),
3) Ubah warna seperti pada gambar dan Setting gradient seperti dalam gambar
4) Buat baru lingkaran kecil untuk mata dan setting seperti dalam gambar
5) Buat lingkaran yang lebih kecil dari yang sebelumnya untuk membuat bola
mata dan setting seperti dalam gambar
6) Buat kembali lingkaran yang lebih kecil lagi untuk efek pancaran bola mata.
7) Setelah jadi selec lingkaran bola mata dan copy 2x , yang satu tarik ke atas
dan beri warna lebih gelap dan satu lagi tarik ke bawah kasih warna
lebihterang
8) Copy dab Paste Mata yang telah jadi dan posisikan seperti dalam gambar
9) Buat alis dengan mengikuti gambar di bawah
11) Copy dan paste , tarik k bawah beri warna lebih muda
12) Buat Duplikat dengan menggunakan Reflect untuk menghasilkan kebalikannya
19) Beri warna, duplikat tarik k atas , beri warna lebih muda dan posisikan di
bawah mulut
20) Duplikat kan lagi, ubah ukuran lebih kecil ,posisikan di sudut kanan dan
kiri mulut ubah rotasinya seperti petunjuk di bawah ini
Ikuti petunjuk untuk membuat gigi
21) Ikuti langkah berikut untuk membuat lidah
22) Posisikan pada wajah matahari
23) Buat sinaran sekeliling matahari dengan mengikuti langkah sebagai berikut
Ikuti tahapan tahapan dalam membuat teks berbasis vector dibawah ini
11) Buka aplikasi berbasis vector dan tulis kata Cake menggunakan font
yang anda inginkan
12) Buat layer baru kemudian buatlah efek tidak beraturan pada setiap
huruf dengan menggunakan pen tool
2. MEMBUAT LOGO
Ada beberapa hal yang harus diketahui sebelum mendesain sebuah Logo .
Ada 6 Jenis Atau Tipe Logo Dalam Desain Grafis
a. Logo Wordmark / Logotype
Jenis logo ini merupakan sebuah logo yang menggunakan teks langsung dalam logonya
sebagai tanda pengenal yang diungkapkan untuk mengkomunikasi makna dari sebuah
perusahaan, teks dalam logo bisa berupa singkatan atau nama perusahaan / brand
yang diusung secara langsung. berikut adalah beberapa perusahaan yang
menggunakan jenis logo ini :
b. Logo Pictorial
Atau dikenal juga dengan Logomark, Pada dasarnya jenis logo ini menggunakan
gambar/simbol tanpa ada peggunaan teks, namun dalam beberapa kasus teks juga
digunakan namun hanya sebagai penguat, penjelas atau pendukung dari logo
utamanya. Dibutuhkan kreatifitas dan profesionalitas yang tinggi untuk membuatnya
dimana logo tidak hanya menjadi sebuah gambar namun mempunyai makna dan
filosofi yang erat dengan perusaan / brand yang diusung. Beberapa contoh
perusahaan dan produk yang menggunakan jenis Logo Pictorial :
f. Logo Character
Logo Character merupakan sebuah logo yang memakai karakter mahluk hidup (bisa
hewan atau tokoh) atau karakter lain sebagai elemen utama logonya, dan di tambah
dengan teks atau inisial sebagai unsur pendukungnya.
Anda bisa ambil contoh dari beberapa logo perusahaan seperti DreamWork, KFC,
WWF, Michelin dan lainnya .
pertama.
3) Tambahkan cincin hitam lain di dalam bentuk pertama. Anda dapat mengedit
bagian-bagian dari jalur senyawa secara terpisah dengan mengklik dua kali di
jalan dan dengan demikian memasuki modus isolasi (Anda akan melihat semua
bagian lain dari gambar Anda menjadi redup). Membuat tipis cincin dengan
memilih bagian dalam dengan Direct Selection Tool (A)dan mengembangkannya.
4) Klik dua kali Alat bintang untuk memanggil pop-up jendela pilihan
dan menetapkan nilai Poin 20.
Tahan tombol Control dan drag untuk membuat poin dari bintang lebih atau
kurang tajam.
5) Memperluas bintang, membuatnya lebih besar dari cincin hitam dan Kirim
ke Kembali (Shift-Control-[), menempatkannya di bawah bentuk lainnya.
pergi ke Efek> Stylize> Putaran Corners dan menetapkan nilai Radius menjadi
seandar 30 px. Object> Expand Appearance untuk menerapkan efek.
8) Tambahkan beberapa teks untuk mengisi ruang kosong pada logo . Pilih
Jenis font yang menggambarkan gaya retro
11) Agar lebih menarik Anda bisa menambahkan background dan bisa
membuat versi lainnya.
Selesai
EFEK PADA GAMBAR VEKTOR
Tujuan Pembelajaran
Setelah anda mempelajari modul mandiri ini dengan sekasama, anda diharapkan mampu :
Mengidentifikasi Ciri-ciri efek gambar berbasis vector dengan tepat
Mengidentifikasi Prosedur editing efek gambar sesuaikebutuhan
Melakukan editing efek sesuai dengan kebutuhan dan prinsip desain
Memodifikasi efek sesuai kebutuhan dan prinsip desain
Uraian Materi
Dalam pengolahan gambar vektor, dalam materi kali ini menggunakan Coreldraw anda
bisa menambahkan efek efek pada objek yang anda buat agar lebih natural dan lebih penuh
makna .
Dalam memanipulasi gambar vektor dengan memberikan efek biasanya menggunakan
beberapa tools pada aplikasi coreldraw sendiri, yaitu blend, countour, distort, drop shadow,
envelope, extrude, dan transparency.Setiap Efek mempunyai ciri efek yang khas. Penggunaan
atau pemilihan Efek haruslah sesuai dengan kebutuhan desain dan sesuai dengan prinsip
desain, jangan sampai efek yg diberikan malah merusak makna dari desain itu sendiri. Untuk
lebih Jelas mari anda pelajari bersama sama berikut ini
1. Efek Blend : Berfungsi untuk membuat gambar menjadi 3d dengan warna gradasi
yang dipadukan terhadap objek lain
149
2. Efek Contour : Berfungsi untuk memberi efek atau membuat objek lagi sepertiobjek
sebelumnya dengan ukuran tertentu serta dapat dijadikan efek gradasi warna
3. Efek Distort : Berfungsi untuk merubah bentuk menjadi Abstrak yang dapat dilakukan
sesuai yang diinginkan, dapat juga memutak bentuk benda yangdi jadikan abstrak
4. Efek Drop Shadow : Berfungsi untuk Membuat bayangan suatu objek yang dapat
diatur arah datang cahaya
150
5. Efek Envelope : Berfungsi untuk menyunting objek, fungsi ini hampir mirip dengan shape
tool
6. Efek Extrude : Berfungsi untuk menjadikan benda menjadi bentuk 3D yang dapat
diatur arah dimensi yang diinginkan
151
7. Efek Transparency : Berfungsi untuk menjadikan benda transparan dapat
digunakan sebagai cahaya, dapat juga digunakan sebai texture yang disediakan
corel
1) Buatlah rectangle yang nantinya digunakan sebagai alas, dengan ukuran 368 x 234
pixel.
2) Kemudian dengan menggunakan elispe tool untuk membuat sebuah elips dengan
ukuran 43 x 51 px.
152
3) Buat duplikasi elips tersebut dengan mengopynya ctrl+c lalu mem-pastenya ctrl+v
di tempat yang sama.
4) Setelah itu, di luar persegi, buatlah sebuah rectangle ( ukuran bebas ).
Kemudian, rectangle yang telah dibuat tadi di taruh di atas elips hasil kopian
yang tadi.
7) Perbesar salah satu elips yang tadi …kemudian lakukan trim, seperti di langkah ke3
153
8) Kemudian dengan transparency tool, lakukan transparansi gradien seperti ini…
10) Kemudian, buatlah elipse dengan ukuran 6 x 6 pixel. Beri fill colornya warna
putih. Setelah itu berilah shadow effect, dengan memilih interactive drop shadow
tool, shadow ini akan di gunakan sebagai pantulan cahaya putihnantinya.
11) Beri drop shadow colornya berwarna putih, kemudian drop shadow opacitynya
86 persen.
154
13) Setelah itu, buat kembali elips dengan ukuran 50 x 51 pixel. Elips ke dua ini di
taruh di bawah elips sebelumnya.
14) Lakukan trim ( back minus front ) pada kedua elips tersebut sehinggamenjadi
seperti ini. Kemudian berilah transparasi sebesar 68 persen.
155
B. Efek 3D pada aplikasi berbasis vector
Kali ini dalam mempelajari efek 3D anda akan menggunakan aplikasi illustrator karena jika
menggunakan extrude pada Coreldraw akan lebih rumit dan hasilnya kurang bagus , tapi
jika menggunkan illustrator sudah ada pasilitasnya dan mudah membuatnya.
3) Lalu akan muncul pengaturan seperti gambar dibawah ini, atur sesuai dengan yang di
butuhkan, jika telah selesai lalu klik OK.
156
Dan hasilnya akan jadi seperti ini.
Untuk Latihan anda bisa buat efek 3D pada teks seperti berikut
157
C. Efek cahaya pada aplikasi berbasis vector
Dalam mempelajari efek cahaya anda akan menggunakan aplikasi Corerdraw . Untuk
pembuatan efek cahaya ini emang tidak mudah perlu menggabungkan beberapa
keterampilan dalam penggunaaan tools di coreldraw. Yang akan di buat adalah seperti ini
Wedha, berasal dari Indonesia, menciptakan karya seni di media tradisional di awal
1990- an, yang kemudian pada awal tahun 2000, menyeberang ke dunia digital. Vector menjadi
pilihan alami untuk seperti warna-warni, gaya geometris.
158
Sejak itu, ia telah mendapatkan popularitas besar di Indonesia, dengan beberapa
komunitas yang didedikasikan untuk penciptaan dan menampilkan potret dalam gaya WPAP,
dengan anggota dalam ribuan mereka! Dengan kebangandan tren geometris, itu adil untuk
mengatakan bahwa WPAP mungkin berani keluar dari Indonesia dan masuk ke lebih banyak
aspek desain.
Pengantar Proses WPAP
Tujuan utama WPAP adalah untuk mewakili wajah-wajah yang sudah akrab bagi anda,
dengan gaya baru dan berbeda, tetapi masih harus mudah dikenali. Berbeda dalam arti menjadi
lebih unik, lebih dinamis, lebih mencolok dan tentu saja, lebih visual dan menyenangkan untuk
di lihat,
Dengan itu dalam pikiran, proses kreatif WPAP didasarkan pada dua proses utama,
proses faceting dan proses pewarnaan. Saya melakukan dua proses secara bersamaan saat
membuat potret baru.
The Faceting Proses
Dalam proses faceting, dengan menelusuri gambar, membagi wajah manusia dalam
aspek. Setiap sisi (pesawat) dibentuk berdasarkan perbedaan tingkat daerah gelap dan terang
terlihat pada foto asli. Setiap sisi dibentuk oleh garis-garis lurus, bukan garis lengkung. Hal ini
karena aspek yang dibentuk oleh garis-garis lurus akan tampak lebih kuat dari segi dibentuk
oleh garis lengkung.
Sebelum anda memulai proses, anda harus mulai melihat dan menganggap wajah
manusia sebagai bentuk yang terdiri dari banyak permukaan datar pada bola, seperti bola pada
gambar di bawah. Ini adalah cara terbaik untuk menggambarkan proses faceting.
Proses Mewarnai
Dalam pewarnaan, untuk menunjukkan sesuatu yang lebih kuat, saya hanya
menggunakan warna-warna datar, bukannya warna bertahap. Meskipun warna terlihat seolah-
olah mereka saling bertabrakan, upaya harus dilakukan untuk membuatnya terlihat tiga dimensi.
Kreatif ahli akan mengklasifikasikan warna dalam kelompok. Anda memiliki kelompok
warna panas, warna-warna hangat, warna dingin. Pikirkan mereka dalam hal warna gelap dan
159
terang, mengabaikan rona yang sebenarnya. Pikirkan lebih dari warna di highlight, pertengahan
nada dan bayangan. Perbedaan kelompok ini memungkinkan bagi anda untuk membuat
komposisi dimensi. Tidak peduli apa warna yang Anda pilih, selama Anda mengambilnya dari
kelompok kanan, hasilnya harus bekerja dengan baik dalam format ini.Oleh karena itu penting
untuk bereksperimen dengan warna.
Berikut langkah langkah pembuatan WPAP :
1) Proses faceting didasarkan pada foto tracing. Jadi pemilihan foto ini penting karena foto
yang bagus dalam kualitas, ketajaman gambar, pencahayaan dan resolusi, akan membantu
Anda untuk membuat rendering akhir yang baik dari sepotong WPAP.
Bertujuan untuk sebuah foto yang telah bahkan pencahayaan dan tidak memukul ekstrem,
baik dalam cahaya atau bayangan. Juga pastikan bahwa gambar yang tajam dan fokus.
2) Buka Adobe Illustrator dan membuat dokumen baru (File> New). Mengatur ukuran
dan pengaturan lainnya seperti yang ditunjukkan di bawah ini.
160
3) Buka File> Place dan mencari referensi gambar Anda dan tempatkan pada artboard
Anda. Kunci layer foto yang terkandung dalam dan kemudian Buat New Layer di atas
foto. Di sinilah Anda akan menggambar bentuk faceted Anda
161
sorot di iris, yang masih tampak samar-samar dalam foto. Bentuk ini memiliki mengisi
tanpa stroke. Semua benda yang dibuat akan berada di gaya ini.
Dalam foto aslinya, iris, ungu dan kelopak mata ujungnya memiliki warna gelap dan
jelas ke mana Anda dapat menentukan tepi bentuk ini. Anda akan menelusuri
bagian ini, kali ini akan menggunakan Pen Tool (P).
Tentu saja, sorot Anda telah ditarik pada langkah pertama sekarang akan disembunyikan
oleh lapisan baru.Untuk membuatnya terlihat, sementara iris dan kelopak mata masih
aktif, Anda akan perlu untuk mengatur ulang bentuk Anda dengan pergi ke Object >
Arrange > Send to Back. Pada tahap ini, "putih" mata memiliki tepi yang jelas, sehingga
Anda dapat pergi ke depan dan menciptakan bentuk ini untuk menyelesaikan mata.
Semudah ini, ini tentang mendapatkan lebih sulit.
162
5) Buat Bentuk Lebih Kompleks
sekarang akan melacak daerah terdekat berikutnya ke objek sebelumnya.
Sayangnya, anda miliki di sini ada batas hidup dan jelas antara daerah gelap dan
terang. Hal ini membuat lebih sulit dalam menciptakan bentuk untuk potret.
Menghadapi kasus seperti itu, intuitif, Anda harus cukup percaya diri untuk menentukan
batas untuk bentuk. Sebuah pemahaman yang solid dari wajah manusia dan citra yang
baik untuk bekerja dari dapat membantu banyak di sini.
Buat bentuk bermata lurus sepanjang sudut kelopak mata, pastikan Anda tumpang
tindih bentuk untuk mata sehingga tidak meninggalkan apapun kesenjangan antara
bentuk. Kemudian seperti sebelumnya, mengatur ulang bentuk dengan pergi ke Object
> Arrange > Send to Back
masalah yang sama untuk bentuk berikutnya, tidak ada batas yang terlihat untuk
bentuk.Sekali lagi, dengan keyakinan Anda akan perlu untuk membuat bentuk.
Perhatikan bagaimana saya membuat sebuah bentuk yang tidak terlalu persegi dan
terdistorsi bentuk jadi itu menunjukkan bayangan gelap dilemparkan dari bulu mata.
Anda akan menemukan bentuk yang sama sepanjang yang menggunakan metode yang
sama.
163
Ini mungkin menjadi proses yang membosankan dan membosankan, namun itu adalah
satu-satunya cara untuk membuat komposisi WPAP yang tepat. Anda mungkin
berpikir untuk menggunakan posterizing atau Live Trace, tapi tidak, disini tidak
menggunakan fasilitas tersebut karena mereka tidak menciptakan gaya yang sama.
Anda masih akan menemukan batas-batas yang tidak jelas dan bahkan tidak terlihat
untuk setiap bentuk potensial. Cara terbaik untuk mengatasi masalah ini adalah
melalui pengalaman berulang kali menciptakan karya seni dalam gaya ini.
Proses ini diduplikasi seluruh:
Menggambar bentuk dengan Pen Tool (P) hanya menggunakan garis lurus.
Isi dengan warna yang sesuai diberikan itu paparan sinar.
Pilih bentuk dan mengaturnya dengan pergi ke Object > Arrange > Send to Back.
164
Kemudian bekerja pada bentuk untuk mata lainnya dan hidung. kemudian
menghubungkan daerah-daerah dengan bentuk dan menambahkan bentuk putih
untuk wilayah di bawah cahaya ekstrim.
165
gunakanlah bentuk yang lebih besar di daerah yang kurang rinci, seperti pipi dan
leher.
Rambut dimulai dengan tipis, bentuk sisi paralel pada diagonal. buat aspek dengan
sisi vertikal atau horizontal. Ini akan memperkuat komposisi keseluruhan dan
gaya. Prioritas adalah selalu kemiripan wajah, ini adalah elemen yang paling penting
dari potret.
166
6) Bermain dengan Warna
Setelah melalui beberapa kali revisi, ini adalah final artwork. Memilih warna yang tepat
adalah bagian paling sulit dalam proses WPAP. Ini dapat menjadi elemen sulit untuk dipahami
ketika bekerja dengan gaya sebagai pemula.
Jika Anda memulai, akan lebih mudah jika Anda cat itu dari awal dengan nada
grayscale, karena Anda dapat dengan jelas melihat daerah-daerah yang menggunakan
bentuk gelap dan terang. Dari sana, Anda dapat membangun jumlah warna yang Anda
memperkenalkan kepada proses, namun itu tidak sampai Anda menggunakan
spektrum warna penuh bahwa Anda akan membuat potret lebih mencolok.
Anda dapat mencoba untuk bermain dengan warna untuk menciptakan estetika yang
berbeda. Coba gunakan Recolor fitur Artwork Illustrator untuk bereksperimen dengan
berbagai kombinasi warna
167
GAMBAR BERBASIS BITMAP
Tujuan Pembelajaran
Setelah anda mempelajari modul mandiri ini dengan sekasama, anda diharapkan mampu :
Menjelaskan Pengertian grafis berbasis bitmap dengan tepat dan benar
Mengidentifikasi gambar berbasis bitmap dengan tepat dan benar.
Menggambar bentuk dengan software berbasis bitmap dengan baik dan benar
Menggambar teks dengan software berbasis bitmap dengan baik dan benar
Menggabungkan gambar dan teks dengan tepat dan benar
Uraian Materi
Grafis berbasis bitnap dikenal juga dengan istilah grafis raster. Pada citra grafis
berbasis bitmap, terdapat ciri-ciri sebagai berikut.
Program aplikasi untuk membuat bitmap itu banyak sekali macamnya. Adobe Photoshop, Corel
Photopaint, Microsoft Photo Editor dan Macromedia Fireworks , SAI dan masih banyak lagi
yang lainnya. Tetapi yang dibahas di sini program aplikasi Adobe Photoshop.
Adobe Photoshop merupakan salah satu program aplikasi yang digunakan untuk mengedit suatu
gambar (image) menjadi gambar yang lebih menarik, serta bisa menyunting foto dan
gambar-gambar yang telah di-scan ke dalam komputer.
175
Ada beberapa format gambar yang sering anda temui dan tergolong dalam jenis
bitmap seperti JPEG, BMP, PNG, dan GIF.
1. Pengertian Bitmap
Grafis Vektor adalah objek gambar yang dibentuk melalui kombinasi titik-titik dan garis.
Grafis Bitmap adalah objek gambar yang dibentuk berdasarkan titik-titik dan kombinasi
warna.
2. Kelebihan dan Kekurangan Bitmap
Kelebihan Grafis Bitmap
1. Dapat ditambahkan efek khusus tertentu sehingga dapat membuat objek tampil
sesuai keinginan.
2. Dapat menghasilkan objek gambar bitmap dari objek gambar vector dengan cara
mudah dan cepat, mutu hasilnya pun dapat ditentukan.
Kelemahan Grafis Bitmap
1. Objek gambar tersebut memiliki premasalahan ketika diubah ukurannya, khususnya
ketika objek gambar diperbesar.
2. Efek yang didapat dari objek berbasis bitmap yakni akan terlihat pecah atau
berkurang detailnya saat dicetak pada resolusi yang lebih rendah.
Digital Painting adalah metode menciptakan sebuah seni lukisan digital atau teknik
untuk membuat seni digital dalam komputer. Sebagai metode menciptakan sebuah seni,
menyesuaikan media lukisan tradisional seperti cat akrilik, minyak, tinta, dll dan pigmen
berlaku untuk operator tradisional, seperti kain tenun kanvas, kertas, polyester dll dengan
menggunakan perangkat lunak komputer.
Sebagai teknik yang mengacu pada program perangkat lunak computer (software)
grafis yang menggunakan kanvas virtual dan kotak lukisan virtual seperti kuas, warna dan
perlengkapan lainnya. Kotak virtual berisi banyak instrumen yang tidak ada di luar
komputer, dan memberikan karya seni digital yang tampilan berbeda degan nuansa dari
sebuah karya seni yang dibuat dengan cara tradisional.
176
Jadi tentu saja teknik yang di gunakan itu digital, yang tidak menggunakan kanvas,
kuas, cat minyak, dll, sedangkan Software yang di gunakan dalam membuat digital painting
sendiri seperti, SAI, AI Corel Painter, Adobe Photoshop, ArtRage, GIMP, Krita, openCanvas
dan sejenisnya, dan biasanya tak jarang orang-orang mengunakan bantuan perangkat lain,
seperti paint mouse, untuk memmudahkan dalam pembuatan, paint mouse sendiri sebagai
alat ganti dari kanvas di dalam melukis (menggambar) secara manual.
Intinya Digital Painting itu adalah melukis (menggambar) secara digital mengunkan
hardware dan software tertentu, yang memudahkan dalam melukis, tanpa banyak
kesalahan (mudah dalam menghapus project yang salah dalam menarik garis) tidak seperti
melukis secara manual, yang apabila ada kesalahan maka kanvas akan di ganti, dan banyak
membuat warna cat.
177
4. Ulangi lagi dengan cara yang sama di sebelahnya yang membedakannya
pada settingnya a brusnya pilih tipe soft round pressure opacity
5. Maka jadilah digital painting sebuah bola.
Latihan:
Dengan cara yang sama silahkan beri warna gambar berikut sehingga menjadi digital
painting.
178
C. MEMBUAT TEKS SEDERHANA BERBASIS BITMAP
Yang akan dipelajari kali ini adalah memodifikasi huruf yang anda tulis menjadi jenis
huruf baru melalui photoshop. Mungkin anda bosan melihat jenis font di komputermu yang
itu-itu saja. Kali ini anda bisa mengkreasikan huruf sesuai kemauan anda
Dasarnya, anda akan memodifikasi work path( kerangka) yang sebelumnya dihasilkan
melalui huruf yang anda tulis, kemudian setelah itu work path yang telah dibentuk ulang
anda ubah menjadi vector mask(gambar). Misalkan anda ingin membuat sebuah poster
dengan huruf yang tidak biasa .
2) Setelah ditulis, klik kanan teks dengan Horizontal Type Tool hingga
muncul popup menu dan pilih Create Work Path.
3) Kemudian akan muncul work path dipinggir tiap huruf. Lalu buat layer baru
dan hilangkan simbol mata pada layer teks yang anda buat.
179
4) Pilih layer baru yang anda buat, dan work path-mu siap dimodifikasi.
2) Mulai modifikasi. Kumulai dengan huruf pertama yaitu “i”, pilih huruf “i” maka
akan muncul kotak-kotak kecil pada tiap sudut. kotak kecil itu adalah poin yang
membentuk work path.
3) Bayangkan bentuk yang anda inginkan dan kemudian mulailah
membentuk dengan memilih poin (ditandai dengan berubah menjadi
kotak hitam) dan menggesernya.
Tips: Tahan tombol Shift untuk memilih poin lebih dari satu. Untuk
menghapus poin, gunakan tombol Delete.
180
6) Dan aku akan menambahkan workpath baru pada bagian yang telah
kuhapus sebelumnya. Dengan cara memilih Pen Tool.
181
2) Bila workpath sudah berubah menjadi gambar vektor maka layer akan
berubah menjadi sesuai di ilustrasi dibawah ini.
2) Pilih warna yang anda mau, dan klik gambar dengan Paint Bucket Tool.
3) Maka gambar telah selesai dibuat dan siap dipakai untuk keperluan apa saja.
Setelah semua tahapan selesai dilaksanakan, berikan efek pada gambar yang telah
dibuat agar lebih menarik. Dan berikut adalah gambar perbandingan huruf sebelum
dan sesudah dimodifikasi.
182
D. MENGGABUNGKAN GAMBAR DAN TEKS
2) Leaflet atau brosur Ialah bentuk penyampaian informasi atau pesan – pesan
melalui lembaran yang dilipat atau lembaran . Isi informasi dapat dalam
bentuk kalimat maupun gambar atau kombinasi antara keduanya.
Syarat :
a. Menggunakan bahasan sederhana dan mudah dimengerti oleh pembacanya
b. Judul yang digunakan harus menarik untuk dibaca
c. Jangan banyak tulisan, sebaiknya dikombinasikan antara tulisan dan gambar
d. Materi harus sesuai dengan target sasaran yang dituju.
3) Pamflet/Flyer sendiri adalah tulisan yang dapat dilengkapi dengan gambar maupun
tidak pada satu lembar kertas, karenanya pamflet biasa disebut dengan selebaran.
Tulisan-tulisan tersebut dibuat agar pesan si pembuat tersampaikan, untuk publikasi
dapat melalui media cetak maupun media digital.
Pamflet haruslah didesain menarik dan jelas agar menarik si pembaca untuk
melihat isi pamFlet.
Syarat :
Menggunakan bahasa yang mudah dimengerti
a. Kalimatnya singkat, padat, jelas dan berisi
b. Dikombinasikan juga dalam bentuk gambar
c. Menarik minat untuk dilihat
d. Berisikan poin – poin penting materi yang disampaikan
e. Bahan yang digunakan bagus, tidak mudak rusak, sobek
183
2. Cara Membuat Poster Lingkungan Dengan Photoshop
Dalam proses membuat poster dengan photoshop kali ini, ada beberapa bahan yang
harus di downlod, karena poster anda adalah poster lingkungan mengajak untuk "lindung
hutan". maka unsur pepohonan pasti harus ada.
1) Buka photoshop. buatlah lembar kerja baru, tekan CTRL N atau pergi ke file - new.
poster lingkungan yang akan anda buat berukuran kertas A4, jadi pilih pada Preset -
International paper - Size A4. Ok.
2) Masukkan Gambar Pohon Png yang sudah sobat download ke lembar kerja.
caranya, bisa tinggal drag masuk ke photoshop atau pergi ke File - Place - pilih
gambar - open. berikan nama layer "tree".
184
Masukkan juga gambar payung png kedalam photoshop, teknik sama seperti
diatas. susunan layernya bisa sobat lihat dibawah.
Lanjutkan juga menghapus bagian bawah pohon, mulai dari batang tengah
sampai akarnya. supaya ketika digabungkan dengan pegangan payung, bisa
ketemu.
185
4) Sekarang waktunya menggabungkan pohon dan gagang payung. Pakai pick tool
(V) pindahkan payung kebagian bawah pohon. jadi hasilnya akan
menggambarkan payung berbentuk pohon.
186
Pastikan memakai jenis Radial Gradient. Klik sambil tahan dari tengah ke ujung
lembar kerja, kemudian lepaskan. sehingga menciptakan background gradient.
187
7) Background hutan sebenarnya sudah baik, namun warnanya belum seirama
dengan gambar payung pohon. mengapa ? karena kepadatan warna hijau
pada pohon lebih kuat, jadi background hutan perlu di kuatkan lagi warna
hijaunya. Tekan Ctrl L (levels), Pada Channel pilih Green. lalu geser bagian grey
ke kiri sampai gambar terlihat lebih hijau. Ok.
188
Hasil Membuat Poster Lingkungan Dengan Photoshop
189
2) Aktifkan Tool Direct Selection, tool pemilih vektor yang berwarna putih. Geser titik-
titik bentuk vektor secara manual hingga tepat pada titik pixel dan memberikan
hasil yang tajam.
4) Duplikasi bentuk segi 6 dengan cara Alt-geser menggunakan Tool Path Selection,
yaitu tool pemilih vektor yang berwarna hitam. Beri jarak 2 pixel di antara
keduanya.
190
6) Lakukan terus hingga diperoleh cukup banyak hexagon.
7) Ambil Tool Marque Persegi lalu bagian yang berulang, yang akan menjadi pola.
Untuk menentukan bagian mana yang perlu diambil, Anda harus menentukan suatu
titik di awal seleksi dan berakhir di titik yang sama. Cukup sulit dijelaskan, tapi jika
Anda perhatikan gambar di bawah, amati bahwa pojok kanan bawah seleksi –yang
merupakan akhir seleksi– berakhir tepat pada awal seleksi yang ada di pojok kiri
atas.
191
9) Selanjutnya membuat kanvas untuk brosur. Buat file baru berukuran A4.
192
11) Pilih warna mendekati putih. Ini akan menjadi latar gambar.
12) Klik ganda layer latar yang baru saja dibuat. Tambahkan Pattern Overlay dengan
pola hexagonal yang telah anda sebelumnya. Turunkan Opacity pola hingga 5%.
193
13) Logo. Ambil logo perusahaan yang akan dimasukkan. Di sini, saya membuat sendiri
logonya dengan stock yang sudah ada. Logo ini menggunakan objek hexagon, inilah
alasan anda akan menggunakan banyak hexagon di brosur ini, agar sesuai dengan
tema logo perusahaan.
14) Simpan logo ke pojok kiri atas brosur. Buat sebuah hexagon besar di pojok kanan atas.
Untuk warnanya dipilih biru, sesuai dengan warna logo.
15) Tambahkan persegi pada hexagon hingga anda peroleh bentuk seperti di bawah.
194
16) Tambahkan teks.
17) Tambahkan juga teks lain. Untuk memudahkan, Anda bisa memisahkan posisi teks-teks
itu.
19) Anda akan mengubah teks ini menjadi teks 3 dimensi. Mulai dengan Ctrl-klik layer
teks untuk menghasilkan seleksi.
195
20) Buat layer baru di bawah teks.
21) Klik Edit > Fill lalu isi dengan warna. Pilih warna biru tua. Anda pilih warna biru
tua disesuaikan dengan latar teks yang biru muda.
196
22) Tanpa menghilangkan seleksi, tahan Ctrl + Alt lalu klik panah bawah
kemudian panah kanan beberapa kali hingga seleksi terduplikasi. Di bawah adalah
tampilannya tanpa teks asli.
Ini adalah tampilannya dengan teks asli. Masih belum terlihat 3 dimensi.
197
23) Buat layer baru di antara teks dan bayangannya. Lukis putih menggunakan Tool
Brush ber-Opacity rendah di bagian-bagian yang akan memberi kesan
pencahayaan realistik 3 dimensi.
25) Ctrl – klik layer teks asli untuk membuat seleksi berdasarkan bentuknya. Buatlayer
baru di bawah teks dan bayangannya.
198
27) Hilangkan seleksi dengan menekan Ctrl + D. Klik Filter > Blur > Gaussian Blur.
28) Geser bayangan ke belakang bentuk 3 dimensi teks dengan Tool Move.
199
Inilah tampilan teks yang anda peroleh.
30) Buat lagi bentuk poligon, kali ini dengan warna hijau.
200
32) Beri teks.
36) Klik dan teks untuk membuat kotak teks dengan Tool Type.
201
37) Untuk mempercepat penambahan teks, di Photoshop CC ada pilihan Type > Add
Lorem Ipsum untuk menambahkan teks sampel.
38) Footer brosur ini cukup sederhana. Cukup dengan membuat sebuah persegi lalu di
atasnya tambahkan teks berisi nama perusahaan, alamat, nomor telepon, dan
situs.
39) Menambah gambar. Ambil gambar yang sesuai kebutuhan dan simpan di area
utama brosur.
202
40) Buat path baru di panel Paths. Telusuri sisi-sisi ketiga perempuan dengan Tool Pen.
Tidak usah khawatir dengan rambutnya. Buat saja seleksi kasar.
41) Tambahkan vector mask pada layer ketiga perempuan tadi sehingga area di luar
path hilang.
42) Duplikasi lagi layer tadi (Ctrl + J). Seleksi path vector yang digunakan dalam mask
dengan Tool Selection lalu piih Subtract Front Shape. Ini mengembalikan latar yang
tadi dihilangkan.
203
43) Ubah blend mode layer ke Multiply. Sebagian besar latar akan hilang.
44) Tambahkan layer mask lalu lukis latar dengan hilang hingga hilang. Sisakan detail-
detail rambut ketiga perempuan itu dengan menghilangkan sebanyak mungkin
latarnya.
204
Anda bisa melihat perbandingan sebelum dan setelah proses pengembalian detail.
Anda juga bisa menambahkan detail rambut dengan melukis helai-helai rambut
secara manual menggunakan Tool Brush kecil dan lembut dengan warna yang sama
dengan warna rambut asli.
45) Buat lagi bentuk vektor poligon di bagian bawah brosur. Geser salah satusisinya
agar memanjang.
205
46) Klik ganda layer lalu tambahkan Stroke.
47) Ulangi dengan menambahkan bentuk lainnya. Warna yang digunakan tidak jadi
masalah.
48) Ambil gambar lalu simpan di atas bentuk yang tadi anda buat. Pastikan posisi
layernya pun ada di atas bentuk itu.
206
49) Ubah menjadi Clipping Mask dengan menekan Ctrl + Alt + G. Gambar akan masuk
ke dalam bentuk di bawahnya.
50) Ulangi proses ini untuk menambahkan lebih banyak gambar lagi.
Hasil Akhir
207
Efek pada gambar Berbasis Bitmap
Tujuan Pembelajaran
Setelah anda mempelajari modul mandiri ini dengan sekasama, anda diharapkan mampu :
Mengklasifikasi efek pada gambar bitmap dengan tepat dan benar
Mengedit efek pada gambar bitmap dengan tepat sesuai kebutuhan
Melengkapi efek pada gambar bitmap dengan tepat sesuai kebutuhan
Memodifikasi efek pada gambar bitmap dengan tepat sesuai kebutuhan
Uraian Materi
Layer styles merupakan salah satu cara untuk memberikan spesial efek yang dapat
diterapkan untuk obyek pada layer aplikasi pengolah gambar bitmap photoshop. Layer Styles
berhubungan dengan layer content. Efek blending option pada layer dapat diubah - ubah layer
sesuai dengan kebutuhan desain. Layer style bisa diberikan ke obyek layer, shape maupun
obyek teks. Layer style secara garis besar dapat dibagi menjadi 2 yaitu style dan blending
options. Saat menggunakan style efek tercipta lebih cepat namun sering kali efek yang
disediakan masih kurang pas dengan yang diinginkan desainer. Pada kegiatan belajar dibahasa
style dan blending options.
1) Blending Options
Bila ingin membuat efek yang detail sesuai dengan keinginanan dpat menggunakan
layer style – blending option sebagai jalan keluarnya. Efek layer style-blending options
dapat bisa dibuat sendiri dengan menggunakan macam efek pilihan serta seting
parameter. Saat layer diberi efek maka akan terlihat pada layernya
214
Effect blending option hanya bisa diberikan pada layer baru dan tidak bisa diberikan
kepada layer background. Dengan memanfaatkan blending option, bisa diciptakan
pelbagai macam sendiri dengan mengatur parameter – parameternya. Berikut merupakan
bagian dari kotak dialog blending option
Keterangan gambar:
215
Pada bagian Effects (B) dapat diterapkan pada layer dengan cara mencentangnya, atau
sebaliknya. untuk mengedit sebuah effect, anda harus men-klick nama efek. Effects
settings tersebut akan ditampilkan pada bagian Options (C). untuk menerapkan effects
dan options, klick OK. Setiap option efek (B) mempunyai setting tersendiri yang satu
dengan lainnya berbeda. Untuk melihat dan merubah settingnya klik salah satu dari
option diatas maka akan muncul setting dari option yang diklik tersebut (muncul option C)
Misal jika dipilih option color overlay maka akan muncul option warna, ketebalan, dan
mode.
Berikut pilihan efek yang ada di blending options
Drop Shadow : membuat sebuah bayangan di memberikan bayangan dibawah obyek
layer
Inner Shadow : memberikan bayangan didalam/dari belakang obyek layer
Outer Shadow : memberikan sinar dibawah obyek layer
Inner Glow : memberikan sinar didalam obyek layer
: Membuat pencahayaan unik dan efek bayangan pada obyek
Bevel& Emboss
layer sehinnga menjadi efek timbul
: memberikan effect bayangan yang menyeluruh dalam
Satin
obyek
: Mengisi obyek layer satu warna,menimpa obyek dengan
Color Overlay
warna lain
gradient overlay : menimpa obyek layer dengan warna gradient
Pattern Overlay : Mengisi layer dengan motif.
: membuat outline dari layer contents menggunakan satu
Stroke
warna, gradient, atau motif.
216
3) Klik kanan pada layer shape 1 dan pilih blending options
6) Klik OK untuk mendapatkan efek inner shadow dan akan muncul hasil
sebagai berikut
217
2. Outer Glow
Outer glow memberikan suatu efek cahaya pada objek/layer.Berikut adalah langkah
penerapan outer glow dengan pengaturan: Blend mode : Linear Burn, warna glow:
merah,spread : 7 dan size : 57
1) Buat file baru (ctrl + N)
2) Buat obyek dengan ellipse tool dan beri warna layer background : merah
Maka akan terbuka kotak dialog blending options dan centang pada pilihan outer
glow.
4) Klik pada outer glow dan atur parameter sebagai berikut : Linear
Burn, warna glow: merah,spread : 8 dan size : 30
218
5) Klik OK untuk mendapatkan efek outer glow dan akan muncul hasil sebagaiberikut
3. Inner Glow
Outer glow akan memberikan efek cahaya yang keluar dari objek/layer maka kebalikan
dari itu, inner glow akan memberikan efek cahaya dari tepi objek ke arah dalam objek.
Untuk pengaturan-pengaturannya hampir sama dengan outer glow. Berikut adalah
contoh penggunaan dari layer style inner glow adalah sebagai berikut.
1) Buat file baru (ctrl + N)
2) Buat obyek dengan ellipse tool
219
Maka akan terbuka kotak dialog blending options dan centang pada pilihan inner
glow
4) Klik pada inner glow dan atur parameter sebagai berikut
Klik OK untuk mendapatkan efek inner glow dan akan muncul hasil sebagai berikut
220
Penilaian Pembelajaran
Tugas mandiri ini adalah tugas yang harus dikerjakan oleh anda
secara mandiri (individual). Anda boleh mengerjakannya di TKB atau
dirumah. Jika ada kendala boleh berdiskusi denan teman anda yang
lain atau menghubungi tutor untuk dicarikan solusinya dan atau untuk
disampaikan kepada guru bina. Jika tugas sudah selesai silahkan
kumpulkan pada tutor sesuai dengan jangka waktu yang diinstruksikan
tutor.
Langkah Kerja :
Berikut ini Penerapan efek blending options pada gambar bitmap pada pembuatan efek salju
2. Membuat background. Buat sebuah dokumen baru 1200 x 1200px dan buat layer
baru bernama Blue Background. Isi layer dengan #d9d9d9 menggunakan
warn
Paint Bucket Tool.
221
51) Pergi ke Filter > Noise > Add Noise dan
atur Amount ke 5%, Distribution ke Uniform, dan centang Monochromatic.
52) Buka Layer Style Window dari layer ini dan tambahkan Gradient
Overlay (warna #ffffff dan ) dan Color Overlay (warna ). Anda
#000000 #4dc4de
tentu saja dapat memilih warna lainnya yang anda suka untuk Color Overlay.
222
53) Membuat Efek Globe Salju
Tambahkan Snow Globe Overlay dalam layer baru; anda harus menyesuaikan
ukuran gambar untuk muat dengan kanvas jika anda menggunakan ukuran kanvas
yang sama. Namai layer ini Shade. Duplikasikan layer ini dan beri nama Highlight.
Sembunyikan layer Highlight untuk saat ini.
54) Atur Blend Mode pada layer Shade ke Multiply, Opacity 100%.
223
55) Klik icon Create new fill or adjustment layer pada bagian bawah panel Layers, dan
pilih Curves. Klik langsung pada garis Curve dan tambahkan satu titik dengan
Output 130 dan Input 69. Tambahkan titik lainnya dengan Output 244 dan Input
183. Klik kanan pada adjustment Curves dan pilih Create Clipping Mask.
56) Buat layer Highlight tampak. Atur Blend Mode ke Screen, Opacity 100%.
57) Klik icon Create new fill or adjustment layer pada bagian bawah panel Layers,
dan pilih Curves. Klik pada titik pertama dan tarik untuk menggerakkannya; atur
Output ke 235 dan Input ke 0.Klik langsung pada garis Curve dan tambahkan
satu titik dengan Output 55 dan Input 71. Tambahkan titik lainnya dengan
Output 114 dan Input 215. Klik kanan pada adjustment Curves dan pilih Create
Clipping Mask.
224
58) Kembali ke layer Highlight dan klik icon Add layer mask pada bagian
bawah panel Layers.
59) Ambil Brush Tool dan pilih brush Soft Round; atur ukuran seandar 200 px. Atur
Foreground
#000000
Color ke . Klik pada layer mask dan sapukan pada titik globe salju.
225
60) Menambah gambar Kastil
Buat layer baru di bawah layer Shade dan namai itu Castle Image. Copy dan Paste
Gambar Kastil dalam layer baru ini. Anda harus mengatur ulang ukuran dan
menggerakkan gambar untuk mendapatkan tampilan yang anda inginkan.
61) Klik icon Create new fill or adjustment layer pada bagian bawah panel Layers, dan
pilih Gradient Map. Klik kanan pada adjustment Gradient Map dan pilih Create
Clipping Mask. Atur Blend Mode dari Gradient Map ke Color, Opacity 92%. Untuk
gradient, pilih warna #154654 dan #e8fdfd .
226
62) Membuat permukaan salju
Anda dapat menyembunyikan layer Castle Image untuk sementara waktu.
Ambil Ellipse Tool dan buat sebuah bentuk seperti yang ditunjukkan dalam gambar
di bawah. Sebut layer ini Snow Base.
63) Tambahkan sebuah layer style Inner Shadow ke layer Snow Base. Warna
untuk bayangan adalah
#1d2528 .
64) Buat sebuah layer baru dan namai itu Frozen Snow Texture. Copy dan Pastegambar
stock Tekstur Salju Beku dalam layer ini. Klik kanan pada layer dan pilih Create
Clipping Mask.
227
65) Pergi Edit > Transform > Perspective dan modifikasi perspektif dengan menarik
titik-titiknya. Jika anda ingin anda dapat juga mengurangi opacity layerini.
66) Klik icon Add layer mask pada bagian bawah panel Layers. Ambil Gradient
Tool dengan Linear Gradientdan atur colors untuk gradient #000000 dan #ffffff .
Posisikan pointer dalam gambar dimana anda ingin menentukan titik awal gradient,
dan tarik untuk menentukan titik akhir. Tahan Shift saat anda melakukan drag.
228
67) Menambahkan Pita Merah
Sekarang anda dapat membuat layer Castle Image muncul lagi. Buat sebuah layer
baru di atas adjustment Gradient Map layer Castle Image, dan berinama itu Red
Ribbon.
Cari Gambar Pita Merah dari internet . Anda dapat mengganti warna pita. Pergi
ke File > Save for Web and Devices dan simpan gambar sebagai PNG-24 dengan
mencentang pilihan Transparency. Tambahkan gambar PNG ini pada layer Red
Ribbon dengan pergi ke File > Place.
229
68) Menambah Gambar di dalam Globe
Klik pada layer Red Ribbon. Tahan Shift dan klik pada layer Snow Base untuk
memilih semua layer di antaranya. Pergi ke Layer > New > Group from
Layers. Sebut group baru ini Castle.
69) Pergi ke layer Shade, Control-klik pada thumbnail layer untuk membuat seleksi.
Pergi ke Castle Group dan tekan tombol Add Layer Mask.
70) Pergi ke layer Castle Image dan tambahkan itu sebuah layer mask. Atur Foreground
Color ke #000000 dan gunakan Brush Tool untuk menyapukan pada area yang
ingin anda sembunyikan. Anda dapat menggunakan brush bulat lembut dengan
tingkat opacity yang berbeda.
230
71) Jika anda ingin anda dapat menampilkan lebih banyak warna asli kastil. Pergi ke
adjustment Gradient Map pada Castle Layer dan gunakan Brush Tool (warna
#ffffff ) untuk menyapukan pada area yang ingin anda tampilkan.
231
72) Buat sebuah layer baru bernama Falling Snow di dalam Castle
Group. Copy dan Paste Tekstur Bersaljudalam layer baru ini. Atur blend mode
ke Screen, Opacity 100%.
73) Jika anda ingin lebih banyak efek salju di dalam globe salju, anda dapat
menggunakan Brush Salju. Buat layer baru dan gunakan Brush Tool dengan
warna #ffffff dan tingkat opacity yang berbeda untuk menambahkan lebih banyak
butiran salju.
232
74) Buat sebuah layer baru bernama Bokeh Lights. Copy dan Paste Tekstur
Cahaya Bokeh Musim Dingindalam layer ini. Pergi ke Filter > Blur > Gaussian
dan
atur Radius ke 15 pixels.
Klik icon Create new fill or adjustment layer pada bagian bawah panel Layers, dan
pilih Brightness/Contrast. Klik kanan pada adjustment dan pilih Create Clipping
Mask.
233
75) Menambah brush Butiran salju
Untuk sentuhan akhir, anda dapat membuat tiga layer berbeda dan menambahkan
butiran salju di seandar tepi kanvas menggunakan Brush Salju. Gunakan warna
#ffffff untuk brush dan tingkat opacity yang berbeda untuk membuat sebuah
vignette.
234
Hasil akhir
76) Kumpulkan hasil kerja anda .Beri nama file anda (4.8_TM1_kelas _nama anda)
Tujuan Pembelajaran
Setelah anda mempelajari modul mandiri ini dengan seksama, anda diharapkan mampu :
Menguraikan perbedaan grafis berbasis bitmap dengan vector dengan tepat
Mengklasifikasi desain berbasis bitmap dan vector dengan benar
Membandingkan desain berbasis bitmap dan vector dengan benar
Menyusun review hasil desain berbasis bitmap dengan vector sesuai kebutuhan
Uraian Materi
Dari materi sebelumnya anda telah belajar mengenai perbedaan file berbasis vektor
dan bitmap , serta macam macam produk desain grafis percetakan.Dalam proses
pembuatan desain grafis percetakan hasil jadinya bisa berupa vektor atau bitmap , serta
pembuatannya bisa merupakan bitmap, vektor atau gabungankeduannya.
Desain yang dibuat dengan bitmap atau raster pasti ada kelebihan atau
kekurangannya. Sebelum anda mendesain suatu desain grafis percetakan anda harus yakin
dulu apa akan di buat dengn berbasis vektor ,bitmap atau gabungan dari ke duanya, tentu
saja itu semua harus berdasarkan konsep yang akan ada usung dan apa yang ingin anda
hasilkan sesuai dengan keinginan clien ,evisiensi, anggaran , waktu, Target audience yang
241
tepat, nilai jual, estetika, data yang ada dan ke originalan desain yang anda buat .
Kali ini anda akan dituntut untuk dapat menerapkan semua materi yang sebelumnya
telah anda pelajari, sehingga anda dapat menguraikan perbedaan grafis berbasis bitmap
dengan vector dengan tepat.
B. Membuat Infografis
Infografis
Infografis adalah penggambaran data yang sebenarnya kompleks dalam bentuk yang
nyaman di mata. Jika Anda telah mengumpulkan data, termasuk data statistik, Anda perlu
242
membuat infografis untuk menyampaikan pesan perusahaan atau clien anda. Infografis ini
dapat digunakan secara internal, dalam cetakan, pada blog atau platform media sosial.
Berikut ini adalah infografis proses pembuatan infografis
243
Contoh Komposisi Infografik yang Baik:
244
Daftar Istilah
Istilah Keterangan
Bitmap Gambar yang terdiri atas sekumpulan titik-titik pixel yang
berdiri sendiridan memiliki warna sendiri dari unsur garis
kurva
CMYK Model warna yang tediri dari Cyan Magenta Yellow dan
key. Urutan warna ini banyak digunakan dalam alat cetak
selain rgb
Crop Memotong atau mengurangi ukuran gambar sesuai
kebutuhan
Cursor Pengganti fungsi tangan kita didalam suatu komputer.
Desain Kerangka bentuk; rancangan
Grid Serangkaian garis vertikal dan horisontal yang
berpotongan yang digunakan untuk memudahkan
mengatur dan membuat kerangka desain.
Logo Logo bekerja sebagai pengingat instan dari perusahaan
atau produk tertentu dan bagi desainer sendiri mewakili
sebuah tantangan besar dalam merumuskan esensi klien
menjadi sebuah gambar tungga
PrintOut Hasil cetak dari sebuah proses desain grafis
RGB Singkatan dari Red Green Blue merupakan warna dasar
yang dibentuk oleh perpaduan warna merah, hijau dan
biru warna ini biasanya digunakan untuk tampilan digital,
website dll
251
Referensi
https://www.slideshare.net/alfar151/typography-dalam-design
(http://tentangdesaingrafis.blogspot.com/2011/02/ukurankertas.html/11/9/2011).
http://info-menarik.net/cara-membuat-kartu-nama-di-office-word/
https://caraexcelpowerpointmsword.blogspot.co.id/2016/11/cara-membuat-kartu-
undangan-pernikahan-di-microsoft-word-2010.html
http://bahanbelajarsekolah.blogspot.co.id/2015/01/pengertian-jenis-jenis-
sketsa.html
https://id.wikihow.com/Menggambar-Orang
http://www.siswamaster.com/2017/09/pengertian-gambar-ilustrasi-unsur-
jenis.html
https://afikrubik.com/gambar-perspektif/
https://www.decodeko.co.id/blog/manfaat-vector-graphic/
https://belajar-dotcom.blogspot.com/2016/09/tutorial-cara-mudah-membuat-
desain-logo.html
https://odatacom.blogspot.com http://zirakarisma.blogspot.com/2013/11/tutorial-
illustrator-cara-membuat.html http://www.adiazaida.com/2015/09/tutorial-digital-
painting-bagi-mouse.html http://agungcahyadi.com/modifikasi-huruf-dengan-
photoshop/ https://ners86.wordpress.com/2009/04/14/syarat-%E2%80%93-syarat-
pembuatan- poster-leaflet-lembar-balik-dan-slide-transparansis-ohp/
https://www.grafis-media.website/2017/01/cara-membuat-poster-lingkungan-
photoshop.html
https://infografis.itb.ac.id/langkah-langkah-membuat-infografis/
http://www.grafisin.com/2014/09/tutorial-dasar-coreldraw-menggabung-dan.html