Thaigraph

 

   

ค้นหา
Thaigraph หน้าฟอรั่ม Illustrator [How to] Text Silver Style
Maple Avatar ห้องแต่งตัวใหม่วิธีการเขียน Blog ส่วนตัววิธีโพสคลิปจาก Youtubeตารางข้อมูล เครดิต + Moneyวิธีการโพสกระทู้แบบรวดเร็ว
ดู: 2482|ตอบ: 5
go

[Workshop] [How to] Text Silver Style

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 19-11-2012 07:26 |แสดงโพสต์ทั้งหมด


[How to] Text Silver  Style

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

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 19-11-2012 07:31 |แสดงโพสต์ทั้งหมด

- จริงๆทำไม่กี่ขั้นตอนหรอก แต่ภาพประกอบมันเยอะ มันเลยดูยาวจ๊ะ
- คนที่ยังเล่นพาแนล "Appearance" ไม่คล่อง ก็สามารถทำตามได้ค่ะ เพราะจะเน้นอธิบายให้ละเอียด ถือเป็นการเรียนรู้การใช้พาแนล "Appearance" ไปในตัวด้วย
- แล้วก็ที่ใช้ Font ตัวใหญ่ นั่นไม่ได้ทำเพื่อประชดใคร แต่เพราะข้าพเจ้าสายตาสั้น -*-  Font ตัวเล็กๆพิมพ์แล้วปวดตา มันเบลอๆอ่านไม่ออก (สายตาสั้น แถมยังไม่ชอบใส่แว่น หรือเลนต์อีกเหอๆ เวลาอ่านหนังสือก็ต้องก้มอ่านใกล้ๆ แล้วเห็นหน้าใครมันก็จะเห็นแบบเบลอๆ ชีวิตนี้เลยไม่เคยจำหน้าใครได้ชัดๆสักที  แต่ก็ดีเหมือนกันนะ ถูกสั่งไม่ให้ขับรถ อิอิ จะไปต่างจังหวัดก็ได้นั่งหลับสบายๆตลอด แฮ่ๆ ^^")

---------------------------------------------------------

ขั้นตอนที่ 1
- ให้สร้างกรอบสี่เหลี่ยมขึ้นมาให้พอดีกับพื้นที่อาร์ตบอร์ด (น่าจะเรียกว่าอาร์ดบอร์ดนะ จับหลายโปรแกรมแล้วสับสน -*- ของ Flash มันเรียกว่า stage ของ 3d max เรียกว่า viewport  ของ Photoshop เรียกว่า Canvas เอาเป็นว่าถ้าไปเจอบทความไหนที่ข้าพเจ้าพิมพ์ชื่อที่ใช้เรียกผิดก็ให้เข้าใจว่ามันคือพื้นที่ที่ใช้ทำงานก็แล้วกันนะ เหอๆ ปกติทำบทความเสร็จแล้วจะไม่ค่อยกลับมาตรวจทาน)

- ใช้เปลี่ยนสีพื้นกรอบสีเหลี่ยมให้เป็นสีเทา รหัสสีตามภาพด้านล่างค่ะ


ขั้นตอนที่ 2
- กดคีย์ "T" เพื่อเรียกใช้เครื่องมือ Type Tool จากนั้นให้พิมพ์ข้อความ Text ที่ต้องการ


ขั้นตอนที่ 3
- ไปที่คำสั่ง Window > Appearance เพื่อเรียกพาแนล "Appearance" ขึ้นมา


- ที่พาแนล "Appearance" ให้คลิกที่ปุ่มเมนูด้านขวาบน และเลือกคำสั่ง "Add New Fill"



- จะเกิดเลเยอร์สำหรับเติมสีขึ้นมา ให้คลิกที่ปุ่มเลือกสี และให้คลิกที่ปุ่ม "Swatch Libraries menu" ที่อยู่ด้านล่างซ้าย (ดูภาพด้านล่างประกอบ)



- เลือกคำสั่ง Gradients > Metals


- พาแนลโหมด Metals จะโชว์ขึ้นมา  ให้คลิกเลือกสี Gradient ชนิด "Chrome" ดังภาพด้านล่าง


- เปิดพาแนล "Gradient" ขึ้นมา โดยไปที่คำสั่ง Window > Gradient
- ที่พาแนล "Gradient" ให้ปรับทิศทางการไล่เฉดสีที่ช่อง "Angle" = -90 องศา (เป็นการสั่งให้โปรแกรมไล่เฉดจากล่างขึ้นบน - แนวตั้ง)



ขั้นตอนที่ 4
- ที่พาแนล "Appearance" ให้คลิกที่ปุ่มเมนูด้านขวาบน และเลือกคำสั่ง "Add New Fill" เพื่อสร้างเลเยอร์สำหรับเติมสีขึ้นมาอีก


- คลิกที่ปุ่มเลือกสีของเลเยอร์ใหม่ และให้เลือกเป็นสีขาว "White"


- จากนั้นให้คลิกที่ปุ่ม "Add New Effect" ที่อยู่ด้านล่างพาแนล


- เลือกคำสั่ง Path > Offset Path...


- กำหนดค่า "Offset" = 1 pt และคลิกปุ่ม "OK"


- เสร็จแล้วให้คลิกที่ปุ่ม "Add New Effect" อีกครั้ง (เราจะเพิ่ม Effect อีกตัวเข้าไปด้วย) เลือกคำสั่ง Distort & Transform > Transform
...


* Effect Transform เป็นเอฟเฟคที่ใช้สำหรับเพิ่ม-ลดขนาด และเคลื่อนย้ายตำแหน่งวัตถุ โดยเราสามารถกำหนดสำเนาของวัตถุ ที่จะให้เคลื่อนย้ายไปแต่ละตำแหน่งได้ตามต้องการ

- ที่กลุ่ม "Move" ให้ปรับค่า Vertical = 1pt  (เคลื่อนที่แนวตั้ง ถ้าตัวเลขเป็นบวก จะเคลื่อนที่จากบนลงล่าง) คลิกปุ่ม "OK"


*หลังใช้ Effect Transform ตัว Text ที่เป็นสีขาวจะเลื่อนลงมาจากตำแหน่งเดิม 1 pt

* เราสามารถย่อ-ขยายเลเยอร์แต่ละชั้น เพื่อดูบันทึกการใช้งาน และแก้ไขคุณสมับติต่างๆแต่ละระดับได้ ได้โดยการคลิกที่ช่องลูกศรเล็กๆดังในภาพด้านล่างค่ะ


ขั้นตอนที่ 5
- คลิกที่ปุ่ม "Duplicate Selected Item" เพื่อสำเนาเลเยอร์ที่ทำไว้ในขั้นตอนที่ 4 ขึ้นมาอีกอัน


- คลิกที่เลเยอร์อันที่อยู่ล่าง จากนั้นให้คลิกที่ปุ่มเลือกสี และให้เลือกเป็นสีดำ "Back" (ดูภาพด้านล่างประกอบ)


- คลิกที่ปุ่มย่อ-ขยายเลเยอร์ จากนั้นให้คลิกที่เอฟเฟค  "Transform" (ดูภาพด้านล่างประกอบ) เพื่อเข้าไปแก้ไขค่าต่างๆในเอฟเฟค "Transform" ใหม่



- ที่กลุ่ม "Move" ให้ปรับค่า Vertical = 2 pt


ขั้นตอนที่ 6
- คลิกที่ปุ่ม "Duplicate Selected Item" เพื่อสำเนาเลเยอร์ที่ทำไว้ในขั้นตอนที่ 5 ขึ้นมาอีกอัน


- คลิกที่เลเยอร์อันที่อยู่ล่าง จากนั้นให้คลิกที่ปุ่มเลือกสี และให้เลือกเป็นแบบ Gradient ไล่เฉด "White , Back" (ดูภาพด้านล่างประกอบ)


- เปิดพาแนล Gradient ขึ้นมา (Window > Gradient) จากนั้นให้คลิกที่แถบสีด้านล่าง ตรงระยะที่แถบสีเป็นสีเทาเข้ม และสีเทาอ่อนรองลงมา (ดูภาพด้านล่างประกอบ)


- ในพาแนล Gradient ให้คลิกที่จุดสีสีขาวที่มุมซ้ายสุดค้างไว้ และลากไปปล่อยทิ้งด้านนอก จากนั้นให้คลิกลากจุดสีสีเทาอ่อน ล่างมาอยู่ที่มุมซ้ายสุดของแถบสี (วางแทนที่สีขาวเดิมที่เราดึงทิ้งไป)


- คลิกที่ปุ่มย่อ-ขยายเลเยอร์ จากนั้นให้คลิกที่เอฟเฟค  "Transform" (ดูภาพด้านล่างประกอบ) เพื่อเข้าไปแก้ไขค่าต่างๆในเอฟเฟค "Transform" ใหม่

- ที่กลุ่ม "Move" ให้ปรับค่า Vertical =1  pt
- ที่ Copies กำหนดให้ = 10 และคลิกปุ่ม "OK"

(เป็นการสั่งให้โปรแกรมสำเนาวัตถุที่เลเยอร์นั้นๆออกมาเรื่อยๆ ยิ่งใส่ค่าสำเนาไว้มาก มันก็จะยิ่งวางวัตถุในตำแหน่งใหม่เท่ากับจำนวนที่เรากำหนดไว้ )( แต่ถ้าเราไม่ได้กำหนดค่าที่กลุ่ม Move หรือ Scale ไว้ โปรแกรมจำวางสำเนาวัตถุทับที่ตำแหน่งเดิมค่ะ)



ขั้นตอนที่ 7 ทำเงา
- ที่เลเยอร์ "Characters"(อยู่ล่างสุด) ให้คลิกที่ปุ่ม "Add New Effect" ที่อยู่ด้านล่างของพาแนล
- เลือกคำสั่ง Stylize > Drop Shadow


- กำหนดค่าต่างๆ ตามนี้ค่ะ (สามารถศึกษาเอฟเฟคสร้างเงาเพิ่มเติมได้จากบทความนี้ค่ะ
วิธีสร้างเงาให้ text ด้วย 1 สเต็ปทันใจ )



ขั้นตอนที่ 8
- หลังจากทำเสร็จครบทุกขั้นตอนแล้ว เราจะบันทึกการทำงานเป็น Style เพื่อเก็บไว้ใช้กับงานอื่นๆต่อไปค่ะ โดยให้เปิดพาแนล "Graphic Style" (Window > Graphic Styles)

- ที่พาแนล "Graphic Style" คลิกที่ปุ่ม "New Graphic Style" เพื่อบันทึกแต่ละขั้นตอนการทำงานของเราไว้


ขั้นตอนที่ 9
- ใช้ Pen Tool วาดองค์ประกอบต่างๆที่จะใช้ร่วมกับ Text
- เมื่อวาดเสร็จแล้ว ก็ให้คลิกเลือกวัตถุทุกชิ้น และคลิกเลือก Style Graphic ที่เราบันทึกไว้ค่ะ


- ผลลัพธ์ที่ได้ วัตถุทุกชิ้น จะถูกเปลี่ยนให้มีขั้นตอนการทำงานเหมือนกับต้นแบบทุกอย่าง


ขั้นตอนที่ 10 ทำพื้นหลัง
- ให้คลิกเลือกภาพสี่เหลี่ยม(พื้นฉากสีเทา) ที่เราทำไว้ในขั้นตอนที่ 1 จากนั้นให้กดคีย์ Ctrl+ C ตามด้วย Ctrl+F แล้วให้คลิกลากพื้นฉากสีเทาอันที่สำเนาออกมานอกพื้นที่อาร์ตบอร์ดก่อน


- คลิกที่พื้นฉากสีเทาต้นฉบับ แล้วให้ไปที่คำสั่ง Effect > Sketch > Note paper...

- กำหนดค่า "Image Balance" = 40, และคลิกปุ่ม "OK"


- ให้คลิกเลือกพื้นฉากสีเทาทอันที่เป็นสำเนา ที่เราลากออกไปวางไว้นอกอาร์ตบอร์ด จากนั้นให้ลงสีพื้นเป็นแบบ Gradient ไล่เฉด 3 ตำแหน่ง คือ สีดำ - สีดำ - สีดำ

- ที่จุดสีดำอันกลางให้กำหนดค่า Opacity = 0%



- คลิกย้ายพื้นฉากที่ไล่เฉดสีดำ เอามาวางทับบนพื้นฉากที่ใส่เอฟเฟคไว้ ก็เป็นอันเสร็จเรียบร้อยค่ะ


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


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

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 20-11-2012 10:17 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ พอดีใช้ CS4 เลยหาคำสั่ง gradient Metals ไม่เจอครับ จะลองค้นหาใหม่ครับ

Rank: 2

โพสต์เมื่อ 25-11-2012 16:44 |แสดงโพสต์ทั้งหมด
ขอบคุณมากครับผม

Rank: 7Rank: 7Rank: 7

โพสต์เมื่อ 29-11-2012 18:00 |แสดงโพสต์ทั้งหมด
ตอบกระทู้ kitiporn ตั้งกระทู้

ไม่แน่ใจเหมือนกันว่า Cs4 จะมีพาแนลตัวนี้หรือเปล่า เพราะเคยใช้เวอร์ชั่น 8 ,Cs3 แล้วข้ามไป Cs5 และ Cs6เลย

แต่จำได้ผ่านๆว่าใน Cs3 กับ Cs5 มันมีพาแนลสำเร็จรูปตัวนี้อยู่ คือมันเป็นพาแนลที่ผสมสี Gradient สำเร็จมาให้น่ะค่ะ คล้ายพาแนลเลือกลาย Pattern สำเร็จที่โปรแกรมแถมาให้ ถ้าไม่มีพาแนลนี้เราก็ผสมสีไล่เฉดเองก็ได้เหมือนกัน

Rank: 10Rank: 10Rank: 10

โพสต์เมื่อ 30-11-2012 10:15 |แสดงโพสต์ทั้งหมด
ขอบคุณครับ อ.nookfufu พอดีหาไม่เจอเลยพักการฝึกฝนไว้ก่อน กำลังจะโหลด CS6 มาลองใหม่ครับ ขอบคุณมากเลยที่ตอบกระทู้ให้รับรู้

Thaigraph

GMT+7, 24-8-2019 07:13 , Processed in 0.469313 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