HomePortalRegisterLog in

Share | 
 

 Reka Grafik: Background Ketupat Dengan Photoshop

View previous topic View next topic Go down 
AuthorMessage
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:01 am

Untuk pelancaran web baru Sifoo.com versi ke 201, kali ini saya ingin berkongsi bagaimana menghasilkan texture manual untuk background ketupat. Kenapa saya mengagap ianya manual, kerana ianya memang dibuat dengan banyak langkah ulangan dan memastikan ia nampak lebih realistik dan kemas. Pada musim perayaan ini khasnya, tutorial background ketupat ini mungkin dapat memanfaatkan reka grafik anda. Selamat Mencuba!

HASIL AKHIR

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:02 am

Perincian Tutorial
Program: Adobe Photoshop
Versi: CS2 hingga Versi Terkini
Tahap: Pertengahan
Jangka Masa Siap: 20 Minit



Ok Mari Mulakan!



Langkah 1
Mulakan dengan saiz dokumen seperti dibawah (Ikut kehendak anda jika mahu menggunakan saiz lain)

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:03 am

Langkah 2
Kemudian setkan warna background & foreground anda #105800 #00cc00.


=================================

Langkah 3
Gunakan Filter > Fiber untuk mendapatkan tekstur garisan.

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:04 am

Langkah 4
Haluskan dengan menggunakan Filter>Blur>Motion Blur


==================================

Langkah 5
Kita dah dapatkan tekstur, jadi mari mulakan membuat potongan-potongan bagi kotak ketupat tersebut. Buat fail baru dengan meggunakan saiz dimensi yang sama. Saya gunakan size 200 pixel x 200 pixel.

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:05 am

Langkah 6
Masukkan tekstur tadi ke fail baru tadi. Letakkan secara rawak sahaja, tidak perlu kecilkan atau besarkan saiz.


=============================

Langkah 7
Select All dan Duplicate Layer (Ctrl+J).

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:07 am

Langkah 8
Masukkan Inner Shadow untuk Layer tersebut



Setkan seperti dibawah.




======================


Langkah 9
Masukkan Bevel and Emboss pula untuk Layer tersebut.



Setkan seperti dibawah.

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:07 am

Langkah 10
Buat seperti Langkah 7 tadi, tapi kali ini gerakkan tekstur tersebut untuk dapatkan corak yang lain. Kemudian Copy Style pada Layer Pertama tadi.




======================


Langkah 11
Ulangi beberapa kali untuk dapatkan tekstur berlainan.

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:09 am

Langkah 12
Kini kita sudah dapatkan beberapa pattern untuk ketupat. Kemudian barulah kita susunnya. Saya gunakan saiz 640 pixel x 480 pixel. Masukkan patten tadi susunkan menyerupai susunan ketupat, iaitu secara bersilang.

Tetapi sebelum menyusun pattern tersebut pastikan anda setkan setiap layer pattern sebagai Smart Object.


Kemudian susunkan.


Beginilah susunannya.


Kemudian susun mengikut kehendak anda. Ingat, tidak semestinya saiz setiap kotak adalah sama, mungkin anda boleh distort atau panjangkan berlainan saiz. Disebabkan kita telah setkan setiap layer dengan Smart Object, maka jika anda tidak suka pada bahagian warna, kita masih boleh tukarkan dengan hanya double-click pada layer tersebut.

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Tue Sep 04, 2012 11:10 am

Hasil Akhir
Ini adalah hasil yang saya buat, cuba pula hasil anda!

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Presiden Zonan
99'Petala'Langit Aliran'Kuasa 730,000HP
99'Petala'Langit Aliran'Kuasa 730,000HP
avatar



Level : 3 - Panglima Empayar
($) : $ 269,000 / $ 324,000
Number of posts : 11317
Senjata Utama : JT-Dreamaker

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Wed Sep 05, 2012 10:03 am

menarik utk dicuba. ada link utk donload PS5 x
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
avatar

Moderator

Level : 6 - Ketua Empayar
($) : $ 1,181,100 / $ 2, 449,100
Number of posts : 17640
Senjata Utama : Perisai Robot Pemusnah Dewa

Profile Jaguh
Tahap Kesempurnaan:
100/100  (100/100)
Penghayatan Kuasa:
100/100  (100/100)

PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Wed Sep 05, 2012 10:13 am

leh amik yg ni..
http://www.wiratunggallegacy.com/t4688-adobe-photoshop-cs5-portable

________________________________________________
Empayer Pendekar Laut
Pertubuhan Wira Tempur Keamanan
Tutorial
Back to top Go down
Sponsored content




PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   

Back to top Go down
 
Reka Grafik: Background Ketupat Dengan Photoshop
View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Wiratunggallegacy :: Tutorial Lengkap :: Tips dan Tricks - Photoshop-
Jump to: