budiman tutorial 1 - perancangan cover cd interaktiv dengan adobe photoshop

Download Budiman Tutorial 1 - Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

Post on 31-Jul-2015

50 views

Category:

Documents

2 download

Embed Size (px)

TRANSCRIPT

Tutorial PerancanganCover CD Interaktiv DenganAdobe PhotoshopBudimanBluedy.ft@gmail.com Bluebuddies.blogspot.com

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

1

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

2

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

3

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

4

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

5

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

6

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

7

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

8

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

9

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

10

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

11

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

12

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

13

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

14

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

15

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

16

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

17

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

18

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

19

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

20

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.

Budiman | Tutorial Perancangan Cover CD Interaktiv Dengan Adobe Photoshop

21