Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

21
Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 1 Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop Budiman [email protected] Bluebuddies.blogspot.com

Transcript of Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Page 1: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 1

Tutorial Perancangan

Cover CD Interaktiv Dengan

Adobe Photoshop

Budiman

[email protected]

Bluebuddies.blogspot.com

Page 2: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 2

1. Buka Program Adobe Photoshop, dengan cara klik Start Menu > All programs > Adobe

Photoshop CS

2. Untuk memulai kerja, Klik menu File > New atau tekan (Ctrl + N) untuk membuat layar

kerja

Page 3: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 3

3. Pada pilihan Nama isikan COVER CD INTERAKTIV, pada Preset pilih ukuran kertas A4,

dan yang settingan yang lain default saja / tidak usah di rubah

4. Setelah layar kerja tampil, pilih menu image > rotate canvas > pilih 90° CW atau 90° CCW

untuk memutar agar lembar kerja menjadi LANDSCAPE atau Posisi Duduk

Page 4: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 4

5. Agar pekerjaan kita rapi, gunakan Ruler, caranya pilih menu view > Ruler atau tekan

CTRL + R

Page 5: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 5

6. Klik 2x Layer background pada bagian kanan, keluar kotak dialog,ganti nama menjadi

LAYAR BELAKANG dan klik OK

Page 6: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 6

7. Klik + Tahan dan Tarik Garis dari sisi ruler, lalu posisikan ditengah, agar kertas terbagi 2

Page 7: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 7

8. Klik lagi menu File > New, atau CTRL + N, pilih Preset Kertas A4, ganti width = 128 mm

dan height = 180 mm, Klik OK

9. Layar tersebut akan dipindahkan ke layar COVER CD Interaktiv yang

sebelumnya,kemudian sebelum dipindahkan, ganti warna layar dengan cara Pilih

PAINT BUCKET TOOL pada Toolbox sebelah Kiri anda

Page 8: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 8

10. Klik Kotak Hitam Set Foreground pada Toolbox dan ganti menjadi warna merah atau

warna terserah anda, Keluar kotak COLOR PICKER, pilih misalnya warna biru, Klik OK

11. Klik-an 1x dilayar kerja tersebut,Sehingga hasilnya seperti berikut

Page 9: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 9

12. Selanjutnya, kita akan memindahkan layar tersebut ke layar Cover CD Interaktiv,

lakukan dengan cara pilih pada menu toolbox sebelah kiri MOVE TOOL atau tekan

tombol (V)

13. Klik+Tahan dan Drag layar Biru ke layar Cover CD Interaktiv, seperti berikut

Page 10: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 10

14. Lalu posisikan disebelah kiri seperti berikut, gunakan ruler untuk merapikan posisi

15. Kembali ke layar Biru sbelumnya, kita akan membuat sisi samping Cover CD, dengan

cara, Klik menu image > image size > ganti ukuran menjadi 8 mm, Klik OK,hasilnya

seperti berikut

Page 11: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 11

Page 12: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 12

16. Agar mudah membedakan warna dengan yang sebelumnya, lakukan cara yang tadi,

dengan mengganti warna foreground menjadi merah, Klik PAINT BUCKET TOOL, Klik Ok,

dan klik di layar kerja, hasilnya adalah sebagi berikut :

17. Klik + Tahan dan Drag ke layar kerja Cover CD Interaktiv, sehingga layar tersebut pindah

dan atur posisi disebelah kotak biru, gunakan ruler untuk merapikan,sehingga hasilnya

seperti berikut

Page 13: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 13

18. Untuk membuat sisi kanan CD pilih Pada Pilihan layer kanan, klik pada tulisan LAYER 1

ganti menjadi BELAKANG.

19. Klik Kanan pilih Duplicate layer, keluar kotak dialog, ganti nama menjadi DEPAN, dan Klik

OK

Page 14: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 14

20. Setelah itu, geser posisi layer Depan tersebut dengan menekan move tool, gunakan

Ruler untuk merapikan susunan, sehingga menjadi seperti berikut

Page 15: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 15

21. Selanjutnya kita mulai mendesain cover CD, untuk Cover bagian Depan langkah2nya

yaitu

a. Pertama, Buat Judul CD, misalnya CD TUTORIAL INTERAKTIV TIK SMA, caranya klik

button T pada tool sebelah kiri lah klik dilayar kerja Cover CD Interaktiv pada bagian

layer DEPAN, dan ketikan tulisan tersebut, atur Font, tata letak dan warna, sehingga

menjadi seperti beikut:

b. Pilih gambar yang sesuai dengan materi yang diajarkan, misalnya tentang Open Office

Impress, caranya, klik menu File > Open > cari gambar yang cocok > Klik OK

Page 16: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 16

Stock Image :

c. Drag Gambar ke layar kerja Cover CD Interaktiv dan posisikan si layar depan, lakukan

beberapa cropping, dan penghapusan gambar sehingga sesuai dengan layar DEPAN,

seperti berikut

Page 17: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 17

d. Buatlah tulisan – tulisan pendukung lainnya atau obejk gambar lain sehingga menjadi

lebih menarik.hasilnya sebagai berikut

Page 18: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 18

Stock Images

22. Untuk Cover bagian belakang, biasanya dituliskan sedikit Sinopsis tentang CD Tutorial

yang kita buat, atau boleh berupa gambar pendukung, misalnya hasinya sebagai berikut

Page 19: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 19

Stock image :

23. Ketiga, yaitu membuat tulisan di samping Cd, pada layer kecil yang berda ditengah,

caranya, lakukan Rotasi pada layer Cover CD Interaktiv, Klik menu image > rotate canvas

> pilih 90° CW atau 90° CCW untuk memutar agar lembar kerja menjadi PORTRAIT,

ketikan tulisan yang sama seperti pada cover depan, seperti dibawah ini.

Page 20: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 20

24. Putar kembali dengan cara tadi, sekarang seperti inilah hasil cover Cd kita

25. Jangan Lupa untuk menyimpan Hasil Kerja kita dengan cara, Klik menu File > Save atau

Save As ,Buat new folder dengan nama COVER CD INTERAKTIV, lalu pada file name tulis

Cover CD interaktiv dan Format file Photoshop (.psd).

Page 21: Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 21

26. Agar File Kita bias di Preview atau dilihat, lakukan hal yang sama, hanya saja untuk

Format file gati menjadi JPEG (.JPG)

27. Selesai, Selamat mencoba dan mengembangkannya

Biografi Penulis

Budiman, Kompetensi di Bidang Multimedia, terutama di bagian Desain dan

Layout. Saat ini sedang Menjalani Program Strata 1 Program Studi

Pendidikan Teknik Informatika & Komputer di Fakultas Teknik Universitas

Negeri Padang, Sejak 2005 sudah mempelajari Software Adobe Photoshop,

dan pernah bekerja di Lensa Outlet & Photography sebagai Editor Photo dan

Tenaga Desain.