Glossy Liquid Texture

ในโปรแกรม Adobe Illustrator มี Photoshop Effects ซ่อนอยู่ใน Option Bar ทำให้เราสามารถนำ Effect พิเศษเหล่านั้นมาประกอบกับภาพ Vector ที่สร้างใน Adobe Illustrator ได้ วันนี้ Grappik จะนำ Plastic Wrap Effect มาสร้าง  Glossy Liquid Texture ด้วยขั้นตอนง่ายๆกับเครื่องมือไม่กี่ชิ้น มาเริ่มกันเลย 1)New Document หรือเปิดไฟล์งานที่ต้องการวางงานขึ้นมา 2) เลือกสีของ Texture  อาจจะใช้สีโทนเดียวหรือหลายสีก็ได้ (ทำให้ได้ผลลัพธ์งานออกมาหลากหลายแบบภาพตัวอย่างด้านบน) 3)  เตรียมสี Gradient เปิด Gradient Panel ขึ้นมา หากไม่มีให้ไปที่ Window > Gradient หรือ Mac กด Command + F9 Windows […]

mymint

15/06/2019

ปั้นปุยเมฆน่ารักๆจากตาข่ายสี Gradient ง่ายๆด้วย Adobe Illustrator

ก้อนเมฆเป็นสิ่งที่มีรูปร่างไม่แน่นอนและมีลายละเอียดในตัวเองค่อนข้างมากทำให้กลายเป็นของอย่างหนึ่งที่ใครหลายๆคนขอเลี่ยงการวาดด้วยโปรแกรมวาดภาพ 2 มิติทั่วไป วันนี้ Grappik มีเทคนิคการสร้างก้อนเมฆแบบง่ายๆและให้ความเหมือนจริงด้วย Mesh Tool และ Wrinkle Tool ในโปรแกรม Adobe Illustrator Mesh Tool เป็นเครื่องมือที่ช่วยให้ชิ้นงานเกิดความเป็น 3 มิติด้วยการเพิ่มเส้น Path และจุดตัด (หลายๆคนเรียกว่าตาข่าย) ลงบนผิว Object ทำให้เราสามารถเติมสีลงไปบนจุดตัดแต่ละจุดของตาข่ายได้ซึ่งสีของจุดตัดแต่ละจุดจะไล่สีเข้าหากันแบบ Gradient เราจะใช้เครื่องมือนี้ทำให้รูปร่างจาก Path มีความเป็นสามมิติ จากนั้นใช้ Wrinkle Tool บิดเส้น Path ที่เกิดจาก Mesh Tool ให้กลายเป็นลายปุยเมฆและใช้ Blur Effect ทำให้งานมีความฟุ้งเหมือนปุยเมฆจริงๆ  มาเริ่มกันเลย 1) New Document หรือเปิดไฟล์งานที่ต้องการวางงานขึ้นมา 2) เลือกสีของก้อนเมฆที่จะสร้าง  จากตัวอย่าง เมฆที่กำลังจะสร้างจะมีสีพื้นเป็นสีม่วงอมฟ้าและถูกแสงสีเหลืองตกกระทบ จึงเลือกสีส้มและสีเหลืองเป็นสี Highlight สีม่วงอมฟ้าและสีน้ำเงินเข้มเป็น Shadow 3) สร้างรูปร่างของเมฆด้วย […]

mymint

22/04/2019

Break the text

เราสามารถขึ้นรูปชิ้นงานสามมิติได้หลากหลายวิธีมากในโปรแกรม Adobe Illustrator เช่นการใช้เครื่องมือ Pen Tool Rectangle Tool ซึ่งอาจใช้เวลาในการสร้างนานและยาก วันนี้ Grappik จึงมานำเสนอวิธีขึ้นรูปชิ้นงานสามมิติแบบง่ายๆและเพิ่มเทคนิคการตัดวัตถุด้วย Path Finder เพื่อสร้างรอยแตกเท่ๆให้ชิ้นงาน มาเริ่มกันเลย 1) New Document หรือเปิดไฟล์งานที่ต้องการวางชิ้นงานขึ้นมา 2) เลือกเครื่องมือ Type Tool (T) และพิมพ์คำที่ต้องการ 3) Create Outlines   Select คำที่พิมพ์ไว้และกดคำสั่ง Type > Create Outlines หรือ Windows กด Shift + Ctrl + O Mac กด Shift + Command + O เมื่อกดคำสั่งแล้วโปรแกรมจะสร้าง Path ให้กับตัวอักษรนั้นให้เราสามารถนำไปปรับแต่ง ใช้งานได้อย่างอิสระ 4) สร้างรอยแตก […]

