Tutorial Komputer Grafis

PERTEMUAN I

PENDAHULUAN KOMFIS

Dalam Mata Kuliah Komputer Grafis akan dipelajari beberapa keahlian yang berkaitan dengan pembuatan objek yang berupa 2D dan 3D. Namun dalam pertemuan kali ini hanya akan di bahas tentang 2D saja dikarenakan pembahasan 3D sudah mencakup Animasi.

Dalam mengerjakan Komputer Grafis yang paling utama adalah di butuhkan adalah perangkat pengolah dari grafik itu sendiri yaitu perangkat komputer. Berbeda dengan tahun 80-an dimana grafis dikerjakan dengan cara manual yang mencampurkan beberapa teknik seperti rugos dengan menggunakan point (size/ukuran).

Sekarang grafis dikerjakan dengan perangkat pintar berupa komputer yang didukung oleh software pengolah grafik seperti, Adobe Photoshop, Macromedia Freehand dan Adobe Phase Maker.

Photoshop digunakan untuk pencitraan photo digital dengan mencantumkan beberapa teknik pencitraan terintegrasi. Macromedia Freehand sama seperti Photoshop hanya lebih kepada vector dan garis. Adobe Phase Maker lebih profesional dengan fungsi untuk pembuatan majalah, buku dan lainnya.

Dalam grafis ada istilah art dan fungsi yang memiliki makna art berarti keindahan dan fungsi berarti kebutuhan. Dalam dunia komputer grafis konsumen juga memiliki peranan penting, jadi pembuat disain tidak boleh terlalu mementingkan ego sendiri melainkan harus 50 % ego pembuat dan 50 % kebutuhan konsumen.

PERTEMUAN II

MEMULAI KERJA DENGAN PHOTOSHOP


Adobe Photoshop dimulai dari versi 2.0 – CS 3,. Kelebihan dari Adobe Photoshop CS yaitu memiliki jendela Animasi. Adobe Photoshop ini dikenal dengan pengolah gambar atau photo. Tapi Adobe Photoshop ini merupakan aplikasi yang dirancang untuk membuat suatu disain baik gambar maupun interface sebuah web.

Photoshop dibuat oleh Adobe Corp. yang merupakan salah satu perusahaan terbesar di dunia dibidang teknologi perangkat lunak dan ditunjukan untuk para perancang atau disainer di lingkungan home and small business users, creative professional dan para pengguna di lingkungan interface.

Namun penulis sendiri menjalankan Aplikasi Adobe dengan Versi Adobe Portable CS3, dikarenakan fleksibelitas yang memudahkan penulis dalam mengerjakan desain grafis.

Menjalankan Aplikasi Photoshop
Aplikasi Photoshop secara teknis dapat di jalankan dengan dua cara yaitu :

Dengan short cut.
Dengan cara double-click menggunakan mouse maka aplikasi Adobe akan terbuka.



















Dengan Menu Start Program.

Klik pada Start Menu Button sorot Program lalu Adobe Photoshop CS3 Portable. Maka Aplikasi akan terbuka dan siap dijalankan.





















Setelah aplikasi terbuka maka akan tampil jendela sebagai berikut.



Membuat Kanvas Baru.

Kanvas merupakan kertas atau media yang digunakan untuk mengedit atau membuat image baru. Untuk pembuatan kanvas baru tersebut, kita dapat melakukan langkah sebagai berikut:



1. Klik Menu File kemudian pilih New.

2. Akan muncul jendela seperti yang nampak pada gambar:

Gambar diatas merupakan default dari photoshop (versi yang digunakan), dengan penjelasan sebagai berikut:

• Name merupakan nama yang nantinya akan menjadi nama dokumen yang kita olah.
• Preset merupakan ukuran yang akan dibuat, ada beberapa ukuran yaitu:

• Width merupakan ukuran lebar dar kanvas. Dengan beberapa macam ukuran namun disarankan memakai pixel dengan ukuran 640.
• Height merupakan tinggi sebuah kanvas. Penulis menyarankan menggunakan 480.
• Resolution merupakan resolusi gambar. Secara default akan muncul 72 pixel / inch. Namun pada gambar olahan yang baik di sarankan memakai 300 pixel / inch. Image dengan resolusi tinggi menghasilkan ukuran pixel yang lebih kecil dan lebih padat.
• Color Mode merupakan jenis warna yang akan di gunakan. ( Bitmap, Grayscale, RGB, CMYK dan Lab)
• Background Content merupakan jenis background ang digunakan.


Pallet-Pallet pada Photoshop
a. Pallet Navigator
terdapat 3 tab yaitu:
• Navigator merupakan penyesuaian kanvas untuk memperbesar dan memperkecil tampilan kanvas.
• Info merupakan suatu informasi dari kanvas atau jenis warna yang digunakan.
• Histogram merupakan suatu sonar dari warna yang di gunakan.

