แบบที่ 1
1. เปิดโปรแกรม Photoshop ขึ้นมา และเปิดภาพที่ต้องการลดขนาดไฟล์ภาพโดยไม่ลดขนาดรูปขึ้นมา Click ที่หัวภาพ จะมี Pop up ขึ้นมา ให้เลือก Image Size... ดังรูป
2.จะมีหน้าต่างเครื่องมือ ย่อขยายภาพขึ้นมา ให้เอาเครื่องหมายด้านล่างออกทั้งหมด
3. สังเกตจากรูปในข้อที่ผ่านมา ค่า Resolution เป็น 300 ซึ่งค่านี้เป็นค่าความละเอียดที่ใช้ ในการ ปริ้นท์ ไฟล์งานออกมา เราไม่จำเป็นต้องใช้ความละเอียดขนาดนี้ ในหน้าเว็บ ปรับแค่ 72 ก็เพียงพอแล้ว...กด OK

4.ไปที่เมนู File > Save for web หรือกด Ctrl+Alt+Shift+S จะมีหน้าต่างขึ้นมาให้ตั้งค่าต่างๆ ดังรูป ให้ทำการเลือกที่ แท็ป 2-Up เพื่อให้มองเห็นความแตกต่างของภาพต้นฉบับกับภาพที่จะทำการลดขนาดไฟล์ที่จะนำไปใช้

5.สังเกตว่า ขนาดของไฟล์ภาพมีความแตกต่างกันมาก

6. ด้านขวาของหน้าต่างจะมีส่วนให้ปรับค่าความละเอียดต่างๆที่ต้องการ ให้ทำเครื่องหมายที่ Progresive ส่วน ICC Profile นั้น เป็นการกำหนดให้มีการ save ค่าสีไปด้วยเพราะค่าสีในจอแสดงผลแต่ละเครื่องนั้นไม่เท่ากัน การเซฟค่าสีจะทำให้สีของภาพไม่ผิดเพี้ยนไม่ว่าจะเปิดในหน้าจอแสดงผลใดๆก็ตาม ก็จะทำเครื่องหมายหรือไม่ก็แล้วแต่ท่านครับ ดังรูป
7. ปรับค่าความละเอียดของภาพตามต้องการซึ่งจะมีอยู่ 5 ระดับ จนได้ขนาดไฟล์ภาพที่ต้องการ

8.แล้วกด Save เป็นอันเสร็จพิธี

แบบที่ 2
1. หลังจากที่ได้ภาพที่จะลดขนาดไฟล์แล้ว ไปที่ File>Save for web หรือกด Ctrl+Alt+Shift+S จะมีหน้าต่างขึ้นมา เลือกแท็บ 2-Up
2. ที่ด้านขวาของหน้าต่างนี้ จะมี ลูกศรเล็กๆอยู่ เมื่อ Click จะมี Pop UP ขึ้นมา ให้เลือก Optimize to File Size...
3. จะมีหน้าต่างอีกอันขึ้นมา ให้กำหนดค่าที่ Desired File Size: ตามต้องการ แล้วกด OK
4. สังเกตว่าขนาดไฟล์ภาพที่ได้จะมีค่า ไม่เกิน 10 k ตามที่ตั้งค่าไว้ กด Save เป็นอันเสร็จพิธี

จะได้ใช้เนื้อที่ในการอัพโหลดรูปภาพลงบล็อคของท่านเพิ่มขึ้นนะครับ
3 Layers ทำให้ตัวอักษรมีพื้นหลังภายในตัวอักษรด้วยการใช้ Clipping Mask

1.สร้างไฟล์ใหม่ตามขนาดที่ต้องการแล้วเทสีพื้นหลัง ซึ่งจะมีผลต่อการ Clipping Mask ด้วย
2.จากนั้นสร้างตัวอักษร ข้อความที่ต้องการ ควรเป็นตัวหนาๆเพื่อให้เห็นชัดนะครับ
3.เปิดไฟล์รูปที่ต้องการให้เป็นพื้นหลังภายในตัวอักษร แล้วจัดการลากมาใส่ในไฟล์งานท่กำลังทำ
4.เลือก Layer ของรูปภาพที่นำเข้ามา ไปที่ Menu>Layer>Create Clipping Mask หรือกด Ctrl+G ภาพที่ได้จะกลายเป็น ตัวอักษรที่มีพื้นหลังด้านใน เป็นภาพเดียวกับภาพที่นำเข้ามา คราวนี้ลองเลื่อนตัวอักษรไปที่ใดๆในภาพ ภายในตัวอักษรก็จะเปลี่ยนไปตามส่วนที่เลื่อนไป เมือ่เลือกจุดที่ต้องการได้แล้ว หลังจากนี้ จะ Crop ให้เหลือเฉพาะส่วนที่ต้องการเพื่อนำไปใช้งานต่อไปได้เลยครับ

