ThaiEMB.com สังคมแห่งมิตรภาพ และการแบ่งปัน

ช่างสกรีน => illustrator => ข้อความที่เริ่มโดย: kochai ที่ วันที่ 13 เมษายน พ.ศ. 2556, 22:57:14



หัวข้อ: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: kochai ที่ วันที่ 13 เมษายน พ.ศ. 2556, 22:57:14
สวัสดีครับ เพื่อนสมาชิก   วันนี้ ผมจะแนะนำวิธีการดราฟรูป ด้วยโปรแกรมอิลาส(adobe illustrator)
ก่อนอื่น เพื่อนสมาชิก ที่สนใจในการดราฟ  จะต้องเรียนรู้สิ่งต่อไปนี้ก่อนครับ

1.เรื่อง เลเยอร์  เลเยอร์ ก็เปรียบเสมือน แผ่นใส เป็นชั้นๆวางทับกัน เหมือนกับงานตีลาย ก็คือ color obiect list ครับ ในการดราฟงาน ก็จะมีเลเยอร์ดังนี้
   -เลเยอร์ ของภาพต้นแบบ
   -เลเยอร์ของ ลายเส้นที่วาดลงไป (เปรียบเหมือน เส้นรัน หรือชื้นงานที่ตีฝีเข็มซาติน)
   -เลเยอร์ของชิ้นงานส่วนที่ลงสีพื้น(เปรียบเหมือน พื้นหลังที่ตีฝีเข็มแบบทาทามิ) ในส่วนนี้ อาจจะมีหลายเลเยอร์ก็ได้ แบ่งเป็นสีๆ

(http://upic.me/i/1z/zbq01.png) (http://upic.me/show/44290002)

2.การใช้เครื่องมือดราฟรูป
   ที่ใช้เป็นประจำ ก็คือ เครื่องมือ ปากกา  , แปรง  
(http://upic.me/i/ki/rak02.png) (http://upic.me/show/44290009)


3.คีย์ลัด ต่างๆที่จำเป็น ในการดราฟงาน คีย์ลัด จะช่วยให้เราทำงานได้สะดวก ช่วงแรกๆอาจรุ้สึกใช้งาน ขัดๆ ไม่คล่องมือ แต่เมื่อใช้ไปเรื่อยๆบ่อยๆ จะชำนาญ ครับ
   -กดปุ่ม P  เท่ากับ ปากกา(pen)
   -กด Alt ค้างไว้ ในระหว่าง เมาท์เป็นรูปปากกา(pen)   เมาท์จะเปลี่ยนเป็น รูปตัว ^(ตัววี คว่ำหัวลง) เพื่อใช้แก้ไข ตรงจุดที่เป็นมุม ให้เป็นส่วนโค้ง
   -กดปุ่ม B  เท่ากับ แปรง(BRUSH)
   -กด A  เท่ากับ ดอกศรขาว  ใช้แก้ไขชิ้นงาน
   -กด V  เท่ากับ ดอกศรดำ   ใช้เลือกชิ้นงาน
   -กดspecbar  จะเป็นรูปมือ จะต้องกดspecbar ค้างไว้นะครับแล้วก็เลื่อนเมาท์  ใช้ขยับหน้าจอครับ หรือเลื่อนหน้าจอ
   -กด Z เท่ากับการ ขยาย(ซูม)
   -กด Z แล้วกดAlt ค้างไว้ ตามด้วยคลิกเมาท์ซ้าย  เป็นการ ย่อลง ครับ
   -กด shift+e   เท่ากับ ยางลบ  กด C เท่า กรรไก
   -กด ctrl+y  ดูภาพ out line  กดซ้ำอีกครั้ง ดูภาพเหมือนจริง
   -กดF5 เรียกหน้าต่าง stroke และ brushes(เส้น และหัวแปรง)
   -กดF6 เรียกหน้าต่าง color
   -กดF7  เรียกหน้า เลเยอร์
   - สำหรับ การลดขนาดหัวแปรง   สามารถ กดปุ่ม บ   เพื่อลดขนาด  กดเรื่อยๆ ก็จะลดขนาดลงไป ครับ หรือ กด ล เรื่อยๆจะขยายหัวแปรงให้ใหญ่ขึ้น เรื่อยๆ
3.การลบเส้นบางส่วนที่ไม่ต้องการออกไป โดยใช้เครื่องมือ ยางลบ(shift+e) หรือ กรรไก (กด C)
  ในการใช้เครื่องมือยางลบ (shift+e) ลบชิ้นงาน จะใช้กับ เส้นลักษณะปลายเปิด เช่น เส้นตรง หรือเส้นคด เส้นโค้ง แต่ต้องเป็นปลายเปิด นะครับ
     การใช้เครื่องมือกรรไก(กด C) ลบชิ้นงาน จะใช้กับ เส้นลักษณะปลายปิด เช่น วงกลม ,สี่เหลี่ยม หรือรูปทรงอิสระ แต่ต้องเป็นปลายปิด

ภาพแสดงการลบเส้น โดยใช้เครื่องมือยางลบ กับเส้นที่มีลักษณะปลายเปิด นะครับ

(http://upic.me/i/pw/2y805.png) (http://upic.me/show/44290230)
(http://upic.me/i/p3/4n006.png) (http://upic.me/show/44290231)
(http://upic.me/i/mg/3zi07.png) (http://upic.me/show/44290232)
(http://upic.me/i/zc/jh608.png) (http://upic.me/show/44290228)

ภาพที่แสดงการลบด้วยกรรไก กับเส้นที่มีลักษณะปลายปิด เช่น วงกลม หรือสี่เหลี่ยม หรือ รูปทรงอิสระที่ปลายปิด ครับ

(http://upic.me/i/tk/6mc01.png) (http://upic.me/show/44293937)
(http://upic.me/i/0h/xoc02.png) (http://upic.me/show/44293938)
(http://upic.me/i/3x/x4c03.png) (http://upic.me/show/44293939)
(http://upic.me/i/dn/b9c04.png) (http://upic.me/show/44293940)
(http://upic.me/i/gs/9jc05.png) (http://upic.me/show/44293941)


4.การสร้างหัวแปร(เครื่องมือ brush) ขึ้นมาใช้เองกับงานที่เราจะดราฟ

(http://upic.me/i/vg/vwm04.png) (http://upic.me/show/44290072)

ลักษณะของการดราฟ ต่างๆ สังเกตุดูที่เส้นต่างๆของรูปแต่ละรูป จะไม่เหมือนกัน
(http://upic.me/i/mn/drap05.png) (http://upic.me/show/44290089)
(http://upic.me/i/55/padis.png) (http://upic.me/show/44290091)
(http://upic.me/i/4p/8ic01.png) (http://upic.me/show/44290092)
(http://upic.me/i/ix/test01.png) (http://upic.me/show/44290116)
(http://upic.me/i/cj/drap03.png) (http://upic.me/show/44290123)


ตัวอย่างวีดีโอการดราฟ จากyoutube ครับ   ส่วนวีดีโอการดราฟของผม พร้อมบรรยายไทย ดูสบายๆและ ไม่รวดเร็ว ต้องการให้สมาชิก สำหรับบอร์ด thai emb.com  ได้ศึกษากันและนำไปใช้งานได้ ต้องรอรอติดตามชม ครับ

http://www.youtube.com/watch?v=J39YgLM4EIk
http://www.youtube.com/watch?v=EXGY9Q7VmU8
http://www.youtube.com/watch?v=EuMUHSFtrl4
http://www.youtube.com/watch?v=83KJVDFGZYI
วีดีโอ แนะนำการดราฟด้วยโปรแกรม อิลาส ทีผมจัดทำ
คลิปที่ 1
http://www.youtube.com/watch?v=apspZsihV7U
คลิปที่ 2  วีดีโอ  การดราฟเส้นลักษณะต่างๆ
http://www.youtube.com/watch?v=wRXkpy0RMxE





















หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: kochai ที่ วันที่ 14 เมษายน พ.ศ. 2556, 12:12:33
ลักษณะ ชิ้นงานปลายเปิด  และชิ้นงานปลายปิด ครับ
ภาพลักษณะปลายเปิด
(http://upic.me/i/jm/55c07.png) (http://upic.me/show/44294322)

ภาพลักษณะปลายปิด
(http://upic.me/i/dp/9yc08.png) (http://upic.me/show/44294323)
ทำไมผมจึงบอกว่า หากเป็นการลบชิ้นงานที่เป็นปลายปิด ต้องใช้เครื่องมือกรรไก  และเมื่อเราใช้เครื่องมือยางลบ ก็จะมีผลอย่างนี้ครับ
(http://upic.me/i/cq/rbc06.png) (http://upic.me/show/44293936)






หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: CoQTos ที่ วันที่ 14 เมษายน พ.ศ. 2556, 12:30:16
เครื่องมือบรัช ทำให้งานดูแปลกตาก็จริงแต่มันบังคับเส้นยาก เดี๋ยวกลาง-ปลายเส้น ;) ใหญ่ไปเล็กไป


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: kochai ที่ วันที่ 14 เมษายน พ.ศ. 2556, 13:34:26
คุณไม่สามารถดูข้อความนี้.กรุณา ลงทะเบียน หรือ เข้าสู่ระบบ
เครื่องมือบรัช ทำให้งานดูแปลกตาก็จริงแต่มันบังคับเส้นยาก เดี๋ยวกลาง-ปลายเส้น ;) ใหญ่ไปเล็กไป
ลองดูวีดีโอ จากyoutube ที่ผมโพสให้ดูครับ หากเราใช้ ชำนาญ  ก็จะทำให้งานดราฟเร็วขึ้น  เราต้องรู้จักสร้างหัวแปรง ด้วย วีดีโอ ก็สอนการสร้างหัวแปรง ขึ้นมาใช้เอง แต่วีดีโอ อาจจะเร็วไปหน่อย  เดี๋ยวผมจะทำวีดีโอ ขึ้นมาใหม่ครับ และการเลือกใช้เครื่องมือดราฟ เราจะต้องเป็นคนเลือกใช้งานให้เหมาะสมกับภาพที่เรานำมาใช้เป็นต้นแบบ ครับ โดยส่วนมากที่เห็น จะใช้ เครื่องมือ ปากกา ดราฟก่อน แล้วแปลงเป็นรูปแบบบรัช ครับ
ในการดราฟรูป  บางครั้ง การดราฟหรือวาด ผมคิดว่า ไม่จำเป็น ต้องเหมือนกับต้นแบบ 100%  เราสามารถ ดัดแปลง แก้ไข เพิ่มเติม ลงไปในงานที่เรากำลังดราฟ ได้ครับ งานศิลป์ เป็นงานสร้างสรรค์ ไม่มีคำว่า ผิด หรือ ไม่ถูก ขอให้เราดูแล้ว สวย สมดุลย์ ครบองค์ประกอบ
ถือว่าใช้ได้ครับ
การดราฟ ก็เหมือนกับการตีลายปัก ครับ ยกตัวอย่าง โปรแกรมวิง  เราอาจจะเดินเส้นรันก่อน  แล้วมาแปลงเป็น ซีเรียซาติน หรือ input c ของโปรแกรมwilcom  และหากเราจะดัดตรงปลายชิ้นงาน เพื่อให้เป็นมุมแหลม  เราก็แปลง ซีเรียซาติน เป็น ซาติน  เราจะทำการดัดปลายของชิ้นงานให้เป็นมุมแหลมได้  บางครั้ง เราก็ตีด้วย ซาตินเลย  วิธีการดราฟ และการตีลาย เหมือนกันเลย แตกต่างตรงที่ การดราฟ ไม่ต้องนำไปปัก  และการดราฟ ก็มีวิธีดราฟว่า เราจะนำไปทำอะไร  เช่น นำไปเป็นแบบสกรีน  เราจะดราฟจะวาดอย่างไรก็ได้   แต่หากนำไปเพื่อตัดสติกเกอร์ ก็ต้องดราฟอีกแบบ  เฉพาะ การาดราฟ เราก็ต้อง ใช้ความคิดเหมือนกัน และก็ต้องวางแผนด้วย


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: kochai ที่ วันที่ 14 เมษายน พ.ศ. 2556, 20:15:17
การใส่สีให้กับชิ้นงานที่เราดราฟ   
เมื่อเราทำการดราฟเป็นลายเส้นเรียบร้อย  บางครั้ง งานที่เราดราฟ จะต้องลงสีด้วย  มาดูวีดีโอขั้นตอนใส่สีให้กับชิ้นงานกันดีกว่า
(http://upic.me/i/pb/haf02.png) (http://upic.me/show/44298949)
(http://upic.me/i/53/1mf01.png) (http://upic.me/show/44298951)

คลิปวีดีโอ การใส่สีให้ชิ้นงานที่เราดราฟครับ 
http://www.youtube.com/watch?v=2QpGxhs6yrs



หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: teeraphong ที่ วันที่ 18 มีนาคม พ.ศ. 2557, 20:54:39
(http://image.ohozaa.com/i/5a1/ITAXbZ.jpg) (http://image.ohozaa.com/view2/xtbBKpA3jc0fT9iq)

ทำยังไงพื้นที่สีขาวจะหายไปครับ มันไปบังงานที่จะดราฟหมดเลย รบกวนช่วยด้วยครับ


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: teeratg ที่ วันที่ 18 มีนาคม พ.ศ. 2557, 21:19:22
คุณไม่สามารถดูข้อความนี้.กรุณา ลงทะเบียน หรือ เข้าสู่ระบบ
(http://image.ohozaa.com/i/5a1/ITAXbZ.jpg) (http://image.ohozaa.com/view2/xtbBKpA3jc0fT9iq)

ทำยังไงพื้นที่สีขาวจะหายไปครับ มันไปบังงานที่จะดราฟหมดเลย รบกวนช่วยด้วยครับ


(http://upic.me/i/05/2014-03-18_213216.jpg) (http://upic.me/show/50164418)


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: teeraphong ที่ วันที่ 18 มีนาคม พ.ศ. 2557, 21:32:43
ขอบคุณมากครับ


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: kochai ที่ วันที่ 18 มีนาคม พ.ศ. 2557, 22:22:11
สุดยอดเลย ครับ น้องเอ  ต้องอย่างนี้  ช่วยๆกัน มีอะไร แบ่งปัน แนะนำกันได้  เต็มที่เลยครับ :016: :016: :016:
สำหรับเรื่องแบ่งปันความรู้แก่เพื่อนสมาชิกบอร์ด เต็มที่ไปเลย  ไม่ต้องเกรงใจครับ  ผมก็ไม่เก่ง รอรับความรู้เพิ่มเติมเหมือนกันครับ  เราจะต้องเป็นทั้งผู้ให้ และผู้รับ ครับ จะช่วยให้ บอร์ดแห่งนี้ มีความอบอุ่น มีชีวิต ชีวา และน่าอยู่ เช้ามาก็คิดถึงบอร์ด ต้องแวะทักทายเพื่อนๆในบอร์ดก่อน  ก่อนนอน ก็แวะเข้าบอร์ดอีกครั้ง   
 :sleep:


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: goh ที่ วันที่ 19 มีนาคม พ.ศ. 2557, 07:47:00
ขอบคุณอ.kochai และท่านอื่นๆ และท่านอื่นๆๆๆๆอีกล่วงหน้าครับเป็นประโยชน์มากเลยสำหรับคนเริ่มต้นศึกษาอย่างผม


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: Jenifer ที่ วันที่ 10 มิถุนายน พ.ศ. 2557, 18:28:08
โห  เก่งมากจริง  ยอมรับ  ขอบคุณมากๆ จะลองทำดูก่อนนะ


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: Unclejoe ที่ วันที่ 22 กันยายน พ.ศ. 2557, 21:35:48
ฝึกๆๆ
(http://upic.me/i/ul/lpwdl.jpg) (http://upic.me/show/52823926)


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: Unclejoe ที่ วันที่ 23 กันยายน พ.ศ. 2557, 01:05:31
มีวันนี้เพราะพี่ให้..
(http://upic.me/i/jj/7d35b.jpg) (http://upic.me/show/52826124)
อาจจะมีบางจุดไม่โค้ง..สารภาพครับ ง่วงแล้ว..ฮาฮา (แม้ไม่เหมือนเต็มร้อย..แต่ไม่น้อยกว่าหนึ่ง)


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: seven ที่ วันที่ 24 กันยายน พ.ศ. 2557, 12:12:16
หัดวิลคอมแล้ว มันเงอะๆงะๆ คลิกๆๆๆจนจบ เคาะเอนเทอร์สามที หาย หงุดหงิดมาก ดราฟท์ด้วยอิลลัส ผมว่ามันง่ายกว่าเพราะคุ้นกับเครื่องมือ ผมเลยทำในอิลลัส ก๊อป แล้ว  เพลสในวิลคอม มันก็มาครบ แต่ยังมีปัญหา ทำให้เส้น path กลายเป็นเส้นรันไม่ได้ และพอเซฟเป็น eps แล้วมันเรียงลำดับให้ใหม่ซะงั้น
จริงๆมันมีปลั๊กอินทำในอิลลัสได้เลย แต่ผมหาไม่เจอ
เส้นภู่กัน ต้องใช้คำสั่ง outline stroke หรือ creat outline ก่อน  มันถึงจะคงรูปไว้ได้
และ การไล่สีด้วย gradian ก๊อปแล้ว เพลสไม่มา ได้แต่สีตาย  -_-
 :036:


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: kochai ที่ วันที่ 24 กันยายน พ.ศ. 2557, 12:33:35
คุณไม่สามารถดูข้อความนี้.กรุณา ลงทะเบียน หรือ เข้าสู่ระบบ
หัดวิลคอมแล้ว มันเงอะๆงะๆ คลิกๆๆๆจนจบ เคาะเอนเทอร์สามที หาย หงุดหงิดมาก ดราฟท์ด้วยอิลลัส ผมว่ามันง่ายกว่าเพราะคุ้นกับเครื่องมือ ผมเลยทำในอิลลัส ก๊อป แล้ว  เพลสในวิลคอม มันก็มาครบ แต่ยังมีปัญหา ทำให้เส้น path กลายเป็นเส้นรันไม่ได้ และพอเซฟเป็น eps แล้วมันเรียงลำดับให้ใหม่ซะงั้น
จริงๆมันมีปลั๊กอินทำในอิลลัสได้เลย แต่ผมหาไม่เจอ
เส้นภู่กัน ต้องoutline stroke ก่อน มันถึงจะคงรูปไว้ได้ และ การไล่สีด้วย gradian ก๊อปแล้ว เพลสไม่มา ได้แต่สีตาย  -_-
 :036:
เวลาดราฟรูปด้วยwilcom  จะใช้เพียง คลิกซ้าย มุมกับเส้นตรง  คลิกขวา เป็นเส้นโค้ง ง่ายมาก ลองใช้เครื่องมือ input c หรือrun ในกรณีตีเป็นชิ้นงานเส้นไม่มีพื้น  แต่หากมีพื้นก็ใช้เครื่องมือ conplex fill หรือ fusion fill ครับ ลองดูครับ
หรือจะวาดเส้นเวกเตอร์ ก็ใช้เครื่องมือ วาดรูปของwilcom ครับ


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: seven ที่ วันที่ 24 กันยายน พ.ศ. 2557, 15:16:43
คือ วิลคอม พอวาดจนเส้นมาบรรจบแล้ว กดเอนเทอร์ หนึ่งที สองที สามที เส้นที่วาดหายไปเลยครับ :030:
ถ้าเป็นรูปทรงง่ายๆยังพอว่า บางทีวาดตั้งนาน หายจ้อย


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: kochai ที่ วันที่ 24 กันยายน พ.ศ. 2557, 15:51:14
คุณไม่สามารถดูข้อความนี้.กรุณา ลงทะเบียน หรือ เข้าสู่ระบบ
คือ วิลคอม พอวาดจนเส้นมาบรรจบแล้ว กดเอนเทอร์ หนึ่งที สองที สามที เส้นที่วาดหายไปเลยครับ :030:
ถ้าเป็นรูปทรงง่ายๆยังพอว่า บางทีวาดตั้งนาน หายจ้อย

มองไม่เห็นภาพเลย  จับภาพให้ดูหน่อยซิครับ ปกติผมตีลายเสร็จ กดเอ็นเตอร์ ก็เห็นลายปักเลย ใช้เครื่องมืออะไรตีลายครับ ช่วยจับภาพให้ดูหน่อย สงสัยจริงๆ ???


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: seven ที่ วันที่ 24 กันยายน พ.ศ. 2557, 16:06:33
ทำตามขั้นตอนช้าๆแล้ว
 :-\
complex fill หลังจากกำหนดจุดเริ่ม จุดสิ้นสุด (entry point ,exit point) กดเอนเทอร์แล้ว เส้นมันโดนซ่อน ต้องกด Lให้มันแสดง  แทนที่มันจะขึ้น enter angle point มันเป็นenter center point แทน


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: sawang ที่ วันที่ 9 ธันวาคม พ.ศ. 2557, 13:29:29
ว่างๆ ต้องทำการฝึก  ........ เพื่อเพิ่มราคาให้กับตัวเอง 


หัวข้อ: Re: การดราฟรูป ด้วยโปรแกรม อิลาส ครับ
เริ่มหัวข้อโดย: Giant ที่ วันที่ 22 กรกฎาคม พ.ศ. 2558, 23:33:28
ขอบคุณครับ