• Program Baru W3function

    Online Courses

    Premium tutorial pembelajaran tahap pembuatan website secara menyeluruh mulai dari desain grafis, desain web, pengembangan, publikasi website di internet sampai dengan tekhnik SEO

    Materi: Photoshop, HTML5, CSS3, jQuery, PHP, MySQL, Semantic template, Responsif desain

    Mendaftar
  • Paket Toko Online

    W3function Store ®

    Solusi paket website toko online murah dan berkualitas dengan fitur yang lengkap beserta tema design yang banyak dan menarik

    Selengkapnya
  • Desain dan Pengembangan Web

    Custom Project

    Kami mengerti jenis bisnis Anda berbeda dengan yang lain sehingga Anda membutuhkan website yang benar-benar mencitrakan bisnis anda. Apapun jenis website yang ingin Anda buat kami akan membuatnya bekerja untuk Anda

    Selengkapnya

Membuat Desain Web Bernuansa Cat Air dengan Photoshop

27‘13
April

info86.jpg

Dalam dunia desain web, seni menggunakan konsep cat air telah menjadi trend beberapa tahun terakhir, banyak sekali desainer yang menggunakan gaya ini. Mengetahui teknik ini sangat penting untuk menambah kreativitas dan eksperimen dalam mendesain web. Disini saya akan menunjukan bagaimana cara menggunakan Art history brush dan mengkombinasikannya dengan Watercolor Brushes yang sudah siap pakai untuk membuat latar belakang header gambar, footer, sidebar dan yang lainnya sehingga Anda bisa membuat desain web seperti dibawah ini!

Sebelum kita memulai tutorial ini, saya tekankan disini anda tidak perlu mengikuti tahap demi tahap. Banyak tahapan yang kemudian dikerjakan belakangan sabagai proses kreatifitas pada saat pembuatan gaya desain. Para pengguna photoshop pasti akan dapat mengikuti tutorial ini, walaupun ini bukan untuk para pengguna photoshop tingkat dasar. Saya akan melewatkan beberapa langkah dasar seperti menambahkan panduan dalam membuat Layer Mask.

Buatlah lembar kerja baru Klik File > New(Ctrl+N) dengan resolusi dan ukuran sesuai gambar dibawah.

Cari tekstur kertas yang baik lalu buat group terlebih dahulu dengan nama sesuai yang anda suka. Buat layer baru dengan warna #d6d6d6, drag kebawah layer tekstur kemudian tambahkan blending mode menjadi overlay.

Sekarang mari kita tambahkan latar belakang header gambar, saya menggunakan gambar pemandangan gunung. Gunakan Marquee Tool dan pilih sebagian area gambar lalu pindahkan ke dokumen utama berikan nama sesuka anda, saya menamainya "Landscape."

Sekarang kita akan menggunakan History Brush Art untuk membuat tampilan gambar kita seperti lukisan, klik tool History Brush Art agak lama sampai muncul tool Art History Brush Tool (Y) di Tools Panel. Untuk membuat fitur Art History Brush Tool ini bekerja dan menghasilkan seni yang indah, Anda terlebih dahulu perlu membuat "Snapshot", untuk membuatnya silahkan pada Panel History klik tombol Snapshot Baru yang terletak di bagian bawah.

Kemudian pada Panel Options pilih setiap Brush Tip yang tidak rata (Saya menggunakan Chalk tip 36px) set Mode ke Normal, Opacity menjadi 25%, gunakan gaya Tight Short, area 25px dan Toleransi 0%. Kemudian lukiskan (paint) di atas layer "Landscape", Anda akan melihat bagaimana gambar berubah menjadi sebuah lukisan dengan cukup mudah.

Setelah itu, Anda hanya perlu mengubah nilai Opacity, area dan Brush Tip sesuai kebutuhan Anda, misalnya saya disini menggunakan area Brush Tip yang lebih besar dan memperluas daerah untuk melukis di sekitar border gambar.

Buat Layer Mask > Reveal All untuk layer "Landscape", sekarang kita akan mencoba untuk menggabungkan beberapa gambar supaya tampil lebih baik dengan pengulangan background menggunakan beberapa Watercolor Brushes. Saya menggunakan gambar Watercolor Brushes yang siap pakai, silahkan download dan simpan karena kita akan menggunakannya selama proses pengerjaan desain.

Ambil salah satu Watercolor Brushes yang baru saja di download lalu atur warna foreground menjadi hitam dan brush di atas Layer Mask yang sebelumnya dibuat. Mainkan opacity setiap brush dalam tahapanan ini sehingga kita dapat mencairkan perbatasan gambar dengan background kertas dan membuat gambar lukisan pemandangan lebih realistis tampak seperti cat air, silahkan tempatkan Watercolor Brushes di seluruh perbatasan gambar dengan background.

Tambahkan efek warna menggunakan gradient overlay pada layer style dengan code (#a7e4ff - # FFFFFF) sesuaikan pengaturan dengan gambar dibawah.

Gunakan Rounded Rectangle Tool, set Sudut Radius menjadi 15px di Opsi Panel lalu buat bidang persegi panjang. Pada panel layer ubah Fill Opacity menjadi 35% dan tambahkan Stroke selebar 2px. Dengan penambahan stroke akan membuat background transparan menjadi terlihat lebih baik .Anda dapat menamai layer ini dengan nama "content Bg."

Kemudian ubah bentuk shape persegi panjang tadi ke dalam smart objek dan tambahkan efek pada layer tersebut menggunakan mask dengan cara seperti gambar dibawah

Karena gambarnya besar besar supaya gampang diload saya lanjutkan tutorial ini di bagian ke 2..

Anda juga mungkin suka dengan artikel ini :

  1. Membuat Brush di Photoshop dengan Bentuk Brush dari Gambar
  2. Mengenal Photoshop
  3. Bagaimana menggunakan tool Vanishing Point di Photoshop
  4. Membuat Desain Web Bernuansa Cat Air dengan Photoshop Bagian 2
  5. Bagaimana membuat efek Liquid (cairan) sederhana pada Photoshop

Komentar

Kode?

Telusuri dan Beritahu saya apabila ada komentar baru.

loading

Usulan Kontribusi dan Saran

Kami sangat terbuka dengan berbagai saran dan kontribusi positif dari Anda. Kami ingin membuat halaman blog di w3function.com ini terbuka untuk banyak penulis, sehingga kita bisa bersama-sama mendiskusikan banyak topik yang lebih luas dan lebih menarik lagi. Apabila Anda memiliki artikel yang ingin Anda kontribusikan untuk w3function.com mohon email kami.

Pemberitahuan Disclaimer © Copyright

Semua isi termasuk di dalamnya semua artikel dan gambar adalah hak cipta w3function.com, kecuali ada statement khusus yang di cantumkan (kontributor). Mohon tidak menyalin isi atau mempublikasikan kembali tanpa seizin w3function.com dan atau kontributor artikel lain

Semua sumber download dari w3function.com adalah untuk tujuan edukasi semata, bukan untuk tujuan komersial atau lainnya kecuali ada statement khusus yang di cantumkan.

Social Stuff