• หน้าแรก
  • เรื่องราวของผม
  • บทความ
  • คลิปวีดีโอ
  • คอร์สเรียน
    • คอร์ส Illustrator Online
    • Icon Design ออกแบบไอคอนด้วย Illustrator
    • คอร์ส Illustrator รูปแบบ DVD
  • หนังสือ
Type and hit ENTER
ขุนพลกราฟิก
  • หน้าแรก
  • เรื่องราวของผม
  • บทความ
  • คลิปวีดีโอ
  • คอร์สเรียน
    • คอร์ส Illustrator Online
    • Icon Design ออกแบบไอคอนด้วย Illustrator
    • คอร์ส Illustrator รูปแบบ DVD
  • หนังสือ
GET CONNECTED
คอร์ส Illustrator Online
คอร์ส illustrator online

Icon Design
icon design illustrator vector icon

สร้างงานไอคอนส่งขายทั่วโลก

  • หน้าแรก
  • เรื่องราวของผม
  • บทความ
  • คลิปวีดีโอ
  • คอร์สเรียน
    • คอร์ส Illustrator Online
    • Icon Design ออกแบบไอคอนด้วย Illustrator
    • คอร์ส Illustrator รูปแบบ DVD
  • หนังสือ
สร้างภาพ Bokeh Background
Share
การทำ bokeh background illustrator
บทความสอน Illustrator

สร้างภาพ Bokeh Background

มิถุนายน 16, 2016
-
Posted by ขุนพล

ติวเตอร์นี้มาสร้างโบเก้ใน Illustrator กันครับ เอาไว้ตกแต่งหรือเป็น background แนวเทศกาลต่าง ๆได้ จะว่าไป Bokeh มีลักษณะหลายรูปแบบหลายทรง วงกลม หกเหลี่ยมหรือดาว แต่ที่เห็นกันส่วนมากจะเป็นวงกลมที่มีลักษณะสะท้อนแสง ถ้าเป็นโบเก้ที่ได้จากแสงไฟตอนกลางคืนก็จะดูเป็นประกายมาก ไม่เกริ่นมากครับ เพราะทุกคนคงรู้จักกันดีอยู่แล้ว ถ้าไม่รู้จักลอง search กูเกิ้ลเลยครับ ^^

ติวเตอร์นี้มีส่วนประกอบที่ใช้เครื่องมือกราเดี้ยนมาก เพราะฉะนั้น ใครที่ยังใช้งานกราเดี้ยนไม่เป็นต้องไปดูเรื่องเกี่ยวกับ การลงสีกราเดี้ยน ก่อนนะครับ

สร้าง Background

1. เข้าเมนู file –> new ตั้งค่าตามภาพ


 

2. เข้าเมนู view เลือก smart guide (ถ้ามีเครื่องหมายถูกอยู่แล้ว แปลว่าเปิดใช้งาน Smart Guide อยู่แล้ว)


3. เลือกเครื่องมือสี่เหลี่ยม แล้วลากเม้าส์จากด้านบนถึงด้านล่างแนวทแยง ถ้าเปิด smart guide เอาไว้ มันจะดูดเข้ามุมให้พอดี


 

4.  เปิด color panel แล้วใส่สีดำ โดยคลิกที่ สี่เหลี่ยมสีดำได้เลยครับ


5. เข้าเมนู Object –> Create Gradient Mesh ใส่ค่าตามภาพ


 

6. ใส่สีตามจุด โดยเลือกลูกศรขาวแล้วคลิกลงบนจุด จากนั้นไปใส่สี โดยใช้ color panel


 

7. เมื่อเสร็จจุดแรกแล้ว ทำจุดต่อไปเหมือนเดิม การใส่สีแต่ละจุด ให้คลิกบนจุด แล้วใส่ค่าสีตามผมได้เลย ทำจนครบทั้ง 6 จุด


สร้างโบเก้

