Anda di halaman 1dari 11
By Desain Cek Tutorial Photoshop Layout Mobil Web Modul dapat digunakan, dimodifikasi dan disebarkan secara

By Desain Cek

Tutorial Photoshop

Layout Mobil Web

Modul dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat
Modul dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial
(nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang
disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin
terlebih dahulu dari Penulis

Banyak cara membuat layout web, nah sekarang kita akan mencoba membuat layout

web dengan photoshop.

kita akan mencoba membuat layout web dengan photoshop. Bahan : 1. Ratusan.abr 2. texture_013_by_vhbc_stock.jpg 3.

Bahan :

1. Ratusan.abr

2. texture_013_by_vhbc_stock.jpg

3. 0083.jpg

Langkah –langkahnya :

Buat Dokumen Baru, File > New (Ctrl + N) atur Lebar 960 pixel dan tinggi 900 pixel dengan resolusi 72

Lebar 960 pixel dan tinggi 900 pixe l dengan resolusi 72 Ubah warna backgroung dengan memilih

Ubah warna backgroung dengan memilih gradient tool (G) sesuai gambar dibawah ini

tinggi 900 pixe l dengan resolusi 72 Ubah warna backgroung dengan memilih gradient tool (G) sesuai
Setting warna pertama

Setting warna pertama

Setting warna pertama

Selanjutnya

Selanjutnya Hasil sementara

Hasil sementara

Selanjutnya Hasil sementara

Buatlah sebuah layer baru, open gambar texture_013_by_vhbc_stock.jpg dan drag ke layer yang sudah dibuat tadi

sebuah layer baru, open gambar texture_013_by_vhbc_stock.jpg dan drag ke layer yang sudah dibuat tadi Atur pada

Atur pada layer

sebuah layer baru, open gambar texture_013_by_vhbc_stock.jpg dan drag ke layer yang sudah dibuat tadi Atur pada

Hasil Sementara

Hasil Sementara Buka x_tape.png

Buka x_tape.png

Hasil Sementara Buka x_tape.png

Sesuaikan seperti gambar dibawah ini

Sesuaikan seperti gambar dibawah ini Setting pada layer syle

Setting pada layer syle

Sesuaikan seperti gambar dibawah ini Setting pada layer syle

Sehingga gambar tersebut lebih hidup

Sehingga gambar tersebut lebih hidup Dengan menggunakan Text Tool (T) buatlah beberapa menu Buatlah layer baru

Dengan menggunakan Text Tool (T) buatlah beberapa menu

Sehingga gambar tersebut lebih hidup Dengan menggunakan Text Tool (T) buatlah beberapa menu Buatlah layer baru

Buatlah layer baru

Sehingga gambar tersebut lebih hidup Dengan menggunakan Text Tool (T) buatlah beberapa menu Buatlah layer baru

Buka Brush Ratusan.abr dan pilih brush sesuai gambar dibawah ini

Buka Brush Ratusan.abr dan pilih brush sesuai gambar dibawah ini Buatlah layer baru kembali

Buatlah layer baru kembali

Buka Brush Ratusan.abr dan pilih brush sesuai gambar dibawah ini Buatlah layer baru kembali

Buka kembali Brush ratusan.abr selanjutnya pilih vector bunga. Dan buatlah layout ini menjadi indah dengan kreasi anda. Sehingga hasil yang saya buat

indah dengan kreasi anda. Sehingga hasil yang saya buat  Untuk memasukkan objek mobil silakan drag

Untuk memasukkan objek mobil silakan drag gambar 0083.jpg letakkan sesuai gambar

diatas

Letakkan Objek Brush vector bunga yang ada pada brush Ratusan.abr

Objek Bingkai juga terdapat pada Brush Ratusan.abr

Gunakan Text Tool (T) untuk membuat teks.

***** Selamat Berkarnya *****

Penulis :

DesainCek.wordpress.com

Mulai sesuatu dari yang kecil, sehingga yang besar pun akan datang

About Me

Cek Desain adalah seorang Pecinta Desain Grafis seperti tutorial Photoshop, Corel Draw, Ilustrator. Selain itu kegiatan sekarang sedang mendalami Dreamweaver, SQL Database, VB, Foxpro.

Ketika semua ilmu dipelajari, maka semakin haus kita akan mempelajariya.

Semoga tutorial ini bermanfaat.