สร้างแบบวาดด้วยมือโดยใช้ Illustrator และ Fontastic.me

01 จาก 06

สร้างแบบวาดด้วยมือโดยใช้ Illustrator และ Fontastic.me

ในบทแนะนำที่สนุกและน่าสนใจนี้ฉันจะแสดงให้คุณเห็นว่าคุณสามารถสร้างแบบอักษรของคุณเองได้อย่างไรโดยใช้ Illustrator และบริการออนไลน์ของเว็บ fontastic.me

ในการทำตามคุณจะต้องมีสำเนา Adobe Illustrator แต่ถ้าคุณยังไม่ได้รับสำเนาและไม่ต้องการซื้อคุณอาจสนใจใน แบบฝึกหัดคล้ายคลึงกัน ของเรา ที่ใช้ Inkscape Inkscape เป็นฟรีทางเลือกโอเพนซอร์สสำหรับ Illustrator โปรแกรมประยุกต์การวาดเส้นเวกเตอร์ใดที่คุณใช้งาน fontastic.me ให้บริการได้ฟรี

ขณะที่ฉันจะแสดงวิธีการสร้างแบบอักษรที่วาดด้วยมือโดยใช้ภาพตัวอักษรที่วาดบนกระดาษคุณสามารถใช้เทคนิคที่คล้ายคลึงกันเพื่อสร้างตัวอักษรโดยใช้ตัวอักษรที่วาดเข้าไปใน Illustrator โดยตรง หากคุณใช้ แท็บเล็ตรูปวาด คุณอาจเป็นที่ต้องการของคุณ

หากใช้รูปภาพให้ตรวจสอบว่าคุณใช้ปากกาสีเข้มเพื่อวาดตัวอักษรและใช้กระดาษสีขาวธรรมดาเพื่อให้ได้ความคมชัดสูงสุด นอกจากนี้ให้ถ่ายภาพของคุณในที่มีแสงสว่างเพียงพอเพื่อช่วยในการสร้างภาพที่มีความชัดเจนและตรงกันข้ามเพื่อให้ Illustrator สามารถ ติดตาม ตัวอักษรได้ง่ายที่สุด

ในช่วงสองสามหน้าถัดไปเราจะแนะนำคุณตลอดขั้นตอนการสร้างแบบอักษรตัวแรกของคุณ

02 จาก 06

เปิดเอกสารเปล่า

ขั้นตอนแรกคือการเปิดไฟล์ที่ว่างเปล่าเพื่อใช้งาน

ไปที่ไฟล์> ใหม่และในกล่องโต้ตอบตั้งค่าขนาดตามต้องการ ฉันใช้หน้าขนาดสี่เหลี่ยมจัตุรัสขนาด 500px แต่คุณสามารถตั้งค่านี้ได้ตามต้องการ

ต่อไปเราจะนำเข้าไฟล์ภาพถ่ายไปยัง Illustrator

03 จาก 06

นำภาพของคุณไปวาดข้อความ

หากคุณยังไม่ได้ภาพวาดข้อความที่วาดด้วยมือเพื่อใช้งานคุณสามารถดาวน์โหลดไฟล์เดียวกันกับที่ฉันใช้สำหรับบทแนะนำนี้ได้

หากต้องการนำเข้าไฟล์ไปที่ไฟล์> ที่แล้วนำทางไปยังตำแหน่งของรูปภาพที่มีข้อความวาดด้วยมือ คลิกปุ่ม Place และคุณจะเห็นรูปถ่ายปรากฏในเอกสารของคุณ

ขณะนี้เราสามารถติดตามไฟล์นี้เพื่อให้เราเป็นตัวเวกเตอร์ได้

04 จาก 06

ติดตามภาพวาดของ Hand Drawn Letters

การติดตามตัวอักษรนั้นตรงไปตรงมา

เพียงไปที่ Object> Live Trace> Make and Expand และหลังจากนั้นสักครู่คุณจะเห็นว่ามีการวางตัวอักษรทั้งหมดไว้แล้วด้วยเวกเตอร์บรรทัดใหม่ สิ่งที่เห็นได้ชัดคือความจริงที่ว่าวัตถุเหล่านี้จะล้อมรอบไปด้วยวัตถุอื่นที่แสดงถึงพื้นหลังของรูปถ่าย เราจำเป็นต้องลบอ็อบเจ็กต์พื้นหลังเพื่อไปที่ Object> Ungroup จากนั้นคลิกที่ใดก็ได้นอกกรอบสี่เหลี่ยมเพื่อยกเลิกการเลือกทุกอย่าง ตอนนี้ให้คลิกที่ใกล้เคียง แต่ไม่ปรากฏในตัวอักษรตัวใดตัวหนึ่งและคุณจะเห็นว่าเลือกพื้นหลังเป็นรูปสี่เหลี่ยมผืนผ้าแล้ว เพียงแค่กดปุ่ม Delete บนแป้นพิมพ์เพื่อลบออก