b. Pallet Color
Terdapat tiga tab tang terdiri dari Color dan Swatches pallet untuk pewarnaan, sedangkan Style merupakan warna yang telah disisipi oleh beberapa efek.

c. Pallet Layer
• Layer memunculkan navigasi layer yang sedang aktif digunakan
• Chanel merupakan jenis warna gambar yang dibuat.
• Path merupakan tempat di mana gambar di ambil / import.


PERTEMUAN III

MENGEDIT GAMBAR
Pada pertemuan ini akan di lakukan pengeditan gambar pada Photoshop. Dengan menggunakan beberapa toolbar.

1. Buka Aplikasi Photoshop.
2. Selanjutnya klik File pada Menu Bar dan pilih New. Lalu akan muncul jendela seperti pada gambar. Untuk isian pada kolomnya, Width : 640, Height : 480, Resolution : 300. Setelah itu tekan OK. Setelah itu akan tampil jendela Kanvas Background. Setelah itu klik icon Creat New Layout pada bagian bawah Pallet Layer.
3. Untuk menyeleksi gambar buka terlebih dahulu gambar yang akan di seleksi. Klik File lalu pilih Open. Pilih gambar yang akan di seleksi lalu klik Open.

a. Menyeleksi Citra
• Klik Rectangle Tools
• Seleksi gambar yang sudah di buka sebelumnya
• Ketik Ctrl+C
• Ketik Ctrl+V pada layer pertama yang sudah di buat.
• Untuk membuatnya lebih sesuai dengan ukuran yang di inginkan maka bisa mengetikkan Ctrl+T lalu rubah ukurannya dengan gragging + tombol Shift pada keyboard.
b. Membuat Text
• Klik Type Tool pada toolbar.

• Klik pada gambar yang kita ingin tambahkan text. Pada tulisan ini penulis meng-add pada gambar yang di kerjakan pada tulisan sebelumnya.
• Mulai tulisan yang diinginkan.
• Untuk mengeditnya ada beberapa pilihan dalam memformat.
a. Untuk memperbesar dan memperkecil Text, ketik Ctrl+A lalu tekan Ctrl+Shift+> untuk memperbesar dan Ctrl+Shift+< untuk memperkecil. Atau dengan menggunakan Navigasi pada bagian atas.
b. Untuk merubah letaknya, ketik Ctrl+A, Lalu tekan Ctrl sembari Dragging k earah tempat yang diinginkan diletakannya teks.
c. Ada beberapa Format lainnya. Seperti, Font Size, Color Text, dan lainnya.


PERTEMUAN IV

MENGEDIT GAMBAR DENGAN MENGGUNAKAN CMYK

Pada pertemuan III di bahas bagaiman cara menyeleksi gambar dengan bekerja pada warna yang terintegrasi dalam aplikasi. Diantaranya yaitu RGB dan CMYK.

1. Kita aktifkan terlebih dahulu aplikasi Photoshop. Penulis menggunakan Aplikasi Photoshop CS3.

2. Selanjutnya klik File pada Menu Bar dan pilih New. Lalu akan muncul jendela seperti pada gambar. Untuk isian pada kolomnya, Width : 640, Height : 480, Resolution : 300. Setelah itu tekan OK. Setelah itu akan tampil jendela Kanvas Background. Setelah itu klik icon Creat New Layout pada bagian bawah Pallet Layer.
3. Untuk menyeleksi gambar buka terlebih dahulu gambar yang akan di seleksi. Klik File lalu pilih Open. Pilih gambar yang akan di seleksi lalu klik Open. Seteleh muncul, drag gambar ke dalam kanvas.

4. Klik Image pilih Mode lalu pilih CMYK Color seperti pada gambar di sebelah kanan. Pilih Don’t Flatten. Karena jika Flatten maka Layernya akan bersatu.
5. Klik Chanel pada Pallet. Klik Cyan pada Pallet.
6. Klik Marque Tool.

7. Seleksi gambar yang diingan menggunakan Rectangular Marque Tool. Kemudian tekan Ctrl+C, lalu tekan Ctrl+N. akan muncul jendela lagi tekan saja OK. Kemudian tekan Ctrl+V. Akan tampak seperti pada gambar berikut:

8. Klik File ,Save. Akan tampak tampilan seperti gambar. Pilih JPEG pada Format. Jangan lupa menamai File pada kolom File Name. Tekan Save.


PERTEMUAN V & VI

MEMBUAT BROSURE

1. Kita aktifkan terlebih dahulu aplikasi Photoshop. Penulis menggunakan Aplikasi Photoshop CS3.

