3.1-UNSUR-UNSUR-TATA-LETAK

1. BAB I MENEMPATKAN UNSUR TATA LETAK GARIS, ILUSTRASI, TIPOGRAFI, WARNA, GELAP TERANG, TEKSTUR DAN RUANG A.KOMPETENSI DASAR 3.1Mendiskusikan unsur-unsur tata letak berupa garis, ilustrasi, tipografi, warna, gelap terang, tekstur, dan ruang. 4.1Menempatkan unsur-unsur tata letak berupa garis, ilustrasi, tipografi, warna, gelap terang, tekstur, dan ruang. B.TUJUAN PEMBELAJARAN Setelah mempelajari bab ini, siswa diharapkan mampu: 1.menjelaskan unsur-unsur dasar tata letak atau layout, 2.menjelaskan unsur-unsur, berupa garis, ilustrasi, tipografi, warna, gelap terang, tekstur, dan ruang, 3.merancang unsur-unsur dasar tata letak atau layout, serta 4.merancang unsur-unsur, berupa garis, ilustrasi, tipografi, warna, gelap terang, tekstur, dan ruang. C.PETA KONSEP 1. Garis 2. Bidang 3. Ilustrasi 4. Tipografi 5. Warna 6. Gelap Terang 7. Unsur Unsur Tata Letak Menempatkan Unsur Terang, Tekstur, dan Ruang 8. Ruang (Space) Unsur Penunjung Desain Grafis

2. MATERI PEMBELAJARAN A.PENGERTIAN DESAIN GRAFIS Desain grafis adalah suatu bentuk rancangan komunikasi visual yang menggunakan gambar / text untuk menyampaikan informasi atau pesan seefektif mungkin dengan menggunakan media komputer. Pada hakekatnya desain grafis adalah seni menyampaikan pesan.semakin menarik kemasan pesan,semakin cepat pesan itu tertangkap Apa itu desainer grafis? Seseorang yang menyampaikan konsep atau ide desain untuk menyampaikan pesan yang menarik melalui BENTUK,GAMBAR DAN TULISAN B.UNSUR UNSUR TATA LETAK Sebuah karya desain yang bagus harus memenuhi beberapa kriteria dan komponen penting. Selain itu juga harus mengandung originalitas dari desain itu sendiri. Ketika menciptakan sebuah karya desain harus memperhatikan unsur-unsur desain, minimal harus sesuai dengan standar ketentuan yang ditetapkan. Salah satu komponen penting dalam desain adalah unsur tata letak. Tata letak dalam desain terdiri atas beberapa bagian yang tidak boleh terpisahkan dan mengandung arti yang sangat dalam, sebagai contoh unsur yang lain adalah unsur garis, unsur garis tebal maupun tipis sangat memengaruhi pesan yang disampaikan, garis tebal mengandung arti tegas dan jelas, sedangkan garis tipis mengandung kesan halus atau samar-samar. Berikut unsur-unsur penunjang dalam desain grafis. 1.Garis Elemen pertama dan paling dasar dari desain adalah garis. Dalam menggambar, garis adalah goresan pena atau pensil tapi dalam desain grafis, ada dua titik yang saling terhubung. Garis berguna untuk membagi ruang dan mengarahkan pandangan ke lokasi tertentu. Misalnya, bagaimana caranya majalah menggunakan garis untuk memisahkan konten, judul dan panel samping. Garis memiliki sifat memanjang dan memiliki arah tertentu. Walaupun garis memiliki sifat ketebalan, garis tetap mempunyai sifat dimensi panjangnya, sehingga garis sering disebut sebagai unsur satu dimensi. Garis dimaknai sebagai batas limit dari bidang dan warna. Terbentuknya sebuah garis merupakan gerakan dari suatu titik yang membekas jejaknya sehingga terbentuk suatu goresan, untuk menimbulkan goresan biasanya menggunakan pensil, pena kuas bahkan dengan gerakan tangan kosong pun bisa dimaknai sebagai garis. Bentuk garis sangat bervariasi dari garis lurus yang bersifat formal, garis lengkung yang bersifat informal atau santai, dan garis patah (zig-zag) yang terkesan kaku, garis tipis dan garis tebal, dan garis spiral yang terkesan lentur. a.Fungsi Garis Pada teori tata letak, garis memiliki beberapa fungsi sebagai berikut. 1.Sebagai pembatas tepi bidang atau objek untuk memberikan representasi atau citra struktur, bentuk dan bidang. 2.Menciptakan nilai ekspresi seperti nilai gerak atau dinamika, nilai irama dan nilai arah. 3.Memberikan kesan pada visual desain seperti tegas, luwes, dinamis, dan lain- lain. b.Jenis Garis dan Kesan Garis dalam konsep tata letak mempunyai pengaruh secara visual, garis yang mempunyai ukuran besar atau kecil, tebal atau tipis,

