• หน้าแรก
  • เรื่องราวของผม
  • บทความ
  • คลิปวีดีโอ
  • คอร์สเรียน
    • คอร์ส 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
  • หนังสือ
สร้าง Stamp จาก Illustrator
Share
ทำ sramp ด้วย illustrator
บทความสอน Illustrator

สร้าง Stamp จาก Illustrator

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

การสร้าง stamp (ตราไปรษณีย์อากร) ไม่ใช่แสตมป์นักร้องนะครับ อิอิ  สร้างตัวแสตมป์และตราประทับที่ดูเหมือนหมึกตรายาง ที่เวลาปั้มไปแล้ว หมึกมันจะไม่เท่ากัน และเริ่มหลุดลอกไปตามกาลเวลา ^^

Illustrator Workshop : Stamp

1. new file กำหนด 400×400 px เริ่มต้นด้วยการคลิกเครื่องมือสี่เหลี่ยม แล้วคลิกที่อาร์ตบอร์ด 1 ครั้ง กำหนดค่าตามภาพเลยก็ได้ครับแล้ว ok

2. เลือกเครื่องมือวงรี แล้วมาคลิกที่อาร์ตบอร์ต 1 ครั้ง กำหนดค่าตามภาพแล้ว ok จากนั้นเปิด brush panel ลากวงกลมเข้าหน้าต่างบรัช จะมีหน้าต่างขึ้นมา เลือก pattern brush แล้ว ok

3. จะมีหน้าต่าง pattern brush option ขึ้นมา ตามที่เห็นในภาพ ยังไม่ต้องปรับอะไรครับ กด ok ไปก่อน  แล้ววงกลมที่สร้างจะกลายไปเป็นหัวแปรงอยู่ใน brush panel

4. กลับมาเลือกที่สี่เหลี่ยม กด ctrl+c –> ctrl+f เป็นการก๊อปปี้แล้วให้มาอยู่ด้านหน้าในตำแหน่งเดียวกันพร้อม select ไว้ให้เลย ถ้ากลัวจะงง ให้เปิด layer มาดูด้วยก็ได้ครับ จะเห็นเหมือนในภาพ

  • จากนั้นกด shift+x สลับจาก fill เป็น stroke แล้วไปคลิกเลือกหัวแปรงที่สร้างไว้ใน brush panel

5. stroke ธรรมดาจะเปลี่ยนเป็นเหมือนกับแปรงที่เราสร้างไว้ ล้อมรอบสี่เหลี่ยม

  • จากนั้นไปที่เมนู object–>transform–>scale  ตั้งค่าตามที่เห็นในภาพ กด preview ดูจะเห็นว่า กรอบมันขยายขึ้นมาเล็กน้อย แล้วกด ok

6. วงกลมมันชิดเกินไป ต้องเข้าไปแก้ใน brush โดยการ ดับเบิ้ลคลิกหัวแปรงใน brush panel เมื่อมีหน้าต่างขึ้นมา ใส่ 25% ในช่อง spacing จะเห็นว่าวงกลมมีระยะห่างที่เท่ากัน เสร็จแล้วกด ok

7. เลือกวงกลมเอาไว้ แล้วไปที่เมนู object–<outline stroke ก่อนนะครับ

  • จากนั้นดับเบิ้ลคลิกที่ stroke (วงกลม) จะเข้าโหมด isolate เพื่อแก้ไขเฉพาะออปเจกนั้น ๆ ลบวงกลมที่อยู่ตามมุมทั้ง 4 มุม ออกให้หมด ถ้าลบแล้วจะเหมือนภาพด้านขวามือสุด จากนั้นดับเบิ้ลคลิก พื้นที่ว่างบนอาร์ตบอร์ดเพื่ออกจากโหมด isolated

8. เลือกสี่เหลี่ยมและกรอบวงกลมไว้ จากนั้นไปที่ pathfinder panel คลิกปุ่ม minus front ซึ่งเป็นการเอาวงกลมทั้งหมดไปเจาะสี่เหลี่ยม จะได้เหมือนภาพทางขวามือ

9. สร้างสี่เหลี่ยมไปไว้ด้านใน แล้วเปลี่ยนสีโดยใช้ค่าสีในภาพได้เลยครับ

  • จากนั้นเลือกลายสแตมป์ด้านนอกแล้วกด ctrl+c–>ctrl+b เป็นการก๊อปปี้แล้วไปไว้ด้านหลังในตำแหน่งเดียวกัน (ถ้างงให้เปิด layer ขึ้นมาดู จะเห็นเหมือนในภาพขวา)

10. ไปที่เมนู object–>transform–>move  เมื่อมีหน้าต่างขึ้นมาให้กำหนดค่าเป็น 0 ก่อน กด preview เพื่อดูความแตกต่างด้วยนะครับ จากนั้นกำหนดค่าตามภาพด้านขวา จะเห็นสีเหลี่ยม ขยับไปด้านขวาและด้านล่าง 0.3 px  แล้ว ok

11. เมื่อกด ok จากขั้นตอนที่แล้ว มันยังเลือกออปเจกที่อยู่ด้านหลังไว้ให้แล้ว ให้เราไปเปลี่ยนสีให้เข้มขึ้น จะได้เหมือนในภาพครับ เป็นอันเสร็จตัวของแสตมป์

