บันทึกภาพแบบโปร่งใส่ (Transparent) Photoshop

บันทึกภาพแบบโปร่งใส่ (Transparent)
การบันทึกภาพให้พื้นหลังโปร่งใส โดยแสดงเฉพาะรูปทรงจริงของรูปภาพ สามารถทำได้ 2 แบบ คือ การทำฉากหลังแบบโปร่งใสมาก่อน แล้วทำการบันทึก หรือทำโปร่งใสตอนที่ใช้คำสั่ง Save for Web โดยการดูดสีบางสีทิ้งไป
1. เตรียมรูปภาพที่มีการทำโปร่งใสมาแล้ว
2. เลือกคำสั่ง File > Save for Web
3. ในไดอะล็อกบ็อกซ์ของ Save for Web กำหนดออปชั่นการบันทึกรูปภาพดังนี้
- เลือกรูปแบบของไฟล์เป็น GIF หรือ PNG
- กำหนดตัวเลือกการโปร่งใส่ / Teansparent
4. คลิกปุ่ม Save จากไดอะล็อกบ็อกซ์ Save for web
5. กำหนดชื่อไฟล์รูปภาพ และเลือกตำแหน่งเก็บไฟล์ คลิกปุ่ม Save จากไดอะล็อกบ็อกซ์ Save Optimized As

หากภาพที่จะบันทึกยังไม่ได้ทำโปร่งใส สามารถทำให้เลเยอร์รูปภาพโปร่งใสในบริเวณที่ต้องการ โดยใช้เครื่องมือ Magic Eraser หรือ Background Eraser ลบสีที่ต้องการให้โปร่งใส

วิธีที่ 2 สร้างการโปร่งใสตอนบันทึกด้วยคำสั่ง Save for Web
เลือกคำสั่ง File > Save For Web คลิกเลือกภาพตัวอย่างใดภาพหนึ่ง เลือกประเภทไฟล์เป็น GIF และสร้างการโปร่งใส่ดังนี้
1. คลิกที่เครื่องมือ /
2. คลิกเลือกสีจากรูปภาพที่จะทำให้โปร่งใส
3. คลิกที่ปุ่ม X Transparent ข้างล่างตารางสี จะปรากฎรูปตารางของการโปร่งใสที่ภาพตัวอย่างโดยจะเปลี่ยนเฉพาะสีที่เลือกจากข้อ 2 ให้กลายเป็นโปร่งใส
4. คลิกปุ่ม Save จากไดอะล็อกบ็อกซ์ Save for web

การบันทึกภาพที่ทำ Slice
หลังจากที่คุณสร้าง Slice รูปภาพเสร็จแล้ว การบันทึกรูปภาพที่ slice ไปใช้งานนั้นทำได้ 3 แบบ คือบันทึกเฉพาะรูปภาพแล้วนำรูปนั้นไปวางในตารางของโปรแกรมจัดหน้าเว็บเพจเอง หรือบันทึกเป็นไฟล์เว็บเพจพร้อมรูปภาพ ซึ่งโปรแกรมจะสร้างไฟล์ HTML ที่เป็นตารางและจัดวางรูปภาพย่อย ๆ ที่ slice ลงไปในตารางให้อัตโนมัต และบันทึกเป็นไฟล์เฉพาะไฟล์ HTML เท่านั้นซึ่งการบันทึกแต่ละแบบทำได้ดังนี้
1. เลือกคำสั่ง File > Save for Web
2. เลือกรูปภาพในกรอบตัวอย่าง
3. เลือกชนิดของไฟล์ภาพ
4. คลิกปุ่ม Save ในไดอะล็อกบ็อกซ์ Save for web
5. ในไดอะล็อกบ็อกซ์เลือกตำแหน่งที่เก็บไฟล์ที่ช่อง Save
6. กำหนดออปชั่นการบันทึกไฟล์ดังนี้
a. กำหนดชื่อไฟล์ในช่อง File Name
b. กำหนดการบันทึกเฉพาะรูปภาพในช่อง Save as type เป็น Images Only (*jpg)
c. เลือก Slice ที่ต้องการบันทึกในช่อง Slices เป็น All Slices (สไลซ์ทั้งหมด)
7. คลิกปุ่ม Save

