|
| 1 | 2 |
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | |
|
|
|
|
|
|
|
Illustrator Lesson 13 :: ตัวหนังสือแว๊บๆ ::
สวัสดีค่ะ กลับมาแล้ว หลังจากโดนทวงบทเรียน ขอโทษด้วยค่ะที่คุณครูหายไปซะนาน ยอมรับแต่โดยดีว่าช่วงนี้ขี้เกียจจริงๆ แม้แต่งานยังขี้เกียจทำเลยค่ะ ทั้งๆที่งานก็เยอะมาก จนทำแทบไม่ทัน สงสัยเป็นเพราะท้องแก่ขึ้น เลยทำให้รู้สึกเหนื่อยง่าย อยากจะพักอยู่ตลอดเวลา วันนี้เอาบทเรียนแก้ขัด ไปทำแก้เหงาพลางๆกันก่อนนะคะ เผื่อคุณครูจอมอู้คนนี้จะหายไปอีกนาน
ขอติดเรื่องการใช้ Pathfinder ไว้ก่อนนะคะ เพราะมันต้องใช้รูปอธิบายค่อนข้างเยอะ วันนี้เรามาลองทำอะไรสนุกๆ เล่นๆ กันดีกว่าค่ะ บทเรียนนี้จะว่าง่ายก็ไม่ง่าย จะว่ายากก็ไม่ยาก อยู่ที่ความคิดสร้างสรรค์ และ พื้นฐานการวาดรูปของแต่ละคนมากกว่า บทเรียนที่ว่า คือการทำภาพขยับแว๊บๆ นั่นเองค่ะ เหมือนที่เราเห็นกันทั่วไปเดี๋ยวนี้ วันนี้จะมาบอกวิธีการทำแบบขั้นง่ายๆ พิ้นฐานให้นะคะ เพราะจิ๊บเองก็รู้แต่วิธีนี้วิธีเดียว เคยถามเพื่อนมา เค้าก็บอกมาว่าทำแบบเนี่ย ก็เลยมั่วๆทำดู ก็พอใช้ได้ ถือซะว่าวิธีที่เอามาบอก เป็นวิธีการทำแบบมั่วๆของจิ๊บก็แล้วกันนะคะ
บางคนมักจะนึกว่า ต้องวาดการ์ตูนเป็น วาดรูปเก่งถึงจะทำเจ้าพวกนี้ได้ จริงๆแล้ว มันไม่จำเป็นค่ะ เพราะบางครั้งเราใช้แค่ตัวหนังสือ หรือ รูปภาพ รูปถ่าย ก็ทำได้แล้ว มันขึ้นอยู่กับว่าเราต้องการแบบไหนมากกว่า วิธีนี้สามารถทำได้โดยใช้ Illus, Photoshop และ Image Ready ค่ะ ไม่จำเป็นต้องใช้ Flash (กรุณาอย่าถามเรื่อง Flash นะคะ เพราะเคยใช้นานมาแล้ว แต่ก็ลืมไปหมดแล้วเหมือนกัน) เนื่องจากจิ๊บถนัด Illus จึงจะขอให้ Illus ในการนำเสนอนะคะ แต่ ก็สามารถทำในPhotoshopได้เหมือนกันค่ะ สำหรับคนที่ถนัดใช้ Photoshop
แรกสุดลองมาทำตัวหนังสือปลี่ยนสีกันค่ะ





ขั้นตอนการทำใน Illus ก็จะจบเพียงเท่านี้ค่ะ ขั้นตอนที่ได้สอนไป ถือเป็นขั้นตอนบังคับพื้นฐานในการทำนะคะ ไม่ว่าจะทำเป็นรูปการ์ตูนขยับได้ หรือ ตัวหนังสือแว๊บๆ ก็ใช้วิธีทำทีละ Layer แบบนี้แหล่ะค่ะ อยู่ที่ว่าจะมีกี่ Layerเท่านั้น มีได้ตั้งแต่ 2 layer ไปจนถึงเป็นร้อย เป็นพัน ก็แล้วแต่ความขยัน กับ ความสามารถของคนทำค่ะ

