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

WEBSITE GRAPHIC DESIGN

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

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

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 

บทความ แนะนำ

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