วันอาทิตย์ที่ 17 ตุลาคม พ.ศ. 2553

Illustrator:แค่เปลี่ยนสีเส้นขอบรูปสี่เหลี่ยม ก็สามารถสร้างเป็นปุ่มกดได้

รูปสี่เหลี่ยมที่มีเส้นขอบสีเดียวกัน ก็จะเป็นแค่สี่เหลี่ยมธรรมดาๆ ว่ามั๊ยครับ

เชื่อมั๊ยครับ ว่าแค่ลองปรับสีของเส้นของให้ไม่เหมือนกัน ก็จะทำให้เกิดมิติขึ้นมาได้ โอ้ววว

ไม่เชื่อเหรอ อะฮ้า มาลองดูกันเลยครับ




1. วาดรูปสี่เหลี่ยม โดยไม่ต้องให้มีเส้นขอบ โดยคลิกที่เครื่องมือสร้างรูปสี่เหลี่ยม จากนั้น 2 เลือกสีโดยไม่ต้องให้มีเส้นขอบ เสร็จแล้ว3 นำมาวาดรูปสี่เหลี่ยม



จากนั้นเรามาทำเส้นขอบให้รูปสี่เหลี่ยมกันครับ โดยเริ่มทำทีละมุมครับ (มุมบนก่อนละกัน )
ขั้นตอนก็คือ 1. คลิก pen tool  เสร็จแล้ว2. ปรับสีเส้นให้เป็นสีดำ โดยไม่ต้องมีสีพื้นด้านใน จากนั้น 3. นำมาวาดเป็นขอบของรูปสี่เหลี่ยมมุมบนซ้าย 

เมื่อได้รูปแล้วทำการ copy รูปขอบด้านบน จากนั้นหมุนเส้นขอบ 180 องศา เพื่อที่จะนำมาเป็นเส้นขอบ
ด้านล่าง ดังภาพ



ปรับสีเส้นขอบด้านล่างให้เป็นสีโทนที่อ่อนกว่า ในกรณีนี้เลือกสีเทาอ่อนๆ 



เมื่อได้เส้นขอบโทนอ่อนแล้วก็นำไปวางไว้ที่ขอบด้านล่างดังภาพ



เห็นมั๊ยครับ ว่าแค่สีเส้นขอบไม่เหมือนกัน ก็ทำให้สี่เหลี่ยมธรรมดาๆกลายเป็น text box ขึ้นมาได้แล้ว

เราลองมากลับด้านของสี่เหลี่ยมดูกันนะครับ ว่าจะเกิดอะไรขึ้น

รูปเดียวกันนะครับ แค่หมุนก็กลายปุ่มกดแล้ว นี่รูปเดียวกันนะเนี่ย เห็นมั๊ยครับว่าภาพมันดูหลอกตาจิงๆ 

อาจจะนำไปประยุกต์ใช้กับชิ้นงานอื่นๆได้อีกเพียบเลยนะครับ 
ไม่ว่าจะเป็น check box ,text box ปุ่ม ไว้คราวหน้าจะนำเทคนิคดีๆมาฝากกันใหม่นะครับ 



ไม่มีความคิดเห็น:

แสดงความคิดเห็น