2014 DESAIN GRAFIS & APLIKASI PERKANTORAN

2013/2014

MATERI PELATIHAN 2

Oleh : F. Denie Wahana, S.Kom

DESAIN GRAFIS & APLIKASI PERKANTORAN Materi Pelatihan Staf Tata Usaha

SMP Negeri 1 Salatiga – Halaman 0

PETA MATERI PELAKSANAAN PELATIHAN STAF TATA USAHA SMP NEGERI 1 SALATIGA TAHUN PELAJARAN 2013/2014

PERTEMUAN No

MATERI 1

1

2

3

4

5

6

√

√

7

8

√

√

AMP Font Viewer 1. 2. 3. 4. 5. 6. 7. 8. 9.

Mengenal Download Menginstall Membuka dan memulai Mengenal Area Kerja Pengaturan dan penggunaan Menghapus Font Menambah Font Latihan mendownload font

2

Mengenal jenis-jenis ekstensi file komputer

3

Mail Merge

4

Adobe Photoshop

5

CorelDraw

√

√

√ √

Materi Pelatihan Staf Tata Usaha


Mengenal File PNG [Portable Network Graphic]

PNG adalah file gambar yang sejenis dengan JPEG, dimanakah perbedaan ekstensi dari JPEG dengan PNG? File JPEG merupakan [Join Photographic Expert Group] File gambar yang paling banyak bertebaran di harddisk komputer. JPEG adalah perkembangan dari JPG [versi jadulnya JPEG]. Dilihat dari fungsi yang paling dasar adalah yang akan kita pelajari pada pertemuan kali ini. Untuk lebih jelasnya mari kita pelajari satu persatu Perhatikan gambar dibawah ini!

Kemudian kita coba import ketiga file tersebut satu persatu di program aplikasi pengolah kata Microsoft Word Langkahnya adalah sebagai berikut : 1. Bukalah program aplikasi Microsoft Word 2. Sisipilah suatu shapes kemudian berilah warna shapes tersebut dengan warna kesukaan anda



3. Kemudian sisipkan file Logo.bmp, Logo.jpg, dan Logo.PNG

4. Perhatikan hasil dibawah ini



5. Semua File dari yang berekstensi BMP, JPG dan PNG mempunyai warna background putih. Akan tetapi setelah kita sisipkan kedalam suatu dokumen yang mempunyai warna ternyata kondisi dokumen menjadi tertutup oleh warna background putih tersebut. Sedangkan file Logo.PNG yang ketika kita preview memiliki warna backgound putih ternyata memiliki warna background yang ada transparan, yang mana awal mula ketika sebelum disimpan warna background telah dihapus dan disimpan dalam format PNG yang mampu menyimpan transparasi warna background 6. Jadi fungsi dari file PNG adalah kemampuan menyimpan transparansi backgroud suatu gambar dengan masih memiliki kualitas bit penyimpanan warna yang lebih baik dari pada file yang berekstensi JPG 7. Bagaimana langkah membuat file JPG, BMP dan PNG???

Langkah mengconvert jenis file gambar : 1. Bukalah program aplikasi pengolah grafis Adobe Photoshop 2. Kemudian buka file Logo.bmp

3. Klik File – Save As



4. Pada Format kita bisa klik anak panah kebawah untuk mencari ekstensi file yang kita inginkan

5. Jika sudah kita akhiri dengan klik SAVE

Akan tetapi cara tersebut hanya akan menurunkan kualitas gambar karena dari BMP ke JPG. Dan dengan cara tersebut tidak akan bisa menghasilkan seperti apa yang kita ingikan meski sudah kita pilih PNG Untuk membuat file gambar berekstensi PNG langkah yang benar adalah sebagai berikut: 1. Unduh File Logo.BMP yang ada diblog webdenie.wordpress.com

pada kategori Materi