3. posisi horizontal maupun secara vertikal mempunyai dapat menciptakan kesan yang berbeda- beda. Berikut jenis garis dan kesan yang ditimbulkan. 1.Garis horizontal, yaitu memberi sugesti ketenangan atau hal yang tak bergerak. 2.Garis vertikal, yaitu stabilitas, kekuatan atau kemegahan. 3.Garis diagonal, yaitu tidak stabil, sesuatu yang bergerak atau dinamika. 4.Garis lengkung S, yaitu grace dan keanggunan. 5.Garis zig-zag, yaitu bergairah, semangat, dan dinamika atau gerak cepat. 6.Garis bending up right, yaitu sedih, lesu, dan kedukaan. 7.Garis diminishing perspective, yaitu adanya jarak, kejauhan, kerinduan dan sebagainya. 8.Garis concentric Arcs, yaitu perluasan, gerakan mengembang, kegembiraan, dan sebagainya. 9.Garis pyramide, yaitu stabil, megah, dan kuat atau kekuatan yang masif. 10.Garis conflicting diagonal, yaitu peperangan, konflik, kebencian dan kebingungan. 11.Garis upward swirls, yaitu semangat menyala, berkobar-kobar, dan hasrat yang tumbuh. 12.Garis upward spray, yaitu pertumbuhan, spontanitas, dan idealisme. 13.Garis inverted perspective, yaitu keluasan tak terbatas, kebebasan mutlak, dan pelebaran tak terhalang. 2.Bidang Bidang merupakan unsur tata letak berupa obyek yang memiliki dimensi panjang dan lebar (bersifat pipih),sedangkan yang memiliki panjang,lebar dan tinggi disebut bentuk (memiliki volume) Bidang bersifat dua dimensi, sedangkan bentuk bersifat tiga dimensi. Dari bentuknya bidang maupun bentuk terdiri atas beberapa macam, yakni bidang geometris, bidang biomorfis (organis), bidang bersudut, dan bidang tak beraturan. Bidang dapat terbentuk karena titik, kedua ujung garis yang bertemu, atau dapat pula terjadi karena sapuan warna. Bidang beraturan yang dikenal orang adalah kotak (rectangle), lingkaran (circle), dan segitiga (triangle). Penyusunan antara bidang-bidang tersebut akan mengasilkan suatu bentuk tata letak. Bidang dapat tersusun dari komposisi huruf-huruf yang dirangkai secara kreatif sehingga dapat menyampaikan pesan tertentu, desain seperti gambar berikut kelihatan unik serta dapat membawa karakter yang jelas

4. Terdapat bentuk dalam seni rupa tiga dimensi. Ada tiga jenis bentuk, yaitu sebagai berikut. a.Bentuk Figuratif Bentuk figuratif adalah bentuk yang meniru wujud yang berasal dari alam seperti manusia, hewan, tumbuhan dan benda. Bentuk ragam hias figuratif berupa objek manusia yang digambarkan dengan mendapatkan pengayaan bentuk. . b.Bentuk Abstraktif Bentuk abstraktif adalah bentuk figuratif yang diubah sedemikian rupa sehingga beberapa bagian dari bentuk asalnya menghilang dan bentuknya berubah menjadi bentuk yang sudah digayakan. Contoh bentuk abstraktif adalah wayang kulit/golek, topeng, dekorasi batik dan sebagainya.

