Photoshop Tutorial » Tips

สระหรือวรรณยุกต์ลอย

Nunu — Fri, 04 Jun 2010 15:04:31 +0000

เชื่อว่าทุกคนเคยเจอปัญหาเวลาพิมพ์ภาษาไทยใน Photoshop หรือ Illustrator แล้วสระหรือวรรณยุกต์จะลอยสูงเกินเหตุ วันนี้เรามีวิธีแก้มาฝากกันครับ

ก่อนอื่นลองมาพิมพ์ข้อความกันก่อน จะใช้ฟอนต์ใดตระกูลใดก็ได้ครับ จากในตัวอย่างผมใช้ฟอนต์ iannnnnVCD 2007 แล้วพิมพ์คำว่า “หน้าต่างสวยจัง”

ลองสังเกตุนะครับว่า อักระที่ไม่อยู่บนแนวระนาบ ในที่นี้คือ ไม้โท ไม้เอก และ ไม้หันอากาศ อยู่สูงกว่าตำแหน่งที่มันควรจะเป็น

วิธีแก้ปัญหาแบบนี้ ทำได้ 2 วิธี คือ

วิธีที่ 1 ใช้รหัส Alt Code
สำหรับฟอนต์ตระกูล DB, JS, PSL ให้กดตามนี้นะครับ
ไม้เอก – ใช้ Alt+0139
ไม้โท – ใช้ Alt+0140
ไม้ตรี – ใช้ Alt+0141
ไม้จัตวา – ใช้ Alt+0142
การันตร์ – ใช้ Alt+0143

สำหรับฟอนต์ ตระกูล DSE ให้ใช้
ไม้เอก – ใช้ Alt+0135
ไม้โท – ใช้ Alt+0136
ไม้ตรี – ใช้ Alt+0137
ไม้จัตวา – ใช้ Alt+0138
การันตร์ – ใช้ Alt+0139

ลองกดโค้ดเหล่านี้ดูนะครับ ถ้าหากยังใช้ไม่ได้ ให้ลองวิธีที่ 2

วิธีที่ 2 จับมันเลื่อนเองเลย

วิธีนี้ใช้ได้กับทุกฟอนต์ไทย และ Photoshop ทุกเวอร์ชั่นครับ โดยทำดังนี้

ให้วาง cursor ไปอยู่หลังตัวที่เราต้องการเลื่อน เช่น ถ้าเราต้องการเลื่อน “ไม้โท” ในคำว่า “หน้าต่าง” ให้เราวาง cursor ไว้ที่หลัง สระ-อา แล้วกด ปุ่มลูกศรซ้าย 1 ที (cursor จะมาอยู่หน้าสระอา)
จากนั้นกด shift ค้างไว้ แล้วกด ปุ่มลูกศรซ้ายอีก 1 ที
ทีนี้กดปุ่ม Alt ค้างไว้ โดยยังไม่ปล่อยปุ่ม shift แล้วกดปุ่มลูกศรชี้ลงหรือขึ้น ปรับตำแหน่ง ไม้โท ได้อย่างอิสระเลยครับ

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

ขอบพระคุณเทคนิคนี้จากเว็บไซต์ http://www.thai3dviz.com/board/showthread.php?t=21376

ขยายภาพเต็มจอแบบเร็วจี๋

Nunu — Tue, 30 Mar 2010 06:57:55 +0000

Tip เด็ดๆวันนี้ ขอเสนอการขยายภาพเต็มจอ และขยาย 100 % อย่างเร็ว
เคล็ดลับนี้ใช้ในกรณีที่เราเปิดไฟล์ภาพขนาดใหญ่เกินหน้าจอขึ้นมาทำงาน ทีนี้พอเราจะดูส่วนที่เกินหน้าจอออกไปก็ต้องกดปุ่ม ขึ้น/ลง หรือ ซ้าย/ขวา หรือจะใช้ “เท็คนิคการซูมหรือแพน” ตามแบบฝึกหัดที่เคยแนะนำในเว็บนี้ไปแล้วก็ได้

