โปรดทราบ 

* How to นี้เราใช้โปรแกรม Illustrator รุ่นไหนก็ได้

* เราได้เรียนรู้ว่า แพทเทิร์นที่ดีต้องมีการจัดวางองค์ประกอบที่เหมาะสม

* How to นี้ไม่ยากแต่ก็ไม่ง่าย ทำครั้งแรกอาจจะไม่จ๊าบ แต่ถ้าได้ทำบ่อยๆจ๊าบ

   อย่าบอกใคร

* How to นี้เราดัดแปลงมาจาก How to ในนิตยสาร Computer Arts เล่ม 7หน้า 83

   กับ เล่ม 9 หน้า 89 คะ เผื่อใครเคยอ่านแต่ยังไม่เข้าใจ ซึ่งในหนังสือเขาเขียนงงๆใน

   บางตอน

* ไม่รอช้าเรามาเริ่มกันเลย

 

1. วาดกรอบสี่เหลี่ยมจัตุรัสขึ้นมาหนึ่งรูป โดยใช้ Rectangle Tool

    กด Shif ค้างไว้แล้วคลิ๊กลาก

 

2. ใส่องค์ประกอบที่จะทำเป็นลายแพทเทิร์น ลงไปในกรอบสี่เหลี่ยมได้เลย

    ซึ่งของเราใช้ Pen Tool ในการสร้างองค์ประกอบ

 

3. หากอยากได้ลายแพทเทิร์นเนียนๆ ที่มีองค์ประกอบบางส่วนเกินออกมา

    นอกกรอบก็สามารถทำได้

 

    3.1  เมื่อวาดองค์ประกอบที่ต้องการเกินออกมาแล้ว ให้สร้างสี่เหลี่ยมทับส่วนที่

           อยู่ในกรอบ โดยใส่สีแล้วปรับค่า Opacityให้ต่ำ เพื่อจะมองเห็นองค์ประกอบ

           ชัดๆ

 

 

    3.2 ใช้ Select Tool คลิ๊กเลือกสี่เหลี่ยมที่สร้างเมื่อกี้กับองค์ประกอบดังกล่าว

 

 

    3.3 กด Alt พร้อมกับคลิ๊กลากให้ไปอยู่ฝั่งตรงข้ามของกรอบจัตุรัส ระหว่างที่คลิ๊ก

          ลากให้กด Shift ไปด้วย เพื่อให้อยู่ในแนวเดียวกัน

 

    3.4  เข้าไปที่ Window>Pathfinder

 

    3.5 ทำการ Crop ส่วนที่เกินออกจากกรอบจัตุรัส โดยให้สี่เหลี่ยมที่เราสร้างทับ

          องค์ประกอบอยู่ในกรอบจัตุรัส แล้วคลิ๊กเลือกสี่เหลี่ยมกับองค์ประกอบแล้ว

          กด Crop

 

    3.6 ทำแบบเดียวกันกับองค์ประกอบอีกฝั่งที่อยู่ตรงข้าม อย่าลืมย้ายสี่เหลี่ยม

          ที่ทับองค์ประกอบอยู่ในกรอบจัตุรัส ตามรูป

 

    3.7 เราก็จะได้ตามรูปจ้า สามารถเพิ่มองค์ประกอบลงไปตามแต่สมควรเลยจ้า

 

4. ถ้าต้องการเปลี่ยนสีองค์ประกอบส่วนที่ทำการ Crop ไปแล้วนั้น ทำได้โดย

    คลิ๊กเลือกองค์ประกอบชิ้นดังกล่าวแล้วกด Trim ซ้ำ

 

     ซึ่งถ้าไม่กด Trim ซ้ำแล้วมันจะเป็นแบบนี้คะ

 

5. เมื่อใส่องค์ประกอบและจัดวางจนเป็นที่พอใจแล้ว ให้เลือกองค์ประกอบ

    ทั้งหมด แล้วคลิ๊กขวา เลือก Group

     หมายเหตุ : ส่วนที่เป็นกรอบจัตุรัส สามารถใส่สีลบขอบออกได้แล้วคะ

 

6. เราสามารกด Alt แล้วลากวางเรียงๆกัน เพื่อตรวจสอบความเนียนก่อนได้

 

