วันอังคารที่ 15 กันยายน พ.ศ. 2552

แนะนำวิธีการทำ Pattern ในเกม The Sims 3 อย่างง่าย ๆ แบบสองสีหรือสามสี

สวัสดีครับเพื่อนๆ ชาว Simmer ทุกท่าน

บทความนี้เป็นการสอนการทำ Pattern ในเกมซิม 3 อย่างง่าย ๆ (ซึ่งผมเคยเขียนเอาไว้ที่ Webboard ของ ThaiTheSims3 และ SimsWorld นะครับ) มาเริ่มกันเลยครับ

ผมจะเน้นวิธีง่ายๆ ที่สามารถทำได้ภายในเวลาไม่นานมากครับ หลังจากทำเป็นแล้วเราค่อยไปทำ Advance กันอีกทีนะครับ
ก่อนอื่นมาดูโปรแกรมที่ต้องมีกันก่อนนะครับ
  1. The Sims 3 Workshop - Pattern Tools หรือ ใครจะใช้ Delphy's Pattern Packager ก็ได้ครับ แต่ในที่นี้ผมใช้อันแรกนะครับ เพราะทำง่ายกว่า เวลาเปลี่ยนสีแล้วเห็นผลทันที และผลลัพธ์ที่ได้ก็สามารถ double click แล้วเข้า launcher ได้เลยครับ ทั้งสองอันหาโหลดได้จาก http://www.thesimsresource.com/programs/details/title/TSR%20Workshop%20Public%20Beta/id/112/ (สำหรับ TSR) และ http://www.modthesims.info/download.php?t=342998 (สำหรับ Delphy's) ครับผม ทั้งสองเว็บต้องทำการสมัครสมาชิกก่อนนะครับ

  2. GIMP หรือ Photoshop ครับสำหรับผมใช้ GIMP นะครับ เพราะบ้านยากจน ไม่มีปัญญาซื้อ Photoshop อ่ะครับ สำหรับ GIMP สามารถโหลดได้จาก http://www.gimp.org/downloads/

  3. Plug-in ของ file DDS สำหรับ Photoshop หรือ GIMP (เลือกให้ตรงกับ program ที่ใช้ครับ) สำหรับ plug-in ของ GIMP download ได้จาก http://nifelheim.dyndns.org/~cocidius/dds/ (ส่วนของ Photoshop รบกวนเพื่อนๆ ต้อง search หาเองนะครับผม)

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

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

มาเริ่มกันเลยดีกว่าครับ

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

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

by Alkaizer

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


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


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


by Alkaizer

การบีบอัดและเลือก 4 channel (RGBA)


3. จากนั้นให้เปิดโปรแกรม The Sims 3 Workshop - Pattern Tools ขึ้นมาแล้ว click ที่ภาพขวามือในกรอบเล็กด้านบน จะเป็นการโหลด file ขึ้นมาก็เลือกใส่ file ที่เรา save ไว้เมื่อกี้ครับแล้วจะได้ผลดังในภาพby Alkaizer
จากนั้นให้ใส่รายละเอียดของ pattern นั้นลงไป ได้แก่ชื่อ รายละเอียด ประเภทของลาย (ที่จะไปขึ้นในตอนเล่นเกม)รวมทั้งให้เลือกสี (ในที่นี้ใช้สองสี) ซึ่งจะไปแทนสีแดง และสีเขียว ตามที่เราทำไว้ ดังรูปครับ ซึ่งจะมีผลลัพธ์ออกมาทางด้านขวาล่าง (รูปใหญ่)


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

จะมีหน้าต่างขึ้นมาให้เลือก save ก็ใส่ชื่อแล้ว save ซะ จะได้ไฟล์นามสกุล .sim3package คล้ายๆ ไฟล์ที่เราโหลดจาก official site เลยครับ แต่ไฟล์นี้จะ upload กลับขึ้นไปไม่ได้นะครับ (ทาง EA เค้า block เอาไว้ครับ)by Alkaizer

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

by Alkaizer


4. หลังจากนั้นให้ double click ที่ไฟล์ .sim3package ที่ทำไว้หรือจะ copy แล้วไปวางใน Documents\Electronic Arts\The Sims 3\Downloads ก็ได้ครับแล้วเปิดตัว The Sims 3 launcher ขึ้นมา (ตัวเดียวกับที่เปิดตอนเล่นเกมอ่ะครับ)จะเห็น pattern ใหม่ดังรูป ก็คลิ๊กเลือก แล้วเลือก install ครับแต่ถ้าใคร double click ที่ file มันจะ install ให้ด้วยเลยครับ by Alkaizer


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


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

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

by Alkaizer

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

จากนั้นเราสามารถเปลี่ยนสี (สองสีที่เรากำหนดไว้) ของลายนั้นๆ ได้ครับby Alkaizer

เมื่อเปลี่ยนสีแล้วเราจะสามารถ save pattern นั้นเป็นอีก pattern ได้ โดยเลือตรงรูป folder ซึ่ง pattern นี้จะมี icon รูป folder แปะอยู่ และสามารถ upload ไปที่ official site ได้ครับ แต่จะไม่สามารถใช้ได้ เพราะทาง EA จะกรองข้อมูลตัว base ออกหมดเลยครับ ถ้าต้องการให้คนใช้ได้ ต้องมี object ต่างๆ (เสื้อผ้าก็ได้ครับ) ที่มีลายนั้นเอาขึ้นไปให้เค้าโหลดได้ด้วยนะครับ (pattern ไม่ต้องเอาขึ้นไปก็ยังใช้ได้ครับ) ซึ่งถ้าโหลดแล้วจะมีลายที่มี icon green plumbob เหมือนที่เราทำเองครับ


by Alkaizer


จบแล้วครับ หวังว่าคงมีคนสนใจเอาไปลองทำเล่น ๆ กันนะครับ ใครที่อยากทำ 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/mystudio ครับผม ใครชอบก็ช่วยกด recommend ให้ผมด้วยนะคร้าบ ขอบคุณครับ

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