ลงสีผมง่ายๆสไตล์ชาวร็อค by akara
Jun0









ว่าด้วยเืรื่องของถาดสี by akara
Aug0
ถาดสีที่ผมจะพูดถึงต่อไปนี้ ผมหมายถึง Swatches ในโปรแกรม Illustrator กับ Photoshop นะครับ
ความสำคัญ
ก่อนหน้านี้ผมเองก็ไม่เคยได้ใช้ถาดสีพวกนี้หรอกนะครับ มาถึงผมก็ิจิ้มๆสีเอาเองเลย แต่พอได้เริ่มมีการทำงานกับคนอื่นบ้าง ก็ทำให้ผมเห็นความสำคัญของเจ้าถาดสีนี้แล้วล่ะ
ข้อดีของการใช้ถาดสีก็คือ มันทำให้งานที่ออกมาจาก designer คนละคนนั้น ดูเ้ข้ากันได้ พอจะดูเป็นงานๆเดียวกัน
และนอกจากจะเป็นประโยชน์ในการทำงานหลายๆคนแล้ว ยังมีประโยชน์เวลาที่เรากลับมาแก้งานเก่าๆ ที่เคยทำเมื่อนานมาแล้วด้วย
การสร้างถาดสีใช้เองในโปรแกรม Illustrator และ Photoshop
เริ่มจากการเปิดหน้าต่าง Swatches ขึ้นมาก่อนครับ คลิ๊กที่เมนูด้านบน window>swatches

หน้าต่าง swatches ในโปรแกรม Illustrator

หน้าต่าง swatches ในโปรแกรม Photoshop
จากนั้นเลือกสีที่เราต้องการครับ 
แล้วคลิ๊กที่ปุ่ม New Swatch ครับ
สีที่เราเลือกไว้ก็จะเข้ามาอยู่ใน Swatches ของเราครับ (วิธีเดียวกันทั้ง2โปรแกรม)
และเมื่อเราได้สีทั้งหมดที่เราต้องการแล้ว
สำหรับ Illustrator
คลิ๊กที่มุมขวาบนของ Swatches window ครับ แล้วเลือก Save Swatch Library as AI…

การเซฟ swatches ในโปรแกรม Illustrator
สำหรับ Photoshop
คลิ๊กที่มุมขวาบนของ Swatches window ครับ แล้วเลือก Save Swatches

การเซฟ swatches ในโปรแกรม Photoshop
แล้วพอถึงเวลาที่จะใช้งานก็กด Open Swatch Library(Illustrator) หรือ Load Swatches(Photoshop) ได้เลยครับ
การแลกเปลี่ยนถาดสีระหว่าง 2 โปรแกรม
เราสามารถจะนำถาดสีที่เราสร้างในโปรแกรมใดโปรแกรมนึง ไปใช้งานในอีกโปรแกรมได้ไม่ยากเลยครับ
เพียงแค่ ในขั้นตอนที่ save swatches นั้น เราเลือกเป็น Save Swatch Library as ASE… หรือ Save Swatches for Exchange เท่านั้นเองครับ
เราก็จะได้เป็นไฟล์ .ase ซึ่งสามารถเปิดได้ในทั้ง2โปรแกรมครับ
หมายเหตุ ไฟล์ swatches ของ Illustrator จะเป็นไฟล์ .ai แต่ใน photoshop จะเป็นไฟล์ .aco ครับ
Png Color Problem in IE by akara
May4
ถ้าพูดถึงปัญหา png ในIEแล้ว ปกติทุกๆคนก็คงนึกว่า เป็นเรื่อง png ไม่แสดงtransparencyใน ie6 ใช่ไหมครับ
แต่คราวนี้ผมจะมาพูดถึงอีกปัญหานึงครับ ไม่ใช่ปัญหาธรรมดาๆอย่างที่กล่าวมา
ก็ไม่รู้จะอธิบายเป็นคำพูดยังให้เข้าใจง่ายๆยังไงอ่ะนะครับ ลองไปดูจากตัวอย่างเลยดีกว่า
<div style=”background:#567ED4;padding:20px;”>
<img src=”color_code_567ED4.png”>
</div>
นี่คือโค้ดHTMLที่ผมกำหนดให้พื้นหลังของ div มีค่าสีเป็น #567ED4
ซึ่งเป็นสีเดียวกับรูป color_code_567ED4.png
แล้วลองมาดูผลที่ไ่ด้ใน firefox และ ie ครับ
จะเห็นได้ว่าผลที่แสดงออกมาบน ie นั้น สีของรูป เพี้ยนไปจากเดิมครับ
ซึ่งปัญหานี้เท่าที่ผมค้นหามา รู้สึกว่าจะเจอแต่บน ie เท่านั้น browserอื่นๆ ไม่มีปัญหาอะไร
ส่วนวิธีแก้น่ะหรอครับ เหอะๆๆๆ
…
ผมก็ใช้วิธีโง่ๆเอาด้วยการใช้รูป png ที่เป็นสีที่ต้องการนั้นแหละไปใส่เป็น background แทน