นำไปประยุกต์ใช้ทำ Banner ดูก็ไม่เลวนะครับ แม้วิธีจะเก่าไปหน่อย แต่มันก็ยังดูโอเคนะผมว่า
ในตอนแรกกะไว้ว่าจะนำเสนอการสร้างลายไทย โดยใช้ Path ในโปรแกรม Photoshop แต่เนื่องจากวิธีการทำนั้น ค่อนข้างละเอียด และใช้เวลา หากนำเสนอเพื่อการนำไปประยุกต์ในลวดลายแบบอื่น อาจทำให้ยุ่งยากมากขึ้น และอาจเสียเวลามาก จึงขอนำเสนอโดยใช้เครื่องมืออีกตัวนึงที่มีความสะดวกมากกว่าการสร้างด้วยเส้น Path ครับ อ่ะมาเริ่มกัน
1.เริ่มจากผมจะอธิบายลักษณะคร่าวๆของโครงสร้างลายไทยก่อนนะครับ

จากรูป
เส้นเลข 1. นั้นเป็นเส้นโค้งของลักษณะดอกบัวซึ่งเป็นรูปทรงพื้นฐานของลายไทย
เส้นเลข 2. เป็นเส้นโครงสร้างเพื่อให้ง่ายในการวาดลายไทยจะเห็นว่าตัดทอนเหลือแค่รูปทรงสามเหลี่ยมมุมฉาก
เส้นเลข 3. เป็นลายไทยที่เราทำการวาดเป็นลายกนก เพื่อนำไปใช้ทำในโปรแกรมต่อไป ซึ่งควรวาดจากเส้น a,b,c ตามลำดับ เมื่อได้ครบดังภาพแล้ว เราจะเริ่มเข้าสู่การสร้างลายไทยในโปรแกรม Photoshop กัน
2.เพื่อให้เห็นชัดเจน ผมได้ทำให้ส่วนที่เป็นสีนั้นจางลงเพื่อให้มองเห็นเส้นโครงสร้างนะครับ จากภาพจะเห็นว่าผมได้ทำการสร้างสี่เหลี่ยมครอบลาย กนก a ก่อน
หลังจากนั้นไปที่เมนู Filter>Liquify... หรือกด Shift+Ctrl+X จะปรากฏหน้าต่างเครื่องมือ Liquify ขึ้นมา
เลือกเครื่องมือที่อยู่ด้านซ้ายบนของหน้าต่าง เรียกว่า Forward Warp tool

แล้วทำการคลิกเครื่องหมายถูกที่ส่วน Show Backdrop ซึ่งอยู่ที่ด้านล่างขวาของหน้าต่างนี้ เพื่อให้เห็นความเปลี่ยนแปลงนขณะทำการสร้างลายไทยเมื่อเสร็จแล้วกด Ok จะได้ลายกนก a


3.ในส่วนกนก b และ c ก็เช่นกันใช้วิธีการเดียวกับข้อ 2.จนได้ออกมาดังภาพ(ในการสร้างลายกนกส่วน a,bและc ควรเป็นคนละ Layer กันนะครับเพื่อความสะดวกในการตกแต่งลำดับต่อไป



4.ในแต่ละ layer นั้นให้ทำการ Double click ที่ layer ที่ต้องการใส่เอฟเฟคจะปรากฏหน้าต่าง Layer Style ขึ้นมาทำการปรับแต่งดังรูปในส่วนที่มีตั้วเลขและลูกศรกำกับตามลำดับ (ในส่วนนี้จะใช้วิธีแบบที่ผมทำ หรือ ลงแสงเงาด้วยวิธีอื่นก็ได้นะครับ)
5.เมื่อทำการใส่เอฟเฟคในแต่ละ layer เรียบร้อยก็จะได้ออกมาดังภาพเป็นอันเสร็จ

ปล.นี่คือลักษณะการสร้างลายไทยที่ง่ายสุดจากเครื่องมือที่มีอยู่ในโปรแกรม ซึ่งหากใช้วิธีการสร้างด้วยเส้น Path ทั้งการตั้งจุดและการปรับให้เส้นโค้งก่อนทำการลงสี บวกกับการทำงานกับ Layer ของเส้น Path อีกขั้นนึง จะมีความซับซ้อนมากกว่า จึงขอนำเสนอวิธีการนี้แทนครับ

อันนี้งานที่นำไปประยุกต์ใช้ครับ