04-Tutorial-40

แบบที่ 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 เป็นอันเสร็จพิธี


จะได้ใช้เนื้อที่ในการอัพโหลดรูปภาพลงบล็อคของท่านเพิ่มขึ้นนะครับ

Clipping Mask

posted on 26 Aug 2007 00:38 by azazellis  in 04-Tutorial-40
3 Layers ทำให้ตัวอักษรมีพื้นหลังภายในตัวอักษรด้วยการใช้ Clipping Mask


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



นำไปประยุกต์ใช้ทำ Banner ดูก็ไม่เลวนะครับ แม้วิธีจะเก่าไปหน่อย แต่มันก็ยังดูโอเคนะผมว่า

Add Layer Mask

posted on 27 Aug 2007 12:44 by azazellis  in 04-Tutorial-40
แต่งภาพด้วยเครื่องมือ Add Layer Mask ใน Photoshop

1.เปิดรูปที่ต้องการปรับแต่งขึ้นมา ในที่นี้ควรเป็นภาพสีจะเห็นความแตกต่างได้ชัดเจนครับ

2.ทำการ Duplicate Layer ภาพที่ต้องการปรับแต่ง แล้วเปลี่ยนสีภาพให้เป็นขาวดำโดยไปที่เมนู Image>Adjustments>Desaturate



3.จากนั้นคลิกที่เครื่องมือ Add layer mask ที่อยู่ด้านล่างของหน้าต่างเครื่องมือ Layers จะมีช่องแสดงรูปเพิ่มซ้อนมาในเลเยอร์ที่เป็นภาพขาวดำ








4.ไปที่ Tool box หรือกล่องเครื่องมือ เลือก Gradient Tool หรือกดแป้นพิมพ์ตัว G แล้วปรับค่าที่ Option bar ด้านบนดังรูป







5.แล้วทำการลากเส้นตามแบบในรูป ส่วนที่เป็นศูนย์กลางของเครื่องมือที่ปรับแต่ง จะทำให้ภาพขาวดำมองทะลุไปถึง layer ด้านล่างที่เป็นภาพสีเดิม เป็นอันเสร็จ





ลองนำไปประยุกต์ใช้ดูนะครับ ไว้แต่งภาพทำบล็อค หรือ แต่งภาพถ่ายก็ทำให้ได้ภาพที่แปลกตาหรือทำพวกโปสการ์ด ก็น่าจะเวิร์คนะผมว่า ^ ^

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

1.เปิดไฟล์ภาพที่จะทำหัวแปรงขึ้นมา
2.เลือกเครื่องมือ Magic Wand Tool หรือกดแป้นพิมพ์ W แล้วปรับที่ Option bar เป็น Add to selection ทำการเลือกส่วนที่ไม่ต้องการให้เป็นหัวแปรงออก กด Delete เหลือไว้เฉพาะส่วนที่ต้องการ


3.ไปที่เมนู Edit>Define Brush preset...ก็จะปรากฏหน้าต่างให้ตั้งชื่อหัวแปรง เมื่อตั้งชื่อแล้ว ก็กด Ok หัวแปรงที่เราต้องการก็จะเข้าไปอยู่ในหน้าต่างที่ใช้เลือกแบบหัวแปรง


4.ทดลองใช้หัวแปรงในรูปอื่นใดที่ต้องการ ก็จะออกมาเป็นดังภาพ


หลังจากนี้ อยากได้รูปไหนเป็นหัวแปรงก็ใช้วิธีนี้ ท่านก็จะได้หัวแปรงรูปแบบต่างๆเพื่อนำไปประยุกต์ใช้ต่อไปครับ

edit @ 9 Oct 2007 18:06:37 by +::+ JaCKuLa PuPPeT +::+

ในตอนแรกกะไว้ว่าจะนำเสนอการสร้างลายไทย โดยใช้ 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 ขึ้นมาทำการปรับแต่งดังรูปในส่วนที่มีตั้วเลขและลูกศรกำกับตามลำดับ (ในส่วนนี้จะใช้วิธีแบบที่ผมทำ หรือ ลงแสงเงาด้วยวิธีอื่นก็ได้นะครับ)




  • 1. เลือกที่ Bevel and Emboss
  • 2. ปรับค่า Depth เป็น 150px
  • 3. Size 15px
  • 4. กด Ok

5.เมื่อทำการใส่เอฟเฟคในแต่ละ layer เรียบร้อยก็จะได้ออกมาดังภาพเป็นอันเสร็จ



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

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