babastudio.com
babastudio.com
3.2 BANNER WEB FONT
babastudio.com
Kita akan membuat Banner Text seperti contoh dibawah ini.
babastudio.com Silakan masuk ke program Photoshop File > New > Name Banner Font > Width 400px > Height 600px > Resolution 72 px/inch > Color Mode RGB 8 bit > OK.
babastudio.com
Tampilan lembar kerja baru
babastudio.com 1. Membuat Gradient Pada Background.
Warna Foreground merah (#a91c01)
babastudio.com
Background merah tua dengan kode (#690700). Dapat anda perhatikan pada kode warna.
Jika warna Foreground dan Background telah selesai dipilih >Aktifkan Tool Gradasi.
babastudio.com >Pilih Radial Gradient pada Option Tool.
babastudio.com
babastudio.com 2. Membuat Text “GOOD”
>Klik (T) pada Toolbox
> Ubah Font 40 pt
babastudio.com
>Ubah warna tulisan menjadi warna putih.
babastudio.com >Ketik“GOOD”
babastudio.com
>Ubah Font Impact.
3. Memberi Efek Tulisan “GOOD”
babastudio.com >Aktifkan Layer GOOD
>Warp Text yang terdapat pada Option Tool
babastudio.com
>Style : Wave
babastudio.com >Bend 25% >Horizontal Distortion 2% >Vertical Distortion 3% >Klik OK
Setelah hilang blok tulisan
babastudio.com
>Klik Move Tool terlebih dahulu untuk menghilangkan blok nya.
babastudio.com 4. Membuat Tulisan “TEA” >Kembali aktifkan Tool Text
babastudio.com
>Ketik “TEA”
babastudio.com >Blok tulisan
>Ubah Font 111pt
babastudio.com
>Aktifkan Move Tool untuk memindahkan tulisan.
babastudio.com 5. Memberi Efek Tulisan “TEA”
>Aktifkan Layer TEA
>Klik Warp Text pada Option Tool
babastudio.com
>Pilih Style Wave
babastudio.com >Bend +50% >Horizontal Distortion 0% >Vertical Distortion 0% >OK.
Setelah seleksi tulisan hilang
babastudio.com
>Aktifkan Move Tool untuk menghilangka blok pada tulisan “TEA”
babastudio.com 6. Membuat Tulisan “WITH” dan “GOOD” >KembaliAktifkan Tool Text
babastudio.com
>Ubah Font 24 pt.
babastudio.com >Ketik “WITH” dan “GOOD”dan kita blok untuk tulisan “GOOD”
>Edit menggunakan Warp Text.
babastudio.com
>Pada kata “GOOD” size Font 43 pt.
babastudio.com Tampak hasilnya
7. Membuat Tulisan “TASTE” Huruf "T”pertama pada kata “TASTE” kita beri size Font lebih besar dibandingkan huruf yang lainnya dengan cara :
babastudio.com
>Blok huruf “T”
babastudio.com >Size Font 72 pt.
>Size Font 48 pt.
babastudio.com
>Blok tulisan “ASTE”
babastudio.com 8. Membuat Efek Tulisan “TASTE” >Aktifkan layer “TASTE” kemudian
babastudio.com
>Aktifkan Warp Text untuk mengubah Style Font.
Untuk merapikan layer-layer yang telah kita buat : Blok pada Layer-layer tersebut dengan cara tekan CTRL dan pilih semua Layer. >Tekan CTRL + G untuk grouping Layer.
babastudio.com Semua Layer-layer ada di dalam Group Layer
babastudio.com
Untuk memperbesar tulisan : >Klik Edit > Free Transform
babastudio.com >Tekan Shift agar disaat memperbesar tulisan menjadi simetris
babastudio.com
Kita akan memberi Layer Style pada masing-masing text : >Aktifkan Layer “GOOD”
>Layer Style (FX) > Blending options
babastudio.com
>Klik pada Drop Shadow
babastudio.com
>Blend Mode MULTIPLY >Opacity 70% >Distance 8 px >Spread 0% >Size 5 px.
babastudio.com Untuk layer yang lainnya kita dapat copy paste layer yang telah di beri Layer Style, dengan cara: >Klik kanan + copy Layer Style dan paste ke setiap text.
babastudio.com
babastudio.com Selanjutnya kita akan memberikan Shape : >Klik Custom Shape Tool
>Tubbed Button
babastudio.com
>Klik dan drag untuk mengaplikasikan Tubbed Button ke dalam banner.
babastudio.com Terlebih dahulu pindahkan Shape keatas Group agar Shape tidak menjadi satu dengan Group Text.
>Ketik VIEW PRODUCT
babastudio.com
>Aktifkan Text (T) pada Toolbar
babastudio.com
babastudio.com
>Size Font 24 pt
babastudio.com >Pada Table Character pada sebelah kanan, kita akan Member Underline pada VIEW PRODUCT
>Klik Move Tool
babastudio.com
>Member warna merah yang ada pada banner
babastudio.com
babastudio.com
>Pindahkan tulisan ke dalam Tubbed Button
babastudio.com Kita akan berikan efek pada tulisan VIEW PRODUCT >Klik Fx >Bavel & Emboss
>Contour 50%.
babastudio.com
>Depth 11% Size 1px.
babastudio.com
>Opacity 100% >Angel 90⁰ >Scale 100% >OK
babastudio.com
Selanjutnya kita akan memberi Gradient : >Klik Fx > Gradient Overlay
babastudio.com
babastudio.com
Setelah itu kita akan memberi tulisan LIPTON pada banner. Untuk “LIPTON” kita Import File dari komputer dengan cara mendrag gambar ke program Photoshop.
babastudio.com Untuk menghilangkan background putih pada file tersebut : >Klik kanan pada Layer LIPTON >Rasterize
babastudio.com
> Pilih Magic Wand Tool pada Toolbar
>Klik kanan pada area Layer berwarna putih >Tekan delete untuk menghapus warna putih
babastudio.com
Tampak seleksi hilang
babastudio.com
>Hilangkan seleksinya kita klik Select > Deselect
babastudio.com
Pada posisi Layer LIPTON saat ini menutupi tulisan yang lainnya, maka akan kita pindahkan posisi layernya. Posisi awal berada di atas Shape, kita akan pindahkan posisi Layer LIPTON di bawah Folder Text.
babastudio.com
>Klik Move Tool untuk memindahkan Layer LIPTON >Klik + tahan dan drag
babastudio.com
babastudio.com
Text pada group akan kita putar posisi : >Klik Edit >Free Tranform
babastudio.com Putar posisikan sesuai kebutuhan
babastudio.com
Untuk memperbesar Size Text : >Klik Edit > Free Transform
babastudio.com > Tekan Shift dan drag tulisan Silahkan merapikan posisi sesuai yang anda inginkan dengan mengaktifkan Move Tool terlebih dahulu sebelum memindahkan Layer.
4.1 BANNER WITH BRUSH 1. Membuat Brush
babastudio.com
Kita akan belajar menggunakan Brush. Kita dapat menggunakan Brush untuk membuat banner. Dibawah ini terdapat contoh banner yang dibuat menggunakan Brush. Dapat anda perhatikan banner dibawah ini pada warna merah, biru serta motif banner akan kita buat menggunakan Brush.
babastudio.com Pertama kita akan membuat File Baru >Klik File >New >Width 720px, Height 210px, >Resolution 72px/inch, >Color Mode RGB Color 8bit >OK
Langkah pertama kita akan mewarnai background terlebih dahulu, dengan menggunakan Paint Bucket pada Toolbar.
babastudio.com
Kita akan menggunakan warna Kuning (#ffd101)
babastudio.com Tampak Background Kuning
babastudio.com
Untuk memulai mewarnai dengan Brush sebaiknya kita menggunakan Layer Baru. Cara membuat Layer Baru yaitu kita ke Menu Layer yang ada disebelah kanan >Klik Create a new Layer, maka Layer baru akan terbuat.
Layer Baru otomatis akan muncul
babastudio.com Dan kita akan memulai mewarnai menggunakan Brush >Klik Brush Tool pada Toolbox
Brush yang akan kita pakai adalah Brush yang kita downkload dari internet, silakan terlebih dahulu anda mendownload Brush yang akan digunakan pada internet, jika Brush telah selesai di download.
babastudio.com
Cara mengambilnya : >Klik kanan >Klik gambar Gir >Load Brushes
babastudio.com Gambar Gir, klik kanan
Yang pertama kita akan menggunakan Brush seperti berikut
>Klik Foregroud Layer
babastudio.com
>Klik dan drag
babastudio.com >Beri warna pada Brush yang pertama dengan warna Merah (#ff2c00)
Tampak hasilnya
babastudio.com
>Brush Klik kanan maka akan muncul kotak dialog >Kecilkan ukurannya menjadi 267px
babastudio.com Untuk memudahkan pekerjaan pada Layer 1 yang ada pada Menu kita ubah namanya menjadi warna Merah
>Buat Layer Baru untuk Brush yang kedua >Seperti diawal klik Create a new Layer
>Klik Brush Tool pada Toolbox
babastudio.com
>Ubah type Brush, klik kanan dan pilih brush yang akan digunakan
babastudio.com >Ganti warna Brush menjadi biru (“018fc6”)
>Ubah Layer Brush yang kedua dengan nama warna Biru
Dan kita kecilkan ukuran 257px denganklik kanan
babastudio.com
Tampak hasilnya
babastudio.com Selanjutnya kita akan membuat Layer Baru kembali untuk Brush yang ketiga. >Seperti diawal klik Create a new Layer
>Klik Brush Tool pada Toolbox
>Untuk mengubah type Brush, klik kanan dan pilih Brush yang akan digunakan
babastudio.com
>Ganti warna Brush menjadi Merah (#ff2c00) >Ubah nama Layer Brush yang ketiga dengan nama warna Brush >Kecilkan ukuran 100px dengan mengklik kanan
babastudio.com Kemudian kita akan pindahkan Layer warna merah berada di atas warna Biru
babastudio.com
Pindahkan Layer
babastudio.com Dan kita akan memberi transparansi menggunakan Blending Mode
>Pilih Hard Light
babastudio.com
babastudio.com Kita akan mulai membuat Motif >Aktifkan Layer Background
babastudio.com
>Buat Layer Baru beri nama Motif 1
Kemudian kita pilih type Brush yang kita inginkan, dan beri warna putih pada Brush, seperti langkah sesudahnya. >Klik Brush Tool pada Toolbox
babastudio.com >Pilih type Brush
Tampak hasilnya
babastudio.com
>Pilih warna Putih untuk Brush (#ffffff)
babastudio.com Untuk memberi brush pada sebelah kiri, anda cukup mengcopy saja dari layer motif tersebut >Klik Layer Motif 1 Tekan Alt + drag
babastudio.com
babastudio.com >Kemudian klik Edit >Transform >Flip Horizontal
babastudio.com
babastudio.com Tampak hasilnya
Kita akan membuat Grouping untuk bagian Brush agar terlihat lebih rapi. >Tekan CTRL dan klik semua Layer Brush
babastudio.com
>CTRL + G untuk Grouping
babastudio.com
2. Membuat Teks Kita akan memulai untuk membuat tulisan.
>Aktifkan Tool Text pada Toolbar
babastudio.com
>Ukuran Font 24pt
babastudio.com >Jenis Font Century Gothic
>Aktifkan Underline pada Tool Character
babastudio.com
>Beri warna teks Putih (#ffffff)
babastudio.com >Ketik “BE MORE CREATIVE”
>Kemudian Edit
babastudio.com
>Free Transform , dan kita perkecil tulisan tanpa menekan tombol Shift
babastudio.com Tampak hasilnya
Kita akan mengganti Blending Mode menjadi Darken Maka akan terjadi campuran warna antara Merah dengan Biru
Tampak hasilnya
babastudio.com
Selanjutnya kita akan kembali membuat teks “PHOTOSHOP” >Aktifkan Tool Text pada Toolbar
babastudio.com >Ukuran Font sesuai kebutuhan
>Jenis Font Orator Std
babastudio.com
>Untuk menghilangkan Underline klik nonaktifkan di Tool Character
babastudio.com >Beri warna teks Hitam
>Ketik “PHOTOSHOP”
babastudio.com
Selanjutnya enter dan ketik kata “CLASS”
Setelah itu, kembali membuat teks www.babastudiocom
babastudio.com >Aktifkan Tool Text pada Toolbar
>Ukuran Font 14 pt
>Jenis Font sesuai kebutuhan
babastudio.com
babastudio.com >Beri warna teks Hitam
>Ketik “www.babastudio.com”
babastudio.com
>Enter dan ketik “FOR MORE DETAIL”
Kemudian kita beri tulisan pada sebelah kiri “Web Designer Class with Baba studio” dengan jenis font arial dan size 30pt. kita dapat mengecilkan tulisan dengan free transform. >Aktifkan Tool Text pada Toolbar
babastudio.com >Ukuran Font 30 pt
>Jenis Font Arial
babastudio.com
babastudio.com >Beri warna teks Hitam
>Ketik “Web Designer” enter “Class with”enter “Baba studio”
babastudio.com
Maka banner with brush telah selesai kita buat
babastudio.com
5.1 SELECTION 1. Penggunaan Selection pada Photoshop
babastudio.com
Kita akan belajar seleksi gambar dan membuat banner dengan menggabungkan beberapa gambar ke satu dokumen seperti gambar dibawah ini.
>Buat File Baru >File >New >Kita beri nama “Banner Selection“ >Width 847px, Height 285px >OK
babastudio.com
Lembar kerja Photoshop
babastudio.com
Kita akan Import dua gambar yang berbeda, silakan drag gambar yang akan anda gunakan pada Photoshop. Tetapi jangan letakkan gambar pada halaman yang sedang aktif, letakkan disebelah tab banner selection.
babastudio.com Kita akan menyusun gambar ini menjadi bertumpuk-tumpuk seperti yang ada pada contoh banner. Kita gunakan Selection Tool yang berguna untuk menyeleksi suatu objek agar dapat dipindahkan atau dijadikan suatu design tertentu. >Aktifkan Polygonal Lasso Tool untuk menyeleksi gambar
babastudio.com
>Klik seleksi gambar berwarna biru >Jika menginginkan garis tersebut lurus, tekan tombol Shift >Jika terjadi kesalahan seleksi, tekan tombol Backspace pada Keyboard
babastudio.com
babastudio.com
>Double klik kiri pada Mouse untuk mengakhiri seleksi >Aktifkan Move Tool, sampai muncul gambar gunting pada Cursor >Drag gambar pada Banner Selection
babastudio.com >Ubah nama Layer menjadi “Biru”
babastudio.com
>Kembali ke gambar yang akan kita seleksi kembali
babastudio.com Untuk menghilangkan seleksi pada gambar yang berwarna biru >Klik Select >Klik Deselect atau dapat juga dengan CTRL + D
babastudio.com
Yang kedua kita seleksi gambar yang berwarna kuning.
babastudio.com >Aktifkan Move Tool
babastudio.com
>Drag ke lembar kerja Banner Selection
babastudio.com >Letakkan pada tegah-tengah gambar berwarna Biru pada lembar kerja Banner Selection
Jika sudah, >Aktifkan Move Tool
babastudio.com
>Seleksi kembali gambar yang berwarna Merah Muda, sebelumnya hilangkan seleksi pada gambar berwarna Kuning dengan CTRL + D
babastudio.com >Drag kembali ke lembar kerja Banner Selection
babastudio.com
>Stur sesuai posisi yang di inginkan
Untuk gambar berwarna Merah Muda ini, kita akan putar >Klik Edit >Free Ttransform
babastudio.com
babastudio.com
Tampak hasilnya Banner Selection
Drag gambar Merah Muda ke posisi bertumpuk dengan warna Biru dan Enter jika posisi dirasa sudah seperti yang diinginkan.
babastudio.com Kita seleksi kembali gambar yang berwarna hijau sebelumnya kita hilangkan seleksi pada gambar berwarna merah muda dengan CTRL + D.
Jika sudah,
babastudio.com
>Aktifkan Move Tool dan drag ke lembar kerja Banner Selection >Letakkan pada tegah-tengah gambar berwarna Biru
Tampak hasilnya Banner Selection
babastudio.com Kita seleksi kembali gambar yang berbentuk kotak sebelumnya kita hilangkan seleksi pada gambar berwarna Hijau dengan CTRL + D
babastudio.com
Jika sudah, >Aktifkan Move Tool
>Drag ke lembar kerja Banner Selection >Letakkan bertumpuk seperti berikut
babastudio.com Tampak hasilnya Banner Selection
babastudio.com
babastudio.com >Rapikan Layer dengan memberi Nama Layer
>Pindahkan Layer Biru ke atas Layer Merah Muda (Pink)
babastudio.com
Geser ke atas
babastudio.com >Aktifkan Layer Biru
>Blending Mode Liniear Burn
babastudio.com
Maka warna Biru akan tercampur dengan warna Pink
babastudio.com Dan untuk membuat seleksi yang disebelah kanan, kita drag kembali gambar pada computer ke program Photoshop
babastudio.com
Karena pada gambar ini Layar Transparan maka kita pindahkan tanpa menggunakan Selection ke Banner Selection
babastudio.com Kita akan membuat gradasi pada background dengan mengaktifkan Gradient Tool pada Toolbar Hasilnya setelah pindah di Layer Banner Selection
babastudio.com
>Gunakan Linear Gradient pada Option Tool
babastudio.com >Warna yang akan kita gunakan adalah Putih dan Abu-abu
>Tarik dari kanan ke kiri
babastudio.com
Tampak hasilnya setelah di Gradiasi
babastudio.com 2. Memberikan Teks pada Banner
Kita akan memberikan tulisan pada banner >Aktifkan Text Tool pada Toolbar
>Ubah Font menjadi Arial
babastudio.com
babastudio.com >Warna Font “8f8cbe”
>Ukuran Font 18 pt
babastudio.com
>Ketik “INNOVATIVE & CREATIVE BANNER”
babastudio.com
Berikan lagi tulisan diatasnya
>Aktifkan Text Tool pada Toolbar
babastudio.com
>Warna Font Pink yang ada pada banner
babastudio.com >Ukuran Font 24pt
>Ketik “Creative Banner Design”
babastudio.com
Kita hilangkan Bold pada tulisan “Innovative & Creative Banner” >Blok tulisan
babastudio.com >Pilih Regular pada Toolbar
Yang terakkhir kita akan merapikan Layer dengan membuat Grouping
>CTRL + G
babastudio.com
>Tekan Shift dan klik mulai dari Layer Kotak sampai Layer Kuning
babastudio.com
babastudio.com
Selanjutnya buat Group 1 sebagai Layer dengan CTRL + E untuk menggabungkan isi Group menjadi Layer, agar dapat mengaktifkan Efek Layer Fill secara menyeluruh >Klik Fx >Drop Shadow
babastudio.com >Opacity 45% >Distance 4px >Ok
babastudio.com
Maka banner telah selesai kita design
babastudio.com
6.1 MASKING INTRODUCTION
babastudio.com
Kita akan belajar untuk memahami pengertian dari fungsi Layer Masking. Sesuai dengan namanya dari Layer Masking, dari Mask berarti topeng atau penutup sementara. Mask atau penutup ini dapat menutupi seluruh Mask atau hanya bagian tertentu saja. Bagian yang tertutup tentunya tidak akan terlihat, begitupun sebaliknya bagian yang tidak tertutup pastinya akan terlihat. Dapat kita lihat pada contoh dibawah ini. Badut yang keluar dari ipad ini, dapat menutupi ipad dan kita juga dapat membuka kembali background badut agar ipad tidak terlihat, itulah yang dimaksud dengan masking.
babastudio.com Pada Photoshop, Masking hanya mengenal dua warna saja yaitu : 1. Hitam ( untuk menutup topeng atau Masking) 2. Putih (untuk membuka Masking) Jika warna abu-abu (perpaduan antara hitam dan putih) maka nanti warna akan menjadi transparan, jadi akan terlihat samar antara terbuka atau tertutup. Pada Layer Masking kita juga akan dapat bantuan dari Toolbox agar pembuatan Masking terlihat rapi.
babastudio.com
Pertama kita akan belajar membuat Masking terhadap tulisan terlebih dahulu. >Klik File >New >Width 900 px >Height 200 px >Beri nama menjadi Text Masking >OK
babastudio.com Lembar kerja Photoshop siap digunakan
babastudio.com
kita akan belajar membuat banner seperti dibawah ini, dimana tulisannya memiliki Background sendiri.
Pertama kita akan Import gambar orang dengan drag gambar dari komputer ke Photoshop. >Ambil gambr dari File komputer
babastudio.com
babastudio.com
Gambar setelah masuk ke program Photoshop
babastudio.com >Perbesar gambar dengan Free Transform
babastudio.com
Tampak hasilnya setelah melaui pengaturan
babastudio.com Kemudian kita akan Import gambar background tulisan ke dalam Photoshop >Letakkanlah gambar pada sebelah File Text Masking
>Size Font 36 pt
babastudio.com
Langsung saja kita mulai membuat tulisan >Aktifkan Text Tool terlebih dahulu
babastudio.com
babastudio.com
>Font Arial
babastudio.com >Menggunakan rata kiri
babastudio.com
>Ketik “Corporate”
Kemudian kita tuliskan : >“IT TAKES KNOW HOW enter “to solve complex” enter “construction problem” Untuk warna tulisan tidak mempengaruhi karena kita akan mengambil background gedung tersebut.
babastudio.com
Masking
babastudio.com
Pada Layer Background, terdapat gambar gembok dan kita harus membuka gembok tersebut terlebih dahulu >Doube klik Icon Gembok agar dapat melakukan
Maka Icon Gembok akan hilang dan kita dapat melakukan Masking
babastudio.com >Klik Icon T pada Layer Text >Tekan CTRL dan klik Icon Layer untuk menyeleksi langsung seluruh objek yang terkandung dalam Layer
babastudio.com
Otomatis text akan terseleksi dengan sendirinya
Kemudian kita aktifkan background buka gembok
babastudio.com >klik add Layer Mask (Tool Masking)
babastudio.com
kemudian klik Icon Mata untuk menghilangkan tampilan Layer
Dapat kita lihat, Font akan memiliki background gedung
babastudio.com Akan kita copy : >Klik dan geser Layer ke File Photoshop utama >Tekan CTRL + T untuk memperbesar atau memperkecil tulisan sesuai dengan keinginan anda.
babastudio.com
Tampak hasilnya
babastudio.com Import kembali gambar dari komputer, drag gambar ke lembar utama, kemudian kita letakkan gambar diantara gambar orang dan tulisan.
Yang terakhir kita beri background gedung seperti background yang terdapat pada tulisan. Dengan terlebih dahulu menghapus File text. Kemudian drag gambar gedung pada komputer anda di sebelah File utama.
babastudio.com
>Import gambar masukkan ke dalam program Photoshop
>Aktifkan Polygonal Lasso Tool untuk menyeleksi gambar.
babastudio.com >Seleksi gambar
Setelah di indah di Layer Utama
babastudio.com
Aktifkan move tool dan drag gambar yang telah kita seleksi
babastudio.com
babastudio.com
Letakkan Layer dibawah layer background.
Geser ke bawah
babastudio.com Dan kita kecilkan opacitynya menjadi 13%.
Maka masking text telah selesai kita kerjakan
babastudio.com
babastudio.com
6.2 IMAGE MASKING MONTAGING
babastudio.com
Kita akan belajar menggabungkan beberapa gambar dengan teknik Masking Montaging, kali ini kita akan membuat gambar seperti contoh dibawah ini.
Langsung saja kita membuat File Baru pada Photoshop >File >New >Width 900 px >Height 326 px >Beri Nama File Masking Photo Montaging
babastudio.com
>Import gambar ipad pada komputer kita ke lembar kerja Photoshop
babastudio.com
Sebelumnya kita akan membuat Gradiasi : 1. Background warna Abu-abu (#e1e1e1) 2. Foreground warna Putih (#fffefe)
babastudio.com >Klik Linear Gradient pada Option Tool
Maka hasilnya seperti ini
babastudio.com
>Klik dan tarik dari atas ke bawah
babastudio.com
babastudio.com
Import kembali gambar dari komputer dan drag ke lembar kerja pada Photoshop
babastudio.com Kita akan membuat seolah-olah background dari ipad adalah gambar tersebut. >Geser gambar berada tepat dibelakang ipad
Tampak hasil sementara
babastudio.com
>Letakkan Layer Gambar diatas Layer ipad
babastudio.com Agar gambar tersebut seolah adalah background dari ipad yang harus anda lakukan adalah mengurangi Opacity dari gambar tersebut
babastudio.com
Setelah itu kita akan membuang sisa gambar yang berada diluar ipad >Aktifkan Layer Mask
>Muncul rantai dan gambar kotak putih seperti pada Layer tersebut
babastudio.com Kita aktifkan selection pada toolbar.
babastudio.com
>Seleksi gambar mulai dari dalam ipad >Tekan Shift untuk meluruskan garis
babastudio.com >Klik kanan >Select Inverse, untuk membuat seleksi objek menjadi arah yang berlawanan. Biasanya yang terseleksi adalah yang berada didalam kotak seleksi, dengan select Inverse ini yang terseleksi adalah yang berada diluar kotak seleksi
>Klik Foreground
babastudio.com
Kita aktifkan kembali Layer Masking
babastudio.com > Beri warna Hitam
>Sesuaikan Size dan Hardness
babastudio.com
>Klik Brush Tool
babastudio.com >Klik kiri bagian yang di hapus, bagian dalam tidak akan terhapus karena telah kita seleksi sebelumnya
>Jika sudah selesai klik Select >Klik Deselect
babastudio.com
Kalau sudah di hapus akan tampak seperti ini
babastudio.com
babastudio.com
>Opacity perbesar menjadi 95%
>Untuk Resize klik pada Layer aslinya
babastudio.com
babastudio.com
>Klik CTRL + T dan drag garis
Selanjutnya kita Import gambar badut pada komputer dan drag pada lembar kerja Photoshop
babastudio.com
Pada gambar tersebut masih terdapat background dari badut yang berwarna putih menutupi ipad Maka kita akan menghilangkan background putih tersebut :
>Magic Wand Tool
babastudio.com
>Aktifkan Layer Mask
babastudio.com >Klik pada background putih pada badut, dan otomatis akan terseleksi
babastudio.com
Pada rambut badut masih terdapat warna putih dan badannya masih keluar dari ipad Kita akan merapikannya dengan mengatur Brush untuk menghilangkan warna putih yang ada pada rambutnya seolah-olah kita mencukur rambut badut tersebut.
babastudio.com
babastudio.com
Atur Brush pada Size dan Hardness
Kemudian Brush tepi rambut yang ada warna putihnya
babastudio.com Seolah olah kita sedang mencukur rambut
babastudio.com
Setelah selesai merapikan rambut badut, langkah selanjutnya kita merapikan badan dari badut tersebut dengan terlebih dahulu mengurangi Opacity badut dan dibantu dengan >Selection Tool
>Gunakan Brush Tool dengan warna Hitam.
babastudio.com >Kemudian tekan CRTL + D untuk Deselect (menghilangkan seleksi)
babastudio.com
>Kembalikan Opacity menjadi 100%
Maka badut seolah-olah keluar dari ipad
babastudio.com
babastudio.com
Selanjutnya kita akan mengambil kembali gambar badut yang kedua dari komputer, dan kita drag ke lembar kerja Photoshop kita
babastudio.com Agar kita dapat membedakan antara background badut dengan background aslinya maka kita akan membuat background aslinya terlihat Transparan >klik mata pada Layer Background
babastudio.com
>Aktifkan Magic Wand Tool >Klik warna putih pada background badut
babastudio.com
Karena pada tangan badut juga berwarna putih, maka akan ikut terhapus. Bagaimana caranya agar tangan badut tidak ikut terhapus?
babastudio.com
>Aktifkan kembali Layer Mask >Magic Wand Tool
babastudio.com >Tolerance 15
babastudio.com
>Aktifkan Layer Masking badut tersebut
>Klik pada background badut tersebut
babastudio.com
babastudio.com
>Klik Select Brush dan hapus background badut
Tampak hasilnya bacground badut yang telah di hapus
babastudio.com
babastudio.com
Rapikan warna putih yang ada pada rambut, kemudian Resize badut.
>Untuk Transform Image jangan aktifkan Layer Masking tetapi aktifkan Layer Asli gambar tersebut
babastudio.com
babastudio.com
>Tekan CTRL + T untuk Resize
Atur sesuaikan dengan kebutuhan
babastudio.com
Ada bagian yang masih perlu kita Masking kembali. Kita akan merapikannya dengan cara Masking
babastudio.com
>Aktifkan Layer Masking
babastudio.com >Selection Tool
babastudio.com
>Seleksi bagian yang akan kita hapus
>Hapus menggunakan Brush Tool
babastudio.com
babastudio.com
Setelah semuanya rapi, kita kembalikan background kembali >Klik munculkan gambar Mata lagi
Agar Layer terlihat rapi, kita akan Grouping Layer dengan CTRL + G dan kita beri nama Group “ipad+badut”
babastudio.com Selanjutnya kita akan menduplikasi Group tersebut >Klik kanan >Duplicate Group
Selanjutnya membuat Bayangan >Klik Edit >Transform >Flip Vertical
babastudio.com
>Kemudian CRTL + E untuk menggabungkan Group menjadi Layer >Kemudian letakkan Group Copy dibawah Group Utama
babastudio.com
babastudio.com
Letakkan bayangan dibawah gambar utama
Kita kurangi opacity pada layer bayangan tersebut menjadi 20%.
babastudio.com Tampak hasilnya
Photo >Perkecil ukuran gambar
babastudio.com
Selanjutnya kita drag Logo Apple kedalam lembar kerja
babastudio.com
babastudio.com
Terakhir kita ambil gambar bertulis iPad 2 kedalam lembar kerja Photoshop
babastudio.com Background putih pada tulisan ipad akan kita hapus >Klik Layer Mask
>Klik background putih pada tulisan ipad >Select >Similar (untuk menyeleksi objek berdasarkan kesamaan warna)
babastudio.com
Silahkan seleksi pada background putih ipad
babastudio.com Perkecil dan letakkan tulisan dibawah logo
>Aktifkan Text Tool
babastudio.com
>Ketik “more atractive, facetime, smart cover, 10 hours battery”
babastudio.com >Baris rata tengah
>Size Font 14pt
>Jenis Font Arial
babastudio.com
>Font Bold
babastudio.com
>Rounded Ractangle Tool
babastudio.com
Terakhir kita akan membuat Button dengan warna Kuning
babastudio.com Pastikan pada option adalah shape.
Tampak Hasilnya
>Pilih Inner Shadow
babastudio.com
>Gunakan Layer Fx
babastudio.com >Opacity 75%
>Pada Bevel & Emboss >Klik warna Shadow Mode
babastudio.com
>Warna Abu-abu (#6d6d6d)
babastudio.com
>Color Overlay
babastudio.com
>Beri warna Aabu-abu
babastudio.com
>Beri text “SHOP NOW” >Klik Text Tool
babastudio.com
>Beri warna #ffc200
babastudio.com >Jenis Font sesuaikan dengan kebutuhan >Size Font sesuaikan dengan kebutuhan >Ubah warna Font menjadi Putih
>Letakkan tulisan didalam tombol berwarna Kuning tersebut
babastudio.com
Maka banner telah selesai kita buat
babastudio.com
babastudio.com
babastudio.com
