Pengenalan Grafis

1. PengenalanGrafis Daftar Isi : Tujuan Pembelajaran Pengertian Grafis Software Aplikasi Grafis CorelDraw Adobe Photoshop Evaluasi

2. 1. INDIKATOR / TUJUAN PEMBELAJARAN Agar Siswa dan Siswi dapat : Menjelaskan pengertian grafis berbasis vektor dan berbasis bitmap Menentukan contoh objek / gambar berbasis vektor dan bitmap Menunjukkan aplikasi yang digunakan untuk membuat grafis vektor dan berbasis bitmap Mengidentifikasi menu dan ikon yang terdapat dalam perangkat lunak pembuat grafis

3. 2. PENGERTIAN GRAFIS Grafis berasal dari bahasa Inggris “graphic” yang berarti berhubungan dengan “arts” atau karya seni dari hasil gagasan manusia yang divisualkan dalam bentuk citra ; gambar, tulisan, lukisan, ilustrasi, maupun fotoggrafi yang mengandung suatu pesan atau informasi sembolik untuk tujuan tertentu. Kepopuleran grafis menggunakan media teknologi informasi tidak lepas dari perangkat lunak (software) pembuat grafis yang digunakan untuk mendesain serta mengolah citra grafis tersebut. Hasil proses ini disebut dengan Citra Grafis Komputer.

4. VEKTOR CITRA GRAFIS Citra grafis komputer yang tersusun atas garis-garis dan bentuk geometris atau kurva. • Sifat citra grafis berbasis Vektor : • resolution independent, jika gambar diperbesar/ diperkecil kualitasnya akan tetap baik dan tetap terlihat jelas, tidak tergantung pada resolusi dan kondisi komputer. • Ukuran file relatif kecil • Format filenya ; CDR, EPS, CGM, dan WMF BITMAP Citra grafis komputer yang tersusun atas titik-titik (dot) yang disebut piksel (picture elements) dikenal juga sebagai grafis raster. • Sifat citra grafis berbasis Vektor : • resolution dependent, kualitas gambar tergantung pada resolusi (banyaknya piksel-warna) jika diperbesar hasilnya akan kabur dan pecah-pecah serta dipengaruhi oleh jenis monitor dan kartu grafis (VGA Card) komputer • Ukuran file relatif besar • Format filenya ; PSD, TIFF, JPG, BMP, GIF, dan PNG

5. 3. SOFTWARE APLIKASI GRAFIS Berbasis Vektor Perangkat lunak grafis yang digunakan untuk mengolah citra grafis dalam bentuk garis-garis dan geometris / kurva. Perangkat lunak tersebut dapat digolongkan menjadi 2 yaitu : • Golongan Aplikasi yang menangani desain grafis dua dimensi (2D) ; terbentuk oleh besar dan  arah vektor dalam bidang koordinat sumbu x dan sumbu y. Gambar yang dibentuk dapat berupa garis, segitiga, segi empat, lingkaran, dan lain-lain • 2. Golongan Aplikasi yang menangani Desain grafis tiga dimensi (3D) ; terbentuk dalam koordinat sumbu x, y, z. Gambar yang dibentuk dapat berupa tabung, bola, balok, dan lain-lain.

6. ….Grafis Dua Dimensi Perangkat lunaknya antara lain : CorelDraw Macromedia Freehand Adobe Ilustrator

7. 4. CORELDRAW Program aplikasi CorelDraw merupakan salah satu perangkat lunak grafis berbasis vektor dua dimensi yang sangat user friendly sehingga digunakan oleh hampir semua desainer komputer grafis dan dunia usaha di bidang percetakan untuk menghasilkan karya grafisnya. COrelDraw yang telah mencapai versi X4 (empat belas) ini memiliki keunggulan dalam pembuatan Desain Logo, Brosur, Kartu nama, Stiker,Pamflet, hingga undangan perkawinan eksklusif bahkan sampai kepada merancang desain T-shirt (kaos oblong) untuk dijadikan master cetakan pada Screen Sablon. (Format ekstensi File CorelDraw adalah CDR.)

8. 1 2 3 4 5 6 8 7 JENDELA CORELDRAW 1. Title Bar 2. Menu Bar 3. Toolbar 4. Property Bar 5. Tool Box 6. Docker 7. Palette Color 8. Print Area

9. Title Bar Size Button Minimize, menutup / mengecilkan jendela Maximize, memperbesar tampilan jendela Restore, mengembalikan tampilan ke ukuran semula Close, menutup jendela / program aplikasi TITLE BAR Bagian teratas dari jendela COrelDraw yang berisi informasi mengenai Program aplikasi dan nama dokumen yang sedang aktif. Terdapat pula Size button yang berfungsi untuk mengatur ukuran jendela CorelDraw (minimize, maximize/restore, dan Close )