1. เพิ่มเลเยอร์ใหม่ –> เลือกเครื่องมือสี่เหลี่ยม –> คลิกบนอาร์ตบอร์ด 1 ครั้ง แล้วใส่ค่า


 

2. เปิด Gradient Panel ขึ้นมา
– คลิกเลือกแบบกราเดี้ยน
– เปลี่ยนเป็นแบบ Radial
– เลื่อนจุดสีขาวไปด้านขวามือ ให้ออกมาได้ววงกลมแบบในภาพ

 


3. ดับเบิ้ลคลิกจุดสีดำ คลิกที่สีเหลี่ยมสีดำด้านล่าง จะได้ค่าสีดำสนิท (0,0,0)


4. เปิด Transparency Panel ที่ช่อง Blending Mode เลือก Screen จะได้วงกลมลักษณะดวงไฟมา 1 วง


5. Copy วงกลมเพิ่มสัก 5-6 ชิ้น หรือตามต้องการ แล้วกรุ๊ปรวมไว้เลยครับ (Ctrl+G)


 

6. เพิ่มเลเยอร์ใหม่
– สร้างวงกลมขึ้นมาปรับกราเดียนตามภาพ
– ปรับวงกลมให้เป็น Screen และ ลด Opacity 40%


7. Copy วงกลมเพิ่ม ในตัวอย่างผมเปลี่ยนเป้นสีฟ้าบ้าง และบางวงลด Opacity ให้ต่างกัน ไม่ได้ใช้ 40% เท่ากัน เพื่อให้ดูมีมิติใกล้ไกลมากขึ้น

8. เพิ่มเลเยอร์ใหม่ –> สร้างวงกลมเหมือนขั้นตอนที่แล้ว แต่คราวนี้ปรับเป็น Color Dodge


 

9. เหมือนเดิมครับ Copy ออกมาหลาย ๆ วง เปลี่ยนสี และปรับขนาดเล็กใหญ่ ต่างกัน ตอนนี้มันขึ้นอยู่กับการจัดองค์ประกอบของแต่ละคนแล้วครับ ว่าจะทำให้ดูน่าสนใจขนาดไหน


10. เพิ่มเลเยอร์ใหม่ –> สร้างวงกลม –> ปรับเป็น Overlay : Opacity 50%


 

11. Copy ตกแต่งเพิ่มเติม ปรับเป็นขนาดต่าง ๆ กัน และปรับ Opacity ให้แตกต่างกัน


12. ตกแต่งเพิ่มเติมตามต้องการ อาจจะต้อง Copy เลเยอร์มาอีก 1 ชุด แล้ว ย่อลงให้เป็นชิ้นเล็ก(มาก) ถ้าทำตามผมถูกมาตั้งแต่แรก EPS ไฟล์นี้ ไม่เกิน 15 MB แน่นอนครับ


* ไม่ควรทำเลียนแบบภาพตัวอย่างแล้วนำไปส่งสต๊อก เพื่อให้ศึกษาวิธีการและเทคนิคเท่านั้น ควรใส่ไอเดีย พลิกแพลงในแบบของตัวเองลงไปด้วยครับ

ภาพประกอบ – บทความ : รัชพล ยรรยงค์เดชา (ขุนพล)

มิถุนายน 16, 2016
No comments yet
ขุนพล
Vector Artist | Graphic Design
ดีไซน์ทุกอย่างที่ขายได้ สอนทุกอย่างที่อยากสอน พัฒนาตัวเองวันละ 1 % เผยแพร่ความรู้ด้านขายภาพกราฟิกเวกเตอร์ออนไลน์มาอย่างยาวนาน และเชื่อว่าทุกคนสามารถเรียนรู้ Computer Graphic ได้
Keep being Awesome !!

Related News

Other posts that you should not miss.
บทความสอน Illustrator

ภาพส่วนหัวเว็บไซต์ ตั้ง Artwork ยังไง เพื่อให้ส่ง shutterstock ได้

