โปรดศึกษาและยอมรับนโยบายส่วนบุคคนก่อนเริ่มใช้งาน [นโยบายส่วนบุคคล]
ยอมรับ
วิธีทำ Pattern สองสีแบบง่ายๆ (ภาษาไทยพร้อมรูป) จ้า
Alkaizer
#1
16-07-2009 - 01:47:02

#1 Alkaizer  [ 16-07-2009 - 01:47:02 ]




ผมทำการสอนนี้ไว้ใน Simsworld แล้วเอามาโพสที่นี่ (โพสเฉพาะลิงค์) แล้วมีเพื่อนหลายคนบอกว่าเข้า simsworld ไม่ได้เพราะมีเครดิตไม่พอ และเห็นคุณ virus เอาลิงค์วิธีทำภาษาอังกฤษมาให้ ผมเลย copy กระทู้จาก simsworld มาให้ดูอีกอันนะครับผม
ผมจะเน้นวิธีง่ายๆ ที่สามารถทำได้ภายในเวลาแป๊บเดียวครับผม หลังจากทำเป็นแล้วเราค่อยไปทำ Advance กันอีกทีนะครับ

ก่อนอื่นมาดูโปรแกรมที่ต้องมีกันก่อนนะครับ
1. The Sims 3 Workshop - Pattern Tools
หรือ ใครจะใช้ Delphy's Pattern Packager v1.3 ก็ได้ครับ แต่ในที่นี้ผมใช้อันแรกนะครับ เพราะทำง่ายกว่า เวลาเปลี่ยนสีแล้วเห็นผลทันที
และผลลัพธ์ที่ได้ก็สามารถ double click แล้วเข้า launcher ได้เลยครับ
ทั้งสองอันหาโหลดได้จากกระทู้นี้ครับ

2. GIMP หรือ Photoshop ครับ
สำหรับผมใช้ GIMP นะครับ เพราะบ้านยากจน ไม่มีปัญญาซื้อ Photoshop อ่ะครับ

3. Plug-in ของ file DDS สำหรับ Photoshop หรือ GIMP (เลือกให้ตรงกับ program ที่ใช้ครับ)

4. DDS Viewer อันนี้จะไม่ใช้ก็ได้ครับ ไม่จำเป็น แต่จะช่วยดูภาพ .dds ได้ง่ายขึ้นครับ โหลดได้จากที่เดียวกันกับข้อ 3 คร้าบ

พวกโปรแกรมเหล่านี้ ตัวที่ผมใช้ทุกตัวจะฟรีนะครับ ถ้าใครไม่มีลองดูกระทู้ของคุณ virus หรือจะ google หาเอาก็ได้ครับผม โหลดฟรีหมด (ผมขออนุญาติไม่สอนติดตั้งพวกโปรแกรมพวกนี้นะครับ ถ้ามีข้อสงสัยถามมาดูได้ครับ แต่ควรจะอ่านวิธีที่เค้าบอกไว้ก่อนครับผม)

มาเริ่มกันเลยดีกว่าครับ
1. สร้างรูปขึ้นมาก่อนด้วยโปรแกรม GIMP
โดยเริ่มสร้างภาพใหม่ที่มีขนาด 256x256 pixel นะครับ
จากนั้นใช้สีสองสีในการวาด
โดยจะต้องเลือกใช้สีแดง (ff0000) ดังในภาพ

และสีเขียว(00ff00) ดังในภาพ

