babastudio.com babastudio.com

dokumen-dokumen yang mirip
babastudio.com babastudio.com

DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta

DESIGN IKLAN SEPATU. 1. Buka aplikasi Photoshop CS5, kemudian atur kanvas sehingga berukuran 1024 x 768 px dan pilih warna putih sebagai background.

3. Klik Horizontal Type Tool yang ada dalam toolbox 4. Lihat option bar, lalu pilih dan atur nilai-nilai pada option bar sehingga seperti:

Menambahkan Efek Cuaca pada Gambar

1. Buat dokumen baru pada photoshop ( CTRL +N) dengan pengaturan opsi sebagai berikut

Mengekspos Sinar Matahari dan Bulan

MODUL KULIAH DAN PRAKTIKUM LABOR. Teknologi Multimedia. Interface Design. Oleh Muhammad Adri, S.Pd, MT

6.1 Praktek Penggunaan Panel Layer

Langkah pembuatan efek foto blending dengan Photoshop

Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando

Tampilan slide presentasi untuk industri kreatif dengan tema fresh

Tutorial Singkat Membuat Desain Header di CMS Balitbang.

TEKNOLOGI INFORMASI DAN KOMUNIKASI MENGGUNAKAN. Program Pengayaan SMA N 1 SRAGEN 2008/2009 Bekti Ratna Timur Astuti,S.Kom

Membuat Gambar Kolase Menggunakan Blending Mode

Bab 11- Manipulasi Gambar Dengan Photoshop. Oleh: Liharman Pandiangan

Graphic Desaign dengan Adobe Photoshop

MODUL 3 PRAKTIKUM MULTIMEDIA. Adobe Photoshop CS. Banner Design. Oleh Muhammad Adri, S.Pd, MT

TIK CERDA S. Adobe Photoshop MODUL ADOBE PHOTOSHOP TIK CERDAS. TIK CERDAS Surabaya, Indonesia

Poster. dinding atau permukaan datar lainnya dengan sifat mencari perhatian mata sekuat mungkin.

MEMBUAT JAM DIGITAL. By : gapra27

Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp Terbit pertama: Juli 2005 Sinopsis singkat:

LATIHAN SOAL MID SEMESTER 1 MATA PELAJARAN TIK KELAS XII IPA DAN IPS Oleh : Gianto, SPd

SOAL PILIHAN GANDA PREDIKSI UAS GENAP PENGOLAHAN CITRA DIGITAL KELAS XI MULTIMEDIA

1. Buka Program Adobe Photosop CS3 yang berada di desktop. 2. Tekan kombinasi Ctrl + O (open), untuk membuka gambar pertama yaitu Landscape.

MENGGUNAKAN PROGRAM PENGOLAH GRAFIS

Pengolahan Gambar Bitmap Dengan Photoshop

PENGENALAN MACROMEDIA FLASH 8

Latihan Menggunakan Polygonal Lasso Tool Latihan Menggunakan Quick Mask Mode Latihan Menggunakan Filter Extract...77

Desain Kaos... Maxikom

Spesifikasi: Ukuran: 11x18 cm Tebal: 246 hlm Harga: Rp Terbit pertama: Maret 2005 Sinopsis singkat:

BAB II Pengantar Layers

PERANGKAT LUNAK DESAIN GRAFIS

Bekerja dengan Layers

1 Photoshop Tutorial Ari Saputro S. Kom. Adobe PHOTOSHOP

Bab 2 Editing Foto. Tool Menggambar

Bab 4. Penggunaan Efek Pada Teks

Membuat Berbagai Desain Logo

SOAL TEORI PHOTOSHOP CS4

MODUL 5 MACROMEDIA FIREWORKS

Mengenal Lingkungan Kerja Adobe Photoshop CS5

PRAKTEK : MEMBUAT LOGO

City Hunter. Project 1

A. Kompetensi Setelah mengikuti mata kuliah ini, mahasiswa diharapkan memiliki kemampuan membuat efek teks dan membuat efek gambar.

