Header Situs Abstrak Di Photoshop

Dalam tutorial ini, saya akan menunjukkan proses saya gunakan untuk desain ini, gaya gambar situs yang sangat keren sundulan abstrak di Photoshop, mirip dengan yang saya miliki saat ini di psdvault.com.
Secara pribadi saya bisa melihat kecenderungan peningkatan memiliki gambar header besar dan eye-catching untuk website / blog, terutama karena broadband telah menjadi komoditas antara mayoritas penduduk.
 
Sepanjang jalan, kita akan berlatih penggunaan Pen Tool, opsi gambar berbagai penyesuaian, alat transformasi bebas, gaya lapisan campuran dan filter efek. Harap Anda menikmatinya!
Berikut adalah preview dari hasil akhir saya:
abstract background final 500x250 Design an Elegant Abstract Site Header Image in Photoshop
abstract background final 21 500x250 Design an Elegant Abstract Site Header Image in Photoshop
abstract background final 3 500x250 Design an Elegant Abstract Site Header Image in Photoshop
abstract background final 4 500x250 Design an Elegant Abstract Site Header Image in Photoshop


Ok mari kita mulai!

Langkah 1

Buat dokumen berukuran 1200 x 600 px (Harap dicatat bahwa Anda dapat menentukan ukuran yang menurut Anda cocok untuk desain situs Anda, ukuran ini hanya dapat digunakan untuk tujuan praktek saja). Warnai layer background dengan Hitam.
Buat layer baru yang disebut "Radial Gradient Isi" dan ambil Gradient Tool (G), pilih opsi Isi Radial dan mengisi lapisan baru dibuat seperti berikut: (Anda dapat specifiy setiap warna yang Anda suka)
1 gradient fill 500x247 Design an Elegant Abstract Site Header Image in Photoshop
Kemudian Buat layer baru panggilan "Gradient Angle Isi" di atas "Radial Gradient Isi" lapisan, mengatur blending option untuk "overlay"
menggunakan Rectangular Marquee Tool untuk memilih bagian tengah lapisan, lagi menggunakan Gradient Tool (Set warna foreground menjadi putih, dengan latar belakang transparan), kali ini kita pilih opsi Gradient Angle, mengisi seleksi seperti di bawah ini:
1 angle fill 500x228 Design an Elegant Abstract Site Header Image in Photoshop

Langkah 2

Menduplikasi "Gradient Angle Isi" lapisan sekali dan tetap pilihan campuran lapisan digandakan sebagai "overlay", pergi ke Edit> Transform> Flip Horizontal dan flip layer horizontal. Merge lapisan TWOL bersama. Jauhkan blending mode sebagai "overlay" setelah bergabung.
Menerapkan "Drop Shadow" pilihan blending ke lapisan penggabungan seperti yang ditunjukkan di bawah ini:
2 drop shadow1 500x350 Design an Elegant Abstract Site Header Image in Photoshop
Kemudian mengurangi sebelumnya "Radial Gradient Isi" opacity layer menjadi 60% dan Anda akan memiliki efek berikut:
2 effect3 500x244 Design an Elegant Abstract Site Header Image in Photoshop
Lalu buat layer baru di antara dua lapisan sebelumnya, nama itu sebagai "cahaya pusat". Ambil sikat bulat besar lunak (600px dalam kasus saya), mengatur warna foreground menjadi putih, dan cat satu titik di tengah lapisan:
2 paint brush 499x304 Design an Elegant Abstract Site Header Image in Photoshop
Mengatur modus pencampuran lapisan untuk "overlay" dan Anda akan memiliki efek berikut:
2 effect 2 500x275 Design an Elegant Abstract Site Header Image in Photoshop

Langkah 3

Saya memutuskan untuk memberikan gambar ini sedikit lebih mendalam dan perasaan 3D bit. Jadi pada "gradien Sudut mengisi" lapisan, tekan Ctrl + T dan memunculkan alat transformasi gratis, pilih "perspektif" pilihan dan mengubah lapisan ini seperti berikut: (mengurangi lebar atas)
3 perspective 500x319 Design an Elegant Abstract Site Header Image in Photoshop
Berikut adalah hasil setelah lapisan perspektif:
3 effect3 500x214 Design an Elegant Abstract Site Header Image in Photoshop

Langkah 4