12. ส่วนนี้จะเป็นการตรายางที่ประทับลงบนแสตมป์อีกที

  • เริ่มจากสร้างวงกลมใช้ค่าตามภาพเลยได้ครับกำหนด stroke สัก 1 pt

13. ไปที่เมนู object–>transform–>scale กำหนดค่าตามภาพแล้วกดปุ่ม copy เราจะได้วงกลมที่เล็กลงมา 1 อัน เพิ่มขึ้น (ภาพล่างซ้าย) จากนั้นกด ctrl+d เป็นการทำสั่งเดิมซ้ำ (จะได้เหมือนภาพล่างขวา)

14. เลือกเครื่องมือ type on a path แล้วไปคลิกบนเส้นที่อยู่ตรงกลางของวงกลม ถ้าคลิกถูก มันจะมีตัวกระพริบขึ้นมาเพื่อให้พิมพ์ได้ พิมพ์ไปตามภาพ หรือคำว่าอะไรก็ได้ ตามไอเดียแต่ละคน ถ้าตัวอักษรมันติดเส้นบนเกินไป เมื่พิมพ์เสร็จก็ย่อให้ย่อลงมาเล็กน้อย

15. ใชั type tool พิมพ์ตรงกลางวงกลม

16. คลิกเลือกออปเจกที่เป็นตัวอักษรไว้ (การเลือก multi object ให้กด shift ค้างไว้ ขณะเลือก) แล้วคลิกขวาเลือก create outline เพื่อแปลงให้เป็นออปเจกธรรมดา

  • จากนั้นเลือกส่วนที่เป็นเส้นทั้งหมด หรือลากคลุมวงกลมทั้งหมดก็ได้ แล้วไปที่เมนู object–>path–>outline stroke เพื่อแปลงเส้นให้เป็นออปเจกธรรมดาเหมือนกัน

17. ใช้เครื่องมือ pucker tool จะอยู่ใต้เครื่องมือ width tool อีกที เมื่อเลือกเครื่องมือแล้ว ไปลากทับบนเส้นวงกลม มันจะเปลี่ยนเป็นเส้นที่ขรุขระ ไม่เรียบ เหมือนในภาพขวามือ

18. การทำเส้นให้ขาดจากกันเป็นช่วง ๆ เราอาจใช้เครื่องมือง่าย ๆ เช่น ยางลบ มาช่วยได้ครับ (คลิกที่ยางลบแล้วมาปาดทับเส้นได้เลย) จะได้ตามภาพ

19. จากนั้นสร้างเส้นโดยใช้เครื่องมือ line ขึ้นมา 1 เส้น แล้วไปที่เมนู effect–>distort&transform–>zigzag ปรับค่าตามภาพแล้ว ok

20. เข้าเมนู object–>path–>outline stroke

  • จากนั้น เลือกเส้นเอาไว้ กด alt ค้างแล้วลากลงมา ขนาดไหนก็ได้แล้วแต่ความต้องการครับ เป็นการก๊อปปี้เส้นเพิ่มขึ้นมาอีก 1 เส้น
  • เสร้จแล้วกด ctrl+d  3 ครั้ง จะได้เส้นเพิ่มขึ้นมาในระยะที่เท่ากัน อีก 3 เส้น เหมือนในภาพ
  • แล้วใช้เครื่องมือเดียวกันกับขั้นตอน 17 และ 18 (pucker tool และ ยางลบ) ก็จะได้เหมือนภาพล่าง

21.  เอาไปประกอบกับแสตมป์ที่สร้างไว้ก่อนหน้า ส่วนในกรอบแสตมป์ ก็เอาภาพอะไรมาใส่ก็ได้ ตามแต่จินตนาการของแต่ละคน

22. หรือสร้างตัว postcard แล้วเอาแสตมป์ไปแปะก็จะได้มาอีก 1 คอนเซ็ปต์ เห็นมั้ยครับว่ามันเอาไปต่อยอดได้มากมาย

** ไม่แนะนำการทำตาม workshop แล้วเอาไปส่ง stock นะครับ ควรนำไปประยุกต์และใส่ไอเดียของตัวเองเพิ่มเติมด้วยครับ จุดประสงค์เพื่อให้เรียนรู้เทคนิควิธีการทำเท่านั้น

กรกฎาคม 1, 2015
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 ขุนพล
การทำ bokeh background illustrator
บทความสอน Illustrator

สร้างภาพ Bokeh Background

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

ติวเตอร์นี้มาสร้างโบเก้ใน Illustrator กันครับ เอาไว้ตกแต่งหรือเป็น background แนวเทศกาล

Read More
มิถุนายน 16, 2016
Posted by ขุนพล
ข้อผิดพลาดในการใช้ blend ทำ flat icon
บทความสอน Illustrator

ข้อผิดพลาดในการใช้ Blend ทำเงา Flat Icon

มีนาคม 24, 2016
-
Posted by ขุนพล

ในการสร้าง Flat Icon แบบมี Long Shadow นั้น ทำได้ตั้งแต่รูปทรงธรรมดาเอามาทำเงา

Read More
มีนาคม 24, 2016
Posted by ขุนพล
← PREVIOUS POST
อยากขายภาพเวกเตอร์ออนไลน์ เตรียมตัวอย่างไร
NEXT POST →
วิธีการสร้างยาเม็ดแคปซูล Illustrator Workshop

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
สร้างภาพตราไปรษณียากรด้วย Illustrator | KhunponGraphic