Pelatihan atau bisa anda menggunakan search engine google.com untuk mencari logo SMP Negeri 1 Salatiga 2. Simpan kedalam Folder Latihan anda masing-masing 3. Bukalah program aplikasi pengolah grafis Adobe Photoshop 4. Kemudian buka file Logo.bmp yang ada di folder anda

5. Kita buka dulu kunci keamanan warna dari layer background, dengan cara double klik ikon gembok yang ada pada layer backgound dam klik OK



Setelah kita buka, maka layer backgound akan berubah menjadi layer 0

6. Klik Magic Wand Tool pada tool



7. Langkah selanjutnya kita kita arahkan pointer ke backgound gambar yang akan kita hilangkan, kemudian tinggal kita klik, sehingga gambar menjadi seperti dibawah ini

8. Selanjutnya kita tinggal tekan tombol delete pada keyboard, sehingga gambar akan berubah menjadi seperti dibawah ini



9. Kemudian langkah terakhir tinggal kita simpan, dan jangan lupa format ekstensinya kita rubah ke PNG

10. Tulis nama file jika diperlukan jika ingin menggantinya dan kita klik SAVE untuk mengakhiri

11. Jika ada pertanyaan pilihn kita klik OK

Latihan 1. 2. 3. 4.

Carilah file Logo sederhana yang berekstensi JPG di internet Kemudian simpanlah file tersebut kedalam folder Hilangkanlah warna background menjadi transparan dan simpanlah menjadi berekstensi PNG Cobalah untuk mengimport file PNG yang baru kita buat kedalam suatu dokumen yang bisa menunjukkan bahwa file PNG tersebut sesuai dengan yang kita inginkan



Gambar-gambar untuk latihan ini diambil dari hasil penelusuran padasearch engine google.com, yang hanya bersifat untuk latihan tanpa ada maksud selain itu. Mohon maaf jika ada kesalahan. Cara mengedit Background Foto melalui Adobe Photoshop 1. Persiapkan file gambar yang akan diedit 2. Buka program Adobe Photoshop 3. Buka file gambar yang sudah dipersiapkan tadi

4. Buka kunci layer pada jendela layer yang ada disebelah kanan bawah, dengan cara double klik gambar gembok yang ada pada jendela layer

5. Jika muncul kotak dialog, maka kita tinggal klik OK

6. Langkah selanjutnya kita buat layer baru dengan cara klik Create New Layer pada jendela layer



7. Sehingga tampilan menjadi seperti dibawah ini

8. Kemudian kita balik posisi Layer, Layer 1 ada dipaling bawah

9. Langkah selanjutnya kita pilih layer 0 dengan cara klik layer 0

10. Kemudian kita pilih Magic Wand Tool, untuk menyeleksi backgroung yang akan kita ganti



11. Langkah selanjutnya kita seleksi background dengan cara klik backgound yang akan kita pilih sehingga gambar menjadi seperti dibawah ini

12. Untuk menghapus tinggal kita tekan tombol delete pada keyboard

13. Langkah selanjutnya kita hilangkah area seleksi dengan cara klik Select – Deselect



14. Sehingga tampilan seperti dibawah ini

15. Sebelumnya kita lanjutakan kita coba perbesar jendela file gambar dengan klik Maximize supaya gambar terlihat satu layar penuh dan akan mempermudah dalam proses editing



16. Sehingga gambar menjadi seperti dibawah ini

17. Untuk mempermudah dalam proses pembersihan sisa warna kita bisa menggunakan fasilitas navigator yang ada disebelah kanan atas

18. Cara menggunakan tinggal kita drag kekiri untuk mengecilkan gambar dan kekanan untuk membesarkan gambar 19. Untuk kali ini kita coba perbesar sampai 300%



20. Sehingga gambar seperti dibawah ini

21. Untuk menempatkan pada posisi yang kita inginkan kita bisa menggunakan banyak cara, diantaranya adalah : 1. Scrollbar Vertical dan scrollbar horizontal 2. Scroll pada mouse 3. Jendela viewer pada navigator Yaitu dengan cara kita drag and drop (klik tahan kemudian geser ketempat yang kita inginkan)

