MATERI PELATIHAN 2. Oleh : F. Denie Wahana, S.Kom 2013/2014 DESAIN GRAFIS & APLIKASI PERKANTORAN

Transkripsi

1 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

2 PETA MATERI PELAKSANAAN PELATIHAN STAF TATA USAHA SMP NEGERI 1 SALATIGA TAHUN PELAJARAN 2013/2014 No MATERI PERTEMUAN AMP Font Viewer 1. Mengenal 2. Download 3. Menginstall 4. Membuka dan memulai 5. Mengenal Area Kerja 6. Pengaturan dan penggunaan 7. Menghapus Font 8. Menambah Font 9. Latihan mendownload font 2 Mengenal jenis-jenis ekstensi file komputer 3 Mail Merge 4 Adobe Photoshop 5 CorelDraw Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 1

3 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 2

4 3. Kemudian sisipkan file Logo.bmp, Logo.jpg, dan Logo.PNG 4. Perhatikan hasil dibawah ini Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 3

5 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 4

6 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 5

7 Setelah kita buka, maka layer backgound akan berubah menjadi layer 0 6. Klik Magic Wand Tool pada tool Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 6

8 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 7

9 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. Carilah file Logo sederhana yang berekstensi JPG di internet 2. Kemudian simpanlah file tersebut kedalam folder 3. Hilangkanlah warna background menjadi transparan dan simpanlah menjadi berekstensi PNG 4. Cobalah untuk mengimport file PNG yang baru kita buat kedalam suatu dokumen yang bisa menunjukkan bahwa file PNG tersebut sesuai dengan yang kita inginkan Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 8

10 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 9

11 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 Kemudian kita pilih Magic Wand Tool, untuk menyeleksi backgroung yang akan kita ganti Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 10

12 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 11

13 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 12

14 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% Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 13

15 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 14

16 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. Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 15

17 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 16

18 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 17

19 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 18

20 37. Kemudian akan tampil gambar seperti dibawah ini 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 19

21 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 20

22 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 21

23 5. Langkah berikutnya kita isi Width : 10 dan Height : 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 22

24 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 23

25 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 17. Sehingga gambar menjadi seperti dibawah ini Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 24

26 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 25

27 21. Sehingga gambar menjadi seperti dibawah ini 22. Selanjutnya kita buat kotak baru dengan ukuran 2,2 cm x 2,6 cm, dan outline width 0, Lakukan penataan supaya kotak seperti contoh diatas 24. Kemudian kita coba sisipkan tulisan dengan klik Text Tool pada toolbox Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 26

28 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 27

29 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 28

30 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 29

31 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 30

32 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 31

33 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 32

34 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 33

35 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 34

36 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 35

37 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 Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 36

38 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 Untuk langkah selanjutnya adalah improvisasi dari materi menuju hasil yang bagus dalam berlatih membuat struktur organisasi Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 37

39 64. Dibawah ini merupakan hasil akhir Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga Halaman 38