Bloggang.com : Cooking_For_Love : Illustrator Lesson 3

Illustrator Lesson 3 :: Color Color

Lesson 3 :: Color Color

ช่วงนี้ไฟแรง ไม่หลับไม่นอน รีบอัพบทเรียน นักเรียนจะได้วาดรูปกันเป็นเร็วๆ เอ้า! มาต่อกันเลยค่ะ กับการลงสี บทนี้ขอสอนลงสีแบบธรรมดาก่อนนะคะ แบบที่ไล่สี gradient ขอเอาไว้สอนทีหลังนะคะ

ขั้นที่ 1 เปิดงานขึ้นมาก่อนเลยค่ะ ตายล่ะ พึ่งนึกได้ ว่าคราวก่อนลืมสอนวิธี Save งาน แต่คิดว่าทุกคน คนทำได้อยู่แล้วนะคะ เหมือนกับเวลาเราใช้พวก MS Office แหล่ะค่ะ ไปที่ File > Save แล้วก็ตั้งชื่องาน เลือกที่เก็บเท่านั้นเอง นามสกุลของ File งานจะเป็น .ai นะคะ เช่น Test_01.ai
เวลา save งานมันจะขึ้นหน้ามาให้ตั้งชื่อก่อน แล้วจะขึ้นหน้าต่างมีช่องเล็กเยอะแยะไปขึ้นมา ไม่ต้องไปสนใจ กด OK อย่างเดียวเลยค่ะ แค่นี้ก็เรียบร้อยแล้ว

ขั้นที่ 2 นักเรียนทุกคนสร้าง Object อะไรก็ได้ขึ้นมานะคะ แล้วมาลองใส่สีกัน

ขั้นที่ 3 ดูที่ Tool Box นะคะ มองลงไปด้านล่าง จะเห็นกล่องสีอยู่

Fill สีของ object
Stroke สีเส้น
Color สีที่เราเลือกใส่ในobject
Gradient สีแบบ Gradient ที่เราเลือกใส่ในobject
None ไม่ใส่สี (ใช้เวลาต้องการสร้างแต่เส้น หรือ รูปแบบไม่มีเส้น)
Default Fill and Stoke ใช้กดเวลาต้องการให้กลับมาเป็นค่า default ก็คือ สีขาว เส้นดำ ตามเดิม

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

ขั้นที่ 4 มาลองใส่สีกันค่ะ การใส่สีในวันนี้จะบอก 2 วิธีนะคะ

วิธีที่ 1 เลือกสีจาก Swatches Palette จะอยู่ด้านขวามือนะคะ

ถ้าหาไม่เจอ แสดงว่ายังไม่ได้เปิดออกมา ให้ไปที่ Menu Bar ด้านบน เลือก Window ค่ะ คลิ๊ดเม้าส์คางไว้ ลากลงมาจนเจอคำว่า Swatches ตามรูปเลยค่ะ

ปล่อยเม้าส์ แล้วจะได้หน้าต่าง Swatches มาค่ะ

วิธีใส่สีนะคะ ง่ายๆเลย

1. เปลี่ยน cursor เป็น ลูกศรดำ ( selection tool) ไปเลือกที่ Tool Box หรือ กดตัว V เลยก็ได้ค่ะ เร็วดี แล้วไป click ที่ตัว object ที่ต้องการจะใส่สี
2. ไปเลือกสีที่ Swatches เลยค่ะ เวลาเม้าส์เราไปชี้ cursor มันจะเปลี่ยนเป็นรูปมือนะคะ กดเลือกไปเลยค่ะ
3. แล้วจะเห็นเลยว่า object ของเราจะกลายเป็นสีตามที่เราเลือก

กลับมาอีกที ที่เจ้ากล่อง Fill & Stroke

ก่อนจะลงสี ต้องดูด้วยนะคะว่าเราจะลงสีอะไร เส้น หรือ ข้างใน ตัวที่เราต้องการจะลง จะต้องวางทับอยู่ด้านบนของอีกตัวหนึ่งตลอดนะคะ งงรึเปล่า เอาง่ายๆ ลองทำตามนะคะ
กดที่ Stroke จะเห็นใช่ไม๊คะ ว่าตัว Stroke จะขึ้นมาอยู่ด้านบน แสดงว่าเราต้องการจะใส่สีเส้น ถ้าเราต้องการใส่สีด้านใน ก็ง่ายๆ แค่กดตัว Fill มันก็จะสลับขึ้นมาอยู่ข้างบนแทน ( จะให้ตัวลูกศรงอๆเล็ก มุมบนขวาเป้นตัวสลับก็ได้ หรือ ใช้ shortcut คือ x เป็นตัวสลับก็ได้ค่ะ)

