keybord-Ai

คีย์ลัดโปรแกรม Adobe illustrator

คีย์ลัดโปรแกรม Adobe illustrator จากเว็บไซต์ makeawebsitehub.com ที่สรุปการใช้คีย์แบบเข้าใจง่าย บนคีย์บอร์ด ทำให้เราดูง่ายยิ่งขึ้น

Continue reading

By the guys over at start up a website today

 

’Illustrator

credit : makeawebsitehub.com

 

AFFINITY DESIGNER

อีกทางเลือก Affinity Designer โปรแกรมสำหรับกราฟิกดีไซน์เนอร์

จากบทความที่แล้วได้กล่าวถึงโปรแกรม Affinity Photo กันแล้ว และสำหรับอีกหนึ่งโปรแกรมที่น่าสนใจสำหรับกราฟิกดีไซน์โดยเฉพาะ จากบริษัท Serif มีชื่อโปรแกรมว่า Affinity Designer เท่าที่ดู…ออกแนวโปรแกรม illustrator เลยครับ

Continue reading

Affinity Designer เป็นโปรแกรมที่เปิดตัวมาก่อน Affinity Photo น่าจะประมาณช่วงเดือนสิงหาคม 2557 ด้วยการออกแบบ ที่ทำให้คุณใช้งานได้อย่างสะดวก , ทำงานรวดเร็ว , ซูมถึงใจ 1ล้าน% , มีเครื่องมือให้ใช้เหมือนมืออาชีพ จะ 2D หรือ 3D เหมือน Sketchup ก็ย่อมได้ (แต่ Sketchup คงใช้งานง่ายกว่า) , Vector หรือ Pixel ก็ได้ , เปิด AI, PSD, EPS, SVG ได้ ยังมีอะไรมากมายกว่าที่คิด…ไม่เห็นภาพล่ะซิ มาดูวิดีโอพร้อมกับผลงานกันเลยครับ 

ผลงานจากโปรแกรม Affinity Designer 

 

Affinity Designer รองรับเฉพาะระบบปฏิบัติการ OS X เท่านั้น สนใจดูรายละเอียดและดาวน์โหลดมาทดลองใช้กันได้หรือซื้อที่ราคา USD 49.99 (ประมาณ 1600 บาท) ที่ https://affinity.serif.com/en-gb/

ทำไม? ถึงต้อง 2 โปรแกรม…สำหรับสื่อสิ่งพิมพ์

 

ปกติคนที่ทำงานทางด้านกราฟิก โปรแกรมพื้นฐานจริงๆ จะเป็นโปรแกรม Photoshop ซึ่งเป็นโปรแกรมที่ใช้งานง่ายที่สุด แต่ถ้าจะทำงานเฉพาะทางจริงๆ ควรใช้โปรแกรมเสริมต่างได้

Continue reading

โปรแกรมที่ทำงานร่วมกัน

  • สื่อสิ่งพิมพ์ ใช้ Photoshop + illustrator
  • Web หรือ Mutimedia Design ใช้ Photoshop + Dreamweaver หรือ Flash
  • Lay out จัดรูปเล่ม ใช้ Photoshop + Indesign หรือร่วมกับ illustrator ด้วย

โดยในเนื้อหานี้ จะเป็นการทำงานในด้านสื่อสิ่งพิมพ์ ซึ่งเป็นพื้้นฐานของงานกราฟิกดีไซน์ จริงๆ การใช้งานร่วมกันจะเป็นโปรแกรม Photoshop + illustrator

แล้วทำไมถึงต้องเป็น 2 โปรแกรมนี้? เพราะทั้ง 2 โปรแกรม ถูกสร้างมาโดยใช้การทำงานคนละแบบกัน แล้วอย่างไร?

  • Photoshop เป็นโปรแกรมสำหรับตกแต่งภาพ ตัดต่อภาพ
  • illustrator เป็นโปรแกรมสำหรับการวาดเส้น วาดลวดลาย ด้วยความที่มีคุณสมบัติเป็นโปรแกรมที่่ทำงานแบบ Vecter ทำให้มีความคมชัด ไม่เสียรายละเอียดเหมือนโปรแกรมที่ทำงานในแบบ Bitmap เช่น Photoshop

กล่าวได้ว่า โปรแกรมทั้งสองมีทั้งส่วนที่ขาด ส่วนที่เกิน เพื่อที่จะเติมเต็มบางส่วนของกันและกัน แต่ในงานพิมพ์คุณภาพสูงแล้ว เราก็ควรเลือกใช้ทั้ง 2 โปรแกรม ทำงานในแต่ละส่วน อาจทำให้ต้องสลับกันในขั้นตอนต่างๆ

 

 

