สารบัญ
เมื่อคุณออกแบบเค้าโครงหรือเพียงแค่ปรับแถบการนำทาง คุณต้องแน่ใจว่าระยะห่างระหว่างแต่ละส่วนเท่ากัน ไม่สามารถบอกระยะทางที่แน่นอนด้วยการคลิกและลาก? ไม่ต้องกังวล คุณสามารถใช้เครื่องมือและคำแนะนำบางอย่างจาก Adobe Illustrator
คุณอาจพยายามจัดตำแหน่งวัตถุแล้ว เป็นจุดเริ่มต้นที่ดี! แต่โปรดจำไว้ว่าการจัดตำแหน่งไม่ได้เปลี่ยนระยะห่างของพื้นที่ แต่จะเปลี่ยนตำแหน่งเท่านั้น ใกล้เสร็จแล้ว เพียงค้นหาตัวเลือกอื่นๆ ภายในแผงการจัดตำแหน่ง
ในบทช่วยสอนนี้ คุณจะได้เรียนรู้สามวิธีในการจัดพื้นที่วัตถุให้เท่ากันใน Adobe Illustrator ฉันจะแสดงวิธีสร้างเลย์เอาต์แบบนี้โดยใช้สามวิธี
หมายเหตุ: ภาพหน้าจอจากบทช่วยสอนนี้นำมาจาก Adobe Illustrator CC 2022 เวอร์ชัน Mac Windows หรือเวอร์ชันอื่นๆ อาจดูแตกต่างออกไป
วิธีที่ 1: จัดแนวแผง
คุณสามารถจัดแนวและเว้นวรรควัตถุให้เท่าๆ กันด้วยการคลิกไม่กี่ครั้งโดยใช้แผงจัดแนว หากคุณต้องการระยะห่างที่แน่นอนระหว่างวัตถุ มีขั้นตอนสำคัญอย่างหนึ่งที่คุณไม่ควรพลาด นั่นคือ เลือกวัตถุสำคัญเป็นข้อมูลอ้างอิง ก่อนที่จะเข้าเรื่องนั้น มาเริ่มเพิ่มวัตถุในเอกสารกัน
ขั้นตอนที่ 1: ใช้ เครื่องมือประเภท (T) เพื่อเพิ่มข้อความลงในเอกสาร คุณสามารถลองเว้นวรรคและจัดตำแหน่งด้วยตาได้ด้วยความช่วยเหลือจากสมาร์ทไกด์
ไม่เลว! ระยะทางดูสวย แต่ขอให้เป็นมืออาชีพและทำแน่ใจว่ามีระยะห่างเท่าๆ กัน
ขั้นตอนที่ 2: เลือกข้อความทั้งหมด แผง จัดตำแหน่ง ควรแสดงภายใต้ คุณสมบัติ หากคุณหาไม่พบ คุณสามารถเปิดแผงจากเมนูเหนือศีรษะ หน้าต่าง > จัดตำแหน่ง
คลิก ตัวเลือกเพิ่มเติม (จุดสามจุด) เพื่อขยายแผง
คุณจะเห็นตัวเลือก กระจายระยะห่าง สองตัวเลือกที่ด้านล่างของแผง
ขั้นตอนที่ 3: เลือก พื้นที่กระจายแนวนอน
ฉันได้คัดลอกข้อความเพื่อแสดงความแตกต่าง ข้อความภายในกรอบมีระยะห่างเท่าๆ กัน
เคล็ดลับด่วน: หากคุณมีค่าระยะทางที่แน่นอนอยู่แล้ว คุณยังสามารถป้อนระยะทางได้ แต่ก่อนอื่น คุณต้องเลือกวัตถุหลัก
ตัวอย่างเช่น สมมติว่าคุณเลือก เกี่ยวกับ เป็นวัตถุหลัก
เลือก จัดตำแหน่งให้ตรงกับวัตถุหลัก บนแผงจัดตำแหน่ง
คุณจะเห็นหนึ่งในวัตถุ (ข้อความ) ถูกเน้น คุณสามารถเปลี่ยนออบเจกต์คีย์ได้โดยคลิกที่ออบเจ็กต์ที่คุณต้องการกำหนดให้เป็นออบเจกต์คีย์ ตอนนี้คลิกที่ เกี่ยวกับ
ป้อนช่องว่างที่คุณต้องการระหว่างวัตถุ เช่น 50px แล้วคลิก Horizontal Distribute Space
จำปุ่ม 3 ปุ่มนี้ไว้ 😉
ตอนนี้ระยะห่างระหว่างวัตถุคือ 50px
ตอนนี้สร้างแถบการนำทางแล้ว ไปที่เมนูย่อยกัน
วิธีที่ 2: ทำซ้ำขั้นตอน
วิธีนี้ใช้ได้เฉพาะเมื่อคุณเว้นระยะห่างวัตถุที่เหมือนกัน ถ้าวัตถุไม่เหมือนกัน ให้ลองใช้วิธีอื่น เรากำลังจะสร้างพื้นหลังของเมนูย่อย (สี่เหลี่ยมผืนผ้า) เดียวกัน ดังนั้นเราสามารถใช้วิธีนี้ได้
ขั้นตอนที่ 1: ใช้ เครื่องมือสี่เหลี่ยมผืนผ้า (M) เพื่อวาดรูปสี่เหลี่ยมผืนผ้า คุณสามารถจัดแนวให้ตรงกับข้อความด้านบน
หมายเหตุ: เมื่อคุณจัดแนววัตถุในแนวตั้ง คุณอาจเปลี่ยนระยะห่างในแนวนอน
ขั้นตอนที่ 2: กด ตัวเลือก ( Alt สำหรับผู้ใช้ Windows) และ Shift คลิกและลากสี่เหลี่ยมไปทางขวาใต้ข้อความที่สอง
ขั้นตอนที่ 3: ทำซ้ำขั้นตอนสุดท้าย (ซ้ำ) โดยใช้แป้นพิมพ์ลัด Command + D ( Ctrl + D สำหรับผู้ใช้ Windows) คุณสามารถใช้ทางลัดได้หลายครั้งจนกว่าคุณจะได้พื้นหลังสี่เหลี่ยมผืนผ้าสำหรับแต่ละหมวดหมู่
ง่ายและรวดเร็ว! วิธีนี้ใช้ได้ดีที่สุดเมื่อคุณต้องการสร้างรูปแบบที่มีระยะห่างเท่าๆ กัน โดยมีรูปร่างเหมือนกัน
ยังไงก็ตาม มาเพิ่มรายการเมนูย่อยกัน ฉันจะใช้ข้อความ Lorem Ipsum เป็นตัวอย่างและแสดงวิธีทำโดยใช้เส้นตารางเป็นแนวทาง
วิธีที่ 3: ใช้เส้นตาราง
หากคุณมีไม่มาก วัตถุที่จะจัดแนว คุณสามารถเว้นวรรควัตถุตามเส้นกริดและเส้นบอกแนวได้เท่าๆ กัน ที่จริงแล้ว ถ้า Smart Guide ของคุณถูกเปิดใช้งาน เมื่อคุณลากวัตถุ มันจะแสดงระยะห่างระหว่างวัตถุ แต่ให้ใช้เส้นตารางเพื่อให้แน่ใจ
ขั้นตอนที่ 1: หลังจากเพิ่มข้อความในเอกสารของคุณแล้ว ให้ไปที่เมนูโอเวอร์เฮด และเลือก ดู > แสดงเส้นตาราง เพื่อแสดงเส้นตาราง
คุณควรเห็นเส้นตารางในเอกสารของคุณ แต่คุณไม่เห็นเส้นตารางที่ด้านบนของสี่เหลี่ยม ลดความทึบของสี่เหลี่ยมผืนผ้า
ซูมเข้าก่อนไปยังขั้นตอนถัดไป
ขั้นตอนที่ 2: กำหนดระยะห่างที่คุณต้องการระหว่างข้อความ ตัวอย่างเช่น ถ้าคุณต้องการให้ช่องว่างเป็นสองแถวของกริด ย้ายข้อความสองแถวจากข้อความด้านบน
เมื่อคุณวางตำแหน่งข้อความทั้งหมดเสร็จแล้ว ให้ปรับความทึบของสี่เหลี่ยมผืนผ้ากลับเป็น 100%
ดูดีไหม? คุณสามารถเลือกข้อความทั้งหมดและทำซ้ำ (ลองใช้วิธีที่ 2) ไปยังคอลัมน์หมวดหมู่ถัดไป คุณสามารถเปลี่ยนเนื้อหาข้อความได้ในภายหลัง ที่นี่เรากำลังสร้างเค้าโครงเท่านั้น
คุณสามารถปิดกริดเพื่อดูว่ามีลักษณะอย่างไร
คุณสามารถตรวจสอบซ้ำได้เสมอเพื่อให้แน่ใจว่ามีการจัดแนวอย่างถูกต้องและเว้นระยะห่างเท่าๆ กัน กลับไปที่แผง จัดตำแหน่ง
สรุป
คุณสามารถใช้วิธีการใดๆ ข้างต้นเพื่อทำให้วัตถุมีช่องว่างเท่าๆ กัน และขึ้นอยู่กับสิ่งที่คุณกำลังพยายามสร้าง บางวิธีอาจสะดวกกว่าวิธีอื่นๆ
รีวิวสั้นๆ เมื่อคุณมีวัตถุพร้อมแล้ว วิธี Align panel ควรเป็นวิธีที่เร็วที่สุด หากคุณกำลังพยายามสร้างวัตถุที่เหมือนกันโดยเว้นระยะเท่าๆ กัน วิธีทำซ้ำขั้นตอนนั้นใช้ได้ดีทีเดียว
สำหรับกริด มันเป็นนิสัยที่ดีเสมอที่จะใช้มัน แต่มันเป็นความจริงที่ว่าเมื่อมีวัตถุหลายชิ้น การเคลื่อนย้ายทีละชิ้นอาจเป็นเรื่องวุ่นวาย
