Ce ec) studio.com recor meen PENGENALAN PHOTOSHOP AERC aera td [19 Hours Share: W f G+ Kita akan belajar membuat banner yang memiliki bayangan atau Opacity dan membuat Layer, Fill seperti gambar dibawah ini.CARI GADGET? Bagus, murah, dan terpercaya hanya di KLIK DISINIE Tapi Jika anda Ingin langsung Mengikuti Kursus Web Desain di Babastudio silahkan Klik di sini Materi Kursus Web Desai oe Buat Lembar Kerja Baru + Pertama kita buka aplikasi Photoshop + Pada menu bar, pilih File > New untuk membuat lembar kerja baru. > Beri Nama + Width 1000 pixels + Height 338 pixels+ Resolution 72 pixels/inch + Klik Ok e Import Gambar dan Membuat Bayangan Pertama kita akan mengambil gambar dari folder kemudian drag gambar yang akan digunakan ke Photoshop.Drag ke Program Photoshop 2 18 OS |S a oes + Tekan tombol Shift + Klik + kecilkan ukuran gambar+ Setelah ukuran sesuai tekan tombol Enter Copy Layer web banner tersebut : + Arahkan Cursor pada gambar yang akan di copy * Tekan tombo!l ALT + drag ke bawahnya. Tujuan kita mengcopy karena ingin membuat seolah-olah gambar tersebut memiliki bayangan.Kita akan mengubah nama layer yang akan kita jadikan bayangan dengan cara: + Double klik pada Layer yang akan kita ubah namanya + Beri nama bayangan + Enter. Setelah itu Layer bayangan tersebut kita letakkan dibawah web banner. Bayangan tersebut akan kita putar balikkan dengan cara : + klik Edit > Transform > Flip VerticalMaka gambar tersebut akan berputar melawan arah. Untuk membentuk banyangan dapat kita lihat pada panel sebelah kanan dan pastikan Layer banyangan telah aktif.Pada Panel tersebut terdapat Opacity yang dapat anda atur sesuai keinginan anda. Untuk membuat bayangan silakan anda kurangi Opacity anda menjadi 12%. Maka hasilnya gambar akan menipis seakan-akan membentuk sebuah bayangan.. Setelah itu bayangan akan kita edit dengan cara : + klik Edit > Free Transform > kecilkan bayangan tersebut.Untuk memperbesar kedua gambar tersebut, kita harus mengaktifkan kedua Layer tersebut dengan cara tekan tombol CTRL + klik kedua Layer tersebut. Kemudian kita edit kembali dengan cara klik Edit > Free Transform. Lalu kita perbesar ukurannya dan letakkan pada posisi yang diinginkan. Jika sudah sesuai dengan yang diinginkan klik tombol Enter.Dan bayangannya akan kita perkecil kembali dengan cara aktifkan Layer bayangan kemudian klik CTRL+ T (shortcut dari Free Transform). Ini yang dinamakan Opacity. Opacity adalah ketebalan gambar. Jadi antara 0 - 100 dapat diukur ketebalannya. Misalkan 0% gambar tidak akan terlihat atau hilang. eS Membuat Teks "Cari Gadget?” Kita akan membuat tulisan "Cari Gadget" dengan ukuran 48pt + Klik Tool Teks (T)+ Font 48pt * Klik Tool Teks (T) * Font Tahoma+ Pertebal tulisan dengan Bold GS a eee qin = z test.psd @ 8.33% (hogi, RGB/8) * * Tampak hasilnya CARI GADGET? 3° Membuat Teks "Bagus, murah dan terpercaya’Kita akan buat tulisan "Bagus, murah dan terpercya hanya di gadget.co.id" dengan ukuran Font 24 pt + Font 24pt + Font Tahoma H wt Ketik tulisanhe CARI GADGET? agus, murah dan terpercaya hanya di gadget.ca.id Buat Tulisan "gadget.co.id" jadi Italic * Blok tulisan "gadget.co.id" CARI GADGET? + Pertebal tulisan dengan Bold r Type Select Filter View Creating ‘Rey: hd Av ple | Pada tulisan “gadget.co.id", akan kita beri efek Italic dengan cara blok tulisan + klik Window > Character > pilih Italic, maka tulisan akan berubah.Malic’ Tampak hasilnya CARI GADGET? Bagus, murah dan terpercaya hi di gadget.ca.id, Kita akan merubah warna tulisan “gadget.co.id", dengan cara : + Seleksi tulisan CARI GADGET? Bagus, murah dan terpercaya i FEE Klik warna pada Option Toolset the text color + Pilih warna merah yang tertera pada gambar dengan mengarahkan Cursor ke warna yang diinginkan klik OK CARI GADGET? Bagus, murah dan terpercaya hany: di gadget.co. Tampak Hasilnya CARI GADGET? ‘Bagus, murah dan terpercays hanya a Selanjutnya kita akan memperkecil tulisan "bagus murah dan terpercaya” dengan cara :+ klik Edit > Free Transform * Tekan Shift agar ukuran tulisan menjadi proporsional CARI GADGET? Bogus, murah dari terpercaya hany3 Si gadget.co.id 3 —=s * Drag tulisan untuk memperkecilCARI GADGET? ‘ Bogus, murah dan terpercays hang aa Bipedpeccom ° Kemudian kita akan membuat Button + >Klik Rounded Rectangle Tool a) Cn esr Ro] + Klik + tahan dan drag untuk membuat persegi pada banner e Membuat Efek Layer" CARI GADGET?" Kita akan efek pada tulisan "CARI GADGET?" + Aktifkan Layer tersebut.Untuk membuat efek dari Layer tersebut, kita dapat melihat pada panel dibawah yang berbentuk "fx" yang berfungsi untuk memberi efek tambahan pada Layer yang akan kita pilih. + Klik pada "fx" > Pilih Blending Options, maka akan muncul tampilan Layer Style pada Layer anda. + Pilih Inner Glow + Opacity 40%+ Berikan warna Color Overlay (Color Overlay ini memberikan warna pada seluruh yang terkandung pada layer tersebut) + Ubah warna merah menjadi biru muda+ Berikan efek bayangan dengan Drop Shadow + Opacity 16% + Klik OK, @ Membuat Efek Buttom Kita akan efek pada tulisan "CARI GADGET?" + Aktifkan Layer Button * Klik "fx" + Blending Options* Bevel & Emboss + Depth 52% + Size 24px * Soften 13px * Angle 90% + Unceklist pada Use Global Light (Use Global Light digunakan jika seluruh Layer Style ingin menggunakan satu Angle yang sama) — i a pata aoe — a bon ee CG) aaa ety — oh ames issais encom! Ae) Cine + Contour Range 92%+ Inner Shadow + Opacity 16% + Distance 46 px + Choke 25% * Size 92 px + Satin warna abu-abu + Blend Mode Overlay + Angel 90°+ Distance 151 px + Size 158 px Pada Color Overlay, kita akan memilih warna : + Pilih warna kuning dengan klik Set Color 158 px + Arahkan Cursor pada warna yang akan digunakan + Klik OK+ Inner Shadow kita akan mengubah warnanya menjadi abu-abu * Klik OK @ Menambahkan Tulisan "KLIK DISINI Untuk menambahkan tulisan seperti yang sudah pernah dijelaskan. + klik (T) pada Toolbox+ Ketik diluar Button "KLIK DISINI" CARI GADGET? agus, murah dan terpercaya Ramya i gadgeccnad KLIK DESINI Kemudian kita akan memperkecil Font dengan cara : + Pilih Size Font pada Option Tool + Blok tulisan CARI GADGET? Bagus, murah dan terpercaya hanya dt gadget.co.id ees + Opacity 92%red Master Opacity Change Kita akan pindahkan tulisan tersebut ke dalam Buttom dengan cara : + Klik Move Tool + Klik + tahan dan geser tulisan ke dalam Button. CARI GADGET — CARI GADGET? Spee, march San pogo hays oat cont Untuk mengubah Font : + Aktifkan Layer "KLIK DISINI"FEET i FETED Untuk tulisan "Bagus Murah" akan kita ubah ketebalannya menjadi Regular + Aktifkan Layer "Bagus Murah”+ Pilih ketebalan Font pada Option Too + Pilih Regular Kemudian kita besarkan menggunakan Free Transform dan menekan Shift agar ukuran menjadi proposional.Atur sesuai kebutuhan anda Maka Banner telah selesai kita buat Bagus, murah dan terpercaya hanya di gadget.co.id Kui Ors. TENTANG BABASTUDIO Ce cP ean SER ie et me ec uc Cee ee eee en ad Pee eeu ae keberhasilan dalam dunia online adalah yang See me ghee ree Cee ea eae! Ruko Grand ITC Permata Hijau Blok Saphire DORE ee ee eC tee) Coc Mene nc Iry ecto Cun a0 Caper} info@babastudio.com PAKET KURSUS Peat UL Sle Loy SA wale Bic los Bete ase) Stee aoc y Bee Ma Ss ROULAYSECC Cu kei Bete Bec Or Mieeae RCI UROL) Stas RAW + Kursus Game Online + Kursus HTML & CSS + Kursus internet Marketing - Online Sets ou ce BE Meta acrid ce] SMT idee me