22. Langkah selanjutnya kita tinggal membersihkan sisa-sisa warna background dengan menggunakan ereaser tool



23. Dalam menggunakan erease tool kali kita coba untuk mengurangi persentase opacity menjadi 40%

24. Brush (Master Diameter) kita rubah menjadi 10 dan Hardnes 100% dengan cara mendrag tombol gesernya atau kita isi kotak px

25. Selanjutnya kita coba untuk menghapus sisa warna dengan pelan-pelan dan sedikit demi sedikit, sedikit goresan untuk menghapus kemudian kita ulang lagi. Tekniknya seperti jika kita mengecat sesuatu, yaitu dengan mengecat tipis terlebih dahulu kemudian setelah kering kita cat lagi. Beda hasil jika dengan langsung kita cat tebal.



26. Proses penghapusan siswa warna memerlukan ketelitian dan kesabaran yang lebih, opacity, master diameter brush dan hardness silahkan anda mulai tentukan dan coba sendiri sesuai dengan kebutuhan dalam proses penghapusan siswa warna sampai selesai.

27. Kemudian kita coba warnai layer 1 untuk menjadi background dari gambar dengan cara kita klik layer 1 pada jendela layer.

28. Langkah berikutnya kita klik foreground pada jendela tool untuk menentukan warna yang akan kita inginkan



2

1

29. Pada color picker kita bisa menetukan warna dengan memilih warna apa yang kita inginkan dengan cara klik warna mana yang akan kita gunakan 30. Untuk kali ini kita coba bersama dengan memasukkan kode warna seperti yang ada pada gambar diatas supaya kita mendapatkan warna merah yang sama

31. Untuk mengakhiri color picker kita tinggal klik OK 32. Langkah selanjutnya kita klik Paint Bucket Tool



33. Kita bisa memunculkan tool yang tersembunyi dengan klik kanan pada sudut kanan bawah tool seperti gambar dibawah ini

34. Langkah selanjutnya kita arahkan pointer ke gambar dan kita klik sampai muncul warna yang kita inginkan

35. Sehingga gambar akan berubah menjadi seperti dibawah ini

36. Jika gambar sudah sesuai dengan yang kita inginkan langkah berikutnya adalah menyimpan gambar ini dengan cara klik File – Save As



37. Kemudian akan tampil gambar seperti dibawah ini

1

2

38. Pada save in kita arahkan ke folder Latihan yang sudah pernah kita buat di Local Disc (D:) 39. Pada File kita ketik nama file : Latihan Edit Foto 40. Pada Format kita akan pilih 1. Photoshop (*.PSD;*.PDD) – untuk menyipan gambar master asli yang barusan kita buat Jenis ekstensi ini nantinya hanya bisa dibuka pada komputer yang suudah terinstall Adobe Photoshop 2. JPEG (*.JPG;*.JPEG;*.JPE) – untuk menyimpan gambar hasil jadi yang telah kita buat Jenins ekstensi ini nantinya bisa dibuka disemua komputer 41. Jika kita pilih penyimpanan yang pertama akan muncul gambar seperti dibawah ini, tinggal kita klik OK

42. Kemudian kita coba untuk klik File – Save as



43. Maka akan muncul gambar seperti dibawah ini

44. Gambar diatas merupakan pilihan kualitas penyimpanan, mulai dari Low, Medium, High dan Maximum 45. Disini sesuai dengan kebutuhan, jika hanya ingin ditampilkan maka kita cukup pilih High, tetapi jika kita ingin mencetaknya maka kita bisa memilih yang Maximum supaya kualitasnya benar-benar maksimal 46. Kemudian kita klik OK untuk mengakhiri proses penyimpanan ini

Latihan 1. Download bahan untuk latihan gambar yang yang di blog webdenie.wordpress.com pada Kategori Baru – Materi Pelatihan

