Thaigraph

 

   

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

[Illustrator ขั้นพื้นฐาน] วิธีทำ Button ใช้เอง

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 22-10-2012 12:07 |แสดงโพสต์ทั้งหมด


วิธีทำปุ่ม Button ใช้เอง

บทความเหมาะสำหรับผู้ที่เริ่มต้นฝึกใช้โปรแกรม Illustrator นะค่ะ เพราะใช้เครื่องมือหลักๆแค่ Gradient Tool ตัวเดียว



(*หากยังใช้เครื่องมือ Gradient Tool และพาแนล Gradient ไม่คล่อง ให้ศึกษาจากบทความนี้ก่อนค่ะ การใช้เครื่องมือ Gradient Tool เบื้องต้น> Advance )


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

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 22-10-2012 12:08 |แสดงโพสต์ทั้งหมด
ขั้นตอนที่ 1
ให้ใช้เครื่องมือ Ellipse Tool สร้างวัตถุวงกลมพื้นสีขาวขึ้นมา

Note:
(***ถ้ากดปุ่ม "Shift" ค้างไว้ขณะแดรกเม้าส์สร้างวงกลม จะการสร้างวงกลมรัศมีสมส่วน)



ขั้นตอนที่ 2
คลิกที่ไอคอน "Gradient" เพื่อเลือกชนิดการลงสีเป็นแบบไล่เฉด


ขั้นตอนที่ 3
3.1 เปิดพาแนล Gradient ขึ้นมา (ไปที่คำสั่ง Window > Gradient หรือกดปุ่ม "Ctrl+F9") เปลี่ยนชนิดของการไล่เฉดที่ "Type" ให้เป็นแบบ "Radial" (แบบวงรัศมี)


3.2 เปิดพาแนล "Color" ขึ้นมา (ไปที่คำสั่ง Window > Color หรือกดปุ่ม "F6" ) เปลี่ยนโหมดสีของวัตถุให้เป็นแบบชนิด "RGB" หรือ "CMYK" (โดยปกติโปรแกรมจะกำหนดโหมดสีเป็นแบบ Grayscale มาให้ ซึ่งจะทำให้เราเลือกใช้ได้แค่สีโทน ดำ และ ขาว เท่านั้น )



ขั้นตอนที่ 4
- คลิกที่จุดเติมสีฝั่งซ้าย ในพาแนล Gradient และเลือกสีใหม่ตามต้องการ


สำหรับเฉดสีที่เลือกใช้นะค่ะ ในบทความนี้ ข้าพเจ้าจะกำหนดการไล่เฉดสีจาก "ซ้ายไปขวา" โดยใช้จุดเติมสี ทั้งหมด 4 จุด ดังนี้ค่ะ


"สีกลาง > สีอ่อน > สีกลาง > สีเข้ม"

ม่ว่าจะเป็นโทนไหน อย่างสี ฟ้า แดง เหลือง หรือเสียว ก็จะไล่น้ำหนักแบบนี้เหมือนกัน

(***อย่าลืมปรับจุดถ่ายเทน้ำหนักสีด้วย)

(*หากยังใช้เครื่องมือ และพาแนล Gradient ไม่คล่อง ให้ศึกษาจากบทความนี้ก่อนค่ะ
การใช้เครื่องมือ Gradient Tool เบื้องต้น> Advance )



ขั้นตอนที่ 5
5.1 ใช้เครื่องมือ Ellipse Tool สร้างวัตถุวงรี ขึ้นมา และลงสีเป็นแบบ Gradient สีเหลืองอ่อน > สีเหลืองอ่อน
5.2 จุดเติมสีด้านขวาของพาแนล Gradient กำหนดให้ค่า Opacity =0% (ส่วนด้านซ้ายก็ 100%เท่าเดิม)
5.3 เปิดพาแนล Transparency ขึ้นมา(ไปที่คำสั่ง Window > Transparency  ) ลดค่า Opacity (ความเข้ม)  ให้กับวัตถุวงรี =50%


5.4 คลิกที่เครื่องมือ Gradient และไล่เฉดสีพื้นภายในวัตถุวงรีใหม่


5.5 นำวงรีที่สร้างไว้มาวางทับด้านบน


ขั้นตอนที่ 6
6.1 สำเนาวงรีจากขั้นตอนที่ 5 ขึ้นมาอีกอัน ( กดปุ่ม "Alt" ค้างไว้ และให้คลิกวัตถุต้นแบบค้างไว้ จากนั้นให้ลากเม้าส์ออกมาปล่อยบนพื้นที่ว่าง )
6.2 เสร็จแล้วให้เปลี่ยนสีพื้นให้วัตถุใหม่ เป็นแบบ Gradient ไล่เฉด สีขาว - สีขาว (ที่จุดเติมสีด้านขวา ยังกำหนดให้ค่า Opacity =0% เหมือนเดิม)


6.3 นำมาวางไว้ที่ด้านบนสุดของภาพ


ขั้นตอนที่ 7
7.1 ใช้เครื่องมือ Ellipse Tool สร้างวัตถุวงรี พื้นสีขาว ขึ้นมา 2 อัน
7.2  ที่วัตถุวงรีชิ้นหนึ่ง ให้กำหนดค่า Opacity ที่พาแนล  Transparency = 50%


7.3 เสร็จแล้วให้นำวัตถุทั้ง 2 อันมาวางทับที่ตำแหน่งบนสุดเช่นเคย



ขั้นตอนที่ 8
8.1 ใช้เครื่องมือ Pen Tool วาดเส้นโค้งดังภาพตัวอย่างด้านล่าง

8.2 ให้กำหนดค่า Opacity ที่พาแนล  Transparency = 80%


8.3 วัตถุที่วาดมาบนไว้ที่ตำแหน่งบนสุดค่ะ


ขั้นตอนที่ 9
9.1 ใช้เครื่องมือ Ellipse Tool สร้างวัตถุวงรี พื้นสีขาว ขึ้นมาอีก 1 ชิ้น

9.2 ลงสีพื้นเป็นแบบ Gradient สีขาว- สีเทาอ่อน-สีขาว ที่พาแนล Gradient ตรงค่า "Type" กำหนดให้เป็นแบบ "Linear"
9.3 กำหนดสีขอบ (Stroke) ของวัตถุวงกลมให้เป็น "สีเทาอ่อน" วามหนาของเส้นขอบ Stroke = 1


9.3 นำมาวางไว้ที่เลเยอร์ล่างสุด (คลิกที่วงกลมที่สร้างในขั้นตอนที่ 9 และกดปุ่ม "Shift+Ctrl+[" )


ขั้นตอนที่ 10
ใส่รูปสัญลักษณ์หน้าไอคอน ตามต้องการค่ะ


ขอให้สนุกกับทุกชิ้นงานนะค่ะ


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



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

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 22-10-2012 15:48 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ :))

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 4-11-2012 11:41 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ

Rank: 2

โพสต์เมื่อ 4-11-2012 21:02 |แสดงโพสต์ทั้งหมด
ขอบคุณหลายครับ

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 7-7-2015 22:23 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ

Thaigraph

GMT+7, 16-10-2019 04:19 , Processed in 0.058674 second(s), 21 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