Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Illustrator เทคนิคการทำตัวเลขนาฬิกา ...
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 4293|ตอบ: 1
go

[Illustrator ขั้นประยุกต์] เทคนิคการทำตัวเลขนาฬิกา

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 14-7-2014 15:58 |แสดงโพสต์ทั้งหมด



เทคนิคการทำตัวเลขนาฬิกา


เป็นการนำเอาเทคนิคต่างๆ ที่เคยทำเป็นบทความสอนไว้มารวมกันนะคะ
ขั้นตอนที่ 1 (ดูภาพล่าง)
- หลังจากเปิดโปรแกรม Ai ขึ้นมาแล้ว ให้ไปที่คำสั่ง File > New.... ( หรือกดคีย์ Ctrl + N )
- กำหนดความกว้างยาวไว้ที่ 500*500 px ค่ะ เสร็จแล้วคลิกปุ่ม "OK"



ขั้นตอนที่ 2 (ดูภาพล่าง)
- ให้คลิกที่เครื่องมือ Type Tool ( หรือกดคีย์ T)
- ปรับขนาดตัวอักษรไว้ที่ประมาณ 18 pt
- และให้คลิกเม้าส์ซ้ายลงบนพื้นที่ว่าง พร้อมกับพิมพ์ตัวเลข "12" ลงไปค่ะ



ขั้นตอนที่ 3 (ดูภาพล่าง)
- ให้คลิกที่ปุ่ม "Swap Fill and Stroke" ( หรือกดคีย์ Shift + X) เพื่อลับให้พื้นสีดำ กลายมาเป็นเส้นสีดำแทน




- แล้วให้คลิกที่ปุ่มเครื่องมือ "Polar Grid Tool" (ตามภาพล่าง)


ขั้นตอนที่ 4  (ดูภาพล่าง)
- ให้คลิปเม้าส์ซ้ายบนพื้นที่ว่าง 1 ครั้ง เพื่อเรียกหน้าต่างสำหรับปรับแต่งเส้น Polar  ขึ้นมาค่ะ
- ความกว้าง * ยาว กำหนดให้เป็น 150*150px
- ที่ Concentric Dividers ตรง Number: = 0 (จำนวนเส้นรัศมี หรือ เส้นวงกลมล้อมรอบ)


- ที่ Radial Dividers  ตรง Number: = 12 (จำนวนเส้นแฉก)
- แล้วให้ติ๊กถูกที่ "Create Compound Path From Ellipses"
- เสร็จแล้วให้คลิกที่ปุ่ม "OK" ค่ะ



- ผลลัพธ์ที่ได้ ---> เราจะให้เส้นวงกลมหน้าตาแบบภาพด้านล่างมาค่ะ



ขั้นตอนที่ 5 (ดูภาพล่าง)


- ให้เลื่อนเส้นวงกลม Polar มาวางใต้ตัวเลข "12" ดังภาพด้านล่าง โดยให้เส้นแบ่งศูนย์กลางของวงกลม(แนวตั้ง) อยู่ตรงกลางระหว่างตัวเลข "1" และ "2" พอดี

- จากนั้นให้คลิกที่ปุ่มเครื่องมือ Rotate Tool ( หรือกดคีย์ R)


5.1 แล้วให้คลิกเม้าส์ซ้ายที่ตำแหน่งศูนย์กลางของเส้นวงกลม "Polar" เพื่อกำหนดจุดแกนการหมุน
5.2 และให้กดปุ่ม "Alt" บนคีย์บอร์ด ค้างไว้
5.3 จากนั้นให้แดรกเม้าส์ซ้ายที่ยังคลิกค้างไว้อยู่ เลื่อนลงมาทางขวาเล็กน้อยตามแนวเส้นรัศมีของเส้นวงกลม Polar (เนื่องจากตัวเลขตั้งแต่ 1-9 เป็นตัวเลขหลักเดียว เพื่อให้ตัวเลขวางอยู่ตรงกลางกับตำแหน่งเส้นแฉก  Polar  พอดี เราจึงต้องเลื่อน(หมุน)ให้ตัวเลข "1" วางตรงกับเส้นแฉกของเส้น Polar ดูภาพด้านล่างประกอบ)
5.4 แล้วให้คลิกเม้าส์ซ้ายที่ตำแหน่งศูนย์กลางของเส้นวงกลม "Polar" เพื่อกำหนดจุดแกนการหมุนอีกครั้ง