2. Pindah hasil download tadi ke Folder Latihan pada Local Disc (D:) 3. Ekstrak File dengan pilihan Extract to BahanLatihan\ sehingga muncul macam-macam gambar untuk latihan 4. Pilih salah satu gambar yang ada dan lakukan pengeditan background sesuai dengan materi yang telah dipelajari 5. Simpan hasil masternya dengan nama file : Latihan Edit Foto2.psd dan file hasil jadinya dengan nama file : Latihan Edit Foto2.jpg



Latihan CorelDraw X3 1. Bukalah aplikasi pengolah grafis CorelDraw X3

2. Untuk memulai kita bisa memilih New pada Welcome Screen 3. Langkah awal kita harus mengatur halaman, dengan cara klik Menu Bar Layout – Page Setup

4. Kemudian kita ganti satuan unit gambar dari milimeters menjadi centimeters

1

2



5. Langkah berikutnya kita isi Width : 10 dan Height : 10

6. Untuk mengakhiri kita klik OK 7. Latihan berikutnya kita coba untuk membesarkan dan mengecilkan tampilan menggunakan scroll pada mouse 8. Kemudian kita coba buat kotak dengan cara klik Rectangle Tool pada Toolbox, kemudian kita drag pada area kerja

9. Selanjutnya kotak yang barusan kita buat kita ganti ukurannya menjadi Panjang 2cm Lebar 2cm, dengan cara sebagai berikut



10. Kemudian kita coba rubah ukuran garis tepi menjadi 1 cm, dengan cara kita klik outline width kemudian kita klik 1,0 mm/ 1 cm. Perhatikan gambar berikut ini

11. Langkah berikutnya kita coba import file gambar 1.jpeg dari folder Bahan Latihan, dengan cara klik File – Import, sehingga gambar seperti dibawah ini

12. Kemudian ganti look in ke Folder BahanLatihan di Local Disc (D:) 13. Setelah itu kita klik file gambar 1.jpeg dan klik import



14. Langkah selanjutnya kita drag disembarang tempat supaya gambar muncul 15. Setelah gambar muncul kita masukkan kedalam kotak, dengan cara klik gambar kemudian klik Effect – PowerClip – Place Inside Container

16. Kemudian akan muncul pointer dengan gambar anak panah besar, langkah kita kita arahkan pointer tersebut ke dalam kotak kemudian tinggal kita klik




18. Langkah berikutnya kita perbaiki posisi gambar dengan cara : klik kanan gambar – Edit contents

19. Perhatikan garis kita yang asalnya hitam tebal menjadi tips, gatis tipis itu adalah batas ukuran dari kotak yang sudah kita buat sebelumnya yaitu 2 cm x 2cm, jadi tingggal kita sesuaikan gambar dengan kotak dengan cara klik gambar, kemudian kita geser/ atau kita tambah atau kurangi ukurannya sampai pas dengan garis tipis

20. Untuk mengakhiri kita klik kanan gambar kemudian klik Finish Editing This Leves




22. Selanjutnya kita buat kotak baru dengan ukuran 2,2 cm x 2,6 cm, dan outline width 0,25

23. Lakukan penataan supaya kotak seperti contoh diatas 24. Kemudian kita coba sisipkan tulisan dengan klik Text Tool pada toolbox



25. Kemudian arahkan pointer ke tempat tulisan dan kita klik 26. Setelah itu kita ketik tulisan KETUA dengan jenis font Berlin Sans FB Demi, ukurannya 10 pt dan posisikan supaya seperti gambar di bawah ini

27. Selanjutnya kita latihan untuk memilih objek, entah itu kotak, gambar atau tulisan 28. Langkahnya pertama kita klik Pick Tool pada Toolbox

29. Kemudian kita klik objek mana yang akan kita pindah, kemudian untuk memindah kita klik tahan kemudian kita geser 30. Dalam proses pemindahan objek kadang kita kelebihan dalam klik, sehingga malah muncul fungsi rotasi



