Ai - Ribbon Banner การทำริบบิ้นแบนเนอร์ด้วยอิลาส

วันนี้เรามาใช้อิลาส ทำริบบิ้นแบนเนอร์กันครับหน้าตาเป็นอย่างไรดูตัวอย่างครับ..มาเริ่มกัน

1-เริ่มที่สร้างสี่เหลี่ยมผืนผ้าด้วย Rectangle Tool จากนั้นคลิกที่ Artwork แล้วลากเพื่อสร้างสี่เหลี่ยมผืนผ้า ดูตามตัวอย่าง
2- คลิกที่ Move Tool (หรือกด V) จากนั้นคลิกที่สี่เหลี่ยมแล้วลากลงมาเพื่อCopyเราจะได้สี่เหลี่ยมเพิ่มขึ้นมา (ตอนที่ลากลงมาให้กด Alt ค้างเอาไว้ด้วย) เสร็จแล้วใช้ Move Tool คลิกที่จุดตรงกลางด้านขวาแล้วลากเพื่อปรับขนาดให้สั้นตามตัวอย่าง
3-เสร็จแล้วคลิกที่ Direct Selection Tool (หรือกด A)แล้วคลิกที่สี่เหลี่ยมอันที่สองเพื่ิอSelect จากนั้นใช้ Pen Tool (หรือกด P) คลิกไปตรงกลางระหว่างบนกับล่างเพื่อเพิ่มจุดดัด

4-จากนั้นใช้ Direct Selection Tool คลิกที่จุดที่เพิ่งเพิ่มแล้วลากไปทางขวาให้เป็นเหมือนในตัวอย่าง

5-ถ้าชิ้นที่สองอยู่ด้านบนเหมือนในตัวอย่าง ให้ย้ายไปไว้ด้านล่างโดยการคลิกชิ้นที่จะย้ายแล้วคลิกขวาเลือก Arrange - Send To Back (หรือกด Shift+Ctrl+[ ) จากนั้นปรับตำแหน่งตามตัวอย่าง

6-คลิกที่ Line Segment Tool เพื่อเพิ่มเส้นต่อระหว่างชิ้นที่1กับ2ตามตัวอย่างเสร็จแล้วใช้ Move Tool คลิกเลือกชิ้นส่วนที่2กับ3แล้วกด Ctrl+G เพื่อGroup

7-ถ้าหล้ง Group แล้วชิ้นส่วนขึ้นมาอยู่ด้านบนอีกให้ย้ายลงไปอยู่ด้านล่างเหมือนเดิม

8-ทำการcopyชิ้นส่วนที่2เพิ่มและกลับด้านโดยการคลิกขวาเลือก Transform - Refiect ที่Popup เลือกVertical และกดCopy เสร็จแล้วให้เราลากส่วนที่Copyไปไว้ทางขวาเหมือนในตัวอย่างเสร็จแล้วให้Groupทั้งหมดไว้ด้วยกัน

9-จากนั้นใช้ Type Tool (หรือกดT) พิมพ์อักษรตามต้องการและจัดตำแหน่งให้เรียบร้อยแล้ว จากนั้น Groupทั้งหมดเข้าด้วยกันอีกครั้ง

10-ไปที่ Effect - Warp - เลือก Arc หรืออะไรก็ได้จะมีหน้าต่างเล็กๆขึ้นมาที่ Styeคือรูปแบบ ที่ Bend ใช้ปรับขนาดการดัด คลิกที่ Preview เพื่อให้แสดงตัวอย่างการปรับแต่ง

11-แสดงตัวอย่างการปรับแต่งแบบต่างๆบางส่วน ในส่วนของ Horizontal จะเป็นการปรับแต่งในด้านแนวนอน Vertical จะเป็นการปรับแต่งในด้านแนวตั้งลองปรับเล่นดูครับจะได้เข้าใจมากขึ้น

12-ถ้าหล้งจากเราปรับแต่งเสร็จแล้ว แต่ต้องการแก้ไขปรับแต่งเพิ่มเติมก็สามารถทำได้โดยให้ใช้ Move Tool คลิกเลือกชิ้นงานจากนั้นไปที่แถบ Appearance และคลิกเลือก Effect ที่ต้องการแก้ไขก็จะเรียกการตั้งค่าขึ้นมาให้ปรับแต่งตามตัวอย่าง แต่ถ้าใครหาแถบ Appearance ไม่เจอให้ไปที่ Window - เลือก Appearance (หรือกด Shift+F6)...จบนะ
สำหรับคนที่เพิ่งเริ่มใช้อิเลสก็อาจจะงงๆหน่อยนะครับค่อยๆอ่านและทำตามไปก่อนละกันพอเราเข้าใจหลักแล้วก็จะง่ายขึ้นนะครับ...ผิดพลาดตรงไหนก็ขออภัยมา ณ ที่นี้ด้วยครับ

ความคิดเห็น

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

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

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

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

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