Google Doodles วันที่ 10 มิถุนายน 2559

งานระดับนี้มีหรือที่ Google จะพลาด สำหรับารแข่งขันฟุตบอลชิงแชมป์แห่งชาติยุโรป 2016 

Google Doodles 10 June 16 - Uefa Euro 2016

วันนี้ Google Doodles จึงเปลี่ยนให้เข้ากับการแข่งขันฟุตบอลชิงแชมป์แห่งชาติยุโรป 2016 วันนี้เป็นวันเปิดสนามวันแรกนะ


บอกกันตามตรงเรายังไม่รู้เลยว่าใครเป็นเจ้าภาพ จนใกล้ถึงวันแข่งขันไม่ถึง 10 วัน นั้นแหละถึงจะได้รู้ว่าใครเป็นเจ้าภาพ ตารางการแข่งขันเป็นยังไง

Google Doodles 10 June 16 - Uefa Euro 2016

Google Doodle มีสองตัวนะ ทั้งสองตัวเน้นไปที่สัญลักษณ์ของประเทศฝรั่งเศส คือ หอไอเฟลกับไก่ ถ้าคลิกเข้าที่รูปก็จะมีผลคะแนน (ถ้าแข่งไปแล้ว) กับตารางการแข่งขันมาให้

ได้เวลานอนดึกอีกแล้ว ดูบอลให้สนุกและอย่าลืมดูแลสุขภาพตัวเองด้วยนะ

Facebook วันที่ 20 พฤษภาคม 2559

เข้าเดือนหก เป็นที่รู้กันว่าเมื่อถึง 15 ค่ำ เดือน 6 นั้น จะเป็นงานบุญวันพระใหญ่ หรือใครๆ ต่างรู้จักกันว่าเป็นวัน "วิสาขบูชา"  

Facebook 20 May 2016 : Visakha Bucha Day

Facebook เหมือนจะเก็บทุกเม็ดทุกเทศกาลเลยนะ หลังจากวันพืชมงคลไปแล้ว คราวนี้ก็มาวันวิสาขบูชาต่อ ( ดูหน้าตา Facebook ได้ที่นี่ )


ภาพคราวนี้สีม่วงมาเลย คราวที่แล้วชมพู ลุ้นกันคราวหน้าจะเป็นสีอะไร

Facebook 20 May 2016 : Visakha Bucha Day

ที่ให้แปลกใจการใช้คำใต้ภาพของ Facebook สุขสงบ พระธรรมคำสอนของพระพุทธเจ้า เขาศึกษามาเป็นอย่างดี

ปล. ในภาพไหงไม่มีผู้ชายเลยหว่า

วิธีออกแบบโลโก้

เรามาหัดออกแบบโลโ้กันเถอะ โลโก้ดูมันจิ๊บจ้อยแต่ในโลโก้นั้นจะบอกทุกอย่างเกี่ยวกับบริษัท เป็นงานที่ใช้ความคิดมาก มาเริ่มกันเลย (คลิกที่รูปเพื่อดูขนาดใหญ่)

ความรู้ที่ได้รับ
- ปรับแต่งดวย illustrator
- สร้างองค์ประกอบด้วยเครื่องมือ Pathfinder
- การปรับแต่งองค์ประกอบด้วยคำสั่ง Envelope Distort
- การ Convert ตัวหนังสือ


1. เริ่มจากภาพร่างของเรา

ขั้นที่ 1

2. สร้างหน้า Artboard โดยกำหนดเป็น CMYK Color หลังจากนั้น ใช้เครื่องมือ Ellipse Tool วาดวงรีรูปไข่ขึ้นมาและเติมสีตามชอบ

ขั้นที่ 2 วาดวงรี

3. วาดวงกลมขึ้นมา 2 รูป นำไปวางอยู่ด้านซ้ายและขวาของวงรีรูปไข่ จัดให้เข้ากึ่งกลางของรูปวงกลมทั้ง 2 อย่างสวยงาม



4. รวมทั้งสามรูปเข้าด้วยกัน โดยใช้เครื่องมือ  Pathfinder เลือก 'Add to Shape Area' รูปทั้งสามจะรวมเป็นรูปเดียวกัน


5. มาทำให้ส่วนเชื่อมตัว ของวงกลมเล็ก วงกลมใหญ่ให้เป็นโค้งมนสวยงาม โดยสร้างสามเหลี่ยมมนขึ้นมา ปรับโหมดเป็นเอาท์ไลน์โหมด (กด CTRL-Y) ซูมเข้าไปใกล้ๆ เพื่อสะดวกในการวางสามเหลี่ยมมนๆ ที่เราเพิ่งสร้างขึ้นมา


