วิธีแบ่งสี่เหลี่ยมให้เป็นตารางใน Illustrator ง่ายนิดเดียว

-
วิธีทำสี่เหลี่ยมหลายๆอันเรียงต่อกันและเว้นช่องเท่าๆกันทำได้หลายวิธี หนึ่งในวิธีนั้นคือใช้ Split into Grid ใช้งานอย่างไรมาดูกันครับ

1.สร้างสี่เหลี่ยมด้วย Rectangle Tool หรือกดตัว M และสร้างสี่เหลี่ยมที่มีขนาดตามต้องการ
 
2.หลังจากได้สี่เหลี่ยมแล้วให้ไปที่เมนูบาร์คลิก Object > Path > Split into Grid

3.ที่หน้าต่าง Split into Grid ให้คลิกถูกที่ช่อง Preview เพื่อให้แสดงตัวอย่างเวลาตั้งค่า ในช่องด้านซ้ายคือ Rows จะใช้กำหนดจำนวนในแนวนอน
 
ในช่องด้านขวาคือ Columns จะใช้กำหนดจำนวนในแนวตั้ง

 
4.ในตัวอย่างจะกำหนดทั้งแนวตั้งและแนวนอนจำนวนเท่ากันที่ช่อง Number : 5 จะได้ตามตัวอย่าง
ส่วนตรง Heihgt และ Gutter ของทั้งแนวตั้ง และแนวนอนใช้ปรับเพิ่มหรือลดของขนาดได้
ที่ช่อง Total จะบอกขนาดโดยรวมให้เราทราบทั้งแนวตั้งและแนวนอน และสามารถที่จะปรับขนาดเพิ่มหรือลดก็ได้เช่นกัน
(การทำงานของ Heihgt และ Gutter จะทำงานแบบสัมพันธ์กัน เช่นถ้าเราปรับค่าที่ช่อง Heihgt เพิ่มหรือลด ที่ช่อง Gutter ก็จะเพิ่มหรือลดตามโดยอัตโนมัติ)
 
5.ถ้าต้องการให้สร้างเส้น Guides ด้วยก็ให้คลิกที่ช่อง Add Guides
 
"ข้อสังเกต"เส้น Guides ที่ได้จะกับเราใช้ Line Segment (\) ตีเส้นแล้ว Group ไว้ จะไม่เหมือนเวลาเราดึงเส้น Guides ที่ดึงจาก Rulers
 
ลองไปทำเล่นกันดูนะครับจะได้เข้าใจมากขึ้น และหลังว่าคงพอมีประโยชน์กับทุกคนที่เพิ่งเริ่มใช้งานโปรแกรง Illustrator นะครับ สุดท้ายนี้ ผิดพลาดตรงส่วนไหนขออภัยมา ณ ที่นี้ด้วยครับ. . .
รับสอนคอมพิวเตอร์, Photoshop, Illustrator,

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

Ps - การออกแบบโปสเตอร์ด้วยตัวเองโดยใช้ Photoshop Step by step