สร้างรูปทรงเรขาคณิต|illustrator

สร้าง Shapes รูปทรงเรขาคณิต อย่างไร รูปทรงเรขาคณิตมีอยู่หลายรูปแบบ ไม่ว่าจะเป็น สามเลี่ยม สี่หลี่ยม วงกลม ฯลฯ แค่มีรูปทรงเรขาคณิตเราก็สามารถนำมาสร้างสรรค์ผลงานได้เช่นกัน

Continue reading

โดย รูปทรงเรขาคณิต ที่โปรมแกรมมีมาให้จะมีดังนี้

shapes-01

Rectangle Tool : สี่เหลี่ยม

Rounded Rectangle Tool : สี่เหลี่ยมขอบมน

Ellipse Tool : ทรงกลม

Star Tool : ทรงดาว

Polygon Tool : ทรงหกเหลี่ยม

Flair Tool : ลำแสงรัศมีประกาย

เราสามารถนำรูปทรงเรขาคณิตวาดรูปได้อย่างไร (ผมจะวาดรูปหัวสัตว์นะครับ)

1.คลิกเครื่องมือ Ellipse Tool เพื่อสร้างหัวและหู

Tip : เวลาที่เราจะทำทรงกลม เราอาจจะกด Shift เพื่อที่เราจะให้ด้านทั้งสองเท่ากัน

shapes-02

2.ลบส่วนที่ไม่ต้องการออกด้วย Path Eraser Tool >> แดรกเมาส์ส่วนที่ต้องการจะลบ

shapes-03

3.จะ Copy ส่วนหูไปใส่อีกข้างอย่างไร ให้เราคลิกเลือกหูหนึ่งข้าง กด alt ค้าง แล้วลากได้เลยครับ เราก็จะได้ส่วนหูอีกข้าง และไปที่เครื่องมือ Reflect Tool เพื่อกลับด้านใบหู

shapes-04

4.ต่อไปเป็นการวาดส่วนในใบหน้า เราสามารถนำบทเรียนที่แล้วมาทำได้ครับ ผมจะใช้ Path มาช่วยในการสร้างใบหน้า และกลับด้านด้วย Reflect Tool

ทำตาด้วย Arc Tool

ทำจมูกด้วย Ellipse Tool 

ทำปากด้วย Line Segment Tool 

ทำแก้มด้วย Spiral Tool  

ด้านในใบหู ใช้การ Copy แล้วลดขนาด

shapes-05

การปรับแต่งเส้นขอบโดยใช้ Brush | illustrator

จาก การปรับแต่งเส้นขอบโดยใช้ Stroke ผมจะใช้ภาพเดียวกันในการแต่งเส้นนะครับ โดยทำในตัวแมลง เรามาเริ่มไปพร้อมๆกันเลยครับ

Continue reading

1.เปิดภาพ (ผมใช้ภาพเดิม) แต่ถ้าใครจะวาดก็ได้เช่นกันครับ ไปที่ Brush Tool >> คลิกเลือกรูปแบบเส้นขอบ >> แดรกเมาส์วาดภาพที่ต้องการ

Stroke-03

2.เรียก พาเนล Brushes โดย Window >> Brushes (หรือกด F5) 

BrushesPanel

3.เมื่อวาดภาพสร็จ เราจะทำการเปลี่ยนเส้นขอบโดยการ แดรกเมาส์เส้นที่วาด >> คลิกที่พาเนล Brushes >> เลือกรูปแบบลายเส้นที่ต้องการ เพียงเท่านี้ก็ลายเส้นที่ต้องการแล้วครับ 

Brushes-01

ผลลัพธ์ 

Brushes-02

นอกจากนี้ยังมีลายเส้นต่างๆอีกมากมาย สามารถเรียกใช้งานได้ที่ Brushes Libraries menu >> เลือกรูปแบบได้ตามต้องการเลยครับ

BrushesPanel-02

 

ผลลัพธ์ 

Brushes-03

การปรับแต่งเส้นขอบโดยใช้ Stroke | illustrator

ต่อจากการ สร้างเส้นด้วย Pen Tool เราวาดภาพหนึ่งภาพง่ายๆ และจะแต่งเส้นขอบของภาพนั้นอย่างไร จะใช้ พาเนล Stroke และ Brush ครั้งนี้เราจะมาเรียนรู้การใช้ Stroke กันก่อนนะครับ

