ในบทแนะนำนี้เราจะแสดงวิธีการสร้างแบบอักษรของคุณเองโดยใช้ Illustrator และบริการออนไลน์ของเว็บ fontastic.me
ในการทำตามคุณจะต้องมีสำเนา Adobe Illustrator แต่ถ้าคุณยังไม่ได้รับสำเนาและไม่ต้องการซื้อคุณอาจสนใจในแบบฝึกหัดคล้ายคลึงกันของเราที่ใช้ Inkscape Inkscape เป็นฟรีทางเลือกโอเพนซอร์สสำหรับ Illustrator โปรแกรมประยุกต์การวาดเส้นเวกเตอร์ใดที่คุณใช้งาน fontastic.me ให้บริการได้ฟรี
ขณะที่เราจะแสดงวิธีการสร้างแบบอักษรที่วาดด้วยมือโดยใช้ภาพตัวอักษรที่วาดบนกระดาษคุณสามารถใช้เทคนิคที่คล้ายคลึงกันเพื่อสร้างตัวอักษรโดยใช้ตัวอักษรที่วาดเข้าไปใน Illustrator โดยตรง หากคุณใช้แท็บเล็ตรูปวาดคุณอาจเป็นที่ต้องการของคุณ
หากใช้รูปภาพให้ตรวจสอบว่าคุณใช้ปากกาสีเข้มเพื่อวาดตัวอักษรและใช้กระดาษสีขาวธรรมดาเพื่อความคมชัดสูงสุด นอกจากนี้ให้ถ่ายภาพของคุณในที่มีแสงสว่างเพียงพอเพื่อช่วยในการสร้างภาพที่มีความชัดเจนและตรงกันข้ามเพื่อให้ Illustrator สามารถติดตามตัวอักษรได้ง่ายที่สุด
เปิดเอกสารเปล่า
ขั้นตอนแรกคือการเปิดไฟล์ที่ว่างเปล่าเพื่อใช้งาน
ไปที่ ไฟล์> ใหม่ และในกล่องโต้ตอบตั้งค่าขนาดตามที่ต้องการ เราใช้หน้าขนาดสี่เหลี่ยมจัตุรัสขนาด 500px แต่คุณสามารถตั้งค่านี้ได้ตามต้องการ
จากนั้นเราจะนำไฟล์ภาพถ่ายเข้าสู่ Illustrator
นำภาพของคุณไปวาดข้อความ
หากคุณไม่ได้รับภาพวาดข้อความที่วาดด้วยมือเพื่อใช้งานคุณสามารถดาวน์โหลดไฟล์เดียวกันกับที่เราใช้สำหรับบทแนะนำนี้ได้
หากต้องการนำเข้าไฟล์ไปที่ ไฟล์> สถานที่ จากนั้นไปที่ตำแหน่งของรูปภาพที่มีข้อความวาดด้วยมือ คลิก สถานที่ และคุณจะเห็นรูปถ่ายปรากฏในเอกสารของคุณ
ขณะนี้เราสามารถติดตามไฟล์นี้เพื่อให้เราเป็นตัวเวกเตอร์ได้
ติดตามภาพวาดของ Hand Drawn Letters
การติดตามตัวอักษรนั้นตรงไปตรงมามาก
เพียงแค่ไปที่ วัตถุ> การติดตามแบบสด> ทำและขยาย และหลังจากนั้นสักครู่คุณจะเห็นว่าตัวอักษรทั้งหมดถูกซ้อนทับด้วยเวกเตอร์เวอร์ชันใหม่ สิ่งที่เห็นได้ชัดคือความจริงที่ว่าวัตถุเหล่านี้จะล้อมรอบไปด้วยวัตถุอื่นที่แสดงถึงพื้นหลังของรูปถ่าย เราจำเป็นต้องลบวัตถุพื้นหลังเพื่อไปที่ ออบเจ็กต์> การแยกกลุ่ม จากนั้นคลิกที่ใดก็ได้นอกกรอบสี่เหลี่ยมเพื่อยกเลิกการเลือกทุกอย่าง ตอนนี้ให้คลิกที่ใกล้เคียง แต่ไม่ปรากฏในตัวอักษรตัวใดตัวหนึ่งและคุณจะเห็นว่าเลือกพื้นหลังเป็นรูปสี่เหลี่ยมผืนผ้าแล้ว เพียงแค่กดปุ่ม ลบ บนแป้นพิมพ์เพื่อนำออก
อย่างไรก็ตามหากจดหมายใด ๆ ของคุณมีองค์ประกอบมากกว่าหนึ่งองค์ประกอบคุณจะต้องจัดกลุ่มไว้ด้วยกัน จดหมายทั้งหมดของเรามีมากกว่าหนึ่งองค์ประกอบดังนั้นเราจึงต้องจัดกลุ่มทั้งหมดไว้ โดยการคลิกและลากเครื่องหมายเลือกซึ่งจะครอบคลุมทุกส่วนที่แตกต่างกันของจดหมายแล้วไปที่ วัตถุ> กลุ่ม.
ตอนนี้คุณจะได้รับจดหมายทั้งหมดแล้วและต่อไปเราจะใช้ไฟล์เหล่านี้เพื่อสร้างไฟล์ SVG แต่ละไฟล์ที่เราต้องการเพื่อสร้างแบบอักษร fontastic.me
ที่เกี่ยวข้อง: คุณอาจต้องการเรียนรู้การใช้ Live Trace ใน Illustrator
บันทึกจดหมายส่วนบุคคลเป็นไฟล์ SVG
น่าเสียดายที่ Illustrator ไม่อนุญาตให้คุณบันทึก artboards หลาย ๆ ไฟล์ไปยังไฟล์ SVG แต่ละไฟล์ดังนั้นจดหมายแต่ละฉบับจะต้องมีการบันทึกด้วยตนเองเป็นไฟล์ SVG แยกต่างหาก
ขั้นแรกเลือกและลากตัวอักษรทั้งหมดเพื่อไม่ให้วางซ้อนกับอาร์ตเวิร์ก จากนั้นลากตัวอักษรตัวแรกลงบนอาร์ตเวิร์กและปรับขนาดใหม่เพื่อเติมอาร์ตเวิร์กด้วยการลากที่จับมุมหนึ่งอัน กดค้างไว้ เปลี่ยน สำคัญในขณะที่คุณทำเช่นนี้เพื่อรักษาสัดส่วนเดียวกัน
เมื่อเสร็จแล้วให้ไปที่ ไฟล์> บันทึกเป็น และในไดอะล็อกเปลี่ยน รูป เลื่อนลงไป SVG (svg) ให้ชื่อแฟ้มที่มีความหมายและคลิก บันทึก. ขณะนี้คุณสามารถลบจดหมายและสถานที่นั้นแล้วปรับขนาดใหม่ลงใน artboard ได้ อีกครั้งทำ บันทึกเป็น และดำเนินการต่อจนกว่าคุณจะบันทึกจดหมายทั้งหมดไว้
ท้ายสุดก่อนที่จะดำเนินการต่อให้จัดเก็บอาร์ตเวิร์กเปล่าไว้เพื่อให้คุณสามารถใช้เป็นช่องว่างได้ นอกจากนี้คุณยังอาจต้องการพิจารณาเครื่องหมายวรรคตอนและตัวพิมพ์เล็กของจดหมาย แต่เราไม่ได้ใส่ใจในบทแนะนำนี้
ด้วยไฟล์จดหมาย SVG แยกต่างหากพร้อมแล้วคุณสามารถทำขั้นตอนต่อไปเพื่อสร้างแบบอักษรของคุณโดยอัปโหลดไปยัง fontastic.me โปรดอ่านบทความนี้เพื่อดูวิธีใช้ fontastic.me เพื่อสิ้นสุดแบบอักษร: สร้างแบบอักษรโดยใช้ Fontastic.me
ใช้แผงการส่งออกสินทรัพย์ใหม่
รุ่นปัจจุบันของ Adobe Illustrator มีแผงใหม่ที่ช่วยให้คุณสามารถวางภาพวาดทั้งหมดของคุณลงบนอาร์ตเวิร์กหนึ่งภาพและนำเสนอเป็นเอกสาร SVG แต่ละรายการ นี่คือวิธี:
- เลือก หน้าต่าง> สินทรัพย์ที่ส่งออก เพื่อเปิดแผงการส่งออกสินทรัพย์
- เลือกจดหมายทั้งหมดหรือทั้งหมดของคุณแล้วลากลงในแผงควบคุม พวกเขาทั้งหมดจะปรากฏเป็นรายการแต่ละรายการ
- ดับเบิลคลิกที่ชื่อของออบเจ็กต์ในแผงควบคุมและเปลี่ยนชื่อ ทำสิ่งนี้สำหรับทุกรายการในแผงควบคุม
- เลือกรายการที่ต้องการส่งออกและเลือก SVG จาก รูป ป๊อปอัพ
- คลิก ส่งออก.