แค่สองสีนี้เท่านั้นนะครับ (ถ้าใครมีภาพต้นฉบับเป็นสองสีก็เปลี่ยนสีเอาได้เหมือนกันครับ) ส่วนสามสีก็ใช้สีน้ำเงิน (0000ff) ครับผม (แต่ไม่มีในตัวอย่างนะ) หรือถ้าจะมีสีดำก็ใส่สีดำลงไปได้เลยครับ แต่จะเปลี่ยนสีส่วนที่เป็นสีดำไม่ได้ครับผม
โดยให้วาดเป็นรูปอะไรก็ได้ที่ต้องการทำเป็นลาย โดยขอบด้านขาวจะต่อกับด้านซ้ายของรูปถัดไป เช่นเดียวกับขอบด้านล่างจะชนกับขอบด้านบนของรูปถัดไปครับ
และแนะนำว่าควรให้สีมันแยกกันชัดเจนด้วยนะครับ ให้ระวังพวกส่วนที่เบลอๆ ด้วยจะทำให้สีเปลี่ยนตอนเอาไปใช้ได้ (บางครั้งถ้าปล่อยไว้อาจจะมีจุดเล็กๆ เป็นสีที่ไม่ต้องการครับ)
ตัวอย่างรูปที่วาดขึ้นมาครับ จะเห็นว่ามีเพียงสองสี (สีเทาด้านหลังเป็นตัวโปรแกรมนะครับไม่ใช่รูปที่ใช้)


2. จากนั้นให้ save เป็นไฟล์ .dds
เลือกประเภทแล้วใส่ชื่อไฟล์แบบในรูป


จากนั้นมันจะให้ใส่รายละเอียดของไฟล์ประเภท dds ว่าต้องการให้จัดเก็บแบบไหน
ให้เลือกตามภาพ คือไม่มีการบีบอัดและเลือก 4 channel (RGBA)


3. จากนั้นให้เปิดโปรแกรม The Sims 3 Workshop - Pattern Tools ขึ้นมา
แล้ว click ที่ภาพขวามือในกรอบเล็กด้านบน จะเป็นการโหลด file ขึ้นมาก็เลือกใส่ file ที่เรา save ไว้เมื่อกี้ครับ
แล้วจะได้ผลดังในภาพ
[IMG=600,500]http://i938.photobucket.com/albums/ad229/alkaizer_simmer/Tutorial/LoadDDS.png[/IMG]

จากนั้นให้ใส่รายละเอียดของ pattern นั้นลงไป ได้แก่ชื่อ รายละเอียด ประเภทของลาย (ที่จะไปขึ้นในตอนเล่นเกม)
รวมทั้งให้เลือกสี (ในที่นี้ใช้สองสี) ซึ่งจะไปแทนสีแดง และสีเขียว ตามที่เราทำไว้ ดังรูปครับ ซึ่งจะมีผลลัพธ์ออกมาทางด้านขวาล่าง (รูปใหญ่)
[IMG=600,500]http://i938.photobucket.com/albums/ad229/alkaizer_simmer/Tutorial/assigncolor.png[/IMG]

ถ้าอยากเห็น มันต่อกันหลายๆ ภาพ เหมือนตอนที่จะใช้จริง ก็ให้เลือกกดดูที่ Show as tiled ได้ครับ มันจะแสดงต่อๆ กันหลายๆ ภาพให้ดู (ใช้ตรวจดูได้ว่าเราทำช่วงรอยต่อเนียนไหม)

เมื่อได้สีและสิ่งต่างๆ ตามที่ต้องการแล้วให้กดปุ่ม export ด้านล่างซ้ายมือครับ
[IMG=600,500]http://i938.photobucket.com/albums/ad229/alkaizer_simmer/Tutorial/export.png[/IMG]

จะมีหน้าต่างขึ้นมาให้เลือก save ก็ใส่ชื่อแล้ว save ซะ จะได้ไฟล์นามสกุล .sim3package คล้ายๆ ไฟล์ที่เราโหลดจาก official site เลยครับ แต่ไฟล์นี้จะ upload กลับขึ้นไปไม่ได้นะครับ (ทาง EA เค้า block เอาไว้ครับ)
[IMG=600,500]http://i938.photobucket.com/albums/ad229/alkaizer_simmer/Tutorial/SaveAs.png[/IMG]

แล้วรอจนมีข้อความว่า export สำเร็จนะครับ


แก้ไขล่าสุดเมื่อ 2009-07-16 02:21:46

Alkaizer
#2
16-07-2009 - 01:47:57

#2 Alkaizer  [ 16-07-2009 - 01:47:57 ]




มาต่อกันครับ