วิธีที่ 2 ใส่จากตัว Color Picker

ดูตามรูปเลยค่ะ ไป Double Click (คลิ๊กเร็วๆ2ครั้งติดกัน) ที่ตัวกล่อง Fill จะปรากฏหน้าต่าง Color Picker ขึ้นมา ตัวแท่งสายรุ้งด้านข้างจะเป้นตัวเลือก เฉดของสี ส่วนหน้าต่างใหญ่ เป็นโทนเข้ม-อ่อน นะคะ อยากได้แบบไหน ก็เอาเม้าส์ลากๆเลือนๆดูเลย ดูสีที่เราต้องการได้ที่ช่องสี่เหลี่ยมขนมชั้น 2 ชั้นด้านบนขวาค่ะ
ชั้นบน คือ สีใหม่ที่เรากำลังเลือก
ชั้นล่าง คือ สีเดิมที่เราเลือกไว้

ง่ายไม๊คะ วิธีใส่สี ทำได้ไม่ยากเลย ลองทำดูกันนะคะ

ของแถม :: ถ้าสีใน Swatches ยังไม่ถูกใจ เข้าไปเลือกในนี้เลยค่ะ Swatch Libraries ไปที่ Window เลื่อนลงมาจนเจอ Swatch Libraries

จะเห็นหน้าต่างโผล่ออกมาอีกอัน ลองไปเลือกๆดูนะคะ รับรองมีสีให้เลือกใช้ กันอย่างละลานตาแน่ค่ะ รูปด้านล่างเป็น palette ที่เราชอบใช้ค่ะ FOCOLTONE กับ TRUMATCH

ขอให้สนุกกับการลงสีนะคะ วันนี้ขอจบบทเรียนแค่นี้ก่อนคะ

Create Date : 19 กรกฎาคม 2550

Last Update : 17 พฤศจิกายน 2552 15:45:07 น.

57 comments

Counter : 12440 Pageviews.

มานั่งเกาะขอบฟังค่ะ

โดย: Piterek

วันที่: 19 กรกฎาคม 2550 เวลา:21:58:07 น.

มาแล้วคะ ... ว่าจะไปหาโหลดโปรแกรมนี้มาไว้ในเครื่องแล้วอะคะ แล้วจะหัดทำนะคะ

โดย: ป้าดร้า สุดสวย..อิอิ.. IP: 125.27.222.97 วันที่: 19 กรกฎาคม 2550 เวลา:22:02:39 น.

มานั่งเรียนต่อค่ะ

โดย: s.o.s

วันที่: 19 กรกฎาคม 2550 เวลา:22:29:08 น.

เกาะขอบหน้าจอคอมเลยเจ้าคะ

โดย: poochikeo IP: 124.121.3.189 วันที่: 19 กรกฎาคม 2550 เวลา:22:38:20 น.

น่าสนใจง่ะ ไว้จะลองทำดู (ถ้าไม่ขี้เกียจนะ)

โดย: uchiara IP: 68.79.154.94 วันที่: 19 กรกฎาคม 2550 เวลา:23:06:57 น.

โอๆๆ ได้ความรู้ขึ้นเยอะเลยค่ะ เริ่มเข้าใจละค่ะ นี่ลงทุนไปหาโหลดมาเพื่อฝึกเลย 555+ ไฟล์ใหญ่สุดยอด แต่ใช้ได้แค่ 30 วัน แง้ว....

ว่าแต่มีคำถามค่ะ คุณครู
ถ้าเราจะทำ Object แต่ไม่ให้อันบนมันซ้อนทับอันล่าง เพราะอันล่างมันจะดูแหว่งๆอ่ะคะ ทำได้มั้ยคะ แบบให้เส้นมันอยู่ยังไงก็อยู่ยังงั้่น

แล้วก็ถ้าทำได้ สมมติว่ามีวงกลม 2 อันซ้อนทับกันครึ่งๆ เราจะเอาส่วนที่ซ้อนทับกัน สีมันผสมกันระหว่าง 2 วงกลมทำได้มั้ยคะ หรือว่าต้องหาสีใหม่ใส่เอาเอง

เอ่อ....เข้าใจรึเปล่าคะ กลัวพูดแล้วฟังไม่รู้เรื่อง