ที่นี่เรามาดู การทำเป็นไฟล์ขยับโดยใช้โปรแกรม Adobe Image Ready กันนะคะ บอกตรงๆว่าจนถึงตอนนี้ ก็ยังไม่รู้เลยว่า มันคืออะไร ทำอะไรได้บ้างนอกจากเอามาทำไฟล์ขยับ ใช้งานเป็นแค่แบบเดียวค่ะ รู้แค่ว่า โปรแกรม Image Ready มันจะมาพร้อมกับ Photoshop (อันนี้เพื่อนบอกมา) ใครที่มี Photoshop แล้วในเครื่อง ลองดูซิคะ ว่ามี Image Ready มาด้วยหรือเปล่า
ให้เปิดโปรแกรมขึ้นมาเลยค่ะ จะเห็นว่าหน้าตาจะคล้ายๆ Photoshop
1. ไปที่ คำสั่ง File > Import > Folder as frames
(ขออนุญาตไม่ใส่รูปนะ เริ่มขี้เกียจ ) มันจะขึ้นหน้าต่างเล็กๆ ให้เรา Browse for Folder ขึ้นมา ก็ให้เราตามหา Folder ที่เรา Save รูปไว้เมื่อกี๊ค่ะ หาเจอแล้วก็คลิ๊กเลือก OK เอามาทั้ง Folder เลย
2. จะได้หน้าต่าง 2 บานออกมาหน้าตาแบบนี้

นี่เป็นสาเหตุว่า ทำไมถึงต้อง Save ทุก Layer ใน Folder เดียวกัน และต้องตั้งชื่อเรียงตามลำดับตัวเลขค่ะ เพราะเวลาเรา Import เราจะเอาเข้ามาทั้ง Folder แล้วโปรแกรมจะนำรูปมาเรียงเป็น Frame ให้ตามลำดับ
3. หน้าต่างบนเป็นอะไรไม่รู้ ไม่สนใจ มาสนใจที่หน้าต่างยาวๆตัวล่างค่ะ ลองกดปุ่ม Play ดูสิคะ จะเห็นว่ารูปมันจะวิ่งๆทีละ Frame รูปที่หน้าต่างบนก็จะกลายเป็นรูปขยับ แต่รูปมันวิ่งเร็วดูแล้วเวียนหัวใช่ไหมคะ เราสามารถตั้งเวลาการเคลื่อนframeได้คะ ดูที่รูปด้านล่างเลย

เวลาไม่จำเป็นต้องเท่ากันทุก frame นะคะ จะตั้งเวลาเท่าไหร่ ก็อยู่ที่เราต้องการเลย แล้วก็เลือกด้วยว่าต้องการให้มัน Once หรือ Forever จิ๊บจะลอง ตั้งไว้ที่ 0.2 second ในแต่ละframe แล้วกด play ดู จะเห็นว่าตอนนี้รูปเปลี่ยนสีช้าลงกว่าตอนแรกแล้วค่ะ
4. พอได้ออกมาตามต้องการแล้ว ก็ไปที่ File > Save Optimized ซะ เพื่อจัดการ Saveงานของเรา แค่นี้เราก็ได้ ตัวหนังสือแบบเปลี่ยนสีแล้วล่ะค่ะ

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

คงจะไม่อธิบายวิธีการอย่างละเอียดแล้วนะคะ เพราะวิธีการก็เหมือนกัน

