Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

60
Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis XII.IPA.2 SMA NEGERI 1 BABELAN Tahun Ajaran 2016-2017 Disusun Oleh : KELOMPOK 5 Cintya Octaviani Dianita Fahira Utami Johanes Rionaldo Metha Audrya Rifka Ayu Ramadhani Tioris Novela

Transcript of Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Page 1: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Teknologi Informasi dan Komunikasidalam Mengaplikasikan Desain Grafis

XII.IPA.2

SMA NEGERI 1 BABELANTahun Ajaran 2016-2017

Disusun Oleh :KELOMPOK 5Cintya Octaviani

Dianita Fahira UtamiJohanes Rionaldo

Metha AudryaRifka Ayu Ramadhani

Tioris Novela

Page 2: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Mengenal Design Grafis

Design Grafis adalah program yang digunakan untuk merancang, mendisain suatu bentuk gambar, logo, foto dan lain sebagainya. Dengan menggunakan program ini kita dapat leluasa melakukan perubahan dan pengeditan gambar sehingga sesuai dengan keinginan kita, karena program ini menyediakan banyak fasilitas sesuai dengan kebutuhan kita dalam mendisain.

Page 3: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

BAB I

Page 4: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Mengidentifikasi Grafis Berbasis Bitmap dan

Vektor

Page 5: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

• Desain BitmapGrafis desain bitmap adalah objek gambar

yang dibentuk dengan raster/pixel/titik koordinat. Ketajaman warna dan detail gambar pada tampilan bitmap tergantung pada banyaknya pixel warna atau resolusi yang membentuk gambar tersebut. Program aplikasi grafis yang berbasis bitmap antara lain: Adobe Photoshop, Corel Photopaint, Microsoft Photo Editor, dan Macromedia Fireworks.

Page 6: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

• Desain VektorGrafis desain vektor adalah objek gambar yang

menggunakan titik-titik koordinat dan rumus-rumus tertentu. Pemakaian grafis vektor akan lebih irit dari segi volume file, tetapi dari segi pemakaian prosessor akan memakai banyak memori. Program aplikasi grafis vektor, antara lain CorelDraw, Macromedia Freehand, Adobe Illustrator, & Micrografx Designer.

Page 7: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Perbedaan Grafis Vektor dan Grafis Bitmap

Grafis Vektor Grafis Bitmap

Gambar tetap jelas ketika diperbesar Gambar kurang jelas ketika diperbesar

Tersusun oleh garis dan kurva Tersusun atas titik-titik / dot

Ukuran file yang dihasilkan kecil Ukuran file yang dihasilkan besar

Kualitas grafis tidak tergantung dari banyaknya pixel

Kualitas grafis tergantung dari banyaknya pixel

Page 8: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Menu Dan Ikon Corel Draw X5

Page 9: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Titlebar Menampilkan nama file yang sedang dibuka. Di sebelah kanan title bar terdapat ikon yang

berfungsi untuk meminimalkan, memaksimalkan tampilan hingga tampil penuh memenuhi layar komputer, dan menutup atau keluar dari lembar kerja CorelDRAW.

Menubar Berada di bawah title bar. Menu bar merupakan barisan menu-menu utama dalam

memberikan suatu perintah terhadap objek kerja, namanama menu bar adalah File, Edit, View, Layout, Arrange, Effects, Text, Tools, Window, dan Help.

Toolbar Pada toolbar berisi berbagai ikon atau perintah-perintah yang terdapat dalam menu bar.

Propertybar Merupakan sejenis toolbar yang bersifat sensitive. Property bar akan memberikan

informasi kontrol-kontrol yang berbeda, bergantung pada objek atau piranti gambar yang sedang di kerjakan.

Jendela Gambar Merupakan tempat untuk mengolah suatu objek. Anda dapat menggambar atau membuat

objek dengan bebas pada drawing window hingga melebihi tampilan kotak persegi panjang tersebut. Pada saat posisi ini Anda berada pada modus editable preview yang merupakan default dari CorelDRAW. Jika ingin melihat hasil kreasi objek dalam suatu media maka Anda harus melihat dengan perintah menu view, wireframe sehingga Anda dapat melihat seluruh tampilan secara lengkap dan siap untuk dicetak

Page 10: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Document Navigator Suatu saat Anda membutuhkan halaman lain untuk menggambar suatu objek/gambar

yang menunjang gambar lainnya. Untuk menambah halaman drawing window dapat digunakan fasilitas Page Counter berikut. Untuk berpindah antar halaman, klik nomor halaman bersangkutan pada Page Counter. Untuk menambah halaman baru caranya adalah dengan mengklik ikon (+). Semua halaman tidak akan tampil dalam page counter, untuk mencari halaman yang tidak tampil klik ikon.

Color Palet Merupakan fasilitas yang dapat Anda gunakan untuk memberikan warna, baik pada garis

luar (outline) maupun pada isi sebuah objek yang telah Anda buat. Color Palette berbentuk sebuah barisan warna. Warna yang disediakan oleh CorelDRAW berisi ratusan warna, untuk melihatnya Anda dapat mengklik tombol pada kedua ujung Color Palette tersebut. Jika Anda menggunakan klik kanan mouse, Color Palette akanbergeser pada warna yang pertama atau warna terakhir yang muncul pada layar.

