มาอัพเดพเทรนด์และเทคนิคที่จะช่วยจุดประกายไอเดียปิ๊งๆ ให้กับความคิดสร้างสรรค์งานออกแบบด้าน UI อย่างมืออาชีพ ด้วยเว็บน้องใหม่ไฟแรงทั้ง 5 นี้กันครับ UI Movement เว็บ UIMovement รวบรวมเอาไอเดียสุดคูลเกี่ยวกับ animation ที่มาช่วยเพิ่มสีสันและความแปลกตาแปลกใจให้กับ UI ได้อย่างน่าอัศจรรย์ใจ ดูไปเพลินไป นี่แหละมนตร์เสน่ห์ของ animation   Lapa.Ninja ช่วงนี้เว็บสกุลนินจาเริ่มออกมาให้เราเห็นอยู่มากมาย เว็บ Lapa ...

การใช้งาน Photoshop โดยทั่วไป ผมมักจะสร้าง stroke (เส้นขอบรอบวัตถุ) รอบวัตถุที่เป็น vector shape แค่ 1 ชั้นเท่านั้น แต่บางทีหากต้องการสร้างเส้น stroke มากกว่านี้ ผมจะ copy วัตถุนั้น (กลายเป็น 2 เลเยอร์แล้ว) แล้วขยายวัตถุให้ใหญ่จนกลายเป็นอีกเส้นขอบหนึ่ง แต่พอใช้งานจนเข้าขั้น ...

ผมคนหนึ่งที่ไม่ค่อยเห็นประโยชน์ของ Solid Color Layer เท่าไรนัก จนมาทำงานออกแบบ UI สำหรับมือถือ (หรืออีกหลายๆ งาน) ที่เราไม่รู้ว่าข้อมูลจะมีความยาวสุดขนาดไหน ทำให้ต้องคอยเพิ่ม/ลด ความสูงของหน้าอยู่บ่อยครั้ง ปัญหาที่เจอก็คือ สีพื้นหลังที่ต้องคอยมาเทให้เต็มหน้าทุกครั้งที่เพิ่มขนาดความสูงของหน้า อาจยังไม่เห็นภาพปัญหา งั้นเรามาดูกรณีตัวอย่างกันครับ พื้นงานที่มีการเติมสีพื้นหลังด้วยเลเยอร์ธรรมดา สมมุติผมต้องการสร้างงานขนาด 500×500 px และต้องการพื้นหลังเป็นสีอ่อนๆ ผมจึงสร้างเลเยอร์เพิ่มและเทสีให้เต็มพื้นที่ ...

ตอนแรกกับซีรีย์สอนเทคนิคการใช้งาน Photoshop ระดับโปรเพื่องาน UI  ที่ผมคัดกลั่นจากประสบการณ์การทำงานและการอยู่กินกับ Photoshop มานานกว่า 10 ปี เลยอยากจะแบ่งปันและอยากให้มาดูมาเผือกกันเยอะๆ (สอดรู้สอดเห็นในสิ่งที่ควรเป็นสิ่งที่ดีนะ)  หลังจบตอนแรกนี้และตอนต่อๆ ไป ผมคิดว่าคงจะทำให้เราปฏิวัติการใช้งาน Photoshop ให้มีประสิทธิภาพมากยิ่งขึ้น ซึ่งก็คือช่วยประหยัดเวลาในการสร้างสรรค์ผลงาน และเอาเวลานี้ไปคิดให้มากๆ ดีกว่า ว่าม่ะ ถ้างั้น จัดทิปแรกเลยน้า ทิปที่ ...

เชื่อว่าเซียน Photoshop หลายๆ คนอาจไม่เคยใช้ฟังก์ชัน Blend-if เลย ด้วยฟังก์ชันนี้ทำให้เราสร้างเลเยอร์ที่พร้อมแก้ไขได้เสมอได้ดียิ่งขึ้น (Unobtrusive layers) Blend-if ถ้าแปลตรงตัว ก็คือการทำสี (ในเงื่อนไข) ให้กลืน (กับพื้นหลัง) ถ้า… ตัวอย่างเช่น ผมมีรูปต้นแบบที่มีพื้นหลังออกโทนเทา ถ้าใช้ฟังก์ชัน blend-if ผมก็สามารถทำให้สีโทนพื้นหลังสีเทากลืนกับสีพื้นหลังใหม่ (สีขาว หรือสีใดๆ) ...