แต่ถ้าไม่อยากเสียเวลา ลองใช้ Tip นี้ดูนะครับ คือ

ถ้าเราต้องการได้ขนาดภาพแบบ 100% แบบเร็ว ให้เราดับเบิ้ลคลิกที่เครืองมือ Zoom บน Toolbox ลองดูนะครับว่าภาพของเราจะเป็นอย่างไร
ถ้าเราต้องการภาพใหญ่ที่สุดที่หน้าจอเราแสดงได้ (Fit On Screen) ให้เราดับเบิ้ลคลิกที่ Hand Tool สังเกตุว่าภาพจะเต็มหน้าจอพอดีเลย

แค่นี้เป็นอันเสร็จ ลองจำไปใช้ดูนะครับ

จำกัดขนาดไฟล์ (file size) ตามที่กำหนด

Nunu — Fri, 22 Jan 2010 00:53:23 +0000

เกร็ดเล็กๆในวันนี้ เราจะมาดูการจำกัดขนาดไฟล์หรือ File size ให้มีขนาดน้อยกว่าหรือเท่ากับขนาดที่กำหนด เทคนิคนี้ใช้ได้เสมอในกรณีต่างๆ เช่น โพ้สภาพลงเว็บบอร์ดที่จำกัดขนาดภาพ
ตามที่เกริ่นไว้นะครับ มีหลายเว็บที่อนุญาติให้ผู้ใช้สามารถโพ้สภาพของตัวเองลงในเว็บบอร์ด แต่บางครั้งมีข้อจำกัดตรงที่ห้ามโพ้สไฟล์ที่มีขนาดไฟล์เกิน 100KB, 200KB …. เป็นต้น แล้วเราจะทำอย่างไรดีล่ะ ถ้าไฟล์ต้นฉบับของเรามีขนาดใหญ่โตเหลือเกิน

โดยหลักการนั้นการย่อขนาดไฟล์ภาพแบบ Bitmap ทำได้ 2 วิธี คือ

ลดขนาด Dimension หรือขนาดความกว้าง ความยาว : ข้อดีคือได้ไฟล์ภาพเล็กลง แต่ dimension ก็เล็กลงตามไปด้วย
ลดคุณภาพของภาพ (Quality) หรือจำนวนพิกเซล : ข้อดีคือได้ภาพที่มี dimension เท่าเดิม แต่คุณภาพลดลง

ก็ต้องเลือกเอาแล้วล่ะครับว่าชอบแบบไหน แต่ในที่นี้เราจะมาเรียนรู้แบบที่ 2 กัน คือลดคุณภาพแต่ได้ภาพที่มีขนาดภาพเท่าเดิม

ก่อนอื่นเราก็ต้องมีภาพต้นฉบับก่อน ซึ่งในที่นี้ผมขอใช้ภาพของเด็กน้อยน่ารักยิ้มอย่างมีความสุขจากเว็บ Flickr โดยดาวน์โหลดได้จาก http://www.flickr.com/photos/pruzicka/327094032/

ภาพที่ใช้ในตัวอย่างนี้มีขนาด 414KB แล้วทีนี้ถ้าเว็บที่เราจะโพ้สภาพ จำกัดขนาดไฟล์ไม่เกิน 200KB เราจะทำอย่างไร

ขั้นที่1
เปิดไฟล์ตามที่ต้องการขึ้นมา แล้วเข้าเมนู File > Save For Web & Devices จะมีหน้าต่างใหม่ขึ้นมาโดยมีลักษณะตามภาพ

ขั้นที่ 2
คลิกที่ปุ่มสามเหลี่ยมแล้วเลือก Optimize to File Size

