Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop
-
Upload
bluebuddiess -
Category
Documents
-
view
71 -
download
2
Transcript of 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
Bluebuddies.blogspot.com
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
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
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
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
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
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
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
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
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
Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop 11
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
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
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
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
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
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
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
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.
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).
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.