บันทึกภาพ Slice พร้อมเว็บเพจ
การบันทึกภาพที่ทำ Slice ในลักษณะนี้คุณจะได้สร้างไฟล์ HTML ที่ใช้รวบรวมรูปภาพไว้ในตาราง 1 ไฟล์ พร้อมกับโฟลเดอร์ไฟล์รูปภาพย่อย ๆ อีก 1 โฟลเดอร์ การนำไปใช้งานนั้นก็เพียงแต่เปิดไฟล์ HTML นี้ในโปรแกรมจัดหน้าเว็บเพจนคุณก็จะได้รูปภาพที่จัดวางในตารางเรียบร้อย หรือจะใช้วิธีก็อปปี้เฉพาะโค้ดส่วนที่ใช้สร้างตาราง Slice กลับเป็นภาพเต็ม ไปแทรกในเว็บเพจที่มีอยู่แล้วก็ได้ วิธีการบันทึกทำได้ดังนี้
1. ใช้เครื่องมือ สร้างสไลซ์บนรูปภาพ
2. เลือกคำสั่ง File > Save for Web
3. เลือกชนิดของภาพ แล้วคลิกเลือกภาพจากรอบตัวอย่างใดภาพหนึ่ง
4. คลิกปุ่ม Save
5. เลือกโฟลเดอร์ที่จะเก็บไฟล์เว็บเพจและรูปภาพ
6. ในช่อง File name ตั้งชื่อไฟล์เว็บเพจ
7. ในช่อง Save as type ให้เลือกเป็น HTML and Lmages (*.html)
8. ในช่อง Slices เลือกเป็น All User Slices
9. คลิกปุ่ม Save
ออปชั่นการบันทึกไฟล์มีดังนี้
- Save as type กำหนดว่าจะบันทึกไฟล์และรูปภาพเป็นชนิดใด
- Settings เลือกชุดออปชั่น ที่ใช้ควบคุมการสร้างไฟล์ ปกติเลือกเป็น Default Settings
- Slices เลือก Slice ที่จะให้บันทึก

Web Graphic Workshop
การตกแต่งภาพทั่วไปนิยมสร้างลายเส้นขึ้นมาเพื่อใช้ในการบังภาพ ที่ทำให้ดูเหมือนการทำลายเส้นทีวีเวลาแสดงภาพ ซึ่งจะทำให้ภาพออกมาดูแปลกตาออกไป มาดูวิธีการสร้างลายเส้นทีวี เพื่อที่จะนำไปใช้ในการตกแต่งภาพดังนี้
1. เลือกคำสั่ง File > New และเลือกขนาดของไฟล์ Width 1 Height 2 กำหนดฉากหลังเป็น Transparent
2. ขยายมุมมองภาพ เป็น 100%
3. คลิกเครื่องมือ Single Row Marquee
4. คลิกลงไปบนรูปภาพ
5. คลิกเลือกเครื่องมือ Pain Basket
6. เลือกสี FG ของลายเส้น
7. คลิกเทสีลงใน Selection ที่เลือกไว้
8. เลือกคำสั่ง Edit > Define Pattern
9. กำหนดชื่อให้กับลาย Pattern
10. คลิกปุ่ม Ok
ที่มา :  http://www.radompon.com/resourcecenter/?q=node/33

[แนน]

ไม่ละเอียดค่ะ เขียนง่าย แต่ทำยาก งง ไม่เคลียร์สำหรับสอนคนที่ไม่เคยทำนะค่ะ

[ยู]

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

...ตอนนี้พื้นหลังเปนโปร่งใสแล้วคับ

..ขอบคุณณณณณณณณณณณณณ

^....^