วิธีการ สร้างโครงร่าง (Outline) ด้วยโปรแกรม Adobe Illustrator

ดาวน์โหลดบทความ
ร่วมเขียน โดย ทีมงานวิกิฮาว

ดาวน์โหลดบทความ

บทความวิกิฮาวนี้จะแนะนำวิธีการสร้างโครงร่าง หรือ outline รอบเส้นและข้อความใน Adobe Illustrator ให้คุณเอง พอสร้าง outline ให้ lines และ strokes แล้ว จะทำให้ความหนาของ stroke สม่ำเสมอเวลาขยายขนาดกราฟิกที่เป็น vector ส่วนการสร้าง outline ให้ข้อความ เท่ากับแปลงข้อความนั้นเป็น vector graphic นั่นเอง ต่อไปคอมเครื่องอื่นก็อ่านข้อความนั้นได้ แม้จะไม่ได้ลงฟอนต์ไว้ในคอมเครื่องนั้นก็ตาม

วิธีการ 1
วิธีการ 1 ของ 2:

สร้าง Outline ของเส้นหรือ Stroke

ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c6\/Create-an-Outline-in-Adobe-Illustrator-Step-1-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-1-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c6\/Create-an-Outline-in-Adobe-Illustrator-Step-1-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-1-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    toolbar จะอยู่ทางซ้ายของหน้าต่าง Adobe Illustrator ให้ใช้ line tool ลากเส้นตรงขึ้นมาก่อน จากนั้นใช้ Pen, Pencil หรือ Brush tool สร้างเส้นโค้ง หรือจะใช้หนึ่งใน shape tools สร้างรูปทรงที่มีเส้นกรอบก็ได้
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/dd\/Create-an-Outline-in-Adobe-Illustrator-Step-2-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/dd\/Create-an-Outline-in-Adobe-Illustrator-Step-2-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    พอเลือก tool แล้ว ก็คลิกแล้วลากเส้นหรือสร้างรูปทรงได้เลย
    • ถ้าจะตีเส้นกรอบรอบรูปทรง ให้เลือกรูปทรงนั้น แล้วคลิกช่องที่มีสี่เหลี่ยมสีๆ หนาๆ มุมซ้ายบน จากนั้นเลือกสีจากในตาราง หรือใช้ช่องนี้เปลี่ยนสีเส้นก็ได้
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/96\/Create-an-Outline-in-Adobe-Illustrator-Step-3-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/96\/Create-an-Outline-in-Adobe-Illustrator-Step-3-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่ไอคอนเป็นลูกศรสีดำเหมือนเคอร์เซอร์ของเมาส์ ปกติอยู่ด้านบนของ toolbar ให้ใช้ tool นี้เลือกวัตถุต่างๆ ใน Adobe Illustrator
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/93\/Create-an-Outline-in-Adobe-Illustrator-Step-4-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/93\/Create-an-Outline-in-Adobe-Illustrator-Step-4-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ใช้ select tool คลิกเส้นหรือรูปทรงที่จะเลือก
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/3b\/Create-an-Outline-in-Adobe-Illustrator-Step-5-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/3b\/Create-an-Outline-in-Adobe-Illustrator-Step-5-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    พอสร้าง outline ของเส้นหรือ stroke แล้ว จะปรับแต่งความหนาและสไตล์ของเส้นไม่ได้อีก เพราะงั้นให้ปรับความหนาและสไตล์จนพอใจก่อนแปลงเป็น outline คุณปรับแต่งความหนาและสไตล์ของเส้นได้ด้วยขั้นตอนต่อไปนี้
    • เมนูแรกที่ขยายลงมาข้าง "Stroke" ใช้ปรับความหนาของเส้น หรือจะพิมพ์ขนาดที่ต้องการเป็นตัวเลข ในช่องเมนูที่ขยายลงมาก็ได้
    • เมนูที่ 2 ที่ขยายลงมาข้าง "Stroke" ใช้เลือกลักษณะความหนา โดยจะแสดง thickness profile แบบต่างๆ ลองเลือกดูจะได้รู้ว่าแบบไหนเป็นยังไง ยิ่งเส้นหนา ลักษณะก็ยิ่งชัด
    • เมนูที่ 3 ที่ขยายลงมา ใช้เลือกทีแปรง (brush type) โดยจะแสดงลักษณะหัวแปรงและเส้นแบบต่างๆ ลองคลิกดู จะได้รู้ว่าเส้นออกมาเป็นยังไง
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/71\/Create-an-Outline-in-Adobe-Illustrator-Step-6-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-6-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/Create-an-Outline-in-Adobe-Illustrator-Step-6-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-6-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    พอได้เส้นออกมาตามต้องการแล้ว ให้ใช้ select tool เลือกเส้นหรือรูปทรงนั้น
    • ก่อนสร้าง outline ของเส้นหรือรูปทรง แนะนำให้ copy แล้ว paste ไว้ที่ข้าง artboard หรือหน้ากระดาษก่อน จะได้มีเวอร์ชั่นไว้ปรับแก้ เผื่ออยากเปลี่ยนอะไรตอนหลัง
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/fd\/Create-an-Outline-in-Adobe-Illustrator-Step-7-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-7-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/fd\/Create-an-Outline-in-Adobe-Illustrator-Step-7-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-7-Version-3.jpg","smallWidth":460,"smallHeight":350,"bigWidth":728,"bigHeight":554,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ในแถบเมนูด้านบนของหน้าจอ แล้วเมนูจะขยายลงมาล่าง "Object"
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c3\/Create-an-Outline-in-Adobe-Illustrator-Step-8-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-8-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c3\/Create-an-Outline-in-Adobe-Illustrator-Step-8-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-8-Version-3.jpg","smallWidth":460,"smallHeight":350,"bigWidth":728,"bigHeight":554,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    อยู่ลงมาจากเมนู "Object" ไม่ถึงครึ่งหน้า แล้วจะเห็นเมนูย่อยทางขวา
  9. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/2d\/Create-an-Outline-in-Adobe-Illustrator-Step-9-Version-3.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-9-Version-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/2d\/Create-an-Outline-in-Adobe-Illustrator-Step-9-Version-3.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-9-Version-3.jpg","smallWidth":460,"smallHeight":350,"bigWidth":728,"bigHeight":554,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    เพื่อเปลี่ยนเส้นเป็นรูปทรง ต่อไปก็แก้ไขได้เหมือนรูปทรงทั่วไปเลย
    • ถ้าจะเปลี่ยนสีเส้นหลังทำ outline แล้ว ให้คลิกช่องสีทึบมุมซ้าย แล้วเลือกสีจากในตารางได้เลย
    • พอสร้าง outline ของเส้นแล้ว ก็ใส่ stroke ให้ outline อีกทีได้ โดยใช้สีช่องที่ 2 มุมซ้ายบน เหมือนเวลาใส่ stroke ให้ stroke
    โฆษณา
