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

WEBSITE GRAPHIC DESIGN

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

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

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 

บทความ แนะนำ

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