เข้าสู่ระบบ | สมัครสมาชิก
100Y DESiGN

WEBSITE GRAPHIC DESIGN

สร้างไอคอน css แบบสามมิติ โดยใช้ illustrator ใช้ illustrator ในการสร้าง icon rss ตามสไตล์ของคุณเอง
เขียนโดย 100Y Design | 27 พฤษภาคม 2555 เวลา 12:16:59 น. | ผู้เข้าชม 3773 ครั้ง

ขั้นตอนการทำ

1. สร้าง file ใหม่เลือกสีส้มแบบสว่างๆ จากให้นั้นเลือก rounded rectangle tool แล้วทำการสร้างรูปสีเหลี่ยมตามรูปด้าานล่าง




2. วาดรูปวงกลม โดยใช้ Ellipse Toolขณะที่วาดนั้นให้กด shift เพื่อทำให้รูปนั้นกลมสวยงาม

 


 
3. ใช้ Pen tool ในการสร้างเส้นโค้งตามด้านล่างโดยกำหนด stoke ตามได้เลย
 


 
4. สร้างเส้นโค้งอีกครั้ง ตามรูปด้านล่างเลย


 
5. ให้ click เลือกเส้นโค้งทั้งสองเส้น แล้วไปที่ object --->Expand จากนั้นให้เลือกที่ Stroke

 


 
6. ให้เลือกรูปที่เราวาดทั้งหมด แล้วคลิกขวา เลือก Group

 


 
7. จากนั้นไปที่ Effects --->3D --->Extrude&Bevel
 


 
8. ในช่อง Perspective ให้กำหนดเท่ากับ 42 Extrude Depth กำหนดเป็น 25 pt แล้วทำการหมุนรูปให้ดูเป็นรูปสามมิติที่สวยงาม


 


 
9. ตกแต่งด้านหน้าของรูปโดยการไล่สีตามด้านล่าง ในที่นี้เราบันทึกรูปจาก illustrator แล้วนำไปเปิดใน photoshop แล้วทำการเลือกเฉพาะด้านหน้าของรูปเพื่อใส่สีแบบไล่สีตามด้านล่าง
 

 
ขั้นตอนสุดท้ายทำการตกแต่งให้สวยงาม โดยอาจจะเพิ่มพื้นหลังและสร้างเงาตามด้านล่างเลย

 


 
 
Tag »  Illustrator 

บทความ แนะนำ

ใช้Gradient ในการทำภาพลูกแก้วมันวาว รู้เทคนิคการใช้งาน Gradient กันแล้ว ลองนำมาทำวัตถุแบบไล่สีกันดีกว่า ฝึกหัดทำลูกแก้วมันวาวด้วย Gradient ไล่สีการรูปออกมาให้เป็นรูปวงกลม ใช้ illustrator ในการสร้างรูปวงกลมให้ดูบรรเจิดการทำให้รูปภาพเข้าไปอยู่ในตัวอักษรโดย Illustrator เทคนิค Illustrator ง่ายๆ แต่ดูน่าสนใจ และมีการใช้งานบ่อยครั้ง เลยเก็บเอามาฝากกัน วิธีการทำให้รูปภาพเข้าไปอยู่ในตัวอักษรใช้ Illustrator ทำอักษรมีเงาให้ตัวอักษรดูมีมิติ บางครั้งการทำภาพใน Illustrator ต้องการภาพที่มีมิติ อาธิ การทำตัวอักษรที่เงาตกทอด ทำให้รู้สึกถึงการแสงส่งลงมากระทบวัตถุสีไล่น้ำหนักแบบ Gradient ใน Illustrator ใน Illustrator การไล่สีแบบ Gradient เป็นการไล่สีแบบที่ทำให้เกิดมิติ ทำให้ภาพดูมีความแปลกตา และภาพมีความน่าสนใจมากยิ่งขึ้น
Comment สำหรับสมาชิก 100Y Design.com เท่านั้น
กรอกรหัส =>
คำถามที่ต้องการคำตอบ แสดงความคิดเห็นธรรมดา
ไม่สามารถส่งข้อความได้ กรุณา เข้าสู่ระบบ หรือ สมัครสมาชิก
หมายเหตุ ระบบ Comment สำหรับสมาชิก จะทำให้ทีมงานของทางเว็บไซต์ทราบทันที่เมื่อมีสมาชิกฝากข้อความ หรือตั้งคำถามที่ต้องการคำตอบ ทางทีมงานจะพยายามหาคำตอบเพื่อที่มาตอบคำถามให้เร็วที่สุด
Comment สำหรับสมาชิก Facebook