Continue reading

การใช้ Stroke

1.วาดภาพหนึ่งภาพ

Stroke-01

 

2.เรียก พาเนล Stroke โดย Window >> Stroke (หรือกด ctrl+10) โดยมีส่วนประกอบ ดังนี้

StrokePanel

Weight : ความหนาของเส้นขอบ

Cap : กำหนดปลายเส้นขอบ

Corner : กำหนดมุมการเชื่อมของปลายเส้น

Align Stroke : รูปแบบของเส้นขอบที่อยู่บน Path

Dashed Line : กำหนดเส้นขอบให้เป็นเส้นประ

Dash/gap : กำหนดความยาว/ช่องว่าง เส้นประ

Arrowheads : กำหนด ต้น/ปลาย เส้นขอบให้มีรูปแบบตามที่กำหนด

Scale : กำหนดขนาดของ ต้น/ปลาย เส้นขอบ

Align : กำหนดลักษณะ ต้น/ปลาย เส้นขอบ ให้อยู่จุดที่เราสร้าง หรอสิ้นสุดจุดที่เราสร้าง

Profile : กำหนดลักษณะของเส้น

2.การกำหนดลักษณะต่างๆขึ้นอยู่กับแต่ละคนนะครับ เราต้องการเปลี่ยนเส้นไหน ก็คลิกเลือกลายเส้นที่วาด เพื่อเปลี่ยนได้เลยครับ ในที่นี้ผมจะกำหนดตามภาพนะครับ

Stroke-02

 

ผลลัพธ์ 

Stroke-03

สร้างเส้นด้วย Pen Tool | illustrator

 

Pen Tool สามารถได้ทั้งเส้นตรง เส้นโค้ง และเส้นหักมุม เริ่มต้นเราจะมารู้จักการวาดเส้นต่างๆแบบง่ายๆก่อนนะครับ

Continue reading

การวาดเส้นตรง : เลือก Pen Tool >> สร้างจุดยืดหนึ่งจุด ลากเป็นเส้นตรงสร้างจุดที่สองหรือจุดต่อไป เมื่อเสร็จสิ้น กด ctrl+คลิก บนพื้นที่วาง

PenTool-01

การวาดเส้นโค้ง : เลือก Pen Tool >> สร้างจุดยืดหนึ่งจุด สร้างจุดยืดจุดที่สอง พร้อมแดรกเมาส์ขึ้นหรือลงเพื่อให้เป็นเส้นโค้ง  เมื่อเสร็จสิ้น กด ctrl+คลิก บนพื้นที่วาง

PenTool-02

การวาดเส้นหักมุม : จากภาพการวาดเส้นโค้ง เราสามารถลบแขนโค้งหนึ่งด้านโดยกด alt+คลิกที่จุดที่หนึ่ง >> แล้วลากเส้นสร้างจุดยืดที่สอง  เมื่อเสร็จสิ้น กด ctrl+คลิก บนพื้นที่วาง

PenTool-03

จาก การวาดเส้นหักมุม เรายังสามารถเปลี่ยนจากจุดตัด ให้เป็นเส้นตรงหรือเป็นเส้นโค้งได้เช่นกัน เลือกที่ Convert Anchor Point Tool (แถบเดียวกันกับ Pen Tool)

เส้นตรง คลิกจุดที่หนึ่ง ก็จะกลายมาเป็นเส้นตรงยาว

PenTool-04

เส้นโค้ง คลิกจุดที่หนึ่ง พร้อมแดรกเมาส์ขึ้นหรือลงเพื่อให้เป็นเส้นโค้ง


 PenTool-05

หรือจะเป็น ลูกคลื่น ต่อไป จาก เส้นโค้ง เลือกจุดที่หนึ่ง พร้อมแดรกเมาส์ย้ายตำแหน่งของแขนขึ้นมาเป็นจุดที่สอง

PenTool-06

นอกจากนี้ยังมีเครื่องมือวาดเส้น Path อีกหลายแบบด้วย เช่น

path

Pencil Tool วาดเส้น Path

Smooth Tool แต่งเส้น Path

Line Segment Tool วาดเส้นตรงทุกแนว

Arc Tool วาดเส้นโค้ง

Spiral Tool วาดเส้นลายขดก้นหอย

Rectangle grid Tool วาดตารางสี่เหลี่ยม

Polar  grid Tool วาดตารางวงกลม

Paint Brush Tool แปรงพู่กันวาดเส้น

Path Eraser Tool แดรกเมาส์ลบเส้นที่ไม่ต้องการ