ขั้นตอนที่ 6 (ดูภาพล่าง)
- ทำซ้ำตั้งแต่ขั้นตอนที่ 5.1 ถึง 5.4 ไปเรื่อยๆค่ะ จนถึงตำแหน่งของตัวเลข 9 นาฬิกาค่ะ


- เนื่องจากตำแหน่งที่เราวงกลมสีแดงไว้ เป็นตำแหน่งตัวเลข 2 หลัก นั้นคือตำแหน่งของตัวเลข 10 - 11 และ 12 นาฬิกา ให้ทำซ้ำกับขั้นตอนที่ 5.1 ถึง 5.4 เหมือนเดิม แต่ต่างกันเล็กน้อย คือต้องเลื่อน(หมุน)ให้ตัวเลข "12" วางอยู่ตรงกลางระหว่างเส้นแฉกวงกลมพอดี



ขั้นตอนที่ 7 (ดูภาพล่าง)
- ให้คลิกที่ปุ่มเครื่องมือ Selection Tool ( หรือกดคีย์ V)
- ดับเบิ้ลคลิกที่ตัวเลขแต่ละตำแหน่ง แล้วพิมพ์ตัวเลขใหม่ตั้งแต่ 1- 11 ลงไปแทนที่




- จากนั้นให้กดใช้เครื่องมือ Selection Tool ( หรือกดคีย์ V) อีกครั้ง แล้วนำเคอร์เซอร์เม้าส์ไปชี้ใกล้ๆ บริเวณมุมของตัวเลข 4 (เคอร์เซอร์เม้าส์จะเปลี่ยนเป็นสัญลักษณ์เส้นโค้งมีลูกศร 2 ด้าน) พร้อมกับให้กดปุ่ม "Shift" ค้างไว้ แล้วให้แดรกเม้าส์ซ้ายหมุนตัวเลขให้หมุนกลับด้าน ดังภาพข้างล่างค่ะ
(การกดปุ่ม "Shift" ค้างไว้ขณะแดรกเม้าส์หมุนวัตถุ จะทำให้วัตถุถูกหมุนครั้งละ 45 องศา มันจะแม่นยำกว่าเราหมุนกะระยะรอบองศาด้วยตัวเอง)


- แล้วให้หมุนตัวเลข 5 , 6,  7,  8 ด้วยวิธีเดิมค่ะ
- เสร็จแล้วค่ะ สำหรับเทคนิคการหมุนตัวเลขเพื่อทำนาฬิกา ต่อไปเราจะตกแต่งตัวเรือนนาฬิกากัน



์Note:
ส่วนวิธีที่ง่ายกว่านั้นคือให้เมื่อทำมาจนถึงขั้นตอนที่ 5.1 - 5.3 ก็ให้กดคีย์ Ctrl+ D ซ้ำๆ ไปเรื่อยๆ จนถึงตำแหน่งตัวเลขที่ 11 นาฬิกา (ตัวเลขครบรอบวงกลมพอดี) แล้วข้ามมาทำขั้นตอนที่ 7 ต่อได้เลย การกดคีย์ Ctrl+D จะเป็นการสั่งให้โปรแกรมทวนคำสั่งเดิมซ้ำๆ วิธีจะช่วยประหยัดเวลาในการหมุนตัวเลขเองไปได้มากแต่ก็มีข้อเสียด้วยคือ ตัวเลขแต่ละตัวจะหมุนไม่ตรงกับเส้นแฉกของวงกลม Polar ค่ะ สรุปว่ายังไงก็ยอมเสียเวลานิดหน่อยเพื่อให้ได้ภาพออกมาสวยๆ กันดีกว่า