6. หลังจากวางลงอย่างสวยงาม ใช้เครื่องมือ  Pathfinder เลือก 'Add to Shape Area' อีกครั้ง เพื่อรวมรูปให้เป็นรูปเดียว


7. ซูมเข้าไปใกล้ๆเพื่อตแต่งอีกครั้งให้สวยงาม



8. หลังจากสวยงามเรามาสร้างสโตรคโดยเลือก  Object > Path > Offset Path เลือกเป็น 3mm และเมื่อได้มาแก้ไขสีใหม่ตามใจชอบ



9. เรามาสร้างความโดดเด่นให้กับตัวโลโก้กันอีกหน่อย โดยเราจะสร้างเงาขึ้นมาเพื่อเน้นทรงกลม เริ่มโดยสร้างสามเหลี่ยมขึ้นมา โดยเครื่องมือ Polygon tool


11. ทำการยืดสามเหลี่ยมออกมาให้ได้ขนาดตามที่ต้องการ


12. ทำการดัดสามเหลี่ยมให้โค้งโดยใช้คำสั่ง Object > Envelope Distort > Make with Warp เลือกแบบ Arc style ที่ 50% และแนวตั้ง ( Vertical axis)


13. ใช้คำสั่ง Object > Expand เลือก Object เท่านั้น เพื่อสลายคำสั่ง Envelope Distort


14. นำไปวางในตำแหน่งดังรูป ขยับและขยายให้ลงตัว


15. ทำทั้งด้านบนและด้านล่าง จะช่วยให้ตรงกลางดูเป็นทรงกลมนูนขึ้นมา


16. รวมโค้งเข้ากับเส้นรอบนอก โดยใช้เครื่องมือ  Pathfinder เลือก 'Add to Shape Area'


17. เมื่อรวมทั้งหมดเข้าด้วยกัน เราสามารถปรับและแก้ไขรูปที่เราสร้างได้ตามต้องการ เริ่มจากทำการเปลี่ยนสีข้างนอกของรูปเป็น C=70, M=80, Y=0, K=0 และข้างในเป็น C=45, M=70, Y=0, K=0 หลังจากนั้นทำการหมุน 45 องศา เพื่อทำให้ดูมีการเคลื่อนไหว


18. เรามาสร้างความโดเด่นให้กันอีกนิด โดยเติมความแวววาวให้กับโลโก้กัน เริ่มจากสร้างรูปสามเหลี่ยมขึ้นมา สร้างวงกลมขึ้นมา นำมาซ้อนกันดังรูป แล้วรวมรูปเข้าด้วยกันด้วย Pathfinder


19. ทำการดัดให้โค้งด้วยคำสั่ง Object > Envelope Distort > Make with Warp  ที่ 50% ในแนวตั้ง ดังรูป


20. จัดมุมให้สวยงาม และเปลี่ยนสีเป็น C=35, M=45, Y=0, K=0 เพื่อให้ดูเหมือนความเงาวาว


21. มาจัดการเรื่องตัวหนังสือกันต่อ เราสามารถเข้าไปที่เวบ www.dafont.com เพื่อเลือกฟอนต์ฟรีสวยๆ ได้ โดยในตัวอย่างนี้เราเลือกใช้ฟอนต์ Eurofurence หลังจากทำการติดตั้งเรียบร้อยแล้ว

เราพิมพ์คำว่า purple โดยดูน้ำหนักของตัวหนังสือหลายๆ แบบ ทำการใส่สโตรคให้กับคำว่า purple


22. เมื่อได้แบบตามที่ต้องการแล้ว ทำการ Convert (CTRL-SHIFT-O) จัดช่องไฟให้ดูสวยงาม


23. ทำการ Outline Stroke โดยใช้คำสั่ง Object > Path > Outline Stroke


24. นำรูปภาพมาจัดวางหน้าตัวหนังสือ


25. ลองเปลี่ยนสี เปลียนสไตล์ จนลงตัวได้แบบที่เราต้องการ ก็เป็นอันเสร็จสิ้นสำหรับโลโก้


ลองหมั่นฝึกปรือบ่อยๆ และลองสร้างโลโก้ใหม่เพื่อทำการฝึก

เครดิตจาก : blog.spoongraphics.co.uk

กลับด้านบน