2. Selanjutnya klik File pada Menu Bar dan pilih New. Lalu akan muncul jendela seperti pada gambar. Untuk isian pada kolomnya, Width : 640, Height : 480, Resolution : 300. Setelah itu tekan OK. Setelah itu akan tampil jendela Kanvas Background. Setelah itu klik icon Creat New Layout pada bagian bawah Pallet Layer.
3. Untuk menyeleksi gambar buka terlebih dahulu gambar yang akan di seleksi. Klik File lalu pilih Open. Pilih gambar yang akan di seleksi lalu klik Open. Seteleh muncul, drag gambar ke dalam kanvas.

4. Lalu dengan Fasilitas Yang ada pada Text Tool kita Masukan beberapa kata agar brosure menjadi lebih informatif.
• Masukan kalimat “Computer Grafic Design”. Setelah itu ketik Ctrl+A lalu ketik lagi Ctrl+Dragging, usahakan berada di tengah. Lalu klik akan jendela pemilihan warna. Pilih warna lalu tekan OK. Lalu klik icon lalu pilih Wrap Text Style kolom dengan Flag, tekan OK.
• Dengan cara yang sama buat bacaan “Free Competition”. Buat dengan Wrap Text dan Warna berbeda agar menarik. Gunakan juga cara yang sama dengan menambahkan beberapa kata-kata seputar tema brosure yang akan di buat. Hasilnya akan seperti berikut:

• Karena pada awal pembuatan masih menggunakan format warna RGB, maka terlebih dahulu kita rubah ke dalam CMYK.
 Klik Image pada menubar pilih Mode lalu pilih CMYK Color. Biasanya akan muncul seperti ini:

 Klik Don’t Flatten agar Layer pada Color todak bersatu.

5. Jika pemformatan telah selesai maka tinggal menyimpannya.
• Klik File pada menubar, pilih Save. Akan ada tampilan sebagai berikut:

• File Name diisi dengan nama File yang ingin sesuai keinginan. Penulis memasukan “contoh_brosur”.
• Untuk Format rubah kedalam .JPEG
• Lalu Klik Save.
• Lalu akan Muncul : Klik saja OK.
Brosur telah siap dicetak dengan menggunakan Fasilitas Word.

PERTEMUAN VII

MACROMEDIA FREEHAND



Seperti yang telah dikemukakan pada awal penulisan, Macromedia Free Hand adalah salah satu Software penunjang dalam mengolah gambar digital. Namun Macromedia Freehand secara spesifik lebih berurusan dengan vector grafis yang berurusan dengan disain grafis, model / mebel.

Kelebihan dari Macromedia Freehand yaitu bias menampung 75 halaman ukuran leter untuk pengolahan gambarnya. Kelebihan lainnya bila dibandingkan dengan Adobe Photoshop adalah tidak adanya layer. Dengan begitu pengolahannya akan menjaadi lebih fleksibel tanpa harus menukar layer terlebih dahulu ketika akan melakukan pengeditan.

Menjalankan Aplikasi Macromedia Freehand.
Ada dua cara menjalankan Aplikasi ini yaitu:
1. Dengan Shortcut

Macromedia Freehand



2. Klik Start, pilih Program, Macromedia Freehand 10, Freehand 10.


Setelah di jalankan maka akan tampil sebagai berikut:


ada beberapa pilihan, namun karena kita akan membuat file baru klik New saja.



tampilan untuk file baru akan jadi seperti ini.

Ada beberapa Toolbar yang terdapat dalam Aplikasi ini:





1. Tool bar, berisi kumpulan alat-alat gambar.



2. Ispector Pallet, berisi Tab Object, Stroke, Fill, Text, Document.



3. Panels Pallet, berisi Swatces, Layer, Style, Color Mixer dan Tints.







Membuat Dokumen Baru.
• Klik Document pada Inspector Pallet. Lalu klik tanda panah, pilih add page. Pilih paper size lalu tekan OK. Untuk melihat halaman-halamannya bisa menggunakan Scroll pada Aplikasi.



Menggunakan Warna-Warna.
• Pada Pallet Panel, pilih tab Color Mixer lalu klik pada HLS.
Sroll CMYK Drag disini
• Geser Scroll sampai kira kira seperti tampak pada gambar.
• Pilih warna dengan menggunakan Mouse, klik CMYK. Lalu Drag pada bagian yang di tunjukkan layer ke dalam Swactces Tab pada Pallet yang ada di atasnya.

• 24c 6m77y 0k adalah warna yang di pilih tadi.
• Warna itu digunakan untuk mengolah gambar. Klik Warna tersebut, lalu pilih bentuk dari Toolbar, buat pada kanvas. Hasilnya akan seperti berikut:
format ini bias bekerja pada semua bentuk. Jika ingin mengganti warna tinggal klik pada daftar warna yang didinginkan namun harus membuatnya dengan cara yang sama seperti dia atas terlebih dahulu.