31. Hal ini bisa diatas dengan klik sembarang tempat, kemudian baru kita coba lagi, sampai seperti gambar berikut ini

32. Latihan berikutnya kita coba untuk membuat garis lurus, yaitu menggunakan Freehand Tool pada Toolbox

33. Kemudian kita klik satu kali pada area kerja 34. Setelah itu kita geser sesuai dengan tempat yang kita inginkan atau sampai garis keluar dalam keadaan lurus atau tidak melengkung



35. Setelah garis kelur kita coba untuk merubah tinggi : 0,5 mm dan Outline Width : 0, 25 mm

36. Latihan tadi untuk dasar ketika kita akan membuat garis dengan ketentuan tertentu 37. Latihan berikutnya kita akan menggabungkan objek yang sudah ada dengan tujuan supaya mudah dalam proses editin, yaitu dengan cara : kita klik tahan di sekitar objek kemudian kita drag sehingga semua objek bisa masuk dalam kotak yang bergaris setrip-setrip seperti gambar dibawah ini

38. Kemudian hasilnya adalah sebagai berikut



39. Selanjutnya klik kanan object – Group

40. Untuk memisahkan dari group tinggal kita klik kanan object – ungroup

41. Untuk mempercepat kerja setelah kita buat group, group tersebut tinggal kita copy – paste, dengan cara klik kanan object – copy, kemudian klik sembarang tempat terus klik kanan lagi terus klik paste



42. Kemudian hasilnya adalah seperti dibawah ini

43. Hasil copy-an udah dikeluarkan akan tetapi posisi objek awal dengan hasil kumpul jadi satu, langkah berikutnya tinggal kita drag gambar supaya hasilnya terlihat



Gambar diatas merupakan proses drag atau memindah objek

44. Setelah ada dua group objek maka kita manfaatkan salah satu group objek, yaitu memanfaatkan dengan hanya mengganti foto dan tulisan saja, dengan demikian kita akan memanfaatkan waktu yang banyak 45. Caranya adalah pertama kita ungroup salah satu group objek yang ada, yaitu dengan klik kanan group object - ungroup



46. Langkah selanjutnya adalah kita klik sembarang tempat supaya tidak ada object yang terpilih 47. Selanjutnya kita klik kotak yang ada gambarnya

48. Selanjutnya kita arahkan pointer ke tengah object, kemudian kita klik kanan – Edit Contetns 49. Sehingga object berubah seperti berikut ini

50. Kemudian kita klik gambar dan tekan tombol delete untuk menghapus gambar



51. Langkah selanjutnya kita import gambar lain, misal disini kita akan mengimport gambar 2.jpeg

52. Kemudian kita klik file gambar 2.jpeg dan akhiri dengan klik import



53. Sehingga akan muncul gambar berikut ini

54. Kemudian tinggal kita drag supaya keluar gambarnya

55. Langkah selanjutnya kita atur gambar supaya sesuai dengan kotak, atau sesuai dengan keinginan kita



56. Untuk mengakhiri kita klik kanan gambar –

57. Sehingga menjadi seperti dibawah ini

58. Langkah berikutnya tinggal kita edit tulisannya dengan cara menggunakan Pick Tool kita gunakan untuk memilih tulisan yang akan kita edit



59. Selanjutnya kita klik Text Tool pada toolbox

60. Kemudian arahkan pointer ke tempat tulisan dan kita klik

61. Gambar diatas terluhar munculnya kursor, sehingga kita bisa merubah tulisa KETUA menjadi WAKIL KETUA, kemudian kita rubah ukuran fontnya menjadi 8pt

62. Langkah selanjutnya object WAKIL KETUA kita group, caranya seperti yang pernah diajarkan pada langkah 37 – 39 63. Untuk langkah selanjutnya adalah improvisasi dari materi menuju hasil yang bagus dalam berlatih membuat struktur organisasi



64. Dibawah ini merupakan hasil akhir



2014 DESAIN GRAFIS & APLIKASI PERKANTORAN

Recommend Documents