พฤศจิกายน 23, 2019
-
Posted by ขุนพล

คนที่ขายภาพเวกเตอร์ออนไลน์อยู่แล้ว น่าจะคุ้นเคยกับขนาดภาพที่ส่งขายกันดีนะครับ ซึ่งส่วนใหญ่จะเห็นได้ 3 แบบหลัก ๆ คือ

Read More
พฤศจิกายน 23, 2019
Posted by ขุนพล
ทำ sramp ด้วย illustrator
บทความสอน Illustrator

สร้าง Stamp จาก Illustrator

กรกฎาคม 1, 2015
-
Posted by ขุนพล

การสร้าง stamp (ตราไปรษณีย์อากร) ไม่ใช่แสตมป์นักร้องนะครับ

Read More
กรกฎาคม 1, 2015
Posted by ขุนพล
wifi icon illustrator
บทความสอน Illustrator

สร้างไอคอน WiFi ใน Illustrator

มกราคม 21, 2016
-
Posted by ขุนพล

ลองดูวิธีการสร้างไอคอน WiFi อีกวิธีนะครับ โดยใช้เครื่องมือ Polar Grid Tool 

Read More
มกราคม 21, 2016
Posted by ขุนพล
← PREVIOUS POST
งานเวกเตอร์แต่ละแบบมันไปอยู่ในสื่อไหนได้บ้าง
NEXT POST →
ข้อผิดพลาดในการใช้ Blend ทำเงา Flat Icon

Leave a Comment

Your feedback is valuable for us. Your email will not be published.
Cancel Reply

Please wait...
Submit Comment

RECENT POSTS
  • ภาพส่วนหัวเว็บไซต์ ตั้ง Artwork ยังไง เพื่อให้ส่ง shutterstock ได้
    พฤศจิกายน 23, 2019

    คนที่ขายภาพเวกเตอร์ออนไลน์อยู่แล้ว น่าจะคุ้นเคยกับขนาดภาพที่ส่งขายกันดีนะครับ ซึ่งส่วนใหญ่จะเห็นได้ 3 แบบหลัก ๆ คือ

  • การใช้ keyword tool shutterstock
    หาคีย์เวิร์ดให้ภาพด้วย Keyword Tool Shutterstock
    มิถุนายน 30, 2019

    เครื่องมือ Keyword Tool Shutterstock แบบใหม่

  • การส่งภาพเวกเตอร์ shutterstock-upload-2019
    ส่งภาพเวกเตอร์ Shutterstock ข้อกำหนดใหม่ มีอะไรบ้าง
    มิถุนายน 29, 2019

    ข้อกำหนดใหม่ล่าสุดในการ ส่งภาพเวกเตอร์ของ Shutterstock ทำมาเป็นวีดีโออธิบายทีละข้อ น่าจะช่วยให้เข้าใจมากขึ้น

คอร์ส Illustrator Online
คอร์ส illustrator online

เริ่มต้น Illustrator กับคอร์สที่ง่ายที่สุด

Icon Design
icon design illustrator vector icon

สร้างงานไอคอนส่งขายทั่วโลก

หมวดหมู่
  • ข่าวสารที่น่าสนใจ (4)
  • บทความสอน Illustrator (6)
  • วีดีโอสอน Illustrator (21)
  • เคล็ดลับขายภาพเวกเตอร์ (27)
  • แรงบันดาลใจ (15)
GET CONNECTED
ช่องทางติดตามเพิ่มเติม
My Instagram
Load More...Follow on Instagram
หมวดหมู่
  • ข่าวสารที่น่าสนใจ (4)
  • บทความสอน Illustrator (6)
  • วีดีโอสอน Illustrator (21)
  • เคล็ดลับขายภาพเวกเตอร์ (27)
  • แรงบันดาลใจ (15)
Like Us On Facebook
Facebook Pagelike Widget
สร้างภาพ Bokeh Background Illustrator | KhunponGraphic