4. หลังจากนั้นให้ double click ที่ไฟล์ .sim3package ที่ทำไว้หรือจะ copy แล้วไปวางใน Documents\Electronic Arts\The Sims 3\Downloads ก็ได้ครับแล้วเปิดตัว The Sims 3 launcher ขึ้นมา (ตัวเดียวกับที่เปิดตอนเล่นเกมอ่ะครับ)
จะเห็น pattern ใหม่ดังรูป ก็คลิ๊กเลือก แล้วเลือก install ครับ
แต่ถ้าใคร double click ที่ file มันจะ install ให้ด้วยเลยครับ
[IMG=600,350]http://i938.photobucket.com/albums/ad229/alkaizer_simmer/Tutorial/launcherInstall.png[/IMG]

ถ้า install สำเร็จจะแสดงหน้าจอนี้ขึ้นมาครับ


สำคัญมาก: บางครั้งทำมาตั้งนาน ดูในตัวอย่าง pattern ตอนสร้างก็ดูดี แต่พอเอามา install ในเกมจริงๆ อาจจะไม่สามารถใช้งานได้ก็ได้ครับ อันนี้ผมก็ยังไม่ทราบสาเหตุ ปกติถ้าเจอ ก็จะทำใหม่ตั้งแต่ save .dds ไฟล์เลยอ่ะครับ (แล้วก็เคยเจอทั้งที่อาการหายไปและยังคงเป็นเหมือนเดิมครับ)

5. หลังจาก install เสร็จแล้ว เราก็ลองเข้าไปในเกมแล้วมาลองใช้กันนะครับ
ในที่นี้ขอลองกับเสื้อยืดก็แล้วกันนะครับ
เวลาต้องการใส่หรือเปลี่ยน pattern ให้กับอะไร ก็เลือก icon ที่เป็นรูป พู่กันกับจานสีตามที่วงไว้อ่ะครับ (แต่ถ้าเป็น mode ซื้อหรือสร้าง จะมี icon ที่ตรงด้านล่างเลยครับ)


จากนั้นให้เลือก type ของ pattern ที่เราสร้างไว้ ซึ่งจะตรงกับข้อมูลที่เรากำหนดตอนสร้างครับผม
จะพบว่ามีลายที่เราทำไว้ปรากฎขึ้น ซึ่งจะอยู่ช่วงต้นๆ ของ type นั้นและมี icon พิเศษรูป green plumbob (เพชรสีเขียว) แปะอยู่ด้วย ซึ่งแสดงว่าอันนี้สร้างมาจาก The Sims 3 Workshop - Pattern Tools ครับ
ก็ให้เลือกลายที่ต้องการ ถ้าใครเครื่องช้าอาจจะต้องรอสักครู่นะครับ แล้วเสื้อที่เลือกไว้ก็จะมีลายเปลี่ยนไปครับ


จะสังเกตุได้ว่า ขนาดของลายบนของต่างๆ จะต่างกันนะครับ การวางลายของ pattern บนของต่างๆ ก็จะต่างกันด้วยครับ อันนี้แล้วแต่ว่าคนที่ทำของเค้าวางให้ลายปรากฏที่ตรงไหน อย่างลายกระทิงแดงที่ผมทำบนเสื้อ มันจะร่นมาอยู่ช่วงล่างของลาย เพื่อให้แสดงที่เสื้อได้ระดับที่พอดีครับ (อันนี้ต้องทดลองดูครับ ว่าจะใช้กับอะไร)

จากนั้นเราสามารถเปลี่ยนสี (สองสีที่เรากำหนดไว้) ของลายนั้นๆ ได้ครับ
[IMG=600,350]http://i938.photobucket.com/albums/ad229/alkaizer_simmer/Tutorial/T-Shirt-Change.png[/IMG]