mymint

12/04/2019

Fold the Glitch ด้วยโปรแกรม Adobe Illustrator

Glitch คือ ความบกพร่องชั่วคราวที่เกิดกับ ระบบคอมพิวเตอร์ วิดีโอเกมส์ หรือ โทรทัศน์ ซึ่งคำว่า Glitch นั้นมีรากศัพท์มาจากคำว่า glitschen ในภาษาเยอรมนี ซึ่งมีความหมายว่า to slip วันนี้ Grappik จะมานำเสนอวิธีสร้างภาพ Glitch จากโปรแกรม Adobe Illustrator ด้วยเทคนิคการตัดภาพง่ายๆด้วย Pathfinder และเพิ่มการพับให้เกิดเป็นภาพสามมิติด้วย 3D Rotate Effect  มาเริ่มกันเลย 1. New Document หรือเปิดไฟล์งานที่ต้องการวางชิ้นงาน 2. สร้างรูปทรงที่ต้องการ เลือกสร้าง Object จากเครื่องมือสร้าง Path ใดก็ได้ ในภาพตัวอย่างใช้ Pen Tool (P) และ ​Text tool (T)  Tips ถ้าเลือกสร้าง Object ด้วย Text tool (T) […]

mymint

20/03/2019

สร้าง Soft Line ยากๆด้วยเทคนิคง่ายๆใน Adobe Illustrator

  Soft Line คือโครงสร้างเส้น Path ที่ถูก Duplicated มาวางเรียงกันไปเรื่อยๆจาก  Object ต้นกำเนิด 2 ชิ้นด้วย Blend Tool โหมด Specified Distance ซึ่งเราสามารถเพิ่มความซับซ้อนของโครงสร้างได้ด้วยเทคนิค Replace Spine หรือการเพิ่มกระดูกแกนให้เส้น Path ที่ Duplicated มาจาก Blend Tool เดินทางตามแกน มาเริ่มกันเลย 1 New Document หรือเปิดไฟล์งานที่ต้องการวางงานขึ้นมา 2 วาดเส้น 2 เส้น เส้นทั้ง 2 จะเป็น Object ต้นกำเนิดเส้นทั้งหมด หมายความว่าเป็นตัวกำหนดรูปร่างหลักๆของ Soft Line นั่นเอง เราสามารถเลือกใช้เครื่องมือใดก็ได้ในการสร้าง Path ในตัวอย่างจะใช้ Paintbrush Tool ลากเส้นขึ้นมา   3 ใส่สีและขนาดเส้น […]

mymint

06/03/2019

สร้าง Holographic Material ด้วย Adobe Illustrator