Toolbox Merupakan kumpulan ikon-ikon yang utama dalam CorelDRAW dan memberikan akses

dalam melakukan perintah-perintah pada CorelDRAW sehingga dapat membantu Anda saat berkreasi. Anda dapat menggunakan Toolbox saat membuat, mengedit, dan mengatur sebuah objek. Letak Toolbox terdapat di sebelah kiri tampilan CorelDRAW.

Page 11: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Rulers Dapat dianalogikan dengan penggaris berguna untuk menentukan posisi serta ukuran

dari sebuah objek. Ketika Anda berkreasi membuat sebuah objek, kemudian Anda kesulitan untuk menentukan posisi, Anda dapat kembalikan objek ke posisi 0,0 dengan cara klik ikon di batas pinggir penggaris horizontal dan vertikal. Bentuk penggaris pada tampilan CorelDRAW akan berubah jika Anda melakukan kreasi dengan menyunting teks pada CorelDRAW. Dengan fasilitas tersebut Anda dapat melakukan tabulasi, indent, margin, dan pekerjaan penyuntingan lainnya seperti yang biasa Anda lakukan pada program pengolahan kata.

Hints Berisi tentang panduan atau tutorial bagaimana menggunakan CorelDRAW X5.

Page 12: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

BAB II

Page 13: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Mengubah Objek

Page 14: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Cara Membuat Garis Pada CorelDRAW 1) Klik Freehand Tool (F5) pada Toolbox.

Page 15: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

2) Klik lepas (jangan ditekan) mouse pada area kosong dan geser ke samping.

Page 16: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

3) Dengan tekan tombol Ctrl di keyboard geser mouse sedikit keatas kemudian tekan klik.

Page 17: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

4) Kemudian akan menghasilkan garis lurus horizontal seperti dibawah ini.

Page 18: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

5) Object garis masih dalam keadaan terpilih rubah ketebalan garis misalkan 1.0 mm.

Page 19: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

6) Hasilnya seperti ini.

Page 20: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Menggunakan Rectangle Tool1) Klik Rectangle Tool di Toolbox.

2) Tempatkan pointer pada lembar kerja CorelDRAW sehingga pointer akan berubah bentuk menjadi tanda +.

3) Klik pada daerah tertentu, kemudian drag secara diagonal, setelah mendapatkan ukuran yang sesuai lepaskan penekanan pada mouse.

Page 21: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Menggambar lingkaran dengan Ellipse Tool1) Klik Ellipse Tool di area Page Border, lakukan drag dengan arah mendatar

(horizontal) untuk mendapatkan bentuk elips atau drag ke arah diagonal untuk mendapatkan bentuk lingkaran.

Page 22: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Menggambar poligon1) Klik Polygon Tool(Y) pada Toolbox:

2) Lakukan drag pointer ke arah diagonal sampai mendapatkan bentuk poligon yang diinginkan.

Page 23: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Mengubah objek

Page 24: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Menduplikasikan Objek1) Cara Klik Kanan

Buatlah sebuah objek misalnya lingkaran. Aktifkan Pick Tool → Drag and drop (tarik objek dengan klik kanan ke posisi yang diinginkan)→ Klik kanan tetapi klik kiri jangan dilepas → lepas klik kiri

2) Crtl+D Selain klik kanan bisa juga dengan cara menekan tombol kombinasi Ctrl+D di keyboard. Aktifkan objek yang akan digandakan kemudian tekan Ctrl+D.

3) Fungsi TransformationsAktifkan objek yang akan digandakan → Klik menu Arrange → Transformations → Position

Page 25: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Memindahkan Objek1) Sebelum kita memindah objek (bisa berupa bentuk shape, line garis, image hasil

import dan lain sebagainya) secara rasional harus ada objek yang dipindah. Kita akan buat objeknya dulu, saya akan menggunakan Rectangle dan Ellipse Tool. Untuk menggunakannya Anda bisa memilih tool dan klik drag (agar simetris Anda bisa gunakan tombol CTRL dan Klik +Drag)

Page 26: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

2) Pilih tool Pick Tool yang berada pada urutan teratas toolbox, pindahkan persegi dan lingkarannya dengan cara klik dan drag pada salah satu objek. Atau memilih dengan menyinari keduanya atau SHIFT + KLIK pada objek.

Page 27: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Mengubah Ukuran ObjekObjek bisa diperbesar atau diperkecil jika objek tersebut sudah diseleksi/dipilih, ditandai dengan adanya persegi berwarna hitam disekeliling objek terpilih. Jika objek sudah dipilih menggunakan pick tool maka selanjutnya arahkan pointer mouse Anda di atasnya sehingga Pointer mouse Anda berubah menjadi panah.

