babastudio.com
babastudio.com
1.1 PHOTOSHOP INTRODUCTION
babastudio.com
Photoshop adalah program atau aplikasi untuk membuat dan memanipulasi atau mengedit objek atau gambar untuk dijadikan model design. Contohnya dalam dunia photography, photoshop dapat digunakan untuk mengedit cahaya, kotoran pada wajah, design latar belakang, dsb. Photoshop juga dapat digunakan untuk web design, biasanya kita dapat mendesign logo, banner, bahkan webslicing. Web designer biasanya mendesign terlebih dahulu bentuk template website yang ingin dibuat sebelum diaplikasikan menjadi website yang seutuhnya.
babastudio.com Kita dapat membuat desaign seperti dibawah ini dengan menggunakan Photoshop.
Sebelum memulai belajar mendesign, sebelumnya kita harus tau Tools yang ada pada Photoshop.
1. Toolbox.
babastudio.com
Toolbox adalah palet yang berisi tombol-tombol perintah yang berguna untuk menggambar, member warna, menyeleksi, menulis teks, dan lain-lain.
babastudio.com Pada Toolbox terdapat tombol Move Tool (V) yang artinya icon terebut bernama Move Tool dan memiliki shortcut V. begitu juga pada tools yang lain, memiliki shortcut masing-masing dengan fungsi yang berbeda-beda.
.
babastudio.com
Pada beberapa icon memiliki tanda segitiga kecil pada pojok kanan, yang menandakan icon memiliki type tools masing-masing yang berbeda. Cara melihatnya silakan klik kanan pada icon yang memiliki tanda segitiga. Jika tidak memiliki lambang segitiga, icon tidak dapat di klik kanan.
babastudio.com 2. Option Tools
Pada Option Tools, icon akan berubah setiap kita memencet icon pada Toolbox. Jadi setiap tools pada Option Tools memiliki fungsi yang berbeda-beda.
babastudio.com
Pada sebelah kanan banyak menu-menu yang akan kita pakai nantinya. Yang pertama kita pelajari terlebih dahulu yaitu segitiga yang ada di sebelah kanan, gunanya untuk collapse panel-panel. Collapse : merubuhkan dalam hal ini artinya menyembunyikan atau menampilkan kembali sesuai dengan keinginan kita.
babastudio.com Pada panel sebelah kanan ada hubungannya dengan tombol Window yang pada Menu Bar. Contohnya, Misalkan kita akan menampilkan History, dapat kita klik pada Window pilih History.
babastudio.com
Maka History akan muncul pada sebelah kanan
babastudio.com
Kita akan membuat file baru dengan cara klik File > New . Biasanya Photoshop menggunakan ukuran centimeters, namun karena kita akan mendesign untuk web, kita dapat mengubah centimeters ke pixels dan ukuran sesuai dengan kebutuhan. Misalkan website membutuhkan ukuran 800 x 340
Lembar kerja Photoshop
babastudio.com
untuk membuat banner. Setelah kita atur untuk ukuran, Klik Ok. Maka akan keluar document baru yang akan kita design nantinya.
babastudio.com
2.1 GRADIENT COLOR
babastudio.com
Dari ukuran dokumen yang telah kita buat sebelumnya misalkan kita tidak jadi menggunakannya, silakan klik pada Tombol (X), maka dokumen akan close dengan sendirinya.
babastudio.com Kita akan mempelajari bagian dari membuat dokumen baru. Silakan klik File > New. Pada New terdapat Width, Height, Resolution, Color Note, Background Contents yang memiliki arti masing-masing. Width = Lebar Pixel Height = Tinggi Pixel
babastudio.com
Kita akan membuat dokumen baru Klik File > New Width 900, Height 300 Resolusi 72 Pixels/ Inch Color Mode RGB RGB adalah perpaduan warna Red Green dan Blue. Dengan bit standart yaitu 8 bit.
babastudio.com Lembar kerja Photoshop
1. Pertama kita akan belajar apa itu GRADIENT dan bagaimana cara menerapkannya.
babastudio.com
Terlebih dahulu silakan klik Gradient Tool
Pada Option Tool ada berbagai macam tipe Gradient. Misalkan kita coba Linear Gradient
babastudio.com Pada set Foreground Color kita pilih warna biru. Foreground Color merupakan warna utama yang akan kita gunakan
babastudio.com
Pada Background Color kita ubah warna putih dengan warna abu-abu. Dengan cara klik pada set Background Color.
babastudio.com
A. Cara membuat Linear Gradient :
>Klik kiri dan tahan >Tarik dari kiri ke kanan
babastudio.com
>>Klik Linear Gradient pada Option Tool
babastudio.com
babastudio.com
Maka akan terlihat gradasi warna antara Foreground Color dan Background Color yang kita pilih
Misalkan kita ingin mengubah model gradasi, kita mau Undo. Undo dapat kita lihat pada History.
babastudio.com Panel History adalah kumpulan langkah kerja dalam Photoshop, dan dapat kembali ke langkah sebelumnya sesuai keinginan kita. Misalkan kita ingin kembali ke New, silakan anda klik New yang ada di Panel History.
babastudio.com
Jika kita ingin kembali ke pekerjaan kita sebelumnya silakan klik pada Gradient pada Panel History.
B. Mengubah Linear Gradient menjadi Radial Gradient
babastudio.com >Klik New pada Panel History
>Klik Radial Gradient pada Option Tool
Cara membuat Radial Gradient : Klik kiri dan tahan > Tarik dari kiri ke kanan.
babastudio.com
Maka akan terlihat Gradiasi yang berfokus pada lingkaran
babastudio.com C. Membuat Angle Gradient >Klik New pada Panel History
>Klik kiri dan tahan >Tarik dari kiri ke kanan
babastudio.com
Cara membuat Angel Gradient : > Klik Angel Gradient pada Option Tool
babastudio.com Tampak seperti ini
D. Membuat Reflected Gradient
babastudio.com
>Klik New pada Panel History
> Klik Reflected Gradient pada Option Tool
babastudio.com >Klik kiri dan tahan > Tarik dari kiri ke kanan
babastudio.com
Tampak seperti ini
E. Membuat Diamond Gradient
babastudio.com >Klik New pada Panel History
> Klik Diamond Gradient pada Option Tool
babastudio.com
Klik kiri dan tahan > Tarik dari kiri ke kanan. Diamond Gradient memiliki fokus seperti berlian.
babastudio.com Tampak seperti ini hasilnya
2.2 BANNER WITH SHAPE
1. Membuat Shape
babastudio.com
Kita akan membuat banner seperti gambar dibawah ini.
babastudio.com Pertama untuk membuat Shape : >Pilih Toolbox Custom Shape Tool >Klik kanan untuk memilh iocn (Saat ini kita akan memilih Talk 1)
babastudio.com
>Klik kiri, tahan dan tarik Agar ukuran menjadi proposional silakan tekan tombol Shift.
babastudio.com Ubah warna Shape : >Dengan cara double klik pada Layer Shape 1 Double Klik
Hasilnya biru muda
babastudio.com
Warna dapat diganti sesuai dengan keinginan Di sini akan kita coba ganti dengan warna Biru (#038aff)
babastudio.com Kita akan membuat lagi Shape 2 dengan cara seperti di awal Dan pastikan pada Option Tool menunjukkan ke arah Shape Tujuannya kita tidak perlu membuat layer-layer baru lagi, karena dalam mendesign Shape ini otomatis mempunyai Layer masing-masing.
babastudio.com
Layer Shape 2
babastudio.com Untuk menyamakan ukuran : >Klik Edit > Free Transform Free Transform berguna untuk memperbesar atau memperkecil objek
babastudio.com
>Klik, tahan dan geser timpa ke Shape 1 kanan atur sampai ukuran sekiranya sesuai
>Jika ukuran sama geser Shape 2 ke kiri ke tempat semula
babastudio.com >Shape 2 menempati posisi semula
babastudio.com
Untuk merubah warna anda dapat melakukan sama seperti diawal dengan double klik Shape 2 dan seperti itu seterusnya.
Double Klik Layer Shape 2
babastudio.com Beri warna Merah (#ff3334)
babastudio.com
Tampak hasilnya
Karena Shape yang akan kita buat banyak (8 Shape), kita dapat mempersingkat waktu pengerjaan dengan copy paste Shape yang sudah ada.
babastudio.com >Aktifkan Layer Shape 2 lalu arahkan Corusor ke Shape di lembar kerja yang akan kita copy lalu tekan ALT + Drag mouse untuk mengcopy layer
Double Klik Layer Shape 2
tersebut.
babastudio.com
Untuk merubah arah Layer : >Klik Edit >Transform Path >Flip Horizontal Seperti itu seterusnya.
babastudio.com
Warna kita ubah : >Double Klik Layer
babastudio.com
Tampak hasilnya
babastudio.com >Ubah warna Orange (#FF9900)
>Shape geser ke kanan
babastudio.com
Geser ke kanan
Copy Shape dan geser ke tengah dengan cara : >Klik Shape + Tekan Alt drag ke tengah
babastudio.com Ubah warna Shape >Double Klik Layer
babastudio.com
>Beri warna Putih (#ffffff)
babastudio.com Tampak hasilnya
Selanjutnya buat Shape baru lagi seperti langkah sesudahnya : >Klik Shape warna putih selanjutnya + Alt drag ke kiri
babastudio.com
Untuk memberikan warna seperti langkah sesudahnya : >Double klik Layer
babastudio.com >Beri warna Biru (#34fefe)
babastudio.com
babastudio.com Tampak hasilnya
Kita dapat mencopy beberapa Layer sekaligus dengan cara : >Tekan CTRL + klik Layer yang akan kita copy (Dapat anda perhatikan pada Shape yang berwarna hijau, putih, dan orange) >Arahkan cursor pada gambar >Tekan ALT + drag Layer untuk copy tiga Shape tersebut Dan untuk merubah warna dapat anda ikuti langkah seperti diawal.
babastudio.com
Kita buat Shape baru lagi di sebelahnya, kita lakukan seperti langkah sesudahnya : >Klik Shape yang di tengah + Alt tahan dan drag ke kiri
babastudio.com Shape yang sudah tercopy
Secara otomatis 3 Layer bertambah
babastudio.com
Tinggal kita ganti warna masing-masing Shape. Warna di ubah seperti langkah-langkah sebelumnya : Kita beri warna Shape atas kanan :
babastudio.com >Double klik Layer
babastudio.com
>Ubah warna Kuning (#ffff33)
babastudio.com Tampak hasilnya
Ubah warna Shape atas tengah : >Double klik Layer
babastudio.com
babastudio.com >Beri warna Ungu (#fd69cb)
babastudio.com
Tampak hasilnya
Kemudian kita ubah warn Shape atas paling kiri : >Double klik Layer
babastudio.com >Ubah warna Hijau (#76cb33)
babastudio.com
Tampak hasilnya setelah Shape di ubah warna
babastudio.com Pada contoh gambar, dapat anda lihat : 1. Layer biru mengarah ke kanan sementara Shape yang kita buat masih mengarah ke kiri. 2. Layer warna putih berada di posisi paling atas Kita akan mengkondisikan seperti Shape di atas Cara merubah arah Shape Layer Biru :
babastudio.com
>Double klik Layer Shape Biru
babastudio.com >Edit > Transform > Flip Horizontal
babastudio.com
babastudio.com Flip Horizontal
babastudio.com
Kemudian yang ke dua memposisikan Shape Putih paling atas : >Klik Layer Shape Putih, tahan dan geser paling atas
Klik tahan Geser paling atas Tampak Shape Putih sudah berubah posisi
babastudio.com
babastudio.com
Cara merapikan Layer dengan Group Layer Layer-layer di bawah ini kita rapikan dengan Folder-folder supaya lebih mudah pengerjaannya
babastudio.com Buat Group : >Klik icon yang berbentuk Folder
babastudio.com
babastudio.com Otomatis keluar Folder Group di posisi paling atas
babastudio.com
>Tekan Shift dan tahan sambil klik Shape paling atas dan Shape paling bawah (kecuali Background)
babastudio.com >Lepas Shift drag masukan ke dalam Group Untuk membuka layer di dalam Group, Folder Group
Maka Folder Group yang terbuka berisi Layer-layer Shape
babastudio.com
Layer Group digunakan untuk mengelompokkan beberapa Layer menjadi satu kumpulan Layer, agar mempermudah proses pekerjaan yang menggunakan banyak sekali Layer.
babastudio.com Dan kita pun dapat merubah nama Group dengan cara double klik pada Group yang akan diubah namanya.
Double Klik
Kita dapat memindahkan semua layer secara langsung dengan cara mengaktifkan Group.
babastudio.com
Layer juga bisa di artikan ruang kontrol lembar kerja. Jadi misalkan, jika warna putih saja yang diaktifkan maka yang perlu diatifkan hanya layer putih saja.
babastudio.com Tadi masih ada yang ketinggalan kita rubah lagi posisi Shape warna Hijau dan Kuning. >Klik Layer Shape Hijau
babastudio.com
>Edit > Transform > Flip Horizontal
babastudio.com Untuk Shape warna Kuning sama juga langkahnya : >Klik Layer Shape Hijau
>Edit > Transform > Flip Horizontal
babastudio.com
babastudio.com Hasil tampilannya
babastudio.com
babastudio.com Shape dapat kita pindahkan secara bersamaan dengan mengaktifkan Folder Group. Bisa juga dipindahkan satu-persatu dengan mengguakan Layer. Shape sekaligus kita geser ke atas secara bersamaan dengan mengaktifkan Folder Group.
Geser ke atas
babastudio.com
Jika ukuran dirasa kurang besar atau kecil, dapat anda edit dengan cara >Klik aktifkan Group
babastudio.com > klik Edit > Free Transform
babastudio.com
babastudio.com Maka akan tampak garis seperti ini
Tampak hasilnya seperti ini
babastudio.com
>Klik dan tahan Shift biar ukuran proposional secara bersamaan klik di ujung dan tarik
Klik di ujung Sambil tekan Shift
babastudio.com Kemudian kita akan membuat Background untuk Background Banner : >Pilih Gradient Tool
>Aktifkan Background
babastudio.com
Seperti yang pernah dijelaskan anda dapat mengubah Color sesuai dengan yang anda inginkan Pilih Option Gradiasi > klik dan tahan > tarik Cursor pada Background
babastudio.com Tampak hasilnya
2. Membuat Teks
babastudio.com
Selanjutnya kita akan membuat tulisan “Campus, Skill, Where, dan Program.” klik icon Text (T) pada Toolbox.
Maka disebelah kanan akan muncul kotak Character Huruf.
babastudio.com
babastudio.com
>Ketik “CAMPUS?”
>Move Tool untuk memindahkan tulisan ke dalam Layer
babastudio.com Teks setelah di pindah di Shape Putih
Lalu kita akan membuat tulisan “Program”. Seperti sebelumnya arahkan cursor keluar dari Layer dan klik untuk memulai mengetik
babastudio.com
Kemudian klik Move Tool untuk memindahkan tulisan ke dalam Layer Biru Muda
babastudio.com
babastudio.com
Terlihat tulisan “PROGRAM?” tanda tanya “?” berada di atas Shape Putih Kita pindahkan di bawah Shape Putih.
babastudio.com >Klik Layer PROGRAM geser ke bawah letakkan di atas Layer Shape Biru Muda
Kemudian ketik lagi “WHERE?”
babastudio.com
Tampak hasilnya
babastudio.com Kemudian klik Move Tool untuk memindahkan tulisan ke dalam Layer Biru
babastudio.com
Untuk memudahkan pengerjaan kita pindah Layer WHERE di atas Layer Shape Biru >Klik Layer WHERE
babastudio.com >Geser ke bawah di atas Layer Shape Biru
babastudio.com
Terakhir kita buat tulisan “SKILL?” >Ketik “SKILL?” di atas Shape Kuning
Sebelumnya kita ubah posisi untuk Shape Pink di atas Shape Hijau dan Shape Kuning
babastudio.com >Klik Shape Pink
babastudio.com
>Tahan dan geser pindahkan di atas Layer Shape Hijau
babastudio.com Tampak hasilnya
>Pilih Font Arial
babastudio.com
Selanjutnya kita akan membuat tulisan “CAMPUS EXPO 2014” >Klik icon T pada Toolbox
babastudio.com >Klik warna pada Option Tool
babastudio.com
>Pilih warna Putih >Klik OK
Anda dapat merubah ukuran font sesuai dengan kebutuhan anda dengan memilih ukuran pada Option Tool.
babastudio.com
babastudio.com
>Ketik “CAMPUS EXPO2014”
Kita ingin merubah warna pada 2014 nya saja : >Blok tulisan 2014
babastudio.com >Klik warna pada Option Tool
babastudio.com
>Pilih warna Merah (#ff3334) pada Option Tool
Kemudian kita tebalkan tulisan dengan memilih bold pada Option Tool
babastudio.com Tampak hasilnya
babastudio.com
Kita akan tuliskan “9 FEB” Pada gambar dibawah ini tulisan tak terlihat karena warna tulisan adalah hitam.
Maka kita perlu menggantinya dengan warna yang lain, dengan cara : >Blok tulisan
babastudio.com >Klik warna pada Option Tool
babastudio.com
>Jika kita ingin menggunakan warna yang sudah ada pada banner, arahkan Cursor pada warna yang kita inginkan >Klik OK
Kita akan merubah font “9-FEB” sama seperti sebelumnya, >Blok tulisan
babastudio.com
babastudio.com
>Pilih Font pada Option Tool
babastudio.com >Font yang kita pilih Forte
Tampak hasilnya
Selanjutnya kita akan merapikan jarak antara “CAMPUS ”dengan “EXPO2014” karena dilihat jaraknya terlalu jauh. Langkah yang harus kita lakukan adalah :
>Klik Window pada Menu Bar
babastudio.com
>Double klik pada Layer “CAMPUS EXPO2014”
babastudio.com
babastudio.com
>Klik Character maka akan muncul Tool dipojok kanan >Atur Set The Leading yang berfungsi untuk mengatur jarak baris atas dengan bawah >Kita ketika manual saja 70 pt
babastudio.com Tampak hasilnya jarak antara “CAMPUS” dengan “EXPO 2014”
1. Memasukkan Foto ke Program Photoshop
babastudio.com
Selanjutnya kita akan memasukkan foto pada Photoshop. >Buka Folder foto anda >Drag ke Photoshop
babastudio.com >Perbesar klik + tahan lalu geser Cursor tekan Shift agar menjadi proposional
babastudio.com
Sebelum anda menggeser gambar yang telah perbesar, >Silakan klik Move Tool terlebih dahulu
>Aarahkan Cursor pada gambar yang akan dipindahkan >Klik + tahan dan drag ke bawah
babastudio.com
babastudio.com
Yang terakhir kita akan buat Shape yang berbentuk persegi, dapat anda temukan pada Toolbox.
Lalu kita akan menggunakan warna Kuning seperti yang ada di layer >Klik warna yang ada di Toolbox >Arahkan Cursor pada warna yang diinginkan >Klik OK
babastudio.com Kita akan membuat persegi dengan klik + tahan dan drag, buat sesuai dengan yang anda inginkan.
babastudio.com
Tampak hasilnya
Kita akan member tulisan pada kotak yang berwarna kuning dengan cara seperti sebelumnya : >Klik icon T pada Toolbox
babastudio.com >Ubah Font Bradley Hand ITC
babastudio.com
>Ubah warna Font menjadi Hitam >Klik OK
>Ketik “Ikatan Alumni Babastudio.com”
babastudio.com >Blok tulisan
babastudio.com
>Ubah Font menjadi 18 pt
babastudio.com >Klik Move Tool
>Klik teks dan geser ke Shape Kuning
babastudio.com
Kemudian kita pertebal huruf Pertebal tulisan “SKILL?” >Double Klik Layer Text SKILL
babastudio.com >Klik type huruf Bold Italic
>Ubah ukuran Font 24 pt
Pertebal tulisan “CAMPUS?” >Double Klik Layer Text CAMPUS
babastudio.com
Tampak hasilnya
babastudio.com >Klik type huruf Bold Italic
Tampak hasilnya
babastudio.com
>Ubah ukuran Font 24 pt
babastudio.com Pertebal tulisan “PROGRAM?” >Double Klik Layer Text PROGRAM
>Ubah ukuran Font 24 pt
babastudio.com
>Klik type huruf Bold Italic
babastudio.com Tampak hasilnya
babastudio.com
Pertebal tulisan “WHERE?” >Double Klik Layer Text WHERE
babastudio.com >Klik type huruf Bold Italic
>Ubah ukuran Font 24 pt
babastudio.com
Tampak hasilnya
Banner selesai di buat tampak dengan hasil keseluruhan
babastudio.com
3.1 LAYER, FILL, OPACITY
babastudio.com
Kita akan belajar membuat banner yang memiliki bayangan atau Opacity dan membuat Layer, Fill seperti gambar dibawah ini.
1. Buat Lembar Kerja Baru
babastudio.com >Pertama kita buka Photoshop >File > New
babastudio.com
>Beri Nama >Width 1000 pixels >Height 338 pixels >Resolution 72 pixels/inch >Color Mode RGB 8bit >Klik Ok.
babastudio.com
2. Import Gambar dan Membuat Bayangan
babastudio.com
Pertama kita akan mengambil gambar dari folder kemudian drag gambar yang akan digunakan ke Photoshop.
babastudio.com
babastudio.com
>Tekan tombol Shift >Klik + kecilkan ukuran gambar
babastudio.com >Setelah ukuran sesuai tekan tombol Enter.
babastudio.com
Copy Layer web banner tersebut : >Arahkan Cursor pada gambar yang akan di copy >Tekan tombol ALT + drag ke bawahnya. Tujuan kita mengcopy karena ingin membuat seolah-olah gambar tersebut memiliki bayangan.
babastudio.com 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 :
babastudio.com
>klik Edit > Transform > Flip Vertical
babastudio.com Maka gambar tersebut akan berputar melawan arah.
Untuk membentuk banyangan dapat kita lihat pada panel sebelah kanan dan pastikan Layer banyangan telah aktif.
babastudio.com
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.
babastudio.com Setelah itu bayangan akan kita edit dengan cara : klik Edit > Free Transform > kecilkan bayangan tersebut.
babastudio.com
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.
babastudio.com
babastudio.com
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).
babastudio.com Ini yang dinamakan Opacity. Opacity adalah ketebalan gambar. Jadi antara 0 - 100 dapat diukur ketebalannya. Misalkan 0% gambar tidak akan terlihat atau hilang.
3. Membuat Teks ‘CARI GADGET?”
>Font 48pt
babastudio.com
>Klik Tool Teks (T)
babastudio.com > Ketik “CARI GADGET ?”
babastudio.com
> Font Tahoma
babastudio.com >Pertebal tulisan dengan Bold
babastudio.com
Tampak hasilnya
4. Membuat Teks “Bagus, murah dan terpercaya” Kita akan buat tulisan “Bagus, murah dan terpercya hanya di gadget.co.id” dengan ukuran Font 24 pt
babastudio.com >Font Tahoma
babastudio.com
Ketik tulisan
Buat Tulisan “gadget.co.id” jadi Italic >Blok tulisan “gadget.co.id”
babastudio.com >Pertebal tulisan dengan Bold
babastudio.com
Pada tulisan “gadget.co.id”, akan kita beri efek Italic dengan cara blok tulisan > klik Window > Character > pilih Italic, maka tulisan akan berubah.
babastudio.com Tampak hasilnya
babastudio.com
Kita akan merubah warna tulisan “gadget.co.id” dengan cara : >Seleksi tulisan
babastudio.com klik warna pada Option Tool
babastudio.com
> Pilih warna merah yang tertera pada gambar dengan mengarahkan Cursor ke warna yang diinginkan >klik OK
babastudio.com Tampak hasilnya
babastudio.com
Selanjutnya kita akan memperkecil tulisan “bagus murah dan terpercaya” dengan cara : >Klik Edit > Free Transform.
babastudio.com >Tekan Shift agar ukuran tulisan menjadi
proposional
babastudio.com
>Drag tulisan untuk memperkecil.
Kemudian kita akan membuat Buttom > Klik Rounded Rectangle Tool
babastudio.com >Klik + tahan dan drag untuk membuat persegi pada banner.
babastudio.com
5. Membuat Efek Layer ‘CARI GADGET?” >Aktifkan Layer tersebut
babastudio.com 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.
>Pilih Inner Glow. >Opacity 40%
babastudio.com
Klik pada “fx” > Pilih Blending Options, maka akan muncul tampilan Layer Style pada Layer anda.
babastudio.com >Berikan warna Color Overlay (Color Overlay ini memberikan warna pada seluruh yang terkandung pada layer tersebut)
babastudio.com
babastudio.com >Ubah warna merah menjadi biru muda
babastudio.com
>Berikan efek bayangan dengan Drop Shadow >Opacity 16% >Klik OK.
babastudio.com 6. Membuat Efek Buttom
>Aktifkan Layer Buttom
babastudio.com
babastudio.com >Klik “fx” >Blending Options
>Bevel & Emboss >Depth 52% >Size 24px >Soften 13px
>Angle 90⁰ >Unceklist pada Use Global Light
>Contour Range 92%
babastudio.com
(Use Global Light digunakan jika seluruh Layer Style ingin menggunakan satu Angle yang sama)
babastudio.com
>Inner Shadow >Opacity 16% >Distance 46 px >Choke 25%
>Satin warna abu-abu >Blend Mode Overlay >Angel 90⁰ >Distance 151 px >Size 158 px
babastudio.com
>Size 92 px
babastudio.com
Pada Color Overlay, kita akan memilih warna : >Pilih warna kuning dengan klik Set Color
babastudio.com
>Arahkan Cursor pada warna yang akan digunakan >Klik OK
babastudio.com
>Pada Inner Shadow kita akan mengubah warnanya menjadi abu-abu >Klik OK.
babastudio.com
babastudio.com
7.
Menabhakan Tulisan “KLIK DISINI”
babastudio.com
Untuk menambahkan tulisan seperti yang sudah pernah dijelaskan. >klik T pada Toolbox
>Ketik diluar Buttom “KLIK DISINI”
babastudio.com Kemudian kita akan memperkecil Font dengan cara : >Blok tulisan
>Pilih Size Font pada Option Tool
babastudio.com
babastudio.com >Opacity 92%
Kita akan pindahkan tulisan tersebut ke dalam Buttom dengan cara :
babastudio.com
>Klik Move Tool >Klik + tahan dan geser tulisan ke dalam Buttom.
babastudio.com Untuk mengubah Font : >Aktifkan Layer “KLIK DISINI”
>Pilih font pada Option Tool.
babastudio.com
babastudio.com Untuk tulisan “Bagus Murah” akan kita ubah ketebalannya menjadi Regular >Aktifkan Layer “Bagus Murah”
>Pilih ketebalan Font pada Option Tool
babastudio.com
>Pilih Regular
Kemudian kita besarkan menggunakan Free Transform dan menekan Shift agar ukuran menjadi proposional.
babastudio.com
Atur sesuai kebutuhan anda
babastudio.com
Maka Banner telah selesai kita buat
babastudio.com
babastudio.com
babastudio.com