อย่างไรก็ตามหากจดหมายใด ๆ ของคุณมีองค์ประกอบมากกว่าหนึ่งองค์ประกอบคุณจะต้องจัดกลุ่มไว้ด้วยกัน จดหมายทั้งหมดของฉันมีมากกว่าหนึ่งองค์ประกอบดังนั้นฉันจึงต้องรวมกลุ่มกันทั้งหมด โดยการคลิกและลากเครื่องหมายเลือกซึ่งจะครอบคลุมส่วนต่าง ๆ ทั้งหมดของตัวอักษรจากนั้นไปที่วัตถุ> กลุ่ม

ตอนนี้คุณจะได้รับจดหมายทั้งหมดแล้วและต่อไปเราจะใช้ไฟล์เหล่านี้เพื่อสร้างไฟล์ SVG แต่ละไฟล์ที่เราต้องการเพื่อสร้างแบบอักษร fontastic.me

การใช้ Live Trace ใน Illustrator

05 จาก 06

บันทึกจดหมายส่วนบุคคลเป็นไฟล์ SVG

น่าเสียดายที่ Illustrator ไม่อนุญาตให้คุณบันทึก artboards หลาย ๆ ไฟล์ไปยังไฟล์ SVG แต่ละไฟล์ดังนั้นจดหมายแต่ละฉบับจะต้องมีการบันทึกด้วยตนเองเป็นไฟล์ SVG แยกต่างหาก

ขั้นแรกให้เลือกและลากตัวอักษรทั้งหมดเพื่อไม่ให้วางกระดานศิลปะ จากนั้นลากตัวอักษรตัวแรกลงบนอาร์ตเวิร์กและปรับขนาดใหม่เพื่อเติมอาร์ตเวิร์กด้วยการลากที่จับมุมหนึ่งอัน กดปุ่ม Shift ค้างไว้ขณะที่คุณทำเช่นนี้เพื่อรักษาสัดส่วนไว้

เมื่อเสร็จแล้วให้ไปที่ไฟล์> บันทึกเป็นและในกล่องโต้ตอบเปลี่ยนรูปแบบเลื่อนลงไปที่ SVG (svg) ให้ชื่อไฟล์ที่มีความหมายและคลิกบันทึก ขณะนี้คุณสามารถลบจดหมายและสถานที่นั้นแล้วปรับขนาดใหม่ลงใน artboard ได้ ทำอีกครั้งเป็น Save As และดำเนินการต่อไปจนกว่าคุณจะบันทึกจดหมายทั้งหมดไว้

สุดท้ายก่อนที่จะดำเนินการต่อให้บันทึกอาร์ตเวิร์กเปล่าเพื่อให้คุณสามารถใช้ตัวเลือกนี้เป็นช่องว่างได้ นอกจากนี้คุณยังอาจต้องการพิจารณาเครื่องหมายวรรคตอนและตัวพิมพ์เล็กที่ใช้พิมพ์เล็ก แต่ฉันไม่ได้ใส่ใจในบทแนะนำนี้

ด้วยไฟล์จดหมาย SVG แยกต่างหากพร้อมแล้วคุณสามารถทำขั้นตอนต่อไปเพื่อสร้างแบบอักษรของคุณโดยอัปโหลดไปยัง fontastic.me โปรดอ่านบทความนี้เพื่อดูวิธีใช้ fontastic.me เพื่อสิ้นสุดแบบอักษร: สร้างแบบอักษร Fontastic.me

06 จาก 06

วิธีการใช้แผงการส่งออกสินทรัพย์ใหม่ใน Adobe Illustrator CC 2017

รุ่นปัจจุบันของ Adobe Illustrator มีแผงใหม่ที่ช่วยให้คุณสามารถวางภาพวาดทั้งหมดของคุณลงบนอาร์ตเวิร์กหนึ่งภาพและนำเสนอเป็นเอกสาร SVG แต่ละรายการ นี่คือวิธี:

1. เลือก หน้าต่าง> สินทรัพย์ส่งออก o เปิดแผงการส่งออกสินทรัพย์
2. เลือกจดหมายทั้งหมดหรือทั้งหมดของคุณแล้วลากลงในแผงควบคุม พวกเขาทั้งหมดจะปรากฏเป็นรายการแต่ละรายการ
3. ดับเบิลคลิกที่ชื่อของออบเจ็กต์ในแผงควบคุมและเปลี่ยนชื่อ ทำสิ่งนี้สำหรับทุกรายการในแผงควบคุม
4. เลือกรายการที่ต้องการส่งออกและเลือก SVG จากรูปแบบ pop down
5. คลิกส่งออก