Adobe Creative CloudResponsive Web Design

เปลี่ยน layer ใน Photoshop เป็น CSS3 ด้วย CSS Hat เพื่องาน web design

เรื่องที่เกี่ยวข้อง - , ,

 

พวกเรารัก Photoshop ใช่มั้ย? ใช่!

พวกเราชอบใช้ Photoshop ออกแบบ Web ด้วยหรือเปล่า? ใช่แล้ว!

แล้วตอนนี้ Photoshop มี feature ให้ทำงานกับ CSS3 ง่ายๆ หรือเปล่า? เอ่อออออ……

ในตอนที่ผมเขียนบทความนี้อยู่ ผมอยากจะบอกคุณว่า Photoshop เป็นเครื่องมือที่ยอดเยี่ยมในด้านการทำงานกับรูปภาพ และภาพถ่าย และบ่อยครั้งที่เราชอบใช้มันออกแบบ web ในรูปแบบที่ “เสร็จแล้วก็จะเห็นแบบนี้ล่ะ” อยู่บ่อยๆ

เพียงแต่ตั้งแต่อดีตถึงปัจจุบัน เราก็ยังมีปัญหายิบๆ ย่อยๆ เมื่อเราต้องการเปลี่ยนเจ้าพวก layer และ design ของเราใช้สามารถใช้งานใน web จริงๆ ได้อย่างสะดวก

โดยเฉพาะ CSS3 ซึ่งเป็นเวอร์ชั่นที่ทรงพลังที่สุดเท่าที่ผมเห็นมา และคุณสมบัติของมันก็สร้างมาเพื่อแทนที่การทำเว็บแบบเก่า (ตัดแปะ) และดึงโลกของ Visual web แบบการแสดงผล real-time อีกด้วย

แต่ใช่ designer ส่วนใหญ่ (อย่างเช่นคุณหรือผม) ก็ไม่ค่อยอยากจะไปยุ่งเกี่ยวกับ coding และอยากที่จะใช้เครื่องมือ Photoshop อย่างเดิม

แต่จะมีวิธีที่ทำให้เราทำงานกับ Photoshop และเปลี่ยนมันไปเป็น CSS3 ได้ง่ายๆ ไหม?

Hello, CSS Hat!

CSS Hat เป็น Photoshop plug-in ตัวหนึง ราคา $19 (ตอนที่เขียนบทความอยู่) และวิธีการใช้งานก็ง่ายมาก

โดยการเลือกส่วนของ layer ที่ต้องการ แล้วก็เปิด CSS Hat plug-in ขึ้นมา และวู้ว! CSS3 ก็อยู่ในนั้น พร้อมให้ copy ไปใช้งานแล้ว

โดยตัว plug-in ยังสามารถตรวจสอบคุณสมบัติของ Photoshop effect บางจำพวก ที่ไม่สามารถเปลี่ยนไปเป็น CSS3 แล้วแจ้งให้คุณรู้ด้วยครับ

ลองแว้บดู video review ของคุณ Joe Kennedy ดู

ชอบไหม?

ถ้าชอบก็คลิกที่นี่เพื่อไปยัง website หลักของ CSS Hat, ซื้อ CSS Hat มา enjoy กันได้เลย

ยังมีทางเลือกอื่นอีกไหม?

Adobe มักจะรู้ดีเสมอว่า Designer และ Web Designer ต้องการอะไร ซึ่งก็ได้พัฒนาเครื่องมือที่มีอยู่เลยให้รองรับการทำงานกับ HTML5 และ CSS3 อยู่เสมอ

มันคือ Adobe Firework CS6 (และเวอร์ชั่นต่อไป คุณก็รู้นี่ว่ามันมีเวอร์ชั่นต่อไปเสมอ 😉 ) ลองเข้าไปศึกษาต่อได้เลยครับ

Have a great day!

Loading Facebook Comments ...
Menu