วิธีการ 2
วิธีการ 2 ของ 2:

สร้าง Outline ของข้อความ

ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/cb\/Create-an-Outline-in-Adobe-Illustrator-Step-10.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-10.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/cb\/Create-an-Outline-in-Adobe-Illustrator-Step-10.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-10.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่อยู่ใน toolbar ทางซ้าย ไอคอนจะเป็นตัว "T"
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/53\/Create-an-Outline-in-Adobe-Illustrator-Step-11.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-11.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/53\/Create-an-Outline-in-Adobe-Illustrator-Step-11.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-11.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ถ้าจะพิมพ์ข้อความบรรทัดเดียวด้วย text tool ก็คลิกตรงไหนก็ได้ แล้วพิมพ์ได้เลย ถ้าจะใช้ text box หรือช่องพิมพ์ข้อความ ให้คลิกแล้วลากเพื่อตีกรอบก่อน แล้วพิมพ์ข้อความในกรอบนั้น
    • คุณเปลี่ยนสีข้อความได้โดยเลือกสีในช่องทึบมุมซ้ายบน
    • หรือใช้ช่องสีๆ หนาๆ ใส่ stroke ให้ข้อความแทน
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/1\/1d\/Create-an-Outline-in-Adobe-Illustrator-Step-12.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-12.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/1\/1d\/Create-an-Outline-in-Adobe-Illustrator-Step-12.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-12.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ที่เป็นไอคอนลูกศรสีดำเหมือนเคอร์เซอร์ของเมาส์ ปกติอยู่ด้านบนของ toolbar ให้ใช้ tool นี้เลือกวัตถุต่างๆ ใน Adobe Illustrator
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/75\/Create-an-Outline-in-Adobe-Illustrator-Step-13.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-13.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/75\/Create-an-Outline-in-Adobe-Illustrator-Step-13.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-13.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ให้ใช้ select tool เลือกข้อความ จะเป็นไอคอนลูกศรสีดำเหมือนเคอร์เซอร์ของเมาส์ อยู่ใน toolbar ทางซ้าย
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/65\/Create-an-Outline-in-Adobe-Illustrator-Step-14.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-14.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/65\/Create-an-Outline-in-Adobe-Illustrator-Step-14.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-14.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    พอสร้าง outline ให้ข้อความแล้ว จะแก้ไขไม่ได้อีก เพราะงั้นต้องเช็คตัวสะกดให้ดี และกำหนด typography หรือจัดวางคำให้ได้ตามต้องการก่อนสร้าง outline คุณปรับแต่ง typography ได้ตามขั้นตอนต่อไปนี้เลย
    • เมนูที่ขยายลงมาข้าง "Characters" ใช้เลือกฟอนต์ ปกติอยู่ด้านบนของหน้าจอ ล่างแถบเมนู
    • เมนูที่ 2 ที่ขยายลงมาข้าง "Characters" ใช้เลือกสไตล์ของฟอนต์ (เช่น ตัวหนา (Bold), ตัวเอียง (Italic), ฟอนต์ปกติ (Regular) เป็นต้น)
    • เมนูที่ 3 ที่ขยายลงข้าง "Characters" ใช้เลือกขนาดฟอนต์ หรือจะพิมพ์ขนาดที่ต้องการในช่องของเมนูที่ขยายลงมาก็ได้
    • คลิก Characters ทางด้านบนของหน้าจอ แล้วจะเห็นตัวเลือกปรับแต่งตัวอักษรเพิ่มเติม เมนูนี้ใช้ปรับแต่ง leading (ระยะห่างบน-ล่าง), kerning (ระยะห่างระหว่างตัวอักษร), line spacing (ความกว้างของบรรทัด), character spacing (ช่องไฟของตัวอักษร), vertical scale (ขนาดแนวตั้ง) และ horizontal scale (ขนาดแนวนอน)
    • ไอคอนที่มีหลายๆ เส้น ข้าง "Paragraph" ใช้ align หรือปรับข้อความให้ชิดซ้าย ชิดขวา หรืออยู่ตรงกลาง
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/98\/Create-an-Outline-in-Adobe-Illustrator-Step-15.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-15.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/98\/Create-an-Outline-in-Adobe-Illustrator-Step-15.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-15.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    พอปรับแต่งข้อความจนพอใจแล้ว ให้ใช้ Select tool ใน toolbar เลือกข้อความ
    • ก่อนแปลงข้อความเป็น outline แนะนำให้ copy ข้อความไป paste ที่ข้าง artboard ก่อน จะได้มีเวอร์ชั่นไว้แก้ไขเผื่อมีอะไรผิดพลาด
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0c\/Create-an-Outline-in-Adobe-Illustrator-Step-16.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-16.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0c\/Create-an-Outline-in-Adobe-Illustrator-Step-16.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-16.jpg","smallWidth":460,"smallHeight":350,"bigWidth":728,"bigHeight":554,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ในแถบเมนูด้านบนของหน้าจอ แล้วเมนูจะขยายลงมา
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f4\/Create-an-Outline-in-Adobe-Illustrator-Step-17.jpg\/v4-460px-Create-an-Outline-in-Adobe-Illustrator-Step-17.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f4\/Create-an-Outline-in-Adobe-Illustrator-Step-17.jpg\/v4-728px-Create-an-Outline-in-Adobe-Illustrator-Step-17.jpg","smallWidth":460,"smallHeight":350,"bigWidth":728,"bigHeight":554,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    เพื่อแปลงข้อความเป็น vector graphic เพราะพอเป็น vector graphic แล้ว ถึงจะไม่ได้ติดตั้งฟอนต์นั้น แต่ข้อความก็จะอ่านได้ในคอมทุกเครื่อง
    • พอแปลงข้อความเป็น outline แล้ว ก็เปลี่ยนสีด้วยช่องสีทึบมุมซ้ายบนได้เลย
    • ถ้าฟอนต์มี stroke ก็ต้องทำตามขั้นตอนใน วิธีการที่ 1 เพื่อสร้าง outline ให้ stroke ก่อน พอแปลง stroke เป็น outline แล้ว ก็ค่อยสร้างอีก stroke ให้ outline นั้น
    โฆษณา