เมื่อเปลี่ยนสีแล้วเราจะสามารถ save pattern นั้นเป็นอีก pattern ได้ โดยเลือตรงรูป folder
ซึ่ง pattern นี้จะมี icon รูป folder แปะอยู่ และสามารถ upload ไปที่ official site ได้ครับ แต่จะไม่สามารถใช้ได้ เพราะทาง EA จะกรองข้อมูลตัว base ออกหมดเลยครับ ถ้าต้องการให้คนใช้ได้ ต้องมี object ต่างๆ (เสื้อผ้าก็ได้ครับ) ที่มีลายนั้นเอาขึ้นไปให้เค้าโหลดได้ด้วยนะครับ (pattern ไม่ต้องเอาขึ้นไปก็ยังใช้ได้ครับ) ซึ่งถ้าโหลดแล้วจะมีลายที่มี icon green plumbob เหมือนที่เราทำเองครับ
[IMG=600,350]http://i938.photobucket.com/albums/ad229/alkaizer_simmer/Tutorial/savePattern.png[/IMG]

จบแล้วครับ หวังว่าคงมีคนสนใจเอาไปลองทำเล่น ๆ กันนะครับ ใครที่อยากทำ pattern ที่เป็นลาย 3 สีก็เพิ่มอีกสีหนึ่งเป็นสีน้ำเงิน ตามที่บอก เวลาที่ edit pattern จะสามารถเลือกใส่สีได้อีกสีหนึ่งครับ
อ้อ สำหรับ สีดำ จะกลายเป็นสีดำโดย default นะครับ ดังนั้นก็เหมือนว่าเราได้อีกสีมา (แต่เปลี่ยนไม่ได้)
ส่วนการทำสี่สีจะยากขึ้นไปอีกครับ โดยมันจะใช้ Alpha Channel เป็นตัวบอกว่าสีที่ 4 คืออะไร
(คนที่ advance แล้วคงรู้จัก ลองทำดูได้เลยครับ) ซึ่งการ edit Alpha Channel อาจจะทำให้คนทั่วไปงงงง เพราะมันจะทำให้ไม่เห็นสิ่งที่ทำไปแล้วได้ครับ และบางครั้ง GIMP หรือ plugin ของ GIMP ยังมีปัญหาเรื่องการ save ข้อมูลที่เป็น alpha channel บางแบบอยู่ครับ (คือผมเจอว่าทำแล้วบางครั้ง alpha channel ใน .dds มันไปทับของสีอื่นหมดเลย)

ขอบคุณที่ติดตามจนจบ ผมใช้เวลาทำ tutorial นี้หลายช.ม.อยู่เหมือนกัน (ตั้งแต่ capture ภาพ upload และเขียนกระทู้) หวังว่าคงมีคนเอาไปลองทำกันดูบ้างนะครับ
ผมสนับสนุนให้คนไทยชอบทำกันเองมากขึ้น ไม่ใช่โหลดของคนอื่นเท่านั้น แล้วคุณจะพบกับความภูมิใจเล็ก ๆ เมื่อทำเสร็จครับผม แล้วคุณจะเข้าใจถึงคุณค่าของงานที่คนอื่นทำด้วยครับผม

แล้วใครทำ pattern อะไรก็อย่าลืมเอามาแบ่งปันกันนะคร้าบ รอชมกันอยู่

สำหรับ pattern ของผม บางส่วนผมเอามาให้โหลที่หน้าดาวน์โหลดแล้วครับ ส่วนที่เหลือทั้งหมดจะ upload ไว้ที่ http://www.thesims3.com/mypage/alkaizerครับผม ใครชอบก็ช่วยกด recommend ให้ผมด้วยนะคร้าบ ขอบคุณครับ

ใครลองทำแล้วมีปัญหา โพสมาคุยกันได้นะครับ (แต่ช่วงตั้งแต่ปลายสัปดาห์นี้ผมจะไปต่างประเทศครับ กลับอีกทีสัปดาห์หน้าเลยคร้าบผม)


แก้ไขล่าสุดเมื่อ 2009-07-16 02:21:09

Tri
#3
16-07-2009 - 14:44:44

#3 Tri  [ 16-07-2009 - 14:44:44 ]




มีเว็บโหลดโปรแกรมที่ทำลายเสื้อไหมครับ


Alkaizer
#4
16-07-2009 - 22:21:22