5. c.Bentuk Abstrak Bentuk abstrak adalah bentuk yang menyimpang dari wujud benda- benda atau makhluk yang ada di alam. Bentuk abstrak adalah bentuk geometris seperti balok, tabung, piramid, kerucut dan bola. Jika melihat bentuk karya abstrak kita belum tentu bisa mengenali bentuk dari benda atau makhluk apa yang dimaksud oleh perupa. d.Karya Abstrak Karya abstrak merupakan hasil eksplorasi lebih lanjut dari bentuk yang biasa kita lihat, sehingga nilai idenya lebih tinggi. Sifat/karakter bidang sebagai unsur penyusunan tata letak, di antaranya sebagai berikut! 1)Bidang horizontal dan vertikal memberikan kesan tenang, statis, stabil, dan teratur. 2)Bidang bundar memberikan kesan santai kadang stabil dan kadang gerak. 3)Bidang segitiga memberikan kesan statis maupun dinamis. 4)Bidang bergelombang memberikan kesan irama kehidupan dan gerak. 3.Ilustrasi Gambar ilustrasi adalah suatu gambar yang sifatnya menerangkan atau visualisasi dari suatu uraian, baik berupa cerita, berita, karangan, maupun naskah. Hasil visualisasi dari suatu tulisan dengan teknik drawing, lukisan, fotografi, atau teknik seni rupa lainnya yang lebih menekankan hubungan subjek dengan tulisan yang dimaksud daripada bentuk. Tujuan ilustrasi adalah untuk menerangkan atau menghiasi suatu cerita, tulisan, puisi, atau informasi tertulis lainnya. Diharapkan dengan bantuan visual, tulisan tersebut lebih mudah dicerna. a.Fungsi Illustrasi Fungsi khusus ilustrasi, sebagai berikut. 1.Memberikan bayangan setiap karakter di dalam cerita. 2.Memberikan bayangan bentuk alat-alat yang digunakan di dalam tulisan ilmiah. 3.Memberikan bayangan langkah kerja. 4.Mengkomunikasikan cerita. 5.Menghubungkan tulisan dengan kreativitas dan individualitas manusia. 6.Memberikan humor-humor tertentu untuk mengurangi rasa bosan. 7.Dapat menerangkan konsep yang disampaikan. Seribuku anakdisampingdidesainolehLaurentMoreau.Desainpadalayout buku anak tersebut memiliki corak khas yang menampilkan beragam gambar ilustrasi hewan dalam aneka rupa warna yang atraktif.

6. b.Teknik dalam Illustrasi Ilustrasi dapat dihasilkan melalui beberapa teknik, yaitu sebagai berikut. 1.Gambar tangan (hand drawing) Ilustrasi gambar tangan dibuat secara keseluruhan menggunakan tangan, dengan memberikan ekspresi dan karakter tertentu untuk mendukung media komunikasi grafis yang dibuat, seperti iklan, poster, baliho, dan sebagainya. 2.Fotografi Ilustrasi berupa foto dihasilkan dengan teknik fotografi menggunakan kamera, baik manual maupun digital. Foto yang dihasilkan dengan kamera digital memungkinkan adanya pengolahan lebih lanjut, langsung tanpa scanning di komputer untuk memberikan ekspresi ataupun ilustrasi tertentu sesuai keinginan. Objek fotografi menjadi lebih realistis, ekslusif, dan persuasif. Pada kenyataannya teknik hand drawing dan teknik fotografi dapat digabung