โดย: พีพี.พูพู IP: 74.225.180.104 วันที่: 20 กรกฎาคม 2550 เวลา:4:21:06 น.

ว้าย ขอโทษค่ะ เค้ามีที่ให้ถามอยู่ดันลืม เดี๋ยวขอย้ายข้อความไปถามอีกที่ค่ะ ถ้ายังไงลบข้างบนไปเลยค่ะ

*เก็บไก่กลับเล้า กุ๊กๆ*

โดย: พีพี.พูพู IP: 74.225.180.104 วันที่: 20 กรกฎาคม 2550 เวลา:4:25:51 น.

รายงานตัวเข้าเรียนค่ะ

:)

ปล. ตื่นเต้นๆ อยากวาดเป็นรูปเร็วๆ จังค่ะ เอิ๊กๆๆ

โดย: p_jung IP: 125.24.38.228 วันที่: 20 กรกฎาคม 2550 เวลา:9:32:57 น.

มาสายค่ามาสาย
ครูคะ ครูรู้วิธีทำ Link ยัง
เราหลังไมค์ไปถามป้ามดมา ป้ามดตอบว่า

โค้ดทำลิ้งค์

NAME

MMM คือ url (address)ทั้งหมด
NAME คือคำที่จะใส่ให้คนอ่าน เช่นคำว่า"หลังไมค์ถึงป้ามด" เป็นต้น

คือ เรามาแปะเลย เพราะเราโลเท็คมาก ไม่รู้ว่าที่ป้ามดพูดคืออะไร ไม่รู้จะช่วยคุณจิ๊บได้บ้างไม๊

เด๋วขึ้นไปอ่านก่อน ยังไม่อ่านเลย รีบมาตอบ ว๊า วันนี้มาสาย

โดย: NeTcH

วันที่: 20 กรกฎาคม 2550 เวลา:9:47:16 น.

ขอบคุณนะคะ NeTcH เราก็ลอกCode ป้ามดมาค่ะ แต่พอเราลองกด Link ไปดู มันกลับขึ้นมาว่า Blog ยังไม่ได้ทำการสร้าง หรือ ยังไม่ได้ publish น่ะค่ะ เลยงงมากๆ ว่าเกิดอะไรขึ้น

โดย: Cooking_For_Love

วันที่: 20 กรกฎาคม 2550 เวลา:9:51:32 น.

อ่าว มันหายไปไอ้ที่ป้ามดทำให้อ่ะ เด๋วเราหลังไมค์ไปบอกคุณจิ๊บนะคะ

โดย: NeTcH

วันที่: 20 กรกฎาคม 2550 เวลา:9:53:33 น.

NAME

โดย: NeTcH

วันที่: 20 กรกฎาคม 2550 เวลา:9:54:26 น.

มาเช็คชื่อเข้าเรียนค่ะ

โดย: หนีแม่มาอาร์ซีเอ

วันที่: 20 กรกฎาคม 2550 เวลา:10:20:33 น.

มาลงชื่อเรียนแล้วค่ะคุณครู
มะไหร่จะขึ้นบทใหม่คะ
นักเรียนใจร้อนนนน

แหะ~

เป็นกำลังใจให้คุณครูนะคะ

โดย: ฮาจิของที่รัก IP: 203.144.227.238 วันที่: 20 กรกฎาคม 2550 เวลา:15:10:21 น.

มาลงชื่อไว้อีกแล้ว แถมเซฟไว้อ่านด้วยค่ะ

โดย: ประยงค์สตูดิโอ IP: 203.113.67.69 วันที่: 20 กรกฎาคม 2550 เวลา:15:28:07 น.

ตามา Save ค่า ครูสอนเสาร์อาทิตย์ด้วย หนูไม่มีเน็ตใช้ แล้วจะเรียนทันเพื่อนไม๊เนี๊ยะ

โดย: NeTcH

วันที่: 23 กรกฎาคม 2550 เวลา:10:09:50 น.

อย่างเร็ว

โดย: ป้าจะอิ๊บ (jipnaja

) วันที่: 24 กรกฎาคม 2550 เวลา:13:15:13 น.

กำลังมันส์เลย นี่ ก็ทำตามไปด้วยนะนี่ เร็วครูๆๆๆๆๆ อย่าง เร็ว เข้าใจง่ายดี

โดย: มาร์ IP: 172.189.46.213 วันที่: 8 ตุลาคม 2550 เวลา:3:30:04 น.

ง่ายขึ้นเยอะ หลังจากคลำเองมานาน

