Wiratunggallegacy
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Wiratunggallegacy Fans
 
Latest imagesHomePortalRegisterLog in

 

 Reka Grafik: Background Ketupat Dengan Photoshop

Go down 
2 posters
AuthorMessage
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:01 pm

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
Reka Grafik: Background Ketupat Dengan Photoshop Ketupat-Copy
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:02 pm

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)
Reka Grafik: Background Ketupat Dengan Photoshop 1-Copy
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:03 pm

Langkah 2
Kemudian setkan warna background & foreground anda #105800 #00cc00.
Reka Grafik: Background Ketupat Dengan Photoshop Colour-ketupat

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

Langkah 3
Gunakan Filter > Fiber untuk mendapatkan tekstur garisan.
Reka Grafik: Background Ketupat Dengan Photoshop 3-Copy
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:04 pm

Langkah 4
Haluskan dengan menggunakan Filter>Blur>Motion Blur
Reka Grafik: Background Ketupat Dengan Photoshop 5-Copy

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

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.
Reka Grafik: Background Ketupat Dengan Photoshop 6-Copy
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:05 pm

Langkah 6
Masukkan tekstur tadi ke fail baru tadi. Letakkan secara rawak sahaja, tidak perlu kecilkan atau besarkan saiz.
Reka Grafik: Background Ketupat Dengan Photoshop 7-Copy

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

Langkah 7
Select All dan Duplicate Layer (Ctrl+J).
Reka Grafik: Background Ketupat Dengan Photoshop 8-Copy
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:07 pm

Langkah 8
Masukkan Inner Shadow untuk Layer tersebut
Reka Grafik: Background Ketupat Dengan Photoshop 9-Copy


Setkan seperti dibawah.
Reka Grafik: Background Ketupat Dengan Photoshop 10-Copy



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


Langkah 9
Masukkan Bevel and Emboss pula untuk Layer tersebut.
Reka Grafik: Background Ketupat Dengan Photoshop 11-Copy


Setkan seperti dibawah.
Reka Grafik: Background Ketupat Dengan Photoshop 12-Copy
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:07 pm

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.
Reka Grafik: Background Ketupat Dengan Photoshop 13-Copy



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


Langkah 11
Ulangi beberapa kali untuk dapatkan tekstur berlainan.
Reka Grafik: Background Ketupat Dengan Photoshop 14-Copy
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:09 pm

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.
Reka Grafik: Background Ketupat Dengan Photoshop 18-Copy

Kemudian susunkan.
Reka Grafik: Background Ketupat Dengan Photoshop 17-Copy

Beginilah susunannya.
Reka Grafik: Background Ketupat Dengan Photoshop 20-Copy

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.
Back to top Go down
Rimau Taring
99'Petala'Langit Aliran'Kuasa 870,000HP
99'Petala'Langit Aliran'Kuasa 870,000HP
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyTue Sep 04, 2012 4:10 pm

Hasil Akhir
Ini adalah hasil yang saya buat, cuba pula hasil anda!
Reka Grafik: Background Ketupat Dengan Photoshop Ketupat-Copy
Back to top Go down
Presiden Zonan
99'Petala'Langit Aliran'Kuasa 730,000HP
99'Petala'Langit Aliran'Kuasa 730,000HP
Presiden Zonan


Reka Grafik: Background Ketupat Dengan Photoshop Tiada

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyWed Sep 05, 2012 3:03 pm

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
Rimau Taring


Moderator

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

Profile Jaguh
Tahap Kesempurnaan:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)
Penghayatan Kuasa:
Reka Grafik: Background Ketupat Dengan Photoshop Left_bar_bleue100/100Reka Grafik: Background Ketupat Dengan Photoshop Empty_bar_bleue  (100/100)

Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop EmptyWed Sep 05, 2012 3:13 pm

Back to top Go down
Sponsored content





Reka Grafik: Background Ketupat Dengan Photoshop Empty
PostSubject: Re: Reka Grafik: Background Ketupat Dengan Photoshop   Reka Grafik: Background Ketupat Dengan Photoshop Empty

Back to top Go down
 
Reka Grafik: Background Ketupat Dengan Photoshop
Back to top 
Page 1 of 1
 Similar topics
-
» Photoshop : Asas Penggunaan
» Teknik menghasilkan photo 3d menggunakan photoshop
» Menghasilkan Sinar Cahaya (ray Of Light ) di dalam Photoshop
» Tutorial -- cara utk Save JPG format dlm Photoshop & GIMP
» TUTORIAL: HOW TO DESIGN A 3D GLASS ICON IN PHOTOSHOP (KREDIT&RP)

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