3 Step จัด Texts ให้เป็นระเบียบด้วยการแบ่งแถวและคอลัมน์

มาพบกับ Motion Graphic Plus กันอีกแล้วนะคะ
ในการทำงานกราฟิกขึ้นมาสักชิ้น มีบางครั้งที่เราจะต้องพิมพ์ Text ลงไปครั้งละมากๆ
ซึ่งอย่างที่รู้กันว่ายิ่งตัวหนังสือมากเท่าไหร่ ก็ยิ่งลดความน่าสนใจของงานเราลงมากเท่านั้น
แต่เมื่อเลี่ยงที่จะไม่พิมพ์ไม่ได้ เทคนิคในการจัดการกับตัวหนังสือเหล่านี้คือจัดระเบียบมันด้วยแถวและคอลัมน์ซะ
ซึ่งวิธีการทำนั้นก็ไม่ยากเลยค่ะ เปิด Illustrator ขึ้นมาแล้วทำตามไปพร้อมๆ กันเลย

1.เปิดโปรแกรม Illustrator สร้างอาร์ตเวิร์คขึ้นมาใหม่
เลือก Type Tool หรือคีย์ลัด T จากนั้น Drag เมาส์สร้างกรอบขึ้นมา แล้วพิมพ์ตัวหนังสือลงไป

เรียน Photoshop,เรียน Illustrator,เรียน Graphic Design,Graphic Design,Illustrator,Photoshop,เทคนิค Photoshop,Graphic Design Tips,จัดคอลัมน์,จัด Texts,สร้างคอลัมน์

2.ไปที่เมนูคำสั่ง Type > Area Type Options…
จะปรากฎหน้าต่างสำหรับจัดคอลัมน์ให้เรากำหนดเอง
ซึ่งรายละเอียดดังนี้เลยค่ะ

เรียน Photoshop,เรียน Illustrator,เรียน Graphic Design,Graphic Design,Illustrator,Photoshop,เทคนิค Photoshop,Graphic Design Tips,จัดคอลัมน์,จัด Texts,สร้างคอลัมน์

Width ความกว้างของแต่ละกรอบ
Height ความสูงของแต่ละกรอบ

Rows คือแถว จะถูกแบ่งตามแนวยาว
Columns คือคอลัมน์ที่ถูกแบ่งตามแนวตั้ง
แปะรูปประกอบเผื่อใครไม่เข้าใจว่า Rows กับ Columns ต่างกันยังไง

เรียน Photoshop,เรียน Illustrator,เรียน Graphic Design,Graphic Design,Illustrator,Photoshop,เทคนิค Photoshop,Graphic Design Tips,จัดคอลัมน์,จัด Texts,สร้างคอลัมน์

เรียน Photoshop,เรียน Illustrator,เรียน Graphic Design,Graphic Design,Illustrator,Photoshop,เทคนิค Photoshop,Graphic Design Tips,จัดคอลัมน์,จัด Texts,สร้างคอลัมน์

เรียน Photoshop,เรียน Illustrator,เรียน Graphic Design,Graphic Design,Illustrator,Photoshop,เทคนิค Photoshop,Graphic Design Tips,จัดคอลัมน์,จัด Texts,สร้างคอลัมน์

ซึ่งในช่อง Rows และ Columns เราจะสามารถกำหนดค่าต่างๆ ได้เหมือนกัน ดังนี้เลยค่ะ

  • Number : จำนวนของแถวหรือคอลัมน์
  • Span : กำหนดความกว้าง-สูงโดยรวมของแถวหรือคอลัมน์
  • Fixed : เครื่องมือที่ทำให้ความกว้าง-สูงของแต่ละกรอบคงที่เมื่อมีการเปลี่ยนค่า Gutter
  • Gutter : ตัวกำหนดความห่างของคอลัมน์หนึ่งกับอีกคอลัมน์หนึ่ง

Offset ใช้สำหรับกำหนดตำแหน่งในการวางข้อความ

  • Inset Spacing : ตัวกำหนดระยะห่างในการกั้นหน้า-หลัง-บน-ล่าง ของข้อความในกรอบ
  • First Baseline : เครื่องมือกำหนดตำแหน่งของ Tex ที่แนวตั้ง
  • Min : เครื่องมือที่ใช้ร่วมกับ First Baseline ไว้สำหรับใส่ค่าของตำแหน่ง Tex

Option คือการจัดรูปแบบการเรียงลำดับ Texts ของแถวและคอลัมน์
ซึ่งจะใช้ได้ต่อเมื่อมีทั้งแถวและคอลัมน์อย่างน้อย 2 แถว/คอลัมน์ขึ้นไป
โดยการเรียงลำดับนั้นมีให้เลือก 2 แบบ คือ

  • By Rows, Left to Right  การเรียงจากซ้ายไปขวา จากนั้นจึงบนลงล่าง
  • By Columns, Left to Right การเรียงจากบนลงล่าง จากนั้นจึงซ้ายไปขวา

3.เมื่อจัดเสร็จแล้วเราจะพบว่าการตัดคำของ Text ในกรอบนั้นมั่วซั่วไปหมด
ให้ใช้ space bar ในการจัดวางตัวอักษรให้เป็นระเบียบขึ้น แค่นี้ก็เรียบร้อยแล้วค่ะ

แค่จับ Text ยัดลงในแถวและคอลัมน์ จัดระเบียบมันให้เรียบร้อย เลือกฟ้อนต์และสีที่เหมาะสม
แค่นี้งานของคุณก็ไม่ดูยุ่งเหยิงเต็มไปด้วยตัวอักษรแล้วล่ะค่ะ
หากท่านใดที่อยากเรียนรู้เทคนิคดีๆ ในการดีไซน์งานกราฟิกมากกว่านี้
ซึ่งจะไม่มีแค่เรื่องของ Text เท่านั้น แต่ยังรวมไปถึงหลักการจัดวางองค์ประกอบต่างๆ ในงาน
การเลือกใช้สี และการสร้างงานในรูปแบบต่างๆ ท่านสามารถคลิ๊กที่ภาพข้างล่างนี้เพื่อดูรายละเอียดได้เลยค่ะ

graphic-02

ติดตามข้อมูลข่าวสารได้ที่
http://facebook.com/MotionGraphicTH

สนใจเรียนสามารถ Add line ID : @MotionGraphic
เพื่อสอบถามและสมัครได้เลยค่ะ (อย่าลืมใส่ @ นะคะ)

เรียน Graphic Design,เรียน Photoshop,เรียน Illustrator,เรียนกราฟิก,เรียนกราฟฟิก,เรียนกราฟฟิก ที่ไหนดี,graphic design เรียน ที่ไหน ดี,pปhotoshop tutorial thai,illustrator tutorial,photoshop tutorial