MATERI PELATIHAN 2 - · PDF file3. Bukalah program aplikasi pengolah grafis Adobe Photoshop...

Materi Pelatihan Staf Tata Usaha SMP Negeri 1 Salatiga – Halaman 0

Oleh : F. Denie Wahana, S.Kom

2013/2014

DESAIN GRAFIS &

APLIKASI PERKANTORAN

MATERI PELATIHAN 2


PETA MATERI PELAKSANAAN PELATIHAN

STAF TATA USAHA

SMP NEGERI 1 SALATIGA

TAHUN PELAJARAN 2013/2014

No MATERI PERTEMUAN

1 2 3 4 5 6 7 8

1 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 √ √


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. 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


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


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

1

2


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

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

1

2


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

MATERI PELATIHAN 2 - · PDF file3. Bukalah program aplikasi pengolah grafis Adobe Photoshop...

Documents

Transcript of MATERI PELATIHAN 2 - · PDF file3. Bukalah program aplikasi pengolah grafis Adobe Photoshop...