ขั้นที่ 3
จากนั้นใส่ขนาดที่ต้องการลงไป ในที่นี้ เราต้องการภาพที่มีขนาดไม่เกิน 200KB ผมก็ใส่ค่าไป 199KB ในช่อง Desired File Size เพื่อเป็นการทำให้แน่ใจว่าไม่เกิน 200KB แน่นอน

เท่านี้เราก็จะได้ภาพที่มีขนาดภาพเท่าเดิม แต่มีขนาดไฟล์ลดลงเหลือไม่เกิน 200KB แล้วครับ ไม่เชื่อก็ลอง Save ภาพไปแล้วดูขนาดไฟล์เปรียบเทียบกับภาพต้นฉบับแรกได้ครับ

แก้ไขภาพเอียง

Nunu — Tue, 29 Dec 2009 00:27:23 +0000

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

ขั้นที่ 1
เปิดภาพที่ต้องการแก้ไขออกมา

ขั้นที่ 2
เลือกเครื่องมือไม้บรรทัดตามภาพ

ขั้นที่ 3
ลากเส้นตามแนวที่ต้องการปรับให้ตรง โดยตามตัวอย่างจะเห็นว่าเส้นขอบฟ้าเอียงอย่างชัดเจน ให้เราลากไม้บรรทัดตามเส้นขอบฟ้า

ขั้นที่ 4
เลือกเครื่องมือ Image > Rotate Canvas > Arbitrary จะมีหน้าต่าง Rotate Canvas พร้อมกับแสดงค่ามุม (Angle) ซึ่งค่านี้จะสัมพันธ์กับการลากเส้นไม้บรรทัดในขั้นตอนที่ 3 โดยอัตโนมัติ

เมื่อกดปุ่ม OK จะเห็นว่าเส้นขอบฟ้าจะตรงได้แนว แต่ภาพโดยรวมจะเอียง

ขั้นที่ 5
เลือกเครื่องมือ Crop แล้วเลือกเฉพาะส่วนที่ต้องการ

เท่านี้เราก็จะได้ภาพที่ตรงเด๊ะ ไม่มีเอียง ง่ายมั้ยล่ะครับ

ปลดล็อคเลเยอร์ Background

Nunu — Thu, 24 Dec 2009 03:32:28 +0000

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

การลบหรือซ่อนเจ้าเลเยอร์นี้ทำได้โดย ดับเบิ้ลคลิก (Double-Click) บนเลเยอร์นี้ จะปรากฏหน้าต่างขึ้นมาให้ตั้งชื่อเลเยอร์ โดยค่า Default จะใช้ชื่อว่า Layer 0 ให้เรากดปุ่ม OK

เพียงเท่านี้ เลเยอร์ Background ก็จะมีสถานะเหมือนกับเลเยอร์อื่นๆทั่วไป
แล้วเราก็สามารถทำอะไรกับเลเยอร์นี้ได้

ย่อ/ขยายภาพอย่างไรไม่ให้เบลอ

Nunu — Tue, 22 Dec 2009 03:03:56 +0000

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

วิธีนี้ใช้ได้กับ Photoshop CS ขึ้นไปนะครับ

เปิดภาพที่ต้องการ
เลือก Image > Image size แล้วคลิก Resample Image แล้วเลือก Bicubic Sharper จากเมนู Drop-down ซึ่งวิธีนี้ Adobe เค้าคอนเฟิร์มว่าเหมาะที่สุดในกรณีย่อภาพ รับรองว่าคุณจะต้องชอบใจในผลลัพท์ที่ออกมาแน่นอน และในทางกลับกัน หากเราต้องการขยายภาพ ให้เลือก Bicubic Smoother แทนนะครับ

นอกจากนี้ หากเราต้องการใช้การตั้งค่าแบบนี้ให้เป็น Default หรือค่าตั้งต้น เราสามารถไปเซ็ทได้โดยเข้าเมนูตามนี้ครับ Preferences> General แล้วในส่วนของ Image Interpolation ให้เลือกอ็อปชั่นที่ต้องการครับ