7. 4.Tipografi Sebenarnya tipografi merupakan salah satu elemen dari dunia desain grafis yang unik. Tipografi bukan hanya sakadar elemen bacaan, tapi juga mempunyai unsur seni yang luar biasa. Tipografi dapat dikatakan sebagai bahasa yang dapat dilihat. Typography (tipografi) merupakan suatu ilmu dalam memilih dan menata huruf dengan pengaturan penyebarannya pada ruang- ruang yang tersedia untuk menciptakan kesan tertentu, sehingga dapat menolong pembaca untuk mendapatkan kenyamanan membaca semaksimal mungkin. Seni tipografi merupakan karya atau desain yang menggunakan pengaturan huruf sebagai elemen utama. Tipografi atau typography menurut Roy Brewer dapat memiliki pengertian luas yang meliputi penataan dan pola halaman, atau setiap barang cetak. Pada pengertian lebih sempit hanya meliputi pemilihan, penataan dan berbagai hal bertalian pengaturan baris-baris susun huruf (typeset), tidak termasuk ilustrasi dan unsur-unsur lain bukan susun huruf pada halaman cetak. Peran dari tipografi adalah untuk mengomunikasikan ide atau informasi dari halaman tersebut ke pengamat. Secara tidak sadar, kita selalu berhubungan dengan tipografi seperti koran atau majalah yang kita baca, label pakaian yang biasa kita kenakan dan masih banyak lagi contoh- contoh lainnya. Perkembangan tipografi saat ini sudah mengalami perkembangan dari fase penciptaan dengan tangan hingga menggunakan komputer. Berikut beberapa jenis huruf berdasarkan klasifikasi yang dilakukan oleh James Craig. a.Roman Ciri dari huruf ini adalah memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya. Huruf Roman memiliki ketebalan dan ketipisan yang kontras pada garis- garis hurufnya. Kesan yang ditimbulkan adalah klasik, anggun, lemah gemulai dan feminim. b.Egyptian Egyptian adalah jenis huruf yang memiliki ciri kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulkan adalah kokoh, kuat, kekar, dan stabil.

8. c.Sans Serif Pengertian San Serif adalah tanpa sirip/serif. Huruf jenis ini tidak memiliki sirip pada ujung hurufnya dan memiliki ketebalan huruf yang sama atau hampir sama. Kesanyang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer, dan efisien. d.Script Huruf Script menyerupai goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan. Kesan yang ditimbulkannya adalah sifat pribadi dan akrab. e.Miscellaneous Huruf jenis ini merupakan pengembangan dari bentuk-bentuk yang sudah ada ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental.

9. 5.Warna Warna dalam layout dapat membuat gambar menarik perhatian, dan mengidentifikasi objek. Pemilihan warna sangat penting dalam menghasilkan karya yang berkualitas, karena Anda harus mengetahui tentang apa yang ingin Anda lakukan dan ke warna apa yang cocok untuk tujuan Anda. Warna dapat digunakan untuk: a.Sorot elemen penting dan utama seperti subheads. b.Menarik mata. c.Sinyal di mana pembaca untuk melihat terlebih dahulu. d.Membuat gambar atau moods. e.Mengatur. f.Memprovokasi emosi. 6. Gelap Terang Gelap terang merupakan keadaan suatu bidang yang dibedakan dengan warna tua untuk gelap dan warna muda untuk terang yang disebabkan oleh perbedaan intensitas warna atau karena pengaruh cahaya. Pengaturan gelap terang pada desain grafis dapat diciptakan dengan pengaturan intensitas warna, dapat pula diciptakan menggunakan efek khusus. 7.Tekstur (Texture) Tekstur adalah tampilan permukaan (corak) dari suatu benda yang dapat dinilai dengan cara dilihat atau diraba. Pada prakteknya, tekstur sering dikategorikan sebagai corak dari suatu permukaan benda, misalnya permukaan karpet, baju, kulit kayu, dan lain sebagainya.

10. 8.Ruang (Space) Ruang adalah unsur yang dapat bersifat semu maupun nyata. Pada karya seni 3 dimensi kita langsung bisa merasakan sensasi ruang ketika melihat ataupun berada di dalamnya. Adapun dalam karya 2 dimensi, kita hanya bisa berkhayal tentang ruang. Seniman dapat menghasilkan kesan ruang pada lukisannya dengan cara memberikan bayangan, membuat perspektif pada objeknya, memberikan perbedaan warna terang dan gelap dan masih banyak lagi. Unsur Penunjung Desain Grafis Sebuah karya desain yang bagus harus memenuhi beberapa kriteria dan komponen penting. Selain itu, juga harus mengandung originalitas dari desain itu sendiri. Unsur-unsur penunjang dalam desain grafis yaitu unsur garis, unsur bidang, unsur tipografi, unsur ilustrasi, unsur warna, unsur gelap terang, unsur tekstur, dan unsur ruang kosong.