Page 28: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Merotasikan ObjekObjek bisa diputar jika objek tersebut sudah diseleksi/dipilih, ditandai dengan adanya persegi berwarna hitam disekeliling objek terpilih. Jika objek sudah dipilih menggunakan pick tool maka selanjutnya klik sekali lagi pada objek tersebut sehingga ada indikasi rotate (persegi berwarna hitam berubah menjadi panah melingkar). Selanjutnya Anda bisa memutarnya. Jika Anda menginginkan objek berputar sesuai porosnya yang baru, Anda harus memindah poros-nya dengan cara klik dan geser pada ikon poros. Anda juga bisa memutar objek dengan sudut pasti melalui properti bar Angle of Rotation. Atau sambil memutar Anda bisa kombinasi dengan menekan tombol CTRL agar putaran bersudut 15 – 15 ( sesuai sudut putaran secara default).

Page 29: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

BAB III

Page 30: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Mengubah Objek

Page 31: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

1) Buka aplikasi CorelDraw X5.

2) Buat bentuk segi empat dengan Rectangle Tool.

Page 32: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

3) Kemudian Pilih Shape Tool, lalu klik kanan pada kotak tadi dan pilih Convert To Curve.

Page 33: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

4) Klik kanan tepat di garis kotak sebelah kanan, kemudian klik To Curve.

Page 34: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

5) Jika benar, akan terlihat dua titik panah saling berhadapan seperti terlihat di gambar.

Page 35: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

6) Drag kedua panah tersebut dan posisikan seperti gambar di bawah.

Page 36: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

7) Setelah itu klik di sembarang tempat (diluar objek) maka garis sebelah kanan kotak tadi akan menjadi lengkungan.

Page 37: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Membuat Logo

Page 38: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

1) Gunakan pen tool yang terletak pada tool box sebelah kiri. Klik poin – poin tersebut hingga membentuk pola dasar apple. Seperti gambar dibawah ini.

Page 39: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

2) Gunakan shape tool pada tool box. Kemudian klik kanan mouse dan pilih menu convert to curve. Seperti gambar dibawah ini.

Page 40: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

3) Dengan menggunakan shape tool maka atur arah panah pada biru sesuai kelengkungan seperti gambar di bawah ini.

Page 41: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

4) Lalu gunakan pen tool untuk membentuk daun pada logo apple seperti gambar dibawah ini.

Page 42: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

5) Dengan shape tool maka daun logo apple dilengkukkan tiap poinnya dengan klik kanan mouse anda lalu pilih convert to curve, sehingga seperti gambar diawah ini.

Page 43: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

6) Berikan warna dasar biru dengan uniform fill (shift + f11), dan ketikkan C= 100 , M=20 , Y=0, K=0, seperti gambar dibawah ini.

Page 44: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

7) Duplikat daun dan apple dengan cara klik logo tersebut lalu tekan ctrl + C (copy) kemudian ctrl + V (Paste) dan perkecil ukuran hasil kopy tersebut dengan cara klik sambil tekan shift secara simetri lalu gunakan fountain fill (f11) pada objek logo apple dengan ketentuan sebagai berikut

Page 45: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

8) Maka hasil setelah diberikan gradien pada logo apple maka hasilnya seperti dibawah ini.

Page 46: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

9) Gunakan pen tool untuk membentuk objek baru , klik poin –poin pada sisi atas logo apple. Dan dilengkungkan dengan shape tool sdan diberikan warna putih. Sehingga seperti gambar dibawah ini.

Page 47: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

10) Lalu berikan transparan tool yang berada pada tool box sebelah kiri. Setelah itu tarik angle untuk membuat pantulan logo apple.

Page 48: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

11) Hasil akhir pembuatan logo apple adalah seperti gambar dibawah ini.

Page 49: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

Menggabungkan Teks dengan

Objek

Page 50: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

1) Ketik dengan Text tool di Toolbox, ubah dengan jenis font "Arial Black"

Page 51: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

2) Seleksi objek text, di keyboard pijit tombol Ctrl+Q kemudian pijit Ctrl+K, hasilnya kayak dibawah ini.

Page 52: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

3) Kurva tersebut akan mrotoli/pecah-pecah jadi beberapa objek, dan objek yang tidak tampak bisa diberi warna lain, misalmya warna merah, kemudian seleksi dan delete;

Page 53: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

4) Selanjutnya pada Menu Bar > Text > Insert Symbol Character (atau pijit Ctrl+F11), maka akan tapil docker window Insert Character, pilih yang nyrempet-nyrempet Animal, dan tinggal seret saja keluar kalau yang dibutuhkan objek kurva, seperti gambar dibawah ini;

Page 54: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

5) Beri warna merah dengan memilih warna di Color Palette, atur atau tata dengan rapi pada tempat yang dimaksud, selanjutnya seleksi semua objek dan pijit tombol Combine di Property Bar;

Page 55: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

6) Hasilnya akan seperti gambar dibawah ini;

Page 56: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

7) Kita juga bisa mengkombinasikan dengan objek kurva baru, misal kita buat objek kotak dan kita beri warna merah dibelakangnya;

Page 57: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

8) Kemudian seleksi semua objek dan klik tombol Combine;

Page 58: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis

9) Sehingga hasilnya akan seperti gambar dibawah ini

Page 59: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis
Page 60: Teknologi Informasi dan Komunikasi dalam Mengaplikasikan Desain Grafis