#4 Alkaizer  [ 16-07-2009 - 22:21:22 ]




quote :
มีเว็บโหลดโปรแกรมที่ทำลายเสื้อไหมครับ

ดูจากกระทู้ของคุณไว้รัสเลยอ่ะครับผม ตามที่ผมบอกไว้ หรือ ไปที่ http://www.thesimsresource.com/sims3 ครับแล้วหาดูก่อนนะครับ (ต้องสมัครสมาชิกก่อนนะคร้าบ)


virus
#5
26-08-2009 - 17:05:02

#5 virus  [ 26-08-2009 - 17:05:02 ]




กระทู็ดี มีสาระ ต้องดันๆ ตกมาอยู่ไหนเนี่ยกระทู้นี้



อิอิ ไม่ได้เข้ามาบ่อยๆ ^ ^
Christian
#6
04-09-2009 - 18:48:26

#6 Christian  [ 04-09-2009 - 18:48:26 ]




ขอถามหน่อยครับถ้าเราจะเอารูปขึ้นเลยนี้ตรงปรับตรงสีมั้ยครับ


Christian
#7
04-09-2009 - 19:39:16

#7 Christian  [ 04-09-2009 - 19:39:16 ]




รอคนตอบงับ


Christian
#8
04-09-2009 - 19:50:54

#8 Christian  [ 04-09-2009 - 19:50:54 ]




ทำแล้วสีมะต้องตามต้องการ งิงิงิ ยังไงรบกวนหน่อยนะครับตามรูปที่ใช้เลย


Alkaizer
#9
05-09-2009 - 00:05:52

#9 Alkaizer  [ 05-09-2009 - 00:05:52 ]




ถ้าเอารูปแล้วแปลงเป็น .dds ไฟล์เลย จะมีปัญหาสีไม่ตรงกับต้นฉบับครับผม
เพราะว่าการทำงานมันจะเป็น ชั้นๆ ตามลำดับดังนี้ครับ
สีแดง สีเขียว สีน้ำเงิน และ Alpha Channel ครับ
ดังนั้นถ้าเอารูปทั่วไปมา มันจะเติมส่วนที่มีสีที่มีแสงสีแดงผสมอยู่ก่อน (เช่น สีขาว, สีแดง, ฯลฯ) จากนั้นจะทำชั้นต่อไปคือ สีเขียว และสีน้ำเงินตามลำดับครับ วิธีนี้ก็คือใส่สีตาม Channel สีเป็นลำดับนั่นเองครับ
รูปที่ได้ออกมาก็จะสีไปตกตรงส่วนที่เป็นสีน้ำเงินที่เรากำหนดไปครับ (ยกเว้นมีส่วนที่สีแตกต่างกันชัดเจน)

ดังนั้น ถ้าต้องการให้แยกสีชัดเจน ควรแยกส่วนต่างๆ ออกจากกันก่อนครับ ถ้าเป็นพวกรูปถ่าย จะทำได้อย่างมากก็แค่ 2 สีครับที่ทำให้เหมือนจริง (คล้ายๆ พวกขาวดำ) ซึ่งอันนี้จะง่ายสุด ทำสามสีขึ้นไปต้องแบ่งส่วนเสมอครับ อธิบายตรงนี้อาจจะยังงงงอยู่นะครับ ไว้มีเวลาจำทำ Tutorial มาสอนเพิ่มครับผม และผมทำๆ ไปก็ได้เทคนิคใหม่มาอีกพอควรครับ

ถ้าอยากทำเป็นต้องลองดูก่อนครับ เริ่มจากง่ายๆ อย่างที่ว่าก่อนก็ได้ครับ (เพราะทำแล้วได้อย่างที่คิดจะได้มีกำลังใจทำต่อไปครับ)

มีอะไรก็ถามได้นะครับ ผมอาจจะไม่ได้เข้ามาทุกวัน แต่ก็เข้ามาบ่อยๆ ครับ ถามในกระทู้นี้ก็ได้ครับ (ถ้าเป็นเรื่องการทำ Pattern นะครับ)