PENGENALAN INTERFACE MACROMEDIA DITECTOR MX

Image Processing Interface Desin

DAFTAR ISI BAB 1 Menyeleksi Menjadi Lebih Mudah... 1 BAB 2 Seleksi Cara Tradisional... 5

BAB II MEMBUAT OBJEK DASAR PADA GIMP

E-trik Adobe Illustrator CS2 ROBOT KEPITING. fandi

SILUET URBAN. Project

FAKULTAS TEKNIK UNIVERSITAS NEGERI YOGYAKARTA LAB SHEET PRAKTIK MEDIA DIGITAL

Dasar-Dasar Menggambar dengan Flash (Objek dan Teks) Oleh: Ali Mahmudi

MODUL 5 PRAKTIKUM MULTIMEDIA EDITING FOTO DENGAN PHOTOSHOP CS4

Standar Kompetensi : 1. Menggunakan peerangkat lunak pembuat grafik. Kompetensi Dasar

photoshop STEP 2 tekan dan tahan tombol Alt create new fill or adjustment layer Brightness/Contrast

Daftar Isi. Pendahuluan

Membuat Teks Berkesan 3D dengan Photoshop

BAB I PENDAHULUAN PHOTOSHOP CS2

Silent Blue. Project 1

PANDUAN BELAJAR BAGIAN KEDUA. Dibuat oleh : K A M A L U D I N

Latihan 1 Illustrator Pengenalan Perangkat kerja

PROGRAM STUDI TEKNIK KOMPUTER JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 6

Gajah Bermata Satu. Project 1

Kreasi Bingkai Gokil

Spesifikasi: Ukuran: 11x18 cm Tebal: 200 hlm Harga: Rp Terbit pertama: September 2005 Sinopsis singkat:

Membuat Kalender Meja dengan Photoshop

ADOBE PHOTOSHOP PENGENALAN TOOLS

PHOTOSHOP PANDUAN BELAJAR. Bagian Pertama SUDAH DIPRAKTEKAN SECARA KLINIS DAN SISTEMATIS. Dibuat oleh : K A M A L U D I N

PENGGUNAAN SLICE. Tujuan Instruksional

Mengganti Warna Background Pas Foto dengan Menggunakan

E-trik Adobe Illustrator CS2

BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH )

Cloudy Morning. Project 2

Fendy Novafianto

Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon :

Tutorial Membuat Website dengan Photoshop CS2

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 1 Konsep Layer dan Tool Dasar

Gambar 1.1. Fill dan Stroke

BERKREASI DENGAN PAINT TEXTURE

Mari kita mulai! Langkah 1: Tambahkan Kosong New Layer

Menggunakan Tool. Seperti telah dijelaskan pada bagian sebelumnya bahwa terdapat beberapa tambahan tool dan perubahan perintah pada versi terbaru.

Image Processing Banner Design

1. MELIHAT AREA KERJA

Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile

Backdrop Portrait Backdrop Warna Backdrop Woven Wide Bab 6 Backdrop Ungu Backdrop Bubble Portrait Backdrop...

STMIK-MURA DESAIN GRAFIS LANJUT (2013) Novi Lestari, S. Kom, M. Kom

3. Klik tombol Add Filter sehingga tampak pilihan efek filter 4. Pilih efek animasinya serta atur pada perintah di dalamnya

Desain Photoshop dibuat menggunakan Layer / Lapisan transparan yang disatukan membentuk suatu Objek gambar yang baru.

MACROMEDIA FLASH. 1.1 Mengenal interface Macromedia Flash 8. Panel. Timeline Stage. Properties. Animasi Sederhana dengan Macromedia Flash 1

EFEK DREAM PHOTOSHOP

BAB 4 PROSES PENGEMBANGAN

PERTEMUAN IV MEMBUAT JUDUL (TITLE)

MODUL PELATIHAN MEDIA PUBLIKASI ADOBE PHOTOSHOP CS6

PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 5