บทความวิกิฮาวอื่น ๆ ที่่เกี่ยวข้อง

วิธีการ
ใช้ Print Screen (แคปหน้าจอ)
วิธีการ
สร้างไฟล์ Zip
วิธีการ
เปลี่ยนขนาด Artboard ของ Adobe Illustrator
วิธีการ
Crop รูปด้วยโปรแกรม Illustrator
วิธีการ
เพิ่มฟอนต์ใน Illustrator
วิธีการ
บีบอัดไฟล์ให้ขนาดเล็กลงมากด้วย 7zip
วิธีการ
ปรับขนาดรูปเป็นหน่วย KB
วิธีการ
เปิดไฟล์ RAR
วิธีการ
เพิ่มฟอนต์ใน Photoshop
วิธีการ
ใส่ภาพพื้นหลังใน Word
วิธีการ
ดู Source Code
วิธีการ
ลบพื้นหลังรูปด้วย Adobe Illustrator
วิธีการ
พริ้นท์เอกสารหลายหน้าในกระดาษแผ่นเดียวด้วย Adobe Reader
วิธีการ
พิมพ์ตัวอักษรโค้งใน Photoshop
โฆษณา

เกี่ยวกับวิกิฮาวนี้

ในภาษาอื่น
มีการเข้าถึงหน้านี้ 8,914 ครั้ง

บทความนี้เป็นประโยชน์กับคุณไหม

โฆษณา