แก้ไขล่าสุดเมื่อ 2009-09-05 00:07:33

Christian
#10
05-09-2009 - 08:51:59

#10 Christian  [ 05-09-2009 - 08:51:59 ]




อาตอนนี้เปลี่ยนได้แค่สามสีเองครับ ขอบคุณมากครับที่สละเวลามาตอบ - -* ว่าจะไปยิงปืนนี้- -*


Christian
#11
05-09-2009 - 08:53:19

#11 Christian  [ 05-09-2009 - 08:53:19 ]




มานก้อต้องค่อยๆศึกษาอะครับตอนนี้ เวบเราคนแจ pattern น้อยด้วยเดียวช่วยแจกอีกแรง หลังจาก สุ่ม โหลดมาเยอะ 555+ ถึงเวลาแจกคืน


nsomp
#12
05-09-2009 - 09:04:53

#12 nsomp  [ 05-09-2009 - 09:04:53 ]




แล้วมีวิธีทำ skin ให้ตัว Sims มั๊ยครับ


Christian
#13
05-09-2009 - 09:12:01

#13 Christian  [ 05-09-2009 - 09:12:01 ]




อันนี้ยังอะครับ ต้องค่อยๆๆหา โปรแกรมเอาครับแต่เห็นมีรอยสัก มะรุ้ทำไง - -*


autaki
#14
05-09-2009 - 12:53:46

#14 autaki  [ 05-09-2009 - 12:53:46 ]






ช่วยสอนทำอันที่เป็นรูปภาพหน่อยครับ



.....................
Alkaizer
#15
05-09-2009 - 19:37:57

#15 Alkaizer  [ 05-09-2009 - 19:37:57 ]




ปกติไม่ได้ทำอยากรูปภาพครับ
ภาพที่ใช้จะเอาโครงมาเท่านั้นน่ะครับ (เส้นสีดำ) แล้วใส่สีเองครับผม ค่อยๆ ทำไปจะง่ายกว่าครับ
แต่ถ้าอยากเอาไฟล์มาแปลงเองเลย ก็หารูปมาแปลงเป็น .dds ไฟล์ โดยให้ขนาดเป็น 256 * 256 pixel ก็ได้ครับ
แต่สีจะไม่สวยเท่าใส่สีเองครับ


Christian
#16
05-09-2009 - 20:18:11

#16 Christian  [ 05-09-2009 - 20:18:11 ]




อ้อเหมือนที่ผมใส่ลายสีรูปคิดตี้ที่แก้ไขใช้มั้ยครับมานจะออกมาแบบนั้นเลย ถ้าเรากำหนด 4 สีนี้ได้มั้ยครับ


Christian
#17
08-09-2009 - 07:27:09

#17 Christian  [ 08-09-2009 - 07:27:09 ]




Plug-in ของ file DDS หาจากที่ไหนในครับในกูเกิ้ลมีปะ ครับ


Alkaizer
#18
10-09-2009 - 02:07:06

#18 Alkaizer  [ 10-09-2009 - 02:07:06 ]




Christian ตอนนี้คงรู้แล้ว ผมเพิ่มไว้เผื่อคนอื่นมาอ่านนะครับ
Plug-in file DDS ของ GIMP โหลดได้จากที่นี่ครับ http://registry.gimp.org/node/70 คลิ้กตรง link นะครับผม


palmsoodloh
#19
03-05-2010 - 10:02:24

#19 palmsoodloh  [ 03-05-2010 - 10:02:24 ]




ขอบคุณมากกกครับ


  • 1

ลงข้อความได้เฉพาะสมาชิก
ต้องสมัครเป็นสมาชิกและ login เข้าสู่ระบบก่อนถึงจะสามารถลงความเห็นได้
เข้าสู่ระบบสมัครสมาชิก



ข้อมูลเมื่อ 29th May 2024 14:51

โปรดศึกษาและยอมรับนโยบายส่วนบุคคนก่อนเริ่มใช้งาน [นโยบายส่วนบุคคล]
ยอมรับ