-
รูปภาพ
เรามาออกแบบโปสเตอร์กัน ไม่ว่าจะออกแบบอะไรเราต้องมี Final image ในความคิดของเราก่อนว่าอยากจะให้เป็นแบบไหน และจะสื่ออะไรออกไปในภาพ แต่จุดประสงค์หลักๆ ของผมคืออยากให้ทุกคนได้เรียนรู้การใช้เครื่องมือใน Photoshop ผ่านการทำงานจริง มันจะทำให้เราสามารถจดจำได้ดีกว่าวิธีอื่นๆ... ครั้งนี้เราจะมาดูวิธีทำโปสเตอร์นี้กันแบบ Step by step มาเริ่มกันเลยครับ 1-เปิดภาพที่ต้องการทำขึ้นมา จากนั้นให้ทำการไดคัดให้เรียบร้อย (การไดคัดมีหลายวิธีหนึ่งในนั้นคือ Quick Selection Tool คลิกที่ Link ด้านล่างเพื่อดูวิธีใช้) ในตัวอย่างขอข้ามวิธีไดคัดเลยแล้วกัน... การ Selection ด้วย Quick Selection Tool 2-เราต้องการเพิ่มพื้นที่ให้สูงขึ้นพอประมาณ ให้คลิงที่ Crop Tool (C) จากนั้นใช้เมาส์คลิกที่จุดตรงกลางด้านบนแล้วลากขึ้นเพื่อเพิ่มความสุงให้กับภาพตามตัวอย่าง เสร็จแล้วกด Enter 3-ให้เพิ่มเลเยอร์ใหม่แต่ให้อยู่ด้านล่างของเลเยอร์คน โดยให้กด Ctrl ค้างไว้แล้วใช้เมาส์คลิกไปที่ New Layer เราจะได้เลเยอร์ใหม่ขึ้นมาและไปอยู่ข้างล่างของเลเยอร์คน (ปกติถ้าไม่กด Ctrl ไว้ การเพิ่มเลเยอร์ใหม่มันจะอยู่ข้างบนของเลเยอร์ที่เราทำงาน
Read more »

Ai - การครอบรูปภาพใน Illustrator

-
รูปภาพ
"การ Crop รูปภาพใน Illustrator" เวลาออกแบบอะไรสักอย่าง บางครั้งเราจำเป็นต้องใช้รูปภาพเข้ามาเป็นส่วนประกอบอยู่ด้วย แต่ถ้ารูปภาพที่นำเข้ามาใช้มีขนาดที่ไม่พอดี เราจำเป็นที่จะต้องตัดบางส่วนออกก็ต้องทำการ Crop ส่วนที่ไม่ต้องออกแต่ใน Illsutrator จะเป็นการ" Clipping Mask" เป็นการซ่อนหรือบังส่วนที่ไม่ต้องการของรูปภาพเท่านั้น ไม่ได้เป็นการตัดออกจริงๆ เราจึงสามารถที่จะกลับมาแก้ไขได้ (ในตัวอย่างจะใช้ Illustrator CS5) Clipping Mask วิธีที่ 1 1-ใช้ Move tool (V) คลิกเลือกรูปภาพที่ต้องการทำ เสร็จแล้วให้ไปคลิกที่ Mask ดูในตัวอย่าง 2-จากนั้นคลิกที่มุมต่างๆแล้วลากปรับขนาดเพื่อเป็นการเลือกส่วนที่ต้องการ 3-หลังจากทำการเลือกส่วนที่ต้องการจะได้ดังตัวอย่าง แต่ถ้าต้องการแก้ไขเพิ่มเติมให้คลิกที่ Edit Clipping Path เพื่อปรับขนาดตามต้องการ 4-วิธียกเลิก Clipping Mask ให้คลิกที่รูปภาพแล้วคลิกขวาแล้วเลือก Release Clipping Mask ก็จะเป็นการยกเลิก Clipping Mask วิธีที่ 2 วิธีนี้เราสามารถที่จะสร้างกรอบที่นอกเหนือจากสี่เหลี่ยมเพื่อ Clipping Mask ได้เช่น รูปดาว สามเหลี่ยม
Read more »

ai - การทำและออกแบบนามบัตรด้วย Illustrator

-
รูปภาพ
ครั้งนี้เราจะใช้โปรแกรม Ilustrator ในการออกแบบนามบัตรกันครับ ถ้าใครไม่ค่อยใช้งานมาก่อนคงจะงงๆซะหน่อยนะครับ Illustrator ที่ผมใช้จะเป็น CS5 ซื้อมาใช้ตั้งแต่ปี 2012แล้ว ตอนนั้นยังไม่มีแบบจ่ายเป็นรายเดือนเหมือนทุกวันนี้ เลยต้องซื้อเป็นแบบ Boxset มาในราคา 18,500 บาทครับ ส่วนใหญ่ผมจะใช้ ออกแบบโลโก้, สิ่งพิมพ์ต่างๆ, งานลายเส้น, ฯลฯ...เริ่มกันเลยดีกว่า ตัวอย่างนามบัตรที่เราจะทำกันในครั้งนี้ครับ เริ่มกันแบบง่ายๆกันก่อนล่ะกัน 1-สร้าง Art work ใหม่ด้วยการ คลิกที่ File - เลือก New ให้กำหนดค่าตามในตัวอย่าง 2-คลิกที่ Rectangle tool จากนั้นให้คลิกตรง Artwork 1ครั้งจะมี popup ขึ้นมา กำหนดขนาดตามนี้ Width: 9 / Height: 5.5 cm เสร็จแล้วคลิก OK จะได้สี่เหลี่ยมตามตัวอย่าง (กด Ctrl ค้างแล้วกด +Zoom In กด-Zoom out) "ขนาด 9cm x 5.5cm จะเป็นขนาดมาตรฐานที่ใช้กัน" 3-คลิกที่ 4เหลี่ยม1ครั้งเพื่อทำงาน จากนั้นให้ค่าสีที่แถบ Color ในช่อง C=18 M=19 Y=46 K=0 ถ้าหาแถบ Color ไม่เจอให้กด F6 หรือคลิกที่ Window - Color 4-เสร็จแล้วให้ไปที่ Effect - Texture - เลือก Texturizer 4.1-ที่หน้า Text
Read more »

Ps - แต่งรูปถ่ายให้สวยสดใสด้วยโฟโต้ชอป "How to make beautiful photos by Photoshop"

-
รูปภาพ
ปกติแล้วเวลาผมจะปรับแก้ สี แสง เงา ให้กับภาพถ่ายจะใช้ Lightroom เป็นหลัก ส่วน Photoshop จะใช้รีทัชภาพเป็นหลัก แต่ก็ไม่ใช่ว่าจะใช้แก้ สี แสง เงา ไม่ได้ แต่ Lightroom ใช้ทำงานเร็วกว่า ในบางครั้งก็ใช้งานร่วมกัน เพราะบางภาพที่แต่งใน Lightroom แล้วอาจจะต้องใช้ Photoshop เก็บงานอีกที ใน Photoshop เองก็มีตัวเครื่องมืออยู่ตัวนึ่งทำงานเหมือนกับ Lightroom ชื่อว่า Camera Raw Filter ใช้งานเหมือนกับ Lightroom แต่ส่วนตัวคิดว่า Lightroom ใช้งานดีกว่า แต่ครั้งนี้จะแต่งสี แสง เงา ให้ภาพถ่ายที่ธรรมดาๆ ให้ดูสดใส ดูน่าสนใจมากขึ้นโดยที่จะใช้แต่ Photoshop อย่างเดียวและจะไม่ใช้ตัว Camera Raw Filter ที่มีใน Photoshop ด้วย เพราะบางคนที่ยังใช้เวอร์ชั่นเก่าๆ อาจจะไม่มี Camera Raw Filter ก็เป็นได้ คนที่ไม่มีจะได้ลองทำตามได้... 1-เริ่มด้วยเปิดภาพที่ต้องการทำเข้ามา จากนั้นจะตัดภาพบางส่วนออกโดยใช้ Crop (C) ขนาดที่เลือกจะเป็นแบบ 16:9 ครับ "ใครจะCropหรือไม่ก็ได้" 2-หลังจากตัดภาพเป็น 16:9 แล้ว เริ่มปรับสีกันโดยให้คลิกที่ Adjustment แล้วเลือก Color Balance จากนั้นปรับโทนสีในส่วนของ Midtones ให้ดูอุ่นๆ
Read more »