โดย: แหะ แหะ (Ura_Ura

) วันที่: 11 ตุลาคม 2550 เวลา:16:45:07 น.

ดีมากๆเรยค๊า
เพิ่งโหลดโปรแกรมมาพอดีเลย
ขอสมัครเป็นนักเรียนอีกคนน๊ะคะ

โดย: M i l k IP: 117.47.177.111 วันที่: 11 ตุลาคม 2550 เวลา:19:00:22 น.

cheched
2nd lesson krab

โดย: yenyen (เยนเยน

) วันที่: 20 ตุลาคม 2550 เวลา:6:30:43 น.

มาค่า......

โดย: bbird IP: 125.25.69.37 วันที่: 30 ตุลาคม 2550 เวลา:8:17:12 น.

ตามเก็บบทเรียนค่ะ

โดย: iimoya IP: 124.190.178.29 วันที่: 15 พฤศจิกายน 2550 เวลา:19:22:26 น.

( ตั้งจายเรียน !! )

โดย: ExiLiiz IP: 58.9.146.210 วันที่: 9 ธันวาคม 2550 เวลา:12:37:35 น.

อยากก๊อปปี๊เอาไว้พิมอ่านเองได้มะครับเพ่งหน้าจอนานๆมันปวดตาอ่ะครับ ผมสายตามะค่อยจาดี จากนักเรียนใหม่ครับ

โดย: ปุ้ย IP: 125.24.21.34 วันที่: 25 ธันวาคม 2550 เวลา:11:16:13 น.

จบอีก เล้ว....
จารย์ ขอญาต เข้าห้องน้ำคับ

โดย: Mr. a IP: 202.69.141.44 วันที่: 15 มกราคม 2551 เวลา:13:16:39 น.

ตามอ่านบทเรียนเรื่อยๆ ค่ะ

โดย: ลำนำบทกลอน

วันที่: 18 มกราคม 2551 เวลา:21:41:23 น.

ภาพบางภาพของนู๋โหลดไม่ขึ้นอ่ะค่ะ

แต่พอถูกๆ ไถๆ ไปได้

ขอบคุณค่า
นู๋จีน

โดย: Gean IP: 58.8.240.240 วันที่: 2 กุมภาพันธ์ 2551 เวลา:16:43:30 น.

มานั่ง ฟังด้วยคนค่ะ

โดย: taRn IP: 124.157.223.207 วันที่: 26 เมษายน 2551 เวลา:15:15:46 น.

ซาหวัดดี คับอาคุงคู

โดย: ผ่านมาเจอ IP: 124.121.25.202 วันที่: 25 พฤษภาคม 2551 เวลา:16:01:36 น.

ได้เพิ่มมาอีก 1 วิชา

ขอบคุณค่ะ

ครูจิ๊บ

โดย: pimsennam

วันที่: 3 มิถุนายน 2551 เวลา:20:24:57 น.

ขอบพระคุณค้าคุณครู......

โดย: หนูพริก...มาแว้วววว IP: 125.25.198.120 วันที่: 2 กรกฎาคม 2551 เวลา:18:20:02 น.

ขอบคุณด้วยจ้า

โดย: 555 IP: 124.122.130.26 วันที่: 11 กรกฎาคม 2551 เวลา:23:33:58 น.

ขอบคุนมากค่ะ
ความจิงที่คณะต้องเรียนอันนี้แหละค่า
ต่มาให้คุนครูสอนก่อนเน้อ
เข้าใจง่ายดี

โดย: จินนี่ IP: 58.64.76.105 วันที่: 19 กรกฎาคม 2551 เวลา:18:07:08 น.

สุดยอดเลยครับครู

โดย: อีส IP: 202.149.24.129 วันที่: 17 สิงหาคม 2551 เวลา:23:00:51 น.

ขอบคุณค๊าาาาาาาาาาาาาาาาาาาาาาาาาาา

โดย: โอ้ยโอ้ยโอ้ย

วันที่: 13 กันยายน 2551 เวลา:14:45:18 น.

ขอบคุณคร้า คุณครู (^^)V

โดย: Hermione Granger ( I AM ROCKER ^^V ) IP: 203.118.98.4 วันที่: 17 กันยายน 2551 เวลา:17:34:26 น.

พุ่งเน้จะลองทำนะคะ ^________^
ขอบคุณค่ะ

โดย: การ์ตูนใส IP: 58.9.239.140 วันที่: 1 ตุลาคม 2551 เวลา:23:13:02 น.