10. MENU BAR Pada Menu Bar atau Baris Menu terdapat beberapa menu yaitu : • File • Edit • View • Layout • Arrange • Effect • Bitmaps • Text • Tools • Window • help Setiap menu bar memiliki sub menu yang berbentuk Pulldown menu, jika menu di klik maka akan muncul deret menu berderet ke bawah.

11. TOOLBAR STANDARD Toolbar Standard terdapat menu yang divisualkan dalam bentuk ikon: • New • Open • Save • Print • Cut • Copy • Paste • Undo - Redo • Import - Export • App. Launcher • Corel Online • Zoom Levels

12. PROPERTY BAR Berisi menu-menu untuk pengaturan dan pengeditan dokumen atau objek gambar. Property bar tampilannya selalu berubah tergantung pada Toolbox yang aktif berdasarkan objek citra grafis yang sedang dipilih dan dijalankan • Misalkan sedang mengaktifkan Toolbox : • Text Tool 2. Zoom Tool 3. Ellipse Tool

13. TOOLBOX Berisi kumpulan yang memiliki berbagai perintah untuk pembuatan objek grafis dasar, manipulasi objek grafis dasar, efek-efek objek grafis dasar dan lain-lain. • Toolbox Induk : • Pick tool 9. Polygon • Shape tool 10. Basic shape tool • Crop tool 11. Text tool • Zoom tool 12. Interactive blend tool • Freehand tool 13. Eye dropper tool • Smart Fill tool 14. Outline tool • Rectangle tool 15. Fill tool • Ellipse tool 16. Interactive fill tool F ly ou t. . . . .

14. FLYOUT Pada setiap Toolbox induk terdapat ikon-ikon tool yang berkaitan dengan tool induknya (jika diklik pada penunjuk kecil atau klik kanan mouse) yang diebut dengan Flyout. Berikut contohnya : 1. Flyout Rectangle tool…… 2. Flyout Basic Shape tool... 3. Flyout Outline too………..

15. DOCKER Merupakan ekspansi dari beberapa fungsi-fungsi yang ada pada corel draw. Untuk menampilkan docker apa saja yang muncul, bisa dari menu Window > dockers, trus pilih docker mana yang ingin ditampilkan atau disembunyikan. Docker ini juga bisa di minimize, atau di tutup Diantaranya : 1. Docker Objects Properties 2. Docker Objects Manager 3. Docker Artistic Media 4. Docker Artistic Media

16. PALETTE COLOR Berisi pilihan warna yang bisa kita gunakan untuk mewarnai objek gambar yang kita buat. Baik warna isi maupun warna outline. Warna yang ada pada daftar color bar ini bisa kita customize sendiri Klik pojok palette untuk melakukan setting terhadap warna palette

17. Berbasis Bitmap PRINT AREA Print Area disebut juga Drawing Area merupakan halaman yang digunakan untuk membuat dan mengedit serta mencetak (print- out) objek untuk kebutuhan desain grafis

18. ….Grafis Tiga Dimensi Perangkat lunaknya antara lain : AutoCad 3D Home Architect UleadCool 3D

19. 3. SOFTWARE APLIKASI GRAFIS Berbasis Bitmap Citra bitmap menggunakan titik-titik berwarna yang disebut pixel (picture element). Pixel-pixel tersebut ditempatkan pada lokasi-lokasi tertentu dengan nilai-nilai warna tersendiri dan secara keseluruhan akan membentuk tampilan. Tampilan bitmap mampu menunjukan kehalusan gradasi dan warna dari sebuah gambar. Oleh karena itu format bitmap paling tepat digunakan untuk gambar-gambar dengan gradasi warna yang rumit seperti foto dan lukisan digital.

20. 5. ADOBE PHOTOSHOP Adobe Photoshop, atau biasa disebut Photoshop, adalah perangkat lunak editor citra buatan Adobe Systems yang dikhususkan untuk pengeditan foto/gambar dan pembuatan efek. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , dan yang terakhir ini adalah Adobe Photoshop CS4. (Format ekstensi File Photoshop adalah PSD.)

21. 1 2 3 4 5 6 JENDELA PHOTOSHOP 1. Title Bar 2. Menu Bar 3. Panel Option 4. Tool Box 5. Palette 6. Kanvas

22. Title Bar Size Button Minimize, menutup / mengecilkan jendela Maximize, memperbesar tampilan jendela Restore, mengembalikan tampilan ke ukuran semula Close, menutup jendela / program aplikasi TITLE BAR Bagian teratas dari jendela Adobe Photoshop yang berisi informasi mengenai Program aplikasi dan nama dokumen yang sedang aktif. Terdapat pula Size button yang berfungsi untuk mengatur ukuran jendela Photoshop (minimize, maximize/restore, dan Close ) Title Bar Size Button