Holographic Material เป็นวัสดุที่สะท้อนแสงออกมาหลากหลายสีและมีความลื่นไหลเป็นเอกลักษณ์ วันนี้ grappik จึงอยากนำวิธีการสร้างลวดลายแบบ Holographic และการขึ้นรูปแบบ 3D โดยไม่ง้อโปรแกรม 3D โปรแกรมที่เราจะใช้ก็คือ Adobe Illustrator ซึ่งมีเครื่องมือที่ชื่อว่า Mesh Tool และคำสั่ง Envelope Distort ซ่อนอยู่ Mesh Tool เป็นเครื่องมือที่ช่วยให้ชิ้นงานเกิดความเป็นสามมิติ ด้วยการเพิ่มเส้น Path ให้เกิดจุดตัด (หลายๆคนเรียกว่า ตาข่าย) ลงบนผิว Object ทำให้เราสามารถเติมสีลงไปบนจุดตัดของตาข่ายได้ ซึ่งสีของจุดตัดแต่ละจุดจะไล่สีเข้าหากันแบบ Gradient ซึ่งเราจะนำคุณสมบัตินี้มาประยุกต์ใช้สร้างชิ้นงาน 3D และสร้างลาย Holographic ส่วนคำสั่ง Envelope Distort จะช่วยประกอบชิ้นงาน 3D และลาย Holographic เข้าด้วยกัน มาเริ่มกันเลย 1)New Document หรือเปิดไฟล์ที่ต้องการวางงานขึ้นมา 2) สร้างรูปร่างของวัสดุคร่าวๆ     อาจใช้  rectangle […]

mymint

23/02/2019

สร้าง Metallic Material ในไม่กี่คลิกด้วย Adobe Illustrator

Gradient Design นั้นเป็นที่นิยมในหมู่นักออกแบบกราฟิกอย่างมากในปี 2018 และก็ได้มาอยู่ใน Design Trends 2019 เป็นที่เรียบร้อยแล้ว วันนี้ Grappik จึงอยากนำเสนอการใช้ Gradient tools ในโปรแกรม Adobe Illustrator สำหรับสร้าง Metallic Material เพื่อนำไปประกอบงานออกแบบต่างๆ ซึ่งนอกจาก Gradient tool ที่ใช้ไล่สีแล้ว อีกหนึ่งเครื่องมือสำคัญที่จะสร้างรูปร่าง3มิติให้วัสดุของเราก็คือ Blend Tool      มาเริ่มกันเลย 1. New Document หรือเปิดไฟล์งานที่ต้องการวาง Metallic Material ขึ้นมา 2. จัดเรียงสี กำหนดสีที่ต้องการให้ Metallic ของเราสะท้อนออกมา โดยอาจใช้หลายสีผสมกัน เมื่อเลือกสีได้แล้วก็มาจัดเรียงสีตามตำแหน่งที่อยากให้ไล่สีกันบนวัสดุ อาจลองเลียนแบบตำแหน่งของแสงสีขาวและเงาสีเข้มจากภาพโลหะจริงๆเพื่อความสมจริงของงาน 3. Gradient เลือกเครื่องมือ Gradient หรือ กด G คลิกที่ Object […]

mymint

11/02/2019

เพิ่มความสนุกและมิติให้ภาพถ่ายด้วยตัวอักษร

วันนี้เราจะมาแปลงโฉมภาพถ่ายธรรมดาให้ดูสนุกสนานและมีมิติมากขึ้นด้วยตัวอักษรและเทคนิคการใส่แสงเงาที่ไม่ยุ่งยากแต่ได้ผลลัพธ์น่าประทับใจ เครื่องมือที่เราจะใช้ในงานนี้ก็คือ Text สำหรับพิมพ์อักษร , Guassian Blur Filter สำหรับสร้างเงาตกกระทบที่สมจริง และ Layer Mode ที่จะทำให้ Texture ของเงากลมกลืนกับภาพสมจริง มาเริ่มกันเลย 1 เลือกรูปถ่ายของเรา  แนะนำให้เป็นรูปที่มี object อยู่ที่ระยะหน้าของรูป (Foreground) 2  พิมพ์ข้อความ  ใช้เครื่องมือ type tool พิมพ์คำที่ต้องการลงไปพร้อมกับเลือกสีที่ต้องการ   3  Rasterize Type ไปที่ layer ตัวอักษร คลิกขวา เลือก Rasterize Type เพื่อทำให้ text กลายเป็นภาพ ขั้นตอนต่อไปนี้จะเป็นการสร้างเงาของตัวอักษร 2 ชั้น เพื่อเพิ่มความมีมิติให้กับภาพ 4 Duplicate layer ตัวอักษรขึ้นมาโดยการกด Mac กด command + J  […]

mymint

04/01/2019