อ่าน lesson นี้จบแล้ว เรียนอันต่อไป...ฟิตๆ

โดย: Ms.StayHigh

วันที่: 29 ตุลาคม 2551 เวลา:7:54:28 น.

เอ้า! บทต่อไป ลุย

โดย: whytobe IP: 118.172.67.200 วันที่: 15 พฤศจิกายน 2551 เวลา:17:10:57 น.

ขอสมัครเป็นลูกศิษย์อีกคนนะครับ

โดย: rlm IP: 61.7.150.222 วันที่: 13 ธันวาคม 2551 เวลา:16:02:17 น.

ยากอ่า -*-

T^T

โดย: DeKBonk IP: 125.24.134.205 วันที่: 1 มกราคม 2552 เวลา:21:02:53 น.

ขอรบกวนหน่อยได้มั้ยค่ะ
ขอให้สอนการทำปฎิทินใน Illustrator หน่อยซิค่ะ
ว่าการทำที่เป็นแบบตารางอยากให้มีรูปแบบสวยๆๆนะค่า...สอนหน่อยนะค่ะ..........รบกวนด้วยค่า

โดย: หญิงจ้า IP: 117.47.46.1 วันที่: 25 มกราคม 2552 เวลา:9:22:10 น.

Thank เก่งขั้นเทพ จริงๆ

โดย: mamlhc IP: 117.47.211.204 วันที่: 31 พฤษภาคม 2552 เวลา:10:08:51 น.

step by step จริงๆ ค่ะ...ต้องนี้ต้องใช้คอม 2 เครื่อง เครื่องหนึ่งก็เอาไว้อ่านของคุณครู..อีกเครื่องเอาไว้ทำ..กะว่าวันนี้จะเอาให้จบบทค่ะ

โดย: BB IP: 114.128.44.37 วันที่: 25 กรกฎาคม 2552 เวลา:11:19:43 น.

มาเรียนต่อค่ะ
คุณครู

โดย: GARN IP: 118.172.34.133 วันที่: 27 กรกฎาคม 2552 เวลา:22:47:21 น.

เพิ่งเคยเห็น แฮะๆ

โดย: นรกานต์ IP: 117.47.233.120 วันที่: 18 สิงหาคม 2552 เวลา:11:12:32 น.

ขอบคุณครับ พอจะทำรูปเลขาฯ ได้บ้างแล้วครับ

โดย: วีระวัฒน์ IP: 58.9.8.217 วันที่: 18 มกราคม 2553 เวลา:15:21:49 น.

ขอบคุณมากๆค่ะ
ตรงแถมนี่ ได้สีเยอะขึ้นมากเลย

โดย: Da IP: 183.89.52.249 วันที่: 10 มีนาคม 2553 เวลา:11:05:44 น.

ขอบคุณค่ะอาจารย์

โดย: แม่ปูจ๋า IP: 113.53.89.171 วันที่: 14 มีนาคม 2553 เวลา:10:50:50 น.

สอนเข้าใจง่ายมากเลยค่ะ
มาฝากตัวเปงนักเรียนอีกคนนะคะ^^

โดย: chocolate IP: 124.120.14.217 วันที่: 23 มีนาคม 2553 เวลา:21:39:39 น.

ขอบคุณครับ........

โดย: ชอลิ้วเฮียง.. IP: 101.109.133.160 วันที่: 11 พฤษภาคม 2554 เวลา:9:19:43 น.

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

โดย: kpoho246 IP: 101.51.7.12 วันที่: 28 พฤษภาคม 2554 เวลา:17:39:15 น.

ขอบคุณคร๊าคุณครู

โดย: mabobzi IP: 217.172.85.30 วันที่: 31 กรกฎาคม 2554 เวลา:0:27:23 น.

ขอบคุณมากครับ อาจารย์

โดย: casper IP: 118.173.112.223 วันที่: 25 ตุลาคม 2554 เวลา:19:55:25 น.

สมาชิกใหม่ครับ เจ้านายให้ทำแผนที่ ไม่รู้ทำไง โหลดโปรแกรมทำแผนที่ได้ที่ไหนครับ

โดย: rit2507 IP: 118.172.5.112 วันที่: 28 มิถุนายน 2555 เวลา:11:36:46 น.

มาไล่เรียนตามหลังเพื่อนครับอาจารย์ Jib

โดย: joada IP: 110.49.241.45 วันที่: 3 กุมภาพันธ์ 2556 เวลา:22:17:59 น.