อันนี้อาจต้องอาศัยความอดทนในการทำแต่ละ Layer และ export ซักหน่อย แรกๆอาจจะงงได้ คิดว่าหลายคนคงมีปัญหาเวลาทำ เลยจะรวบรวมคำแนะนำ และข้อควรระวังให้นะคะ
ข้อควรระวัง 1. ควรจะทำ Crop Mark ก่อนทุกครั้ง เพื่อกำหนดพื้นที่ทำงานให้ทุก Frame ออกมาเท่ากัน เพราะถ้าเราไม่ทำ Crop Marks เวลา exportรูป จะได้ออกมาขนาดไม่เท่ากัน เวลาเอาไปเรียง frame รูปจะเบี้ยวไปเบี้ยวมาค่ะ 2. อย่าลืม lock layer ที่เราไม่ได้ทำงานด้วย เพราะจะทำให้รูปที่อยู่ใน layer ข้างล่างเคลื่อนที่ไปโดยไม่ได้ตั้งใจค่ะ (อันนี้จิ๊บเป็นบ่อยมาก) 3. เวลาทำงานหลาย layer เข้า อาการสับสนมักจะเกิดขึ้นเป็นธรรมดา ถ้าเริ่มสับสนใช้ ตาให้เป็นประโยชน์ โดยปิดลูกตาให้หมด แล้วค่อยเปิดไล่ทีละอัน จาก Layer ล่างสุด จะทำให้เห็นการเคลื่อนไหวแบบเรียง frame ง่ายๆค่ะ 4. ทำอะไรพลาด อย่าตกใจ เพราะเรายังมี Ctrl Z หรือ คำสั่ง Undo อยู่ ค่อยๆไล่หาว่าพลาดตรงไหนนะคะ 5. เวลาsave for web ใช้ short cut เข้าช่วย จะเร็วกว่ามาก เพียงแค่กด Ctrl + Shift + Alt + S
วันนี้ขอโชว์แค่สองแบบนะคะ อยากให้นักเรียนลองเอาเทคนิค ไปประยุกต์ใช้เอาค่ะ แล้วจะรู้ว่ามันทำอะไรแปลกๆได้หลายอย่างมาก อยู่ที่ความคิดสร้างสรรค์ของเราค่ะ
ของแถมก่อนจากกัน (เผื่อจะหายไปอีกนาน) ในกรณีที่อยากทำรูปภาพขยับนะคะ วิธีการก็เหมือนกันค่ะ อย่างเช่น รูปสาวน้อยยิ้มหวานรูปนี้

ใช้แค่ 2 frame สลับกันแค่นั้นเองค่ะ

ลองเอาไปหัดทำดูกันนะคะ แล้วพบกันใหม่คราวหน้านะคะ
P.S. สำหรับคนที่ถามว่าสามารถโหลดโปรแกรม Adobe Illustrator ได้ที่ไหน อันนี้จิ๊บก็ไม่แน่ใจเหมือนกันค่ะ เพราะไม่เคยโหลดเลย คิดว่าลอง search ใน Google น่าจะได้มั้งคะ ถ้าใครพอรู้ ช่วยใส่วิธีไว้ให้ จะขอบคุณมากเลยค่ะ เพราะมีคนถามมาเยอะเหลือเกิน ปกติจิ๊บจะใช้วิธีลงจากแผ่นน่ะค่ะ ของที่ออฟฟิสที่ใช้อยู่จะเป็นตัว License แต่ราคาแพง คนทั่วไปจะหาซื้อพวกแผ่นโปรแกรมที่ขายตามร้านคอม ศูนย์คอมเอามาลงกันน่ะค่ะ ลองไปถามตามร้านดูคิดว่ามีแน่ๆ ราคาก็ไม่แพงด้วย (ไม่ได้สนับสนุนแผ่นเถื่อนนะ แต่ของจริงมันแพงเว่อร์ไป ถ้าไม่ได้ใช้ประกอบอาชีพจริงจัง ซื้อมาใช้ไม่ไหวหรอก)
Create Date : 18 กุมภาพันธ์ 2551 |
Last Update : 18 พฤศจิกายน 2552 13:45:02 น. |
|
63 comments
|
Counter : 10377 Pageviews. |
 |