23. MENU BAR Pada Menu Bar atau Baris Menu terdapat beberapa menu yaitu : • File • Edit • Image • Layer • Select • Filter • View • Window • help Setiap menu bar memiliki sub menu yang berbentuk Pulldown menu, jika menu di klik maka akan muncul deret menu berderet ke bawah.

24. PANEL OPTION Berisi pilihan dari tool yang Anda pilih. Misalnya dipilihTool Marque, maka pilihan berkaitan dengan tool tersebut aktif/muncul. • Misalkan sedang mengaktifkan Toolbox : • Marque Tool 2. Text Tool 3. Lasso Tool

25. TOOLBOX Berisi kumpulan ikon yang memiliki berbagai perintah untuk pembuatan objek grafis dasar, manipulasi objek grafis dasar, efek-efek objek grafis dasar dan lain-lain. • Toolbox Induk : • Pick tool 11. Gradient tool • Marque tool 12. Eraser tool • Magic Wand tool 13. Dodge tool • Lasso tool 14. Blur tool • Slice tool 15. Horizontal Type tool • Crop tool 16. Path Selection tool • Brush tool 17. Rectangle tool • Healing Brush 18. Pent tool • 9. History Brush 19. Eyedropper tool • 10. CloneStamp tool 20. Note, Zoom, & Hand tool F l y ou t. . . . .

26. FLYOUT Pada setiap Toolbox induk terdapat ikon-ikon tool yang berkaitan dengan tool induknya (jika diklik pada penunjuk kecil atau klik kanan mouse) yang diebut dengan Flyout. Berikut contohnya : 1. Flyout Marque tool…… 2. Flyout Lasso tool……. 3. Flyout Dodge tool…….

27. PALETTE berisi jendela-jendela kecil yang di dalamnya terdapat perintah dan pilihan untuk dokumen/gambar yang sedang dikerjakan. Merupakan panduan dalam pengeditan sebuah objek gambar untuk melakukan perbesaran (zoom) dan penyeleksian bagian / area yang akan diedit. Cara membuka Palette Navigator : Window - > Navigator Lapisan tembus pandang. Bagian yang tidak bergambar pada sebuah layer bersifat transparan. Layer dapat ditumpuk dan diatur susunannya. Dengan menggunakan layer, efek-efek akan berlaku dalam layer tertentu saja, tanpa mengganggu layer yang lain. Cara membuka Palette Layers adalah : Window - > Layers. Koleksi warna yang dapat digunakan dalam treknik pewarnaan pada objek gambar. Cara membuka Palette Color : Window - > Color Dalam melakukan pekerjaan image seringkali terjadi kesalahan atau pengulangan perintah yang salah. Kita bisa mempergunakan fasilitas Undo (Ctrl+Z). Tetapi ini hanya berlaku 1 perintah sebelumnya saja. Maka dibutuhkan fasilitas History. Cara membuka Pallet History adalah : Window - > History. Keterangan . . . .

28. 4 2 6 3 1 5 PALETTE LAYER . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . • Add Layer Style, fasilitas untuk berkreasi dengan • Efek (Blend, Inner Shadow, OuterShadow, Drop Shadow, Stroke dan lain-lain) • 2. Add Layer Mask, fasilitas yang digunakan untuk menyembunyikan bagian tertentu • pada layer. Gunakan warna hitam untuk menyembunyikan gambar dan warna putih • untuk menampilkan gambar • 3. Create a New Set, fasilitas untuk mengelompokkan beberapa Layer terkait / seperti • halnya Folder agar mudah dalam pengaturan dan proses kerja. • 4. Create New Fill or Adjustment Layer, fasilitas untuk mengatur Latar ( Color, Pattern, • gradient) dan pengaturan dalam pencahayaan dan warna ( brightness, Levels, Hue • Saturation ) • 5. Create a New Layer, fasilitas untu menambahkan Layer baru. • 6. Delete Layer, fasilitas untuk menghapus Layer yang tidak dibutuhkan.

29. Berbasis Bitmap KANVAS Kanvas disebut juga Drawing Area merupakan halaman yang digunakan untuk membuat dan mengedit serta mencetak (print- out) objek untuk kebutuhan desain grafis

30. TES 1 Uji Kompetensi : Sebelum melanjutkan ke Materi soal atau pertanyaan, apakah Anda yakin telah membaca dan menyelesaikan pembahasan Teori tentang : “PENGENALAN GRAFIS” ?Jika sudah silakan tekan Tombol Lanjut dan Jika belum silakan tekan Tombol Kembali Kembali Lanjut

31. TES 1 TES 2 TES 3 TES 4 TES 5 TES 6