11. UJI KOMPETENSI I. Pilihlah jawaban yang tepat! 1.Garis yang dibuat secara resmi menggunakan alat gambar dan alat ukur disebut garis a. informal b. horizontal c. diagonal d. formal e. vertikal 2.Berdasarkan cara membuatnya garis dibedakan menjadi dua, yaitu .... a. garis formal dan informal b. garis lengkung dan garis lingkar c. garis zig-zag dan garis lengkung d. garis bergerigi dan garis berombak e. garis bersengkelit dan garis lengkung 3.Tool pada Adobe Photoshop Cs yang digunakan untuk memotong/membuang bagian dari bingkai objek/image canvas yang tidak terpakai adalah…. a.Lasso Tool b.Polygonal lasso Tool c.Magnetic Lasso Tool d.Rectangular Marquee Tool e.Crop Tool 4.Kombinasi garis horizontal dan vertikal memberikan kesan .... a. konflik, perang dan larangan b. kelahiran atau generasi, dan penurus c. kekokohan d. adanya jarak, kejauhan, fokus, dan meledak e. formal, kokoh, dan tegas 5.Horizontal Type Mask Tool adalah Tool pada Adobe Photoshop yang berfungsi untuk…… a.Membuat seleksi tegak berbentuk huruf b.Membuat seleksi mendatar berbentuk huruf c.Menulis teks tegak pada objek d.Menulis teks mendatar pada objek e.Membuat kurva berbentuk garis 6.Table tool digunakan untuk…. a.Membuat Segitiga b.Membuat Lingkaran c.Mewarnai Grafis d.Membuat Tabel e.Membuat garis lurus 7.Tool yang digunakan untuk mewarnai area dengan lebih satu warna dengan menerapkan efek gradasi di antara warna-warna yang digunakan yaitu… a.Tool brush b.Tool pencil c.Tool paint bucket d.Tool gradient e.Tool pen

12. 8.Rectangle Tool berfungsi untuk... a.Membuat garis lurus b.Membuat persegi atau persegi panjang c.Membuat lingkaran atau Elips d.Membuat segitiga atau segibanyak e.Membuat gambar spiral 9.Horizontal Type Tool adalah Tool pada Adobe Photoshop yang berfungsi untuk…… a.Membuat seleksi tegak berbentuk huruf b.Membuat seleksi mendatar berbentuk huruf c.Menulis teks tegak pada objek d.Menulis teks mendatar pada objek e.Membuat kurva berbentuk garis 10.Warna dapat digunakan untuk..KECUALI a.Sorot elemen penting dan utama seperti subheads b.Memprovokasi emosi. c.Membuat gambar atau moods d.Menarik mata. e.perluasan, gerakan, mengembang dan kegembiraan II. Jawablah pertanyaan berikut dengan jawaban singkat! 1.Sebutkan fungsi garis 2.Ada berapa jenis bidang,Sebutkan ! 3.Sebutkan fungsi ilustrasi 4.Apa yang dimaksud dengan typografi 5.Warna dapat digunakan untuk… 6.Apa yang dimaksud dengan gelap terang 7.Apa yang dimkasud dengan teksture 8.Ada berapa jenis ruang 9.Apa yang dimaksud dengan sans serif 10.Apa ciri dari huruf roman

13. TUGAS PROYEK I. Tugas Buatlah Garis, Bidang dan Warna pada aplikasi photoshop Alat Dan Bahan Komputer Software Adobe Photoshop Langkah Kerja 1.Buka software adobe photoshop atau software berbasis bitmap II. III. 2.Buatlah lembar kerja baru menggunakan ukuran kertas A4 3.Buatlah garis dengan menggunakan pensil tools. Buat 3 Baris garis dengan bentuk yang berbeda (Filter-distort-wave)

14. 4.Buatlah ruang dengan menggunakan rectangular tools 5.Berikan warna dengan menggunkana color tools 6.Taruh warnah di objek yang ingin diberikan warna dengan menggunakan paints tools

15. 7.Tekan select – deselect untuk menghilangkan seleksi