< PreviousTeknologi Informasi dan Komunikasi Kelas XII SMA/MA81Adobe Photoshop CS3 memiliki banyak ikon atau tool. Beberapa ikonterletak dalam toolbox. Jika Anda menggunakan ikon tertentu, Adobe PhotoshopCS3 akan memunculkan ikon-ikon lain yang berhubungan dengan ikon yangsedang Anda gunakan.Salah satu ikon yang sering digunakan adalah ikon Drawing. Ikon bergambarujung pena ini dapat Anda gunakan untuk menggambar garis lurus, kurva tertutup(shape), menyeleksi bagian tertentu dari suatu objek, hingga menggambarkarakter tertentu.Kurva tertutup dapat dibuat menggunakan garis dengan ujung saling terhubung.Oleh karena itu, untuk membuat kurva Anda harus mempelajari cara membuatgaris.Secara umum, Anda dapat membuat dua macam garis. Jenis garis yangpertama adalah garis lurus. Membuat garis lurus relatif lebih mudah dibandingmembuat garis lengkung.Simak cara membuat kurva pada uraian berikut.1.Menggambar Kurva Tertutup Menggunakan Garis LurusGaris lurus dapat Anda gunakan untuk membuat bangun datar misalnyasegitiga dan segi empat. Anda dapat menyimak cara membuat segitiga padauraian berikut.a.Siapkan lembar kerja, kemudian klik ikon Drawing.b.Setelah itu, kursor akan berubah menjadigambar pena. Lakukan klik pada titikpertama. Lanjutkan dengan melakukan klikpada titik kedua dan ketiga.c.Hubungkan titik ketiga dengan titik pertama. Untuk membuat kurvatertutup, pastikan kursor Anda berubah menjadi gambar pena denganlingkaran kecil di sampingnya.2.Menggambar Kurva Tertutup Menggunakan GarisLengkungAnda dapat pula menggunakan garis lengkunguntuk membuat kurva tertutup. Kurva tertutup yangdihasilkan sering digunakan untuk menyeleksi bagiantertentu dari objek. Contoh kurva lengkung dapat Andaamati pada gambar berikut.G.Menggunakan IkonSumber: Adobe Photoshop CS3Gambar 2.78Membuat tigatitik segitigaSumber: Adobe Photoshop CS3Gambar 2.79Menghubungkan titikketiga dan titik pertamaSumber: Adobe Photoshop CS3Gambar 2.80Kurva lengkungSumber: Adobe Photoshop CS3Gambar 2.77Ikon DrawingBab IIMenggunakan Perangkat Lunak Pembuat Grafis Bitmap82Langkah-langkah pembuatan kurva sebagai berikut.a.Siapkan lembar kerja, kemudian klik ikon Drawing.b.Lakukan klik pada titik pertama. Geser kursor pada titikkedua. Pada titik kedua ini lakukan klik dan tahan tombolmouse (jangan dilepaskan). Hal ini dilakukan untukmemperoleh garis lengkung. Tetaplah menekan tombolmouse, kemudian geser mouse ke arah kiri bawah.c.Lanjutkan proses denganmelakukan klik, tahan,dan geser mousesehingga diperolehgambar yang sesuai.Kurva yang telah Anda hasilkan dapat Anda olah kembali. Pengolahanyang dapat Anda lakukan misalnya memperbesar dan memperkecil ukurankurva, hingga mengubah bentuk kurva.Langkah-langkah memperbesar ukuran kurva sebagai berikut.a.Lakukan klik pada Path Selection Tool.b.Klik kurva yang akanAnda ubah ukurannya.c.Letakkan kursor pada salah satu sudut kurva,misalnya sudut kiri atas. Untuk memperbesarkurva, klik dan drag ke arah kiri atas. Sebaliknya,jika Anda ingin memperkecil kurva, lakukan klikdan drag ke arah kanan bawah.Selain ukuran kurva, Anda dapat juga mengubah bentuk kurva. Perhatikanproses pengubahan bentuk kurva berikut.a.Tekan tanda segitiga kecil disamping Path Selection Tool.Pilihlah Direct Selection Tool.Sumber: Adobe Photoshop CS3Gambar 2.85Memperbesarukuran kurvaSumber: Adobe Photoshop CS3Gambar 2.84Klik kurva menggunakanPath selection toolSumber: Adobe Photoshop CS3Gambar 2.81Membuat garislengkungSumber: Adobe Photoshop CS3Gambar 2.82Menghubungkan titikpertama dan titik terakhirSumber: Adobe Photoshop CS3Gambar 2.83Path SelectionToolSumber: Adobe Photoshop CS3Gambar 2.86Ikon Direct Selection ToolTeknologi Informasi dan Komunikasi Kelas XII SMA/MA83b.Lakukan klik pada salah satu titik seleksi kurva, misalnya titik seleksipaling bawah. Setelah dipilih, titik seleksi akan dilengkapi dua garislurus ke samping. Dua garis ini dapat Anda gunakan untuk mengubahkelengkungan garis kurva. Tentu garis kurva yang dapat Anda ubahhanyalah garis yang melalui titik seleksi. Jika Anda ingin mengubahkelengkungan bagian garis yang lain, lakukan klik pada titik seleksiyang sesuai.c.Untuk mengubah bentuk kurva, lakukan klik dandrag titik seleksi ke arah tertentu (pada contohini titik seleksi digeser ke bawah).3.Mewarnai KurvaSetelah membuat kurva, Anda dapat mewarnai kurva tersebut. Andadapat mewarnai bidang kurva maupun tepi/garis kurva. Mewarnai bidangkurva dapat Anda lakukan dengan cara memilih fasilitas Fill Path maupunMake Selection. Tepi kurva dapat Anda warnai menggunakan pilihan StrokePath.Langkah-langkah mewarnai bidang kurva dapat Anda ikuti pada petunjukberikut.a.Pilihlah kurva menggunakan Path Selection Tool atau Direct Selec-tion Tool. Selanjutnya, lakukan klik kanan dan pilihlah Fill Path.b.Komputer akan menampilkan kotak dialog Fill Path. Pengaturan warnabidang dapat dilakukan dengan kotak Use, Mode, dan Opacity. Untuksaat ini, Anda dapat menggunakan pengaturan Use saja. Pada contohini digunakan pilihan Background Color. Proses pewarnaan diakhiridengan melakukan klik pada tombol OK.c.Hasil pemberian warna pada bidang kurva dapat Anda amati padagambar di samping.Sumber: Adobe Photoshop CS3Gambar 2.90Kotak dialog Fill PathSumber: Adobe Photoshop CS3Gambar 2.87Memilih salahsatu titik seleksiSumber: Adobe Photoshop CS3Gambar 2.88Menggeser titikseleksi ke bawahSumber: Adobe Photoshop CS3Gambar 2.89Memilih Fill PathSumber: Adobe Photoshop CS3Gambar 2.91Hasil pemberian warnaBab IIMenggunakan Perangkat Lunak Pembuat Grafis Bitmap84d.Tepi atau garis kurva dapat Anda warnai menggunakan fasilitas StrokePath. Akan tetapi, penggunaan Stroke Path lebih optimal jika Andatelah menguasai penggunaan tool Pencil atau Brush. Untuk mewarnaigaris kurva, pilih kurva menggunakan Path Selection Tool atau DirectSelection Tool. Selanjutnya, lakukan klik kanan dan pilih Stroke Path.e.Komputer akan menampilkan kotak dialog Stroke Path. Pilih salah satupilihan, misalnya Pencil. Lanjutkan proses dengan melakukan klik padatombol OK.Bersama teman sebangkuAnda, coba lakukan penyelidikanberikut.1.Buatlah objek berupa kurvatertutup menggunakan ikonDrawing.2.Gunakan Path Selection Tooluntuk menyeleksi gambarkurva.3.Catatlah warna yang terdapatpada kotak Set ForegroundColor dan kotak Set Back-ground Color.4.Gunakan perintah Fill Path,kemudian pilihlah pilihan Fore-ground Color. Perhatikan dancatat hasil pewarnaan yangAnda peroleh.5.Tekan tombol Ctrl + Z untukmembatalkan pemberian warnakurva.6.Seleksi kembali kurva yangAnda buat, gunakan kembaliperintah Fill Path, kemudianpilihlah pilihan BackgroundColor. Perhatikan dan catathasil pewarnaan yang Andaperoleh.7.Coba diskusikan, apakahterdapat hubungan antara pilihanBackground Color dan Fore-ground Color (pilihan padalangkah 4 dan 6) dengan warnapada kotak Set ForegroundColor dan kotak Set Back-ground Color (warna yangAnda catat pada langkah 3). Jikaya, bagaimana bentuk hubungantersebut? Tulislah jawabankelompok Anda kemudiankumpulkan kepada guru Anda.Layer berarti lapisan. Dalam konteks Adobe Photoshop, layer adalahlapisan-lapisan lembar kerja bertumpuk yang digunakan untuk meletakkanberbagai objek. Layer memudahkan pengaturan susunan atau komposisi objeksesuai keinginan pengguna. Kemudahan ini berkat sifat layer yang meskipundisusun bertumpuk, pengaturan salah satu layer tidak akan mengganggu layeryang lain.Saat menggunakan layer, Anda dapat mengatur urutan, menggabungkan,menambahkan, hingga mengatur tampilan warna layer. Baiklah, agar Anda lebihjelas memahami manfaat dan penggunaan layer, lekas simak uraian berikut.1.Mengubah Nama LayerLayer terletak pada palet layer. Dengan palet layer ini pula Anda dapatmengatur tampilan layer. Salah satu pengaturan layer yaitu pengubahannama layer.Secara garis besar cara mengubah nama layer sebagai berikut.a.Buka file gambar menggunakan Adobe Photoshop CS3. Jika filegambar yang Anda gunakan berformat jpg, jpeg, atau jpe, Photoshopakan menampilkan nama layer sebagai Background. Lain halnya jikaAnda membuka file berformat gif. File berformat gif akan ditampilkandengan layer bernama Index. Akan tetapi, jika Anda membuka fileberformat psd atau tiff, Photoshop akan menampilkan nama layersesuai nama yang telah diberikan.Sumber: Adobe Photoshop CS3Gambar 2.93Klik ganda pada nama layerH.Mengenal dan Menggunakan LayerSumber: Adobe Photoshop CS3Gambar 2.92Kotak dialog Stroke PathTeknologi Informasi dan Komunikasi Kelas XII SMA/MA85b.Misalkan Anda membuka file berformat jpg. Untuk mengubah namalayer, lakukan klik ganda pada nama layer. Selanjutnya, komputer akanmenampilkan kotak dialog New Layer. Berikan nama yang Andainginkan kemudian klik tombol OK.c.Jika Anda membuka file berformat gif, ubahlah nama layer dengan caraberikut.1)Aktifkan layer yang akan diubah (perhatikan Gambar 2.95).2)Lanjutkan proses dengan melakukan klik pada menu Image danpilihlah submenu Mode. Pilihlah salah satu mode gambar yaituGrayscale, RGB Color, atau CMYK Color. Pada contoh ini akandipilih RGB Color.3)Perhatikan bahwa nama layer telah berubah (Gambar 2.97).Anda dapat pula mengubah nama layer sesuai dengan nama yangAnda inginkan.Sumber: Adobe Photoshop CS3Gambar 2.94Memberi nama layerSumber: Adobe Photoshop CS3Gambar 2.95Layer IndexSumber: Adobe Photoshop CS3Gambar 2.97Nama layer telah berubahSumber: Adobe Photoshop CS3Gambar 2.96Memilih RGB colorBab IIMenggunakan Perangkat Lunak Pembuat Grafis Bitmap862.Menambah LayerSaat membuat desain, seringkali Anda akan memerlukan lebih dari satulayer. Penggunaan lebih dari satu layer membuat pengerjaan desain menjadilebih mudah. Selain itu, bagian-bagian dokumen yang salah dapat Andakoreksi secara terpisah.Adobe Photoshop menyediakan fasilitas palet layer. Fasilitas inidigunakan untuk mengatur layer, menambah layer, mengurangi layer, hinggamemberikan efek pada layer tertentu.Langkah-langkah penambahan layer dapat Anda ikuti pada uraianberikut.a.Misalkan satu layer akan di-tambahkan pada layer akuarium.Langkah pertama, aktifkan layerakuarium dengan cara melakukanklik pada layer yang sesuai.Lanjutkan proses dengan melaku-kan klik pada ikon Create newlayer.b.Selanjutnya komputer akanmenambahkan satu layer di ataslayer akuarium.Anda dapat pula mengubah nama layer tambahan ini.3.Menghapus LayerSelain menambah layer, Anda dapat pula menghapus layer.Penghapusan layer biasa dilakukan jika layer tersebut sudah tidakdigunakan.Cara menghapus layer dapat Anda ikuti pada langkah-langkah berikut.a.Lakukan klik pada layer yang akan dihapus.b.Lakukan klik kanan pada namalayer. Selanjutnya, pilihlahDelete Layer (perhatikanGambar 2.100).c.Klik Yes untuk memastikanpenghapusan layer.Sumber: Adobe Photoshop CS3Gambar 2.99Layer 1 telah ditambahkandi atas layer akuariumSumber: Adobe Photoshop CS3Gambar 2.101 Klik tombol YesSumber: Adobe Photoshop CS3Gambar 2.98Klik ikon New LayerSumber: Adobe Photoshop CS3Gambar 2.100 Memilih Delete LayerTeknologi Informasi dan Komunikasi Kelas XII SMA/MA87d.Selain langkah-langkah di atas, Anda dapat pula menggunakan ikonDelete layer. Caranya, klik nama layer kemudian drag layer ke arahikon Delete layer.4.Mengatur Urutan LayerPengaturan urutan layer perlu dilakukan karena beberapa alasan.Alasan pertama, Anda meletakkan objek layer yang salah. Akibatnya, objektersebut tertumpuk oleh objek lain. Alasan kedua, pengaturan urutan layerakan mempercantik desain yang Anda buat.Mirip dengan menghapus layer, mengurutkan layer dapat pula Andalakukan menggunakan metode drag. Cara mengatur urutan layer dapat Andasimak pada uraian berikut.a.Pastikan tidak ada layer bernama Background atau Index. LayerBackground dan Index tidak dapat diletakkan di atas layer lainnya. Jikaterdapat layer Background atau Index, ubahlah dahulu layer ini.b.Aktifkan salah satu layer. Lanjutkan dengan melakukan klik dan drag keatas atau ke bawah layer yang lain. Sebagai contoh, layer bola duniaakan diletakkan di bawah Layer 1.Sumber: Adobe Photoshop CS3Gambar 2.102 Menghapus layerSumber: Adobe Photoshop CS3Gambar 2.104 Urutan layer mula-mulaSumber: Adobe Photoshop CS3Gambar 2.103 Gambar mula-mulaBab IIMenggunakan Perangkat Lunak Pembuat Grafis Bitmap88c.Lakukan drag pada layer bola dunia sehingga layer ini terletak di bawahLayer 1.d.Hasil pengubahan urutan layer dapat Anda amati pada gambar berikut.Selain mengatur urutan layer, Anda dapat pula memberi dan mengaturefek pada layer. Pemberian efek pada layer dapat mempercantik tampilandesain yang Anda buat. Penjelasan lebih rinci mengenai pemberian danpengaturan efek dapat Anda simak pada uraian lebih lanjut.Sumber: Adobe Photoshop CS3Gambar 2.105Melakukan drag padalayer bola duniaSetelah mengenal beberapa hal mengenai Adobe Photoshop CS3, sekarangAnda dapat mempraktikkan ilmu yang Anda peroleh. Dengan Adobe PhotoshopCS3 Anda dapat membuat poster, ilustrasi, sampul buku, hingga membuatkomik. Selain itu, jika Anda belajar lebih jauh, Anda dapat pula menggunakanAdobe Photoshop CS3 untuk merancang website.Kali ini, akan diuraikan langkah-langkah pembuatan poster dengan temapelestarian bumi.I.Membuat Dokumen GrafisSumber: Adobe Photoshop CS3Gambar 2.107 Tampilan poster pelestarian bumiSumber: Adobe Photoshop CS3Gambar 2.106 Gambar yang dihasilkan oleh pengubahan layerAnda dapat memperoleh danmenyimak file tampilan Gambar2.106 dengan membuka CDlampiran: Kelas XII → Bab II →boladunia.psd.Teknologi Informasi dan Komunikasi Kelas XII SMA/MA891.Membuat Tampilan Bola BumiTampilan bola bumi dibuat menggunakan langkah-langkah berikut.a.Pertama kali siapkan dokumen berukuran A4, mode RGB, resolusi 300dpi, serta background transparan.b.Setelah tampil halaman kosong, putar halaman ini sehingga berbentuklandscape. Caranya, klik menu Image, pilih Rotate Canvas danlanjutkan dengan memilih 90 CW (90° searah jarum jam).c.Buatlah warna latar pada Layer 1 ini. Pada contoh ini akan digunakanwarna gradasi hijau muda ke hijau tua. Pertama-tama, lakukan klik padakotak Set Foreground Color. Kemudian, pilihlah warna hijau mudayang ditampilkan oleh kotak dialog Color Picker. Selanjutnya, lakukanklik pada tombol OK.d.Dengan cara yang sama, ubahlah warna kotak Set Background Colordengan warna hijau tua.Sumber: Adobe Photoshop CS3Gambar 2.109 Memilih warna pada kotak Color PickerSumber: Adobe Photoshop CS3Gambar 2.108 Merotasi kanvasBab IIMenggunakan Perangkat Lunak Pembuat Grafis Bitmap90e.Lakukan klik pada ikon Gradient Tool. Pada option bar, pilihlah gradasidua warna (hijau muda ke hijau tua) dan lanjutkan dengan memilihgradasi Linear Gradient.f.Lakukan klik pada bagian tengah atas kanvas kemudian drag kursor ketengah bawah kanvas. Anda akan memperoleh warna latar gradasihijau muda ke hijau tua.Sumber: Adobe Photoshop CS3Gambar 2.111 Melakukan drag untuk memperoleh warna gradasiSumber: Adobe Photoshop CS3Gambar 2.110 Memilih pengaturan warna gradasiGradasi hijau mudake hijau tuaLinear GradientGradient ToolNext >