Simpel Animasi Banner – Tutorial Photoshop

Pengenalan:

Dalam Tutorial ini kita akan belajar cara membuat banner .sebelum memulai baiknya kita mengetahui ukuran-ukuran banner , berikut merupakan ukuran banner standart yang sering di pakai:

468 x 60          Full Banner

728 x 90          Leaderboard

336 x 280        Square

300 x 250        Square

250 x 250        Square

160 x 600        Skyscraper

120 x 600        Skyscraper

120 x 240        Small Skyscraper

240 x 400        Fat Skyscraper

234 x 60          Half Banner

180 x 150        Rectangle

125 x 125        Square Button

120 x 90          Button

120 x 60          Button

88 x 31            Button

dan pada tutorial in i kita akan membuat full banner ukuran 468 x 60 px.

 File Pendukung : - 

Tingkat Kesulitan : Pemula

Waktu Pengerjaan : ± 1 Jam

STEP 1 

Buat Dokumen Baru dengan ukuran 468 x 60 px.

STEP 2

Buat Layer Baru (Ctrl+Shift+N).Ubah Warna Foreground menjadi #ffffff dan Background menjadi #000000, kemudian klik Filter - Render - Cloud. maka tampilannya akan seperti gambar di bawah ini :

setelah kita dapat hasil seperti gambar di atas kemudian ubah level-nya , Klik image - adjustments - levels ubah output level-nya seperti gambar di bawah ini .

Kemudian kita akan mendapatkan hasil seperti gambar berikut :

STEP 3

Buat bentuk baru dengan Rectangle Tool ( U ).

Ubah Layer Style-nya .

Maka hasilnya akan seperti gambar di bawah :

salin Bentuk di atas (Ctrl+J), kemudian posisikan seperti gambar di bawah :

STEP 4

Buat layer baru (Ctrl + Shift + N) dan buat bentuk seperti gambar di bawah dengan Polygonal Lasso Tool - kemudia klik kanan dan fill dalam step ini warna tidak terlalu penting (fill warna sembarang ).

kemudian ubah layer style-nya atur seperti gambar di bawah :

Posisikan #e7e7e7 di 35% dan #939393 di 30 dan 60 %.

Dan hasilnya seperti gambar di bawah :

STEP 5

kemudian tambahkan text (T) sesuaikan dengan kebutuhan.tambahkan efek drop shadow untuk masing masing text.

STEP 6

buat layer baru .kemudian klik image - apply image . maka akan kita dapat layer dengan hasil seperti gambar pada step lima. kemudian klik windows - animation , kemudian akan tampil bar pada pojok bawah .

salin satu slide dan layer-nya kemudian Klik Ctrl + U ubah hue-nya sesuai kebutuhan / selera.

ulangi langkah tersebut dengan wrna yang di dapat berbeda.ubah kecepatannya menjadi 0.5 sc

terima kasih untuk kunjungannya semoga bermanfaat. 

PHOTOSHOP TUTORIAL - SAMPUL FACEBOOK SEDERHANA

Dalam tutorial ini kita akan belajar tentang penggunaan efek Gradien untuk digunakan dalam efek 3D .sebelum memulai sebaiknya kita mengetahui tentang penggunaan dari efek gradient hal yang paling berpengaruh adalah pemilihan warna.








File Pendukung : Police Line,Starburst

Tingkat Kesulitan  : Pemula/Menengah.

Waktu Pengerjaan : 1-2 Jam

STEP 1

Langkah pertama buat dokumen baru 720 x 270 px (ukuran sampul facebook)

STEP 2

Kemudian buat layer baru (Ctrl + Shift + Alt + N)

Gunakan pengaturan seperti gambar di bawah ini.

Dan hasilnya akan seperti gambar di bawah ini

STEP 3

Tambahkan/masukan gambar dengan cara klik file - place.

 Kemudian tambah mask layer

Gunakan Gradien tool untuk memberikan efek kabur pada gambar.gunakan pangaturan seperti gambar di bawah

Sehingga hasilnya seperti gambar di bawah.

Kemudian tambahkan efek desaturate (Ctrl + Shift + U) untuk memberikan efek hitam putih.

STEP 4

Buat kotak dengan menggungkan rectangle tool dan tambahkan layer style seperti gambar berikut :

STEP 5

Gunakan Polygonal Lasso Tool untuk menyeleksi seperti gambar berikut 

Setelah terseleksi klik kanan dan copy seleksi tersebut ,kemudian transform bentuk yang di dapat dengan klik Edit - Transform - rotate 1800 (Ctrl + T)

Sesuaikan bentuk dengan free Transform (klik kanan - Ctrl + T - Free Transform)

Kedudian ubah layer style sebagai berikut :

STEP 6

Gunakan Line Tool dan text untuk membuat bentuk seperti gambar di bawah.

Kemudian ubah layer style-nya .pada step ini saya menggunakan pengaturan sebagai berikut :

STEP 7

Kemudian tambahkan text dan masukkan gambar sehingga tampilannya seperti gambar di bawah.

Bila ingin mengganti warnanya gunakan hue/saturation (Ctrl + U) ,maka hasilnya kurang lebih seperti gambar di bawah .

HASIL AKHIR

Salam Dari RocketOwl