7. เมื่อตรวจสอบแก้ไขดูเรียบร้อยแล้ว ดับเบิ้ลคลิ๊กที่ตัวแพทเทิร์นที่ Group ไว้แล้ว

    แล้วให้สร้างสี่เหลี่ยมรอบๆกรอบจัตุรัส ตามรูป

 

8. ทำการเลือกทั้งหมดแล้วกด Trim

 

9. เมื่อกด Trim แล้ว ดับเบิ้ลคลิ๊กออก จะได้ตามรูปคะ

 

 

10. ทำการลากแพทเทิร์นที่เสร็จแล้ว ไปไว้ใน Swatches หรือจะเซฟเป็นไฟล์

      ภาพเก็บไว้ใช้ก็ได้คะ

เสร็จแล้วจร้า!!!!!

 

     พยายามเขียนให้อ่านแล้วเข้าใจมากที่สุดคะ ไม่รู้ว่าเข้าใจกันหรือป่าว -*- ถ้างงตรง

ไหนถามได้เลยเน่อ  เราจะพยายามตอบไม่ให้งง 55+

     อันนี้ที่เราทำอาจจะไม่ค่อยเนียนเท่าไหร่เหนาะ  อันแรกของเราหน้าตาแบบนี้คะ

 

เราว่าเราชอบอันที่ 1 มากกว่าอันที่ 2 อีกแหนะ = ='' 

 

ตอนนี้เราว่างานแพทเทิร์นกำลังได้รับความนิยมสูงเหมือนกันเหนาะ ไอ้เราก็ชอบแพทเทิร์น

อยู่แล้ว อยากมีแพทเทิร์นของตัวเองมั้ง พอไปอ่านเจอใน computer arts ก็กรี๊ดเลย อ่านตอน

แรกๆไม่ค่อยงง ดันมางงตอนใกล้เสร็จ = ='''''' เลยลองหาวิธีที่ตัวเองเข้าใจแทน ซึ่งมันอาจจะ

มีวิธีที่ดีและแม่นยำกว่านี้ก็ได้ ลองประยุกต์กันดู เห็นในหนังสือใช้ clipping masksไอ้เราก็เพิ่ง

จับ illust ได้ไม่นาน ก็เลยงงๆ ว่า clipping masks ใน illust คืออะไร เราก็เลยลองไปหาข้อมูล

ในกูเกิ้ลดู ก็พอจะเข้าใจแล้ว แต่สุดท้ายก็ยังงงอยู่ดีกับวิธีการ clipping ที่เขาใช้ในหนังสือ เหอๆ

 

หวังว่าทุกคนคงอ่าน How To นี้เข้าใจ และนำไปใช้ประโยชน์ได้ไม่มากก็น้อย ใครทำได้ลาย

อะไรก็อย่าลืมเอามาอวดกันมั้ง เดี๋ยวเราก็กะว่าจะไปทำให้ได้ลายที่จ๊าบและเนียนกว่านี้ซะ

หน่อย สุดท้ายขอให้ทุกคนแฮปปี้ๆกับหน้าร้อน(โคตรๆ) นะจ๊ะ

 

ปล.สักหน่อย อย่าแปลกใจ ที่เราลองใช้สีสดใส(แบบตุ่นๆ)กับเขามั้ง

ปล.1 เรากลัวว่าหนังเรื่อง 2012 จะเป็นจริงอ่ะ ไม่นะ เรายังเรียนไม่จบเลย

         ยังไม่ได้เที่ยวรอบโลกเลย T[]T

ปล.2 เราปรับเปลี่ยนธีมนิดหน่อยจ๊ะ

 

 

 

Comment

Comment:

Tweet

Great post really interesting writing style.

#61 By buy articles (119.155.41.188) on 2011-05-20 19:04

มา Hot! Hot! Hot! Hot! Hot! Hot!
ใส่ไม่ยั้ง หาวิธีทำมานานแล้ว เพราะทำใน ps ยังไม่เนียนเท่าไหร่

เจ๋งสวดๆ ขอบคุณมากฮะ > ~ <

#60 By quiineung on 2011-04-26 14:34

Hot! Hot! Hot! Hot! สวยค่าาาา

#59 By Opalyn's on 2010-12-15 00:01