ขั้นตอนที่ 8 ต่อไปเป็นเรื่องของการตกแต่งตัวเรือนนาฬิกาของเราค่ะ ข้าพเจ้าจะทำง่ายๆ โดยการใช้เครื่องมือ Pen Tool  วาดเส้นโครงสร้างง่ายๆขึ้นมา (ดูภาพด้านล่างประกอบ) แล้วใช้คำสั่ง Effect > 3D > Revolve....  เพื่อสร้างวัตถุ 3D  แบบวนรอบตัวเองมาช่วย สำหรับคนที่ยังไม่คล่องคำสั่งตัวนี้นะค่ะ ให้ลองไปศึกษาเพิ่มเติมเอาจากบทความที่ข้าพเจ้าเคยสอนไว้ค่ะ คือ การใช้คำสั่ง 3D แนววนรอบ แบบละเอียด  ^_^ และที่บนวัตถุที่ใช้คำสั่ง3D เราจะเห็นมีลายเส้นสีขาวๆ เหมือนลายดอกไม้ประดับอยู่ด้วย นั่นคือลาย Symbol ที่ข้าพเจ้าสร้างขึ้นเองจากบทความ เทคนิคการหมุนภาพด้วย Rotate Tool และบทความ การสร้าง Symbol ไว้ใช้งาน ค่ะ




ตัวอย่างการวางภาพ Symbol


ส่วนวงแหวนรอบตัวนาฬิกาและเข็มนาฬิกา ข้าพเจ้าลงสีเป็นแบบ Gradient สีทองค่ะ รหัสสีตามภาพด้านล่าง (รหัสแต่ละจุดสีจะซ้ำๆกันแค่สลับตำแหน่งวางไปมา)


ลองทำดูนะค่ะ ถือเป็นการฝึกใช้เครื่องมือ Rotate Tool  ให้คล่องไปในตัวด้วย


บทความช่วงท้ายอาจจะอธิบายสั้นไปหน่อย เพราะต้องการจะเน้นเรื่องการสร้างตัวเลขหมุนแบบนาฬิกาเท่านั้นเอง ส่วนเรื่องการตกแต่งตัวเรือนนาฬิกาท่านสมาชิกสามารถศึกษาเพิ่มเติมได้จากบทความเก่าๆ ที่เคยทำสอนไว้ได้ค่ะ

บทความโดย NOOKFUFU2
(ขอสงวนสิทธิ์ให้เผยแพร่เฉพาะในเว็บไทยกราฟเท่านั้น!!!)




ไฟล์แนบ: คุณจำเป็นต้องเข้าสู่ระบบก่อนจึงจะสามารถดูและดาวน์โหลดไฟล์แนบได้ หากยังไม่มีแอคเคานต์หรือยังไม่ได้เป็นสมาชิก กรุณาสมัครสมาชิก
บางบทความคุณจำเป็นต้องสมัครสมาชิกแบบ VIP และ SUPERVIP ถึงจะเข้าอ่านบทความได้
1

ดูบันทึกคะแนน

  • webmaster

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 20-7-2014 12:07 |แสดงโพสต์ทั้งหมด
ขอบคูณครับ ผมจะนำเทคนิคไปประยุกต์ครับ

Thaigraph

GMT+7, 19-10-2019 00:33 , Processed in 0.047216 second(s), 22 queries .

Powered by Discuz! X1.5

© 2001-2010 Comsenz Inc. Thai Language by DiscuzThai! Team.

Top 10 Best Sellers in Clothing for 2017 Top 10 Best Sellers in Clothing Best Sellers in Clothing
Top 10 Best Sellers in Books reviewer 2017 Top 10 Best Sellers in Books Best Sellers in Books