LevelUp! Studio » celtic knot https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 [illustrator]วิธีทำกรอบแบบ Celtic Knot https://blog.levelup.in.th/2015/12/20/illustrator-border-celtic-knot-brush/ https://blog.levelup.in.th/2015/12/20/illustrator-border-celtic-knot-brush/#comments Sun, 20 Dec 2015 08:17:32 +0000 http://blog.levelup.in.th/?p=5045 เดือนนี้จะสอนวิธีการทำกรอบแบบ Celtic Knot แบบรูปข้างล่างนี้ครับ โดยที่เพื่อให้ใช้งานง่ายๆ ผมจึงทำมันออกมาเป็น Brush ของ illustrator จะได้ไม่ต้องมานั่งดัดกันใหม่ทุกครั้ง

จากรูปวงกลมที่เห็น จริงๆแล้วมันคือ เส้นแบบนี้ครับ

pattern ของมันจริงๆแล้วมีอยู่แค่ เส้นสีแดงกับเส้นสีน้ำเงินเท่านั้นเอง

1.เริ่มต้นด้วยการวาดเส้นด้านบนออกมาก่อน วางให้อยู่ตรงกึ่งกลางของพื้นที่ที่เราจะใช้ save เป็น pattern (พื้นสีเทา)

2. flip ให้มันกลับลงมาเป็นเส้นข้างล่างและจัดตำแหน่งให้เหมาะสม

3.เลื่อนเส้นด้านล่างไปเป็นระยะทางครึ่งนึงของพื้นที่ pattern(สมมติพื้นที่ pattern กว้าง 100px ก็เลื่อนไป 50px)

4.จากนั้น copy เส้นข้างล่างแล้วเลื่อนกลับไปทาง เป็นระยะเท่ากับ pattern(จากการสมมติเมื่อกี้ คือเลื่อนกลับไป 100 px)

5.กำหนดว่าเส้นไหนจะทับเส้นไหน ในที่นี้ผมให้เส้นสีแดงทับสีน้ำเงิน ก็ลบเส้นสีน้ำเงินส่วนที่ทับกับสีแดงทิ้งไป

6.จากนั้นทำคล้ายๆกันนี้กับเส้นด้านบนบ้าง copy เส้นบนมาอีก 1 เส้น เลื่อนไปข้างๆ แล้วลบส่วนที่โดนทับซะ

7.จากนั้นตัดเฉพาะส่วนที่ intersect กับ พื้นสีเทา ออกมา เราจะใช้ส่วนนี้ในการสร้างเป็น Brush (ในตัวอย่างคือเส้นสีแดง)

8.ต่อจากนี้เป็นวิธีสร้างเป็น Brush ครับ กดตามรูปต่อไปเลย



เท่านี้ก็เสร็จเรียบร้อยแล้วครับ ก็จะสามารถ Brush ไปใช้ได้ในรูปแบบต่างๆแบบนี้

]]>
https://blog.levelup.in.th/2015/12/20/illustrator-border-celtic-knot-brush/feed/ 0