2. Rectangular Marquee Tool (M), Untuk membuat seleksi berbentuk kotak persegi empat.

PHOTOSHOP. Software ini digunakan untuk berbagai keprluan seperti: Percetakan, Photo Studio dll...

Iman Adrianto

Bitmap Vs Vector. Design Grafis. Iwan Sonjaya, ST.MMT.MT

E-trik Adobe Illustrator CS2. Desain Kaos... Maxikom. fandi

Modul Pelatihan Penggunaan Inkscape untuk Membuat Logo SME Service Center

Transkripsi:

3.2 BANNER WEB FONT Kita akan membuat Banner Text seperti contoh dibawah ini. Silakan masuk ke program Photoshop File > New > Name Banner Font > Width 400px > Height 600px > Resolution 72 px/inch > Color Mode RGB 8 bit > OK.

Tampilan lembar kerja baru 1. Membuat Gradient Pada Background. Warna Foreground merah (#a91c01)

Background merah tua dengan kode (#690700). Dapat anda perhatikan pada kode warna. Jika warna Foreground dan Background telah selesai dipilih >Aktifkan Tool Gradasi. >Pilih Radial Gradient pada Option Tool.

2. Membuat Text GOOD >Klik (T) pada Toolbox

>Ubah warna tulisan menjadi warna putih. > Ubah Font 40 pt >Ketik GOOD

>Ubah Font Impact. 3. Memberi Efek Tulisan GOOD >Aktifkan Layer GOOD >Warp Text yang terdapat pada Option Tool

>Style : Wave >Bend 25% >Horizontal Distortion 2% >Vertical Distortion 3% >Klik OK

>Klik Move Tool terlebih dahulu untuk menghilangkan blok nya. Setelah hilang blok tulisan 4. Membuat Tulisan TEA >Kembali aktifkan Tool Text

>Ketik TEA >Blok tulisan >Ubah Font 111pt

>Aktifkan Move Tool untuk memindahkan tulisan. 5. Memberi Efek Tulisan TEA >Aktifkan Layer TEA

>Klik Warp Text pada Option Tool >Pilih Style Wave >Bend +50% >Horizontal Distortion 0% >Vertical Distortion 0% >OK.

>Aktifkan Move Tool untuk menghilangka blok pada tulisan TEA Setelah seleksi tulisan hilang 6. Membuat Tulisan WITH dan GOOD >KembaliAktifkan Tool Text

>Ubah Font 24 pt. >Ketik WITH dan GOOD dan kita blok untuk tulisan GOOD

>Pada kata GOOD size Font 43 pt. >Edit menggunakan Warp Text. Tampak hasilnya

7. Membuat Tulisan TASTE Huruf "T pertama pada kata TASTE kita beri size Font lebih besar dibandingkan huruf yang lainnya dengan cara : >Blok huruf T >Size Font 72 pt.

>Blok tulisan ASTE >Size Font 48 pt. 8. Membuat Efek Tulisan TASTE >Aktifkan layer TASTE kemudian

>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. Semua Layer-layer ada di dalam Group Layer

Untuk memperbesar tulisan : >Klik Edit > Free Transform >Tekan Shift agar disaat memperbesar tulisan menjadi simetris

Kita akan memberi Layer Style pada masing-masing text : >Aktifkan Layer GOOD >Layer Style (FX) > Blending options >Klik pada Drop Shadow

>Blend Mode MULTIPLY >Opacity 70% >Distance 8 px >Spread 0% >Size 5 px. 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.

Selanjutnya kita akan memberikan Shape : >Klik Custom Shape Tool >Tubbed Button

>Klik dan drag untuk mengaplikasikan Tubbed Button ke dalam banner. Terlebih dahulu pindahkan Shape keatas Group agar Shape tidak menjadi satu dengan Group Text.

>Aktifkan Text (T) pada Toolbar >Ketik VIEW PRODUCT

>Size Font 24 pt >Pada Table Character pada sebelah kanan, kita akan Member Underline pada VIEW PRODUCT

>Member warna merah yang ada pada banner >Klik Move Tool

>Pindahkan tulisan ke dalam Tubbed Button Kita akan berikan efek pada tulisan VIEW PRODUCT >Klik Fx >Bavel & Emboss

>Depth 11% Size 1px. >Contour 50%.

Selanjutnya kita akan memberi Gradient : >Klik Fx > Gradient Overlay >Opacity 100% >Angel 90⁰ >Scale 100% >OK

Setelah itu kita akan memberi tulisan LIPTON pada banner. Untuk LIPTON kita Import File dari komputer dengan cara mendrag gambar ke program Photoshop. Untuk menghilangkan background putih pada file tersebut : >Klik kanan pada Layer LIPTON >Rasterize

> Pilih Magic Wand Tool pada Toolbar >Klik kanan pada area Layer berwarna putih >Tekan delete untuk menghapus warna putih

>Hilangkan seleksinya kita klik Select > Deselect Tampak seleksi hilang

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. >Klik Move Tool untuk memindahkan Layer LIPTON >Klik + tahan dan drag

Text pada group akan kita putar posisi : >Klik Edit >Free Tranform Putar posisikan sesuai kebutuhan

Untuk memperbesar Size Text : >Klik Edit > Free Transform > 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 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. 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.

Kita akan menggunakan warna Kuning (#ffd101) Tampak Background Kuning

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 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.

Cara mengambilnya : >Klik kanan >Klik gambar Gir >Load Brushes Gambar Gir, klik kanan Yang pertama kita akan menggunakan Brush seperti berikut

>Klik dan drag >Klik Foregroud Layer >Beri warna pada Brush yang pertama dengan warna Merah (#ff2c00)

>Brush Klik kanan maka akan muncul kotak dialog >Kecilkan ukurannya menjadi 267px Tampak hasilnya 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 >Ubah type Brush, klik kanan dan pilih brush yang akan digunakan >Ganti warna Brush menjadi biru ( 018fc6 ) >Ubah Layer Brush yang kedua dengan nama warna Biru Dan kita kecilkan ukuran 257px denganklik kanan

Tampak hasilnya 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

>Ganti warna Brush menjadi Merah (#ff2c00) >Ubah nama Layer Brush yang ketiga dengan nama warna Brush >Kecilkan ukuran 100px dengan mengklik kanan Kemudian kita akan pindahkan Layer warna merah berada di atas warna Biru

Pindahkan Layer Dan kita akan memberi transparansi menggunakan Blending Mode >Pilih Hard Light

Kita akan mulai membuat Motif >Aktifkan Layer Background

>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 >Pilih type Brush

>Pilih warna Putih untuk Brush (#ffffff) Tampak hasilnya Untuk memberi brush pada sebelah kiri, anda cukup mengcopy saja dari layer motif tersebut >Klik Layer Motif 1 Tekan Alt + drag

>Kemudian klik Edit >Transform >Flip Horizontal

Tampak hasilnya Kita akan membuat Grouping untuk bagian Brush agar terlihat lebih rapi. >Tekan CTRL dan klik semua Layer Brush

>CTRL + G untuk Grouping 2. Membuat Teks Kita akan memulai untuk membuat tulisan.

>Aktifkan Tool Text pada Toolbar >Ukuran Font 24pt >Jenis Font Century Gothic >Aktifkan Underline pada Tool Character

>Beri warna teks Putih (#ffffff) >Ketik BE MORE CREATIVE >Kemudian Edit

>Free Transform, dan kita perkecil tulisan tanpa menekan tombol Shift Tampak hasilnya Kita akan mengganti Blending Mode menjadi Darken Maka akan terjadi campuran warna antara Merah dengan Biru Tampak hasilnya

Selanjutnya kita akan kembali membuat teks PHOTOSHOP >Aktifkan Tool Text pada Toolbar >Ukuran Font sesuai kebutuhan >Jenis Font Orator Std

>Untuk menghilangkan Underline klik nonaktifkan di Tool Character >Beri warna teks Hitam >Ketik PHOTOSHOP

Selanjutnya enter dan ketik kata CLASS Setelah itu, kembali membuat teks www.babastudiocom >Aktifkan Tool Text pada Toolbar >Ukuran Font 14 pt >Jenis Font sesuai kebutuhan

>Beri warna teks Hitam >Ketik www.

>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 >Ukuran Font 30 pt >Jenis Font Arial

>Beri warna teks Hitam >Ketik Web Designer enter Class with enter Baba studio

Maka banner with brush telah selesai kita buat

5.1 SELECTION 1. Penggunaan Selection pada Photoshop 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 Lembar kerja Photoshop

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. 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

>Klik seleksi gambar berwarna biru >Jika menginginkan garis tersebut lurus, tekan tombol Shift >Jika terjadi kesalahan seleksi, tekan tombol Backspace pada Keyboard

>Double klik kiri pada Mouse untuk mengakhiri seleksi >Aktifkan Move Tool, sampai muncul gambar gunting pada Cursor >Drag gambar pada Banner Selection >Ubah nama Layer menjadi Biru

>Kembali ke gambar yang akan kita seleksi kembali Untuk menghilangkan seleksi pada gambar yang berwarna biru >Klik Select >Klik Deselect atau dapat juga dengan CTRL + D

Yang kedua kita seleksi gambar yang berwarna kuning. >Aktifkan Move Tool

>Drag ke lembar kerja Banner Selection >Letakkan pada tegah-tengah gambar berwarna Biru pada lembar kerja Banner Selection

>Seleksi kembali gambar yang berwarna Merah Muda, sebelumnya hilangkan seleksi pada gambar berwarna Kuning dengan CTRL + D Jika sudah, >Aktifkan Move Tool >Drag kembali ke lembar kerja Banner Selection

>Stur sesuai posisi yang di inginkan Untuk gambar berwarna Merah Muda ini, kita akan putar >Klik Edit >Free Ttransform

Tampak hasilnya Banner Selection Drag gambar Merah Muda ke posisi bertumpuk dengan warna Biru dan Enter jika posisi dirasa sudah seperti yang diinginkan. Kita seleksi kembali gambar yang berwarna hijau sebelumnya kita hilangkan seleksi pada gambar berwarna merah muda dengan CTRL + D. Jika sudah,

>Aktifkan Move Tool dan drag ke lembar kerja Banner Selection >Letakkan pada tegah-tengah gambar berwarna Biru Tampak hasilnya Banner Selection Kita seleksi kembali gambar yang berbentuk kotak sebelumnya kita hilangkan seleksi pada gambar berwarna Hijau dengan CTRL + D

Jika sudah, >Aktifkan Move Tool >Drag ke lembar kerja Banner Selection >Letakkan bertumpuk seperti berikut Tampak hasilnya Banner Selection

>Rapikan Layer dengan memberi Nama Layer >Pindahkan Layer Biru ke atas Layer Merah Muda (Pink)

>Aktifkan Layer Biru >Blending Mode Liniear Burn Geser ke atas

Maka warna Biru akan tercampur dengan warna Pink Dan untuk membuat seleksi yang disebelah kanan, kita drag kembali gambar pada computer ke program Photoshop

Karena pada gambar ini Layar Transparan maka kita pindahkan tanpa menggunakan Selection ke Banner Selection Kita akan membuat gradasi pada background dengan mengaktifkan Gradient Tool pada Toolbar Hasilnya setelah pindah di Layer Banner Selection

>Gunakan Linear Gradient pada Option Tool >Warna yang akan kita gunakan adalah Putih dan Abu-abu >Tarik dari kanan ke kiri

Tampak hasilnya setelah di Gradiasi 2. Memberikan Teks pada Banner Kita akan memberikan tulisan pada banner >Aktifkan Text Tool pada Toolbar >Ubah Font menjadi Arial

>Warna Font 8f8cbe >Ukuran Font 18 pt

>Ketik INNOVATIVE & CREATIVE BANNER Berikan lagi tulisan diatasnya

>Aktifkan Text Tool pada Toolbar >Warna Font Pink yang ada pada banner >Ukuran Font 24pt >Ketik Creative Banner Design

Kita hilangkan Bold pada tulisan Innovative & Creative Banner >Blok tulisan >Pilih Regular pada Toolbar Yang terakkhir kita akan merapikan Layer dengan membuat Grouping

>Tekan Shift dan klik mulai dari Layer Kotak sampai Layer Kuning >CTRL + G

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 >Opacity 45% >Distance 4px >Ok

Maka banner telah selesai kita design

6.1 MASKING INTRODUCTION 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. 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.

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 Lembar kerja Photoshop siap digunakan

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

Gambar setelah masuk ke program Photoshop >Perbesar gambar dengan Free Transform

Tampak hasilnya setelah melaui pengaturan Kemudian kita akan Import gambar background tulisan ke dalam Photoshop >Letakkanlah gambar pada sebelah File Text Masking

Langsung saja kita mulai membuat tulisan >Aktifkan Text Tool terlebih dahulu >Size Font 36 pt

>Font Arial >Menggunakan rata kiri

>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.

Pada Layer Background, terdapat gambar gembok dan kita harus membuka gembok tersebut terlebih dahulu >Doube klik Icon Gembok agar dapat melakukan Masking Maka Icon Gembok akan hilang dan kita dapat melakukan Masking >Klik Icon T pada Layer Text >Tekan CTRL dan klik Icon Layer untuk menyeleksi langsung seluruh objek yang terkandung dalam Layer

Otomatis text akan terseleksi dengan sendirinya Kemudian kita aktifkan background buka gembok >klik add Layer Mask (Tool Masking)

kemudian klik Icon Mata untuk menghilangkan tampilan Layer Dapat kita lihat, Font akan memiliki background gedung Akan kita copy : >Klik dan geser Layer ke File Photoshop utama >Tekan CTRL + T untuk memperbesar atau memperkecil tulisan sesuai dengan keinginan anda.

Tampak hasilnya 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.

>Import gambar masukkan ke dalam program Photoshop >Aktifkan Polygonal Lasso Tool untuk menyeleksi gambar. >Seleksi gambar

Aktifkan move tool dan drag gambar yang telah kita seleksi Setelah di indah di Layer Utama

Letakkan Layer dibawah layer background. Geser ke bawah Dan kita kecilkan opacitynya menjadi 13%. Maka masking text telah selesai kita kerjakan

6.2 IMAGE MASKING MONTAGING 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 >Import gambar ipad pada komputer kita ke lembar kerja Photoshop

Sebelumnya kita akan membuat Gradiasi : 1. Background warna Abu-abu (#e1e1e1) 2. Foreground warna Putih (#fffefe) >Klik Linear Gradient pada Option Tool

>Klik dan tarik dari atas ke bawah Maka hasilnya seperti ini

Import kembali gambar dari komputer dan drag ke lembar kerja pada Photoshop Kita akan membuat seolah-olah background dari ipad adalah gambar tersebut. >Geser gambar berada tepat dibelakang ipad

>Letakkan Layer Gambar diatas Layer ipad Tampak hasil sementara Agar gambar tersebut seolah adalah background dari ipad yang harus anda lakukan adalah mengurangi Opacity dari gambar tersebut

Setelah itu kita akan membuang sisa gambar yang berada diluar ipad >Aktifkan Layer Mask >Muncul rantai dan gambar kotak putih seperti pada Layer tersebut Kita aktifkan selection pada toolbar.

>Seleksi gambar mulai dari dalam ipad >Tekan Shift untuk meluruskan garis >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

Kita aktifkan kembali Layer Masking >Klik Foreground > Beri warna Hitam

>Klik Brush Tool >Sesuaikan Size dan Hardness >Klik kiri bagian yang di hapus, bagian dalam tidak akan terhapus karena telah kita seleksi sebelumnya

Kalau sudah di hapus akan tampak seperti ini >Jika sudah selesai klik Select >Klik Deselect

>Opacity perbesar menjadi 95% >Untuk Resize klik pada Layer aslinya

>Klik CTRL + T dan drag garis Selanjutnya kita Import gambar badut pada komputer dan drag pada lembar kerja Photoshop

Pada gambar tersebut masih terdapat background dari badut yang berwarna putih menutupi ipad Maka kita akan menghilangkan background putih tersebut : >Aktifkan Layer Mask >Magic Wand Tool >Klik pada background putih pada badut, dan otomatis akan terseleksi

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.

Atur Brush pada Size dan Hardness Kemudian Brush tepi rambut yang ada warna putihnya Seolah olah kita sedang mencukur rambut

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. >Kemudian tekan CRTL + D untuk Deselect (menghilangkan seleksi)

>Kembalikan Opacity menjadi 100% Maka badut seolah-olah keluar dari ipad

Selanjutnya kita akan mengambil kembali gambar badut yang kedua dari komputer, dan kita drag ke lembar kerja Photoshop kita Agar kita dapat membedakan antara background badut dengan background aslinya maka kita akan membuat background aslinya terlihat Transparan >klik mata pada Layer Background

>Aktifkan Magic Wand Tool >Klik warna putih pada background badut

Karena pada tangan badut juga berwarna putih, maka akan ikut terhapus. Bagaimana caranya agar tangan badut tidak ikut terhapus? >Aktifkan kembali Layer Mask >Magic Wand Tool >Tolerance 15

>Aktifkan Layer Masking badut tersebut >Klik pada background badut tersebut

>Klik Select Brush dan hapus background badut Tampak hasilnya bacground badut yang telah di hapus

Rapikan warna putih yang ada pada rambut, kemudian Resize badut. >Untuk Transform Image jangan aktifkan Layer Masking tetapi aktifkan Layer Asli gambar tersebut

>Tekan CTRL + T untuk Resize Atur sesuaikan dengan kebutuhan

Ada bagian yang masih perlu kita Masking kembali. Kita akan merapikannya dengan cara Masking >Aktifkan Layer Masking >Selection Tool

>Seleksi bagian yang akan kita hapus >Hapus menggunakan Brush Tool

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 Selanjutnya kita akan menduplikasi Group tersebut >Klik kanan >Duplicate Group

>Kemudian CRTL + E untuk menggabungkan Group menjadi Layer >Kemudian letakkan Group Copy dibawah Group Utama Selanjutnya membuat Bayangan >Klik Edit >Transform >Flip Vertical

Letakkan bayangan dibawah gambar utama Kita kurangi opacity pada layer bayangan tersebut menjadi 20%. Tampak hasilnya

Selanjutnya kita drag Logo Apple kedalam lembar kerja Photo >Perkecil ukuran gambar

Terakhir kita ambil gambar bertulis ipad 2 kedalam lembar kerja Photoshop 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)

Silahkan seleksi pada background putih ipad Perkecil dan letakkan tulisan dibawah logo

>Aktifkan Text Tool >Ketik more atractive, facetime, smart cover, 10 hours battery >Baris rata tengah >Size Font 14pt

>Font Bold >Jenis Font Arial

Terakhir kita akan membuat Button dengan warna Kuning >Rounded Ractangle Tool Pastikan pada option adalah shape. Tampak Hasilnya

>Gunakan Layer Fx >Pilih Inner Shadow >Opacity 75%

>Warna Abu-abu (#6d6d6d) >Pada Bevel & Emboss >Klik warna Shadow Mode

>Beri warna Aabu-abu >Color Overlay

>Beri warna #ffc200 >Beri text SHOP NOW >Klik Text Tool >Jenis Font sesuaikan dengan kebutuhan >Size Font sesuaikan dengan kebutuhan >Ubah warna Font menjadi Putih

>Letakkan tulisan didalam tombol berwarna Kuning tersebut Maka banner telah selesai kita buat