สารบัญ

บทที่1 : Selection
บทที่2 : Mask
บทที่3 : Channel
บทที่4 : Channel Mixer
บทที่5 : Layer & Blending Mode
บทที่6 : Layer part2 : Adjustment Layer and the rest
บทที่7 : History Brush
บทที่8 : Photo Technique
บทที่9 : Save for web

กลับมาอีกครั้งครับ ในบทนี้แทรกด้วยเรื่องง่ายๆ แต่จำเป็น นั้นก็คือการ save file ครับ

หลายคนอาจจะคิดว่า save ไฟล์ ใครๆก็ทำเป็น ทำไมต้องมาสอนด้วย??
แต่ทว่า หลายๆคนอาจจะไม่รู้เทคนิคการ save ไฟล์ที่ผมกำลังจะบอกก็ได้ครับ

มาทำความรู้จักเรื่องของการ save for web ดีกว่าครับ

ลองเปิดไฟล์ซักอันนึงขึ้นมาแล้วกด file-->save for web ดูครับ จะปรากฏหน้าต่างดังนี้

ทางด้านขวามือจะมีให้เลือกว่าจะ save ไฟล์ format ไหน ซึ่ง format ยอดนิยมก็จะมี

jpeg , gif , และ png ครับ

ซึ่ง jpeg เหมาะสำหรับรูปที่มีปริมาณสีมากครับมีข้อเสียคือ save แบบโปร่งใส(transparent)ไม่ได้ครับ
ส่วน gif และ pngเหมาะกับรูปที่มีสีน้อยๆครับ จะประหยัดขนาดไฟล์ได้มากเลย

เมื่อเลือกแล้ว จะมีให้เลือก quality ของรูปครับ เลือกดูแล้วเลื่อนแถบสไลด์เพื่อปรับ quality ได้ ข้างล่างแถบ quality ของมีให้ปรับความ Blur ซึ่งคงไม่ค่อยได้ใช้หรอกครับ... พร้อมๆกันนั้นก็ให้ดูขนาดไฟล์ที่อยู่บริเวณซ้ายล่างของหน้าต่างครับ ดังที่แสดงข้างล่าง

แล้วด้านมุมล่างซ้าย ก็จะมีขนาดไฟล์ให้ดูว่าขนาดกี่ Kbytes แล้วก็ยังบอกอีกด้วยว่าใช้เวลาโหลดนานเท่าไหร่โดยความเร็วของเน็ตเท่าไหร่

ตรงที่ลูกศรชี้จะมีเมนูให้ปรับความเร็วของอินเตอร์เน็ตที่ใช้คำนวนเวลาในการโหลดครับ

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

หรือว่าจะให้มันปรับ quality ที่แตกต่างกันซัก4แบบ ให้เราเลือกดูก็ย่อมได้ครับ

แค่กดคำว่า 4-Up ดังรูปเท่านั้น แต่ทว่า มีเจ๋งกว่านี้อีกครับ!! ลองไปดูข้างล่างได้เลย

และแล้วก็มาถึงส่วนที่เจ๋งสุดๆของ save for web ครับ

ถ้าหากเพื่อนๆเคยเบื่อหน่ายกับการมาลองปรับ quality ไปเรื่อยๆจนได้ขนาดไฟล์ที่ต้องการแล้วล่ะก็
ทำไมถึงไม่ให้ photoshop มันปรับ quality ให้เองล่ะครับ

1. กดเครื่องหมายปุ่มสามเหลี่ยมดังรูป
2. กด Optimize to File size
3. เลือกขนาดไฟล์ที่ต้องการ
4. กด Ok เป็นอันจบครับ

ซึ่งสามารถใช้ได้กับทั้ง format JPEG,GIFและ PNG ครับ โดยที่ถ้าเป็น GIF และ PNG มันจะปรับจำนวนสีให้โดยอัตโนมัติ

การ save รูปให้มีความโปร่งใส

1. กดเลือกนามสกุลเป็น gif หรือ png-8 ครับ
2. ตรง transparency ต้องติ๊กด้วยครับ
3. เลือก Matte Color ให้เป็นสีที่ต้องการ ซึ่งมันจะเป็นสีบริเวณขอบๆที่โปร่งใสครับ

ถ้าหากเว็บของเราฉากหลังเป็นสีขาว เราก็ควรเลือกสีขาวครับ
ถ้าหากเว็บเราฉากหลังเป็นสีดำเราก็ต้องเลือก matte สีดำครับ

* ถ้าเลือกเป็น png-24 อาจจะเกิดปัญหากับ IE ได้ครับ จึงไม่แนะนำ

ก็จบแล้วครับสำหรับครั้งนี้

edit @ 2006/09/27 09:55:22