Buat layer baru yang disebut "shineline", gunakan Pen Tool untuk membuat jalur kerja seperti berikut: (Bagi yang belum akrab dengan pen tool, saya posting di sini dengan beberapa link yang berguna untuk tutorial pen tool)
4 pen path 2 500x270 Design an Elegant Abstract Site Header Image in Photoshop
Kemudian klik kanan dan pilih "stroke path" dan pilih "sikat" (pastikan Anda memilih sikat bundar kecil lunak). Pastikan Anda memiliki "mensimulasikan tekanan" pilihan diaktifkan juga.
Berikut ini adalah efek sejauh ini:
4 effect4 500x251 Design an Elegant Abstract Site Header Image in Photoshop

Langkah 5

Menduplikasi "Shineline" lapisan beberapa kali, menggunakan Perangkat Transformasi Gratis untuk memutar, mengubah, mengubah ukuran layer hasil duplikasi dan pencampuran garis itu bersama-sama:
5 duplicate 500x322 Design an Elegant Abstract Site Header Image in Photoshop
Merge layer tersebut dupcliated bersama dan duplikat layer gabungan beberapa kali lagi, sekali lagi gunakan alat transformasi bebas untuk menambahkan beberapa baris lagi pada gambar:
5 duplicate 2 500x241 Design an Elegant Abstract Site Header Image in Photoshop
Gandakan layer digabung, menerapkan Gaussian Blur dengan setting berikut di layer hasil duplikasi:
5 gau blur 500x388 Design an Elegant Abstract Site Header Image in Photoshop
Anda harus memiliki efek berikut sejauh ini:
5 effect5 500x266 Design an Elegant Abstract Site Header Image in Photoshop

Langkah 6

Buat layer baru yang disebut "titik bersinar", memuat pemilihan layer "shineline", kemudian klik kanan dan pilih "Make Work Path":
6 make path 500x356 Design an Elegant Abstract Site Header Image in Photoshop
Pilih 0,5 pixel toleransi untuk jalan kerja. Sekarang mari kita ambil sikat bulat 3px lunak dengan pengaturan sikat berikut dinamis:
6 shape dyn2 Design an Elegant Abstract Site Header Image in Photoshop
6 scattering1 Design an Elegant Abstract Site Header Image in Photoshop
6 color dyn Design an Elegant Abstract Site Header Image in Photoshop
Juga pastikan Anda centang "Smoothing" pilihan.
Pada layer "bersinar titik", stroke path dengan sikat ini dan Anda akan melihat efek berikut:
6 effect4 500x241 Design an Elegant Abstract Site Header Image in Photoshop

Langkah 7

Sekarang kita dapat menambahkan sedikit awan / asap di bagian bawah garis itu. Untuk melakukan ini, kita cukup membuat layer baru dan gunakan Lasso Tool dengan bulu 40px untuk memilih bagian bawah garis itu bersinar, dan pergi ke Filter> Render> Cloud dan membuat beberapa awan: (mengatur warna latar depan putih, lapisan latar belakang sebagai hitam)
7 cloud 500x180 Design an Elegant Abstract Site Header Image in Photoshop
Anda mungkin melihat saya juga menggunakan Flare Len dengan pengaturan berikut untuk menyorot bagian tengah awan:
7 lens flare Design an Elegant Abstract Site Header Image in Photoshop
Mengubah opsi blending layer untuk "overlay" dan Anda akan memiliki efek berikut:
7 effect3 500x238 Design an Elegant Abstract Site Header Image in Photoshop
Terakhir kita menempatkan nama situs dan navigasi pada gambar:
7 effect 21 500x244 Design an Elegant Abstract Site Header Image in Photoshop
Ok itu saja untuk tutorial ini! Tentu saja Anda dapat lebih meningkatkan dengan menambahkan beberapa efek filter lainnya, mengubah skema warna, dll
Berikut adalah gambar akhir saya untuk tutorial ini: (klik untuk memperbesar)
abstract background final 2 500x250 Design an Elegant Abstract Site Header Image in Photoshop
Alternatif versi:
abstract background final 3 500x250 Design an Elegant Abstract Site Header Image in Photoshop
abstract background final 4 500x250 Design an Elegant Abstract Site Header Image in Photoshop
Harap Anda menikmati tutorial ini, drop me komentar jika Anda memiliki pertanyaan, saya akan mencoba yang terbaik untuk membantu Anda.
Share this article :
 

Posting Komentar

Berkomentarlah Yang Membangun Dan Tanpa Link

 
Translated And Copied From : Master Desain 21 | PSD Vault | Magic4rt Blog
Copyright © 2013. The Master Of Magic Art - All Rights Reserved
Proudly powered by Blogger