|
|
โดย: note-d วันที่: 18 กุมภาพันธ์ 2551 เวลา:19:50:40 น. |
|
|
|
โดย: ป้าจะอิ๊บ (jipnaja ) วันที่: 18 กุมภาพันธ์ 2551 เวลา:20:47:39 น. |
|
|
|
โดย: prakornpat วันที่: 20 กุมภาพันธ์ 2551 เวลา:0:23:37 น. |
|
|
|
โดย: A Princess วันที่: 20 กุมภาพันธ์ 2551 เวลา:5:07:57 น. |
|
|
|
โดย: irin7477 IP: 124.120.223.86 วันที่: 20 กุมภาพันธ์ 2551 เวลา:19:34:18 น. |
|
|
|
โดย: pop IP: 125.26.203.71 วันที่: 21 กุมภาพันธ์ 2551 เวลา:12:22:29 น. |
|
|
|
โดย: White Amulet IP: 219.1.154.242 วันที่: 22 กุมภาพันธ์ 2551 เวลา:9:38:43 น. |
|
|
|
โดย: เฉลียงสีชมพู IP: 161.200.255.162 วันที่: 22 กุมภาพันธ์ 2551 เวลา:13:53:56 น. |
|
|
|
โดย: ^O^ (ปอเปี๊ยะสด ) วันที่: 24 กุมภาพันธ์ 2551 เวลา:1:18:18 น. |
|
|
|
โดย: youi IP: 84.83.206.234 วันที่: 24 กุมภาพันธ์ 2551 เวลา:20:23:23 น. |
|
|
|
โดย: นิด IP: 202.28.117.237 วันที่: 26 กุมภาพันธ์ 2551 เวลา:3:51:02 น. |
|
|
|
โดย: irin7477 (irin7477 ) วันที่: 26 กุมภาพันธ์ 2551 เวลา:10:51:09 น. |
|
|
|
โดย: irin7477 (irin7477 ) วันที่: 26 กุมภาพันธ์ 2551 เวลา:10:52:38 น. |
|
|
|
โดย: So Girls วันที่: 27 กุมภาพันธ์ 2551 เวลา:14:53:34 น. |
|
|
|
โดย: YOUI (kanita_ket ) วันที่: 27 กุมภาพันธ์ 2551 เวลา:16:04:51 น. |
|
|
|
โดย: เมมู๋ IP: 125.25.0.136 วันที่: 28 กุมภาพันธ์ 2551 เวลา:22:32:15 น. |
|
|
|
โดย: RoiGoo.com (SavageHuman ) วันที่: 29 กุมภาพันธ์ 2551 เวลา:11:42:09 น. |
|
|
|
โดย: ไอริน วันที่: 4 มีนาคม 2551 เวลา:0:13:29 น. |
|
|
|
โดย: กุ้ง IP: 61.19.119.252 วันที่: 6 มีนาคม 2551 เวลา:10:23:54 น. |
|
|
|
โดย: กิ้ว IP: 124.120.171.65 วันที่: 6 มีนาคม 2551 เวลา:16:44:34 น. |
|
|
|
โดย: nin IP: 58.9.129.133 วันที่: 6 มีนาคม 2551 เวลา:19:51:11 น. |
|
|
|
โดย: rain IP: 222.123.122.231 วันที่: 9 มีนาคม 2551 เวลา:0:08:11 น. |
|
|
|
โดย: 22 IP: 222.123.146.243 วันที่: 9 มีนาคม 2551 เวลา:15:46:46 น. |
|
|
|
โดย: Mee IP: 222.123.215.48 วันที่: 10 มีนาคม 2551 เวลา:13:21:20 น. |
|
|
|
โดย: ชฎาแหลม วันที่: 14 มีนาคม 2551 เวลา:9:39:15 น. |
|
|
|
โดย: fedexfc วันที่: 14 มีนาคม 2551 เวลา:14:37:20 น. |
|
|
|
โดย: geng IP: 202.91.19.206 วันที่: 15 มีนาคม 2551 เวลา:18:17:04 น. |
|
|
|
โดย: kiku IP: 58.136.74.244 วันที่: 17 มีนาคม 2551 เวลา:12:02:17 น. |
|
|
|
โดย: ชิ้นปิ้ง (ลำนำบทกลอน ) วันที่: 17 มีนาคม 2551 เวลา:18:16:30 น. |
|
|
|
โดย: ปู่ต้า วันที่: 17 มีนาคม 2551 เวลา:23:19:33 น. |
|
|
|
โดย: ปู่ต้า IP: 124.121.241.26 วันที่: 18 มีนาคม 2551 เวลา:7:48:09 น. |
|
|
|
โดย: กี (หญิงจ๊ะ ) วันที่: 18 มีนาคม 2551 เวลา:21:50:51 น. |
|
|
|
โดย: toey2tan IP: 202.57.148.247 วันที่: 23 มีนาคม 2551 เวลา:13:52:39 น. |
|
|
|
โดย: kook89 IP: 125.24.26.66 วันที่: 12 เมษายน 2551 เวลา:12:42:49 น. |
|
|
|
โดย: kook IP: 125.24.26.66 วันที่: 12 เมษายน 2551 เวลา:17:19:51 น. |
|
|
|
โดย: kook IP: 125.24.26.66 วันที่: 12 เมษายน 2551 เวลา:17:20:55 น. |
|
|
|
โดย: ~แม่มดน้อย FuKaRi~ IP: 124.120.173.228 วันที่: 9 พฤษภาคม 2551 เวลา:14:50:36 น. |
|
|
|
โดย: witchygo วันที่: 29 พฤษภาคม 2551 เวลา:3:39:31 น. |
|
|
|
โดย: witchygo วันที่: 29 พฤษภาคม 2551 เวลา:3:42:13 น. |
|
|
|
โดย: witchygo วันที่: 29 พฤษภาคม 2551 เวลา:4:01:25 น. |
|
|
|
โดย: noom (wakara ) วันที่: 25 กรกฎาคม 2551 เวลา:9:38:50 น. |
|
|
|
โดย: พริก IP: 125.25.251.217 วันที่: 25 กรกฎาคม 2551 เวลา:20:02:35 น. |
|
|
|
โดย: แม่มดน้อยฟุคาริ IP: 124.120.161.253 วันที่: 30 กรกฎาคม 2551 เวลา:10:17:32 น. |
|
|
|
โดย: แม่มดน้อยฟุคาริ IP: 124.120.161.253 วันที่: 30 กรกฎาคม 2551 เวลา:10:19:33 น. |
|
|
|
โดย: ไจโกะ IP: 158.108.58.46 วันที่: 8 กันยายน 2551 เวลา:16:52:18 น. |
|
|
|
โดย: การ์ตูนใส IP: 58.9.48.175 วันที่: 7 ตุลาคม 2551 เวลา:22:51:11 น. |
|
|
|
โดย: การ์ตูนใส IP: 61.90.78.151 วันที่: 12 ตุลาคม 2551 เวลา:22:12:24 น. |
|
|
|
โดย: who IP: 218.186.14.232 วันที่: 6 เมษายน 2552 เวลา:20:32:20 น. |
|
|
|
โดย: jeu IP: 124.122.198.34 วันที่: 4 กรกฎาคม 2552 เวลา:22:33:44 น. |
|
|
|
โดย: สาวกิ๊กก๊อก IP: 222.123.229.6 วันที่: 5 ตุลาคม 2552 เวลา:21:57:08 น. |
|
|
|
โดย: EFLO!! IP: 183.89.126.64 วันที่: 27 กรกฎาคม 2553 เวลา:20:09:35 น. |
|
|
|
โดย: beckๆๆ IP: 124.121.211.22 วันที่: 9 ตุลาคม 2553 เวลา:16:11:00 น. |
|
|
|
โดย: เด็กฝึกหัด IP: 223.207.20.78 วันที่: 6 มิถุนายน 2554 เวลา:15:48:45 น. |
|
|
|
โดย: Kinlens Tonytoon IP: 124.120.105.112 วันที่: 28 มิถุนายน 2554 เวลา:14:30:31 น. |
|
|
|
โดย: Kinlens Tonytoon IP: 124.120.105.112 วันที่: 28 มิถุนายน 2554 เวลา:14:30:31 น. |
|
|
|
โดย: มะปราง IP: 118.172.181.29 วันที่: 17 ตุลาคม 2554 เวลา:17:31:53 น. |
|
|
|
โดย: แม่ขมองอิ่ม IP: 77.105.71.37 วันที่: 11 กรกฎาคม 2555 เวลา:17:46:23 น. |
|
|
|
โดย: BeeHo IP: 1.47.159.50 วันที่: 28 กรกฎาคม 2555 เวลา:18:07:10 น. |
|
|
|
|
|
|
|
เข้าใจง่ายมากๆ ลองทำแล้วสนุกดีจัง ชอบๆ