ag3772.com
วันนี้ MakeWebEasy มีเทคนิค สำหรับการลดขนาดรูปภาพ มาแนะนำสำหรับเพื่อนๆ ที่ต้องการปรับขนาดภาพ ให้ได้ตามต้องการ เพื่อนำไปใช้งานบนเว็บไซต์กันครับ.. 1. เปิดภาพที่เราต้องการจะย่อหรือขยายขนาด ด้วยโปรแกรม Photoshop 2. ไปที่ Image แล้วเลือก Image Size หรือกดปุ่มลัด Ctrl+Alt+I (Win) / Command+Option+I (Mac) 3. หลังจากนั้นจะปรากฏหน้าจอ Image Size dialog box ขึ้นมา ( รูปตัวอย่างจาก Photoshop CC. ) จากรูปจะได้ค่าดังนี้ Image Size: คึอ ขนาดของไฟล์รูป Dimensions: ขนาดความกว้างและยาวของรูป Resolution: ความละเอียดของภาพ โดยปกติการใช้งานสำหรับเว็บไซต์ เรามักจะใช้ไว้ที่ 72 ppi 4. คุณสามารถการจะ เปลี่ยนหน่วย เป็น นิ้ว, %, mm, Pixel หรือ อื่นๆได้ 5. คุณสามารถลดขนาดภาพได้ตามต้องการ โดย ถ้าต้องการให้ความสูงความกว้างมีความสัมพันธ์กันในอัตราส่วนเดิม ต้องคลิกเลือกที่สัญลักษณ์ดังภาพ เอาไว้ 6. หลังจากปรับขนาดไฟล์รูป ลดลงจนได้ขนาดที่เราต้องการแล้วก็กดที่ ปุ่ม Ok ได้และ เซฟงานของเราได้เลย 7. ในการเซฟไฟล์ โปรแกรม Photoshop จะถามเราอีกครั้ง ในเรื่องของคุณภาพไฟล์ ว่าจะเอาขนาดไหน (ตามรูป) จะเลือกแค่ 8 หรือ 12 ก็ได้ โดยค่ายิ่งมาก ขนาดไฟล์ก็จะใหญ่ขึ้นตาม หากมีข้อสงสัยหรือแนะนำสามารถส่งมาได้ตามช่องทางเหล่านี้ ติดตาม MakeWebEasy
แปลงไฟล์ psd ของคุณให้เป็น png ผ่านช่องทางออนไลน์ฟรี เลือกไฟล์ต่างๆ วางไฟล์ต่างๆ ที่นี่.
วิธีแปลงไฟล์ จาก Adobe Photoshop เป็น PDF/X 1. ไปที่ File 2. Save As… 3. เปลื่ยนชื่อไฟล์ 4. เลือกนามสกุลไฟล์ PDF 5 กด Save 6. จะมี Dialog ขึ้นมาให้กด ok 7. เลือกเป็น High Quality Print 8. Standard เลือก PDF/X ตามที่ต้องการ 9. กด Save PDF
คลิกเลือกสีจากรูปภาพที่จะทำให้โปร่งใส 3. คลิกที่ปุ่ม X Transparent ข้างล่างตารางสี จะปรากฎรูปตารางของการโปร่งใสที่ภาพตัวอย่างโดยจะเปลี่ยนเฉพาะสีที่เลือกจากข้อ 2 ให้กลายเป็นโปร่งใส การบันทึกภาพที่ทำ 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.
ใช้เครื่องมือ สร้างสไลซ์บนรูปภาพ 3. เลือกชนิดของภาพ แล้วคลิกเลือกภาพจากรอบตัวอย่างใดภาพหนึ่ง 4. คลิกปุ่ม Save 5. เลือกโฟลเดอร์ที่จะเก็บไฟล์เว็บเพจและรูปภาพ 6. ในช่อง File name ตั้งชื่อไฟล์เว็บเพจ 7. ในช่อง Save as type ให้เลือกเป็น HTML and Lmages (*) 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.
ขอความช่วยเหลือหน่อยค่ะ คือเราลบพื้นหลังของภาพไปแล้ว พยายามจะเซฟภาพให้เป็นไฟล์ png. แบบพื้นหลังโปร่งแสง แต่เซฟกี่ครั้งมันจะมีพื้นหลังติดมาตลอดเลยค่ะ ควรแก้ไขยังไงดีคะ แสดงความคิดเห็น
ขั้นที่ 2 เลือก"เป็น png" เลือกรูปแบบไฟล์ png หรือรูปแบบไฟล์อื่นตามต้องการเป็นผลลัพธ์(รองรับรูปแบบไฟล์มากกว่า 200 รูปแบบ) ขั้นที่ 3 ดาวน์โหลดไฟล์ png ของคุณ ปล่อยให้แปลงไฟล์และคุณสามารถดาวน์โหลดไฟล์ png ของคุณได้หลังจากนั้น PSD ถึง PNG คะแนนคุณภาพ 4. 7 (14, 777 คะแนน) คุณต้องแปลงและดาวน์โหลดไฟล์อย่างน้อย 1 ไฟล์เพื่อให้ข้อเสนอแนะ!
Technology เมื่อวันที่ 15 มิถุนาที่ผ่านมา Photoshop CC รุ่น 2015 สามารถคลิกขวาที่เลเยอร์แล้วกด Quick Export as PNG ได้ทันทีสะใจวัยรุ่น!