แปลกใจ ที่เราลองใช้สีสดใส(แบบตุ่

#58 By pandora glass (89.19.17.2) on 2010-07-28 13:13

ปล.2 เราปรับเปลี่ยนธีมนิดหน่อยจ๊ะ

#57 By rolex watches (89.19.17.2) on 2010-07-28 13:12

โอ้วววว ต้องไปขุดอิสาสก่อน sad smile ตอนนี้ยังไม่มี

#56 By Fantasier CS4 on 2010-05-18 21:06

Hot! ไว้ไปลองทำดู เจ๋งbig smile

#55 By fernzzz on 2010-05-16 22:46

Hot!

#54 By TRYP on 2010-05-16 19:18

ขยันวุ้ย สวยๆๆๆๆๆ

#53 By yodd love you!!! on 2010-05-16 03:33

หืมมมมมมมมมมม
เบนซ์ เดี๋ยวนี้ยังทำบลอกอยู่เลยหรอ??? ดีจัง!!!
เราทำไม่ได้นะ เราขี้เกียจมาก แล้วก็ไม่รู้จะลงอะไรดี
ล่าสุดเราเพิ่งเจอเว็บคุณอิโซ (Yiso) นักวาดภาพประกอบชาวเกาหลี ถ้าเบนซ์ยังจำได้ :D ดีใจมากเลย เลยเขียนข้อความส่งไปให้เค้า บอกว่าเราชอบงานเค้ามานานแล้ว บลาบลาบลา

เราลองไปรื้อค้นดูภาพงานเก่าๆของเรา ปรากฎว่าหายไปหมดแล้ว เสียใจมากเลย
เว็บอัพโหลดรูปภาพมันลบไฟล์เราทิ้งเพราะไม่ได้เปิดใช้userมานานเกินกำหนด แย่มากเลย T_T

ถ้าเบนซ์มีเหลือๆบ้างส่งมาทางเมลล์ให้เราหน่อยจะเป็นบุญคุณมาก 55555

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

เราคิดว่าเราจะลองๆกลับมาวาดรูปเล่นเหมือนแต่ก่อน แล้วก็อาจจะอัพๆอะไรบ้างถ้ามีเวลา :)

อวยพรขอให้เราโชคดีหน่อยละกัน :D:D

ไม่ค่อยได้คุยกันเลย ว่างๆทักมาหน่อยน้าาาาา

#52 By on 2010-05-15 21:40

สุดยอดค่ะ !!!!! สวยมากมากเลย เราจะพยายามทำดู เย้เย้ Hot! Hot! Hot!

#51 By muses on 2010-05-15 10:49

ขอบคุณสำหรับเทคนิคดีๆ

Hot! Hot! Hot!

#50 By Critical#Zeed on 2010-05-15 09:37

เริ่ดฮ่ะ
Hot! Hot! Hot!

#49 By yamahiba-inku on 2010-05-15 08:32

ชอบอ่ะ เด๋วจะลองไปทำดู

Hot! Hot! Hot!
Hot! Hot! Hot! จะลองเอาไปทำส่งงานอาจารย์ แอร๋ย
cry

#47 By + KAYA + on 2010-05-14 20:44

เก่งสุดยอดเลยค่า ><

Hot! Hot! Hot!

#46 By Minibelly'ทีแปรง :D on 2010-05-14 19:17

ขอบคุณค่า :D

#45 By 8happyrainbow on 2010-05-14 18:45

ว้าว ออกมาดูดีมากๆเลยอ่ะครับ แบบนี้ต้องแอบขอไปหัดทำบ้างนะครับ
Hot! Hot!

#44 By meawnoy on 2010-05-14 17:52

กำลังโลหดมาลองใช้อยุ่พอดี =v= !!!

งามมมม มม

ขอบคุณค่า

Hot! Hot! Hot! Hot! Hot! Hot!

#43 By Rii'Kung on 2010-05-14 17:50

เพิ่งรู้ขั้นตอนการทำงานเนี่ยแหละครับ Hot!

ไม่ง่ายเลยอะ sad smile

#42 By iPhotoShot on 2010-05-14 14:25

น่าทำๆ สุดยอด Hot!

#40 By WAR CRAZY on 2010-05-14 07:50

ชอบมากๆค่ะ อยากทำแพทเทิร์นเองมานานแล้ว
ฮาวทูอ่านเข้าใจง่ายดีค่ะ ไว้จะไปลองทำดู
ขอบคุณฮาวทูดีๆนะคะ confused smile
Hot! Hot! Hot! Hot! Hot!

#39 By Raifu on 2010-05-14 00:27

