View
234
Download
0
Category
Preview:
Citation preview
8/3/2019 Tutorial Photoshop Layout Mobil Web
1/11
TutorialPhotoshop
Layout Mobil Web
By Desain Cek
Banyak cara membuat layout web, nah sekarang kita akan mencoba membuat layout
web dengan photoshop.
Bahan :
1. Ratusan.abr2. texture_013_by_vhbc_stock.jpg3. 0083.jpg4. x_tape.png
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 dariPenulis
8/3/2019 Tutorial Photoshop Layout Mobil Web
2/11
Langkah langkahnya :
Buat Dokumen Baru, File > New (Ctrl + N) atur Lebar 960 pixel dan tinggi 900 pixel dengan
resolusi 72
Ubah warna backgroung dengan memilih gradient tool (G) sesuai gambar dibawah ini
8/3/2019 Tutorial Photoshop Layout Mobil Web
3/11
Setting warna pertama
8/3/2019 Tutorial Photoshop Layout Mobil Web
4/11
Selanjutnya
Hasil sementara
8/3/2019 Tutorial Photoshop Layout Mobil Web
5/11
Buatlah sebuah layer baru, open gambar texture_013_by_vhbc_stock.jpg dan drag ke layer
yang sudah dibuat tadi
Atur pada layer
8/3/2019 Tutorial Photoshop Layout Mobil Web
6/11
Hasil Sementara
Buka x_tape.png
8/3/2019 Tutorial Photoshop Layout Mobil Web
7/11
Sesuaikan seperti gambar dibawah ini
Setting pada layer syle
8/3/2019 Tutorial Photoshop Layout Mobil Web
8/11
Sehingga gambar tersebut lebih hidup
Dengan menggunakan Text Tool (T) buatlah beberapa menu
Buatlah layer baru
8/3/2019 Tutorial Photoshop Layout Mobil Web
9/11
Buka Brush Ratusan.abr dan pilih brush sesuai gambar dibawah ini
Buatlah layer baru kembali
8/3/2019 Tutorial Photoshop Layout Mobil Web
10/11
Buka kembali Brush ratusan.abr selanjutnya pilih vector bunga. Dan buatlah layout ini menjadi
indah dengan kreasi anda. Sehingga hasil yang saya buat
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 *****
8/3/2019 Tutorial Photoshop Layout Mobil Web
11/11
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.
Recommended