สร้าง Icon cofe' ร้านกาแฟ ด้วย อีลาส (Illustrator)

สร้าง Icon ด้วยอีลาส (Illustrator) หรือจะนำไปประกอบสื่ออื่นๆ ก็ได้ครับ โดยใช้เครื่องมือในกลุ่ม Pathefinder, copy and paste เครื่องมือ Gradient นี้คือเครื่องมือส่วนใหญ่ที่ใช้ในบทความนี้ครับ

ภาพที่เสร็จแล้ว

1.สร้างพื้นที่สำหรับใช้งาน สร้างวงรีด้วยเครื่องมือ Ellipse Tool และสี่เหลี่ยมด้วย Rectangle Tool เอารูปสี่เหลี่ยมที่สร้างเสร็จแล้วไปวางบนรูปวงรีตามภาพ แล้วเลือกทั้งสองรูป ใช้เครื่องมือ Pathfinder  (Shift+Ctrl+F9) กดเลือก Minus Front ตามภาพ จะได้ตามภาพถัดไปทำการ สร้างสี่เหลี่ยมอีกวางทับบนครึ่งวงกลมตามภาพครับ คลิ๊กเลือกรูปวงรีครึ่งวง copy กด Ctrl+C แล้ว Paste กด Ctrl+B ใช้ Pathfinder > Unite ตามภาพครับ ทีนี้ก็จะได้ตัวร้านแล้วครับ

2.ทำส่วนประตูร้าน ขั้นแรกเลย สร้างสี่เลี่ยมขึ้นมาอีกครับทับบนตัวร้านตามภาพครับแล้ว copy ตัวร้านวางกด Ctrl+B กด Shift ค้างไว้ กดเลือกสี่เหลี่ยมที่เราสร้างตอนแรก  Pathfinder (Shift+Ctrl+F9) > Minus Front  ทำการย่อตามภาพเพื่อจะทำเป็นที่จับ Ctrl+C copy ตัวร้านวางกด Ctrl+B กด Shift ค้างไว้ กดเลือกตัวที่จับที่ทำไว้  Pathfinder (Shift+Ctrl+F9) > Minus Front สร้างสี่เหลี่ยมผืนผ้าเป็นประตูตามภาพ คลิ๊กขวาที่สี่เหลี่ยมผืนผ้า เลือก Arrange > Send to Back

3.ทำขอบ เลือกทั้งหมด ไปที่ Object > Path > Offset Path ตั้งค่า แล้วตกลงตามภาพครับ ต่อไปเลือกส่วนที่เป็นประตูทั้งหมดครับตั้งค่าเหมือนเดิมครับ Object > Path > Offset Path เปลี่ยนจาก -3 mm เป็น 1mm ครับ

4.ทำกระจกหน้าร้าน สร้างสี่เหลี่ยมวางตามภาพ แล้วคลิ๊กเลือกตัวถ้วยด้านใน กด Crtl+C ต่อไป Crtl+B กด Shift ค้าง เลือกสี่เหลี่ยมที่เราสร้างขึ้นมาตอนแรกครับ ไปที่ Pathfinder (Shift+Ctrl+F9) > Minus Front  สร้างแท่งวางด้านบนรูปที่ทำเมื่อก่อนหน้านี้ เลือกทั้งสองรูป ตามภาพ ไปที่ Pathfinder (Shift+Ctrl+F9) > Minus Front  รูปสุดท้ายทำตามข้อที่ 3 ครับ

5.ลงสี Cyan (00AEEF), Blue (2E3192) เลือกทั้งหมด ที่ Fill > None(/)

6.กระจก select พื้นที่เป็นกระจก ที่ Gradient > Radial ปรับตามภาพ สร้างสี่เหลี่ยมขึ้นมา copy กระจก กด Crtl+F select รูปสี่เหลี่ยมที่สร้างไว้ ที่ Pathfinder (Shift+Ctrl+F9) > Intersect ที่ Gradient > Linear ปรับตามภาพ กระจกอีกข้างทำเช่นเดียวกันครับ  แต่จะเปลี่ยนตรง Pathfinder (Shift+Ctrl+F9) > Minus Front ที่ Gradient > Linear ปรับตามภาพ จะได้ตามภาพสุดท้ายครับ

7.หลังคา สร้างวงรี และสี่เหลี่ยมผืนผ้าดังภาพ เอามาวางซ้อนกันแล้วรวมเข้าด้วยกันใช้ Pathfinder (Shift+Ctrl+F9) > Unite  สร้างสี่เหลี่ยมเพื่อจะทำเป็นลายหลังคา แล้ว copy โดยกด Alt ค้างไว้ใช้เมาส์ลากจะเป็นการ copy ทำจนครบใส่สีตามภาพ ทีนี้ก็เอาตัวที่ทำไว้ตอนแรกไปวางซ้อนให้อยู่ด้านบน ไปที่ Pathfinder (Shift+Ctrl+F9) > Crop

8.ทำส่วนที่ยื่นออกมาของหลังคา สร้างสี่เหลี่ยมตามภาพ ไปที่ Effect > Warp >Arc Lower ตั้งค่าตามภาพ แล้วไปที่ Object > Expand Appearance ต่อไป ปที่ Effect > Warp > Arc Lower ตั้งค่าตามภาพ แล้ว copy วางกด Ctrl+F  ที่ Gradient > Linear ปรับตามภาพ

9.ถ้วยกาแฟ ก็ copy มาจากตัวร้านเลย ทำการย่อให้ได้ขนาดที่ต้องการตามภาพ copy ถ้วยการแฟ วางกด Ctrl+B ใส่สีดำ จัดให้ออกมาเหมือนเงานิดๆ ครับ ต่อมาที่ถ้วยกาแฟตั้งค่า Gradient ตามภาพครับ

10.จัดวางถ้วยตามภาพ วาดควันด้วย Paintbrush Tool (B) หัวแปรงเลือก Filbert

11.ตกแต่งเพิ่มเติมในส่วนของพื้น สร้างสี่เหลี่ยมขึ้นมาตามภาพ ตั้งค่า Gradient ตามภาพครับ แล้วก็มาสร้างสี่เหลี่ยมอีกอันตามภาพ คลิ๊กขวาที่สี่เหลี่ยม Arraange > Sand to Back

12.ใส่ชื่อร้านลงไปครับ