ห๊ะ..วิธีเจ๋ง...แต่หัวเจ้ไม่เจ๋งตามทำไงดีหล่ะ.... Hot!

#38 By เจ้นุช on 2010-05-13 23:07

โอ้ว แพทเทิร์น ออกแบบได้สวยมากอ่ะครับ เหมือนจะง่ายแต่ไม่ง่ายนะเนี้ย Hot!

#37 By Mr.P on 2010-05-13 22:33

เจ๋งมากเลยค่ะ ขอบคุณนะคะ

#36 By ★chocodile. on 2010-05-13 22:12

เจ๋งมากกกกกกกกกกกกกกกกกกกกกกกกกกก เห็นทุทนี้แล้วใน comart แต่ยังไม่เคยลองทำเลยอ่ะะะะ อย่างนีต้องลอง!!

งานออกมาสวยโคด!! Hot! Hot! Hot!

#35 By ก๋วยจั๊บ on 2010-05-13 22:12

สวยจังเลยอ่าcry cry

#34 By rewsarki on 2010-05-13 19:49

อยากทำมั่งจัง ขอบคุนค่ะ มีประโยชน์มากเลย

Hot! Hot! Hot! Hot! Hot! Hot! Hot!

#33 By Kirame☆ on 2010-05-13 18:22

อยากทำได้มั่งอ่ะ Hot! Hot!

#32 By DAYDREAM on 2010-05-13 18:13

อืมสวย ท่าทางจะทำนาน อยากทำลายอ๊าต ๆแบบนี้บ้างopen-mounthed smile

#31 By ยนาทน่ on 2010-05-13 16:57

555 ก็ถ่ายสตูแหละ
วิวาห์&บูติกนั่นบ้านพี่

#30 By PARIN on 2010-05-13 15:42

ขอบคุณมากนะค๊าาา
ไว้จะลองไปเล่นดู Hot!

#29 By 岡✦ on 2010-05-13 15:38

สวยมากๆง่ะ

ชอบมากเลยครับ
Hot! Hot! Hot! Hot!

#28 By เฟย์ on 2010-05-13 15:26

ดูอาร์ตๆ ลายตาดีจัง

จะเก็บไว้ทำบีจีบล็อก

Hot! Hot! Hot! Hot! Hot!

#27 By เด็กชายบวม ;) on 2010-05-13 15:09

โฮก โปรแกรมนี้ไม่กล้าแตะเลยง่า ยากโคตรๆ
เป็นความรู้มากๆ โปรบดวงดาวไปเลยจ้า
Hot! Hot! Hot! Hot! Hot!

#26 By S e t s u n a on 2010-05-13 15:04

WOW สวยจัง big smile

#25 By thebang on 2010-05-13 15:03

ฝากค่า http://zzzzzza.exteen.com/

#24 By PP BEsT :) on 2010-05-13 14:40

เรียบง่าย แต่เร้าใจconfused smile

#23 By ❤NoRWAN❤ on 2010-05-13 14:29

สวยยHot!

#22 By PRAINY on 2010-05-13 13:59

เจ๋งแฮะ
สวยยย~ Hot!

#20 By คุณจี on 2010-05-13 13:50

สวยอ่ะ
เดี๋ยวลองเอาไปทำมั่ง
:)

Hot!

#19 By BLUE. on 2010-05-13 13:38

ลายๆ อาร์ตมากเลยค่ะcry

Hot! Hot!

#18 By canta+! on 2010-05-13 11:46

55 ไม่แปลกๆ ไปบ่อยมากมันใกล้บ้าน confused smile

#17 By PARIN on 2010-05-13 09:31

ยังใช้ไม่เป็น55sad smile

#16 By wesong on 2010-05-12 23:16

ว้าวววๆ เก็บไว้ใช้มั่ง!!! Hot!
ว้าวๆๆ เอาไปใช้บ้างๆๆ Hot!

#14 By mei on 2010-05-12 21:30

โอโหะ
เมพขิงๆ ลายตาได้อีก 55 Hot! Hot! Hot!

#13 By PARIN on 2010-05-12 21:18

อุ๊ย!!! จ๊าบเลยๆๆๆๆ
สงสัยต้องลงมือทำดูก่อน แต่เห็นแล้วรู้สึกตาลาย หรือเพราะภาพ

ลายตาแต่สวยconfused smile เราก็ชอบลายแบบที่1

#11 By HASE on 2010-05-12 18:19

bentie~ View my profile