เวลาเราทำการออกแบบหน้าเว็บ เราอาจจะทำเป็นไฟล์ PSD หรือไฟล์รูปภาพซึ่งใช้โปรแกรมกราฟิกอย่าง Photoshop หรือโปรแกรม Illustrator ในการทำงานก็ได้และเมื่อได้ภาพตามที่ต้องการออกมาแล้ว เราก็จะเอามาเป็นทรัพยากรในการทำหน้าเง็บกันต่อ ด้วยการตัดภาพออกเป็นชิ้นเล็ก มาดูวิธีทำกันดีกว่าครับ
psdtohtml
วิธีทำไม่ยากนะครับ เพราะแค่หลังจากที่คุณได้รูปภาพหน้าเพจออกมาเรียบร้อยแล้ว คุณก็ทำการเปิดโปรแกรมขึ้นมาซึ่งผมจะขอพูดถึงโปรแกรม Photoshop เพียงอย่างเดียวนะครับ เพราะว่าเป็นโปรแกรมที่ใช้บ่อยที่สุด จากนั้นพอเราเปิดมาก็ให้ไปเลือกเครื่องมือที่ต้องการใช้แล้วก็ทำการตัดแบ่งส่วนต่างๆตามที่เราต้องการได้เลยแล้วค่อย Save เก็บไว้
1.เปิดไฟล์รูปภาพ
เปิดไฟล์รูป
2. จากนั้นเลือกเครื่องมือ Slice Tool
เลือก Slice tool
3.จากนั้นลากเพื่อทำการตัดบริเวณส่วนต่างๆของรูปภาพตามที่เราต้องการ
ลากเพื่อทำการตัด
4. เลือก Save for web
Save for web
สุดท้ายก็จะได้ไฟล์ตามนี้ครับ
ไฟล์ที่ได้
ใครที่อ่านแล้วยังติดอยู่ลองดู Video ด้านล่างนะครับ
คุณสามารถติดตามรับชม Video ทั้งหมดของผมได้ที่ teerapuchchanel
