ສ້າງ Fonts ຂອງທ່ານເອງໂດຍໃຊ້ Inkscape ແລະ Fontastic.me

ໃນບົດຮຽນນີ້, ຂ້ອຍຈະສະແດງໃຫ້ທ່ານເຫັນວິທີທີ່ທ່ານສາມາດສ້າງຕົວອັກສອນທີ່ຂຽນດ້ວຍຕົວເອງໂດຍໃຊ້ Inkscape ແລະ fontastic.me.

ຖ້າທ່ານບໍ່ຄຸ້ນເຄີຍກັບສິ່ງເຫຼົ່ານີ້, Inkscape ແມ່ນເປັນຄໍາຮ້ອງສະຫມັກສໍາຫຼວດເສັ້ນເສັ້ນ vector ຟຣີແລະເປີດແຫຼ່ງທີ່ມີຢູ່ສໍາລັບ Windows, OS X ແລະ Linux. Fontastic.me ແມ່ນເວັບໄຊທ໌ທີ່ສະຫນອງຮູບແບບຕ່າງໆຂອງຮູບສັນຍາລັກຮູບສັນຍາລັກ, ແຕ່ຍັງຊ່ວຍໃຫ້ທ່ານສາມາດອັບຮູບພາບ SVG ຂອງຕົວເອງແລະແປງໃຫ້ເປັນແບບອັກສອນໄດ້ໂດຍບໍ່ເສຍຄ່າ.

ໃນຂະນະທີ່ການອອກແບບຕົວອັກສອນທີ່ຈະເຮັດວຽກຢ່າງມີປະສິດທິພາບຢູ່ໃນຂະຫນາດຕ່າງໆໂດຍມີອັກສອນທີ່ຂຽນຢ່າງລະມັດລະວັງ, kerning ເປັນທັກສະທີ່ສາມາດໃຊ້ເວລາຫລາຍປີ, ນີ້ແມ່ນໂຄງການທີ່ລວດໄວແລະສະຫນຸກສະຫນານທີ່ຈະໃຫ້ທ່ານມີ font ທໍາມະດາ. ຈຸດປະສົງຕົ້ນຕໍຂອງ fontastic.me ແມ່ນເພື່ອສ້າງໂປແກຼມຕົວຫນັງສືສໍາລັບເວັບໄຊທ໌, ແຕ່ວ່າທ່ານສາມາດສ້າງຕົວອັກສອນຕົວອັກສອນທີ່ທ່ານສາມາດນໍາໃຊ້ເພື່ອຜະລິດຫົວຂໍ້ຫຼືຂໍ້ຄວາມຂະຫນາດນ້ອຍໆ.

ສໍາລັບຈຸດປະສົງຂອງບົດແນະນໍານີ້, ຂ້າພະເຈົ້າຈະຕິດຕາມຮູບຂອງຕົວອັກສອນບາງລາຍ, ແຕ່ທ່ານສາມາດດັດແປງເຕັກນິກນີ້ແລະແຕ້ມຈົດຫມາຍຂອງທ່ານໂດຍກົງໃນ Inkscape. ນີ້ອາດຈະເຮັດວຽກໂດຍສະເພາະແມ່ນສໍາລັບຜູ້ທີ່ໃຊ້ ເມັດແຕ້ມ .

ໃນຫນ້າຕໍ່ໄປ, ພວກເຮົາຈະເລີ່ມຕົ້ນດ້ວຍການສ້າງຕົວອັກສອນຂອງຕົວເອງ.

01 of 05

ນໍາເຂົ້າຮູບພາບຂອງຕົວອັກສອນທີ່ຂຽນຂອງທ່ານ

ຂໍ້ຄວາມແລະຮູບພາບ© Ian Pullen

ທ່ານຈໍາເປັນຕ້ອງມີຮູບພາບຂອງຕົວອັກສອນບາງຢ່າງຖ້າທ່ານຕ້ອງການຕິດຕາມແລະຖ້າທ່ານບໍ່ຕ້ອງການທີ່ຈະເຮັດຕົວທ່ານເອງ, ທ່ານສາມາດດາວນ໌ໂຫລດແລະໃຊ້ a-doodle-z.jpg ເຊິ່ງມີຕົວອັກສອນທີ່ມີຕົວອັກສອນ AZ.

ຖ້າທ່ານກໍາລັງສ້າງຕົວຂອງທ່ານເອງ, ໃຫ້ໃຊ້ຫມຶກສີດໍາແລະກະດາດສີຂາວເພື່ອໃຫ້ຄວາມຄົມຊັດຢ່າງແຮງແລະຖ່າຍຮູບທີ່ມີຕົວອັກສອນທີ່ເຕັມໄປດ້ວຍຄວາມດີ. ນອກຈາກນັ້ນ, ພະຍາຍາມແລະຫຼີກເວັ້ນການສະຖານທີ່ທີ່ປິດຢູ່ໃນຕົວອັກສອນ, ເຊັ່ນ: 'O' ຍ້ອນວ່ານີ້ຈະເຮັດໃຫ້ຊີວິດສັບສົນຫຼາຍຂຶ້ນໃນເວລາທີ່ການກະກຽມຕົວອັກສອນ traced ຂອງທ່ານ.

ເພື່ອນໍາເຂົ້າຮູບພາບ, ໄປທີ່ File> Import ແລະຫຼັງຈາກນັ້ນໄປຫາຮູບແລະກົດປຸ່ມ Open. ໃນກ່ອງໂຕ້ຖຽງຕໍ່ໄປ, ຂ້າພະເຈົ້າແນະນໍາໃຫ້ທ່ານໃຊ້ຕົວເລືອກການຕິດຕັ້ງ.

ຖ້າໄຟລ໌ຮູບພາບມີຂະຫນາດໃຫຍ່ຫຼາຍ, ທ່ານສາມາດຊູມອອກໂດຍໃຊ້ທາງເລືອກໃນເມນູເບິ່ງ> ຂະຫຍາຍຊູມເມນູແລ້ວປັບຂະຫນາດມັນໂດຍການຄລິກໃສ່ມັນເພື່ອສະແດງຕົວຈັດການລູກສອນໃນແຕ່ລະແຈ. ກົດແລະ drag handle, ໃນຂະນະທີ່ຖື Ctrl ຫຼື Command key ແລະມັນຈະຮັກສາອັດຕາຕົ້ນສະບັບຂອງມັນ.

ຕໍ່ໄປພວກເຮົາຈະຕິດຕາມຮູບພາບເພື່ອສ້າງຕົວອັກສອນເສັ້ນ vector.

02 of 05

ຕິດຕາມຮູບພາບເພື່ອສ້າງຕົວອັກສອນສາຍ Vector

ຂໍ້ຄວາມແລະຮູບພາບ© Ian Pullen

ຂ້າພະເຈົ້າໄດ້ອະທິບາຍ ຮູບພາບ ເບື້ອງຕົ້ນ ໃນຮູບແບບ Bitmap ໃນ Inkscape , ແຕ່ຈະອະທິບາຍເຖິງຂະບວນການອີກເທື່ອຫນຶ່ງຢູ່ທີ່ນີ້.

ໃຫ້ຄລິກໃສ່ຮູບພາບເພື່ອໃຫ້ແນ່ໃຈວ່າມັນໄດ້ຖືກເລືອກແລະຫຼັງຈາກນັ້ນໃຫ້ໄປ Path> Trace Bitmap ເພື່ອເປີດ Dialup Bitmap Trace. ໃນກໍລະນີຂອງຂ້າພະເຈົ້າ, ຂ້າພະເຈົ້າໄດ້ອອກຈາກການຕັ້ງຄ່າທັງຫມົດເພື່ອຄ່າຂອງມັນແລະມັນຜະລິດຜົນທີ່ດີແລະສະອາດ. ທ່ານອາດຈະຕ້ອງປັບການຕັ້ງຄ່າການຕິດຕາມ, ແຕ່ທ່ານອາດຈະເຫັນວ່າມັນງ່າຍຕໍ່ການຖ່າຍພາບຂອງທ່ານອີກເທື່ອຫນຶ່ງດ້ວຍການເຮັດໃຫ້ມີແສງສະຫວ່າງດີກວ່າເກົ່າເພື່ອຜະລິດຮູບພາບທີ່ມີຄວາມຄົມຊັດສູງ.

ໃນການຖ່າຍພາບຫນ້າຈໍ, ທ່ານສາມາດເບິ່ງຕົວອັກສອນທີ່ຕິດຕາມທີ່ຂ້າພະເຈົ້າໄດ້ລາກອອກໄປຈາກຮູບພາບຕົ້ນສະບັບ. ເມື່ອການຕິດຕາມໄດ້ຖືກສໍາເລັດແລ້ວ, ຕົວອັກສອນຈະຖືກຈັດວາງໄວ້ໂດຍກົງໃນໄລຍະຮູບ, ດັ່ງນັ້ນພວກເຂົາອາດຈະບໍ່ເຫັນໄດ້ຊັດເຈນ. ກ່ອນທີ່ຈະຍ້າຍອອກ, ທ່ານສາມາດປິດໂຕ້ຕອບ Trace Bitmap ແລະຄລິກໃສ່ຮູບເພື່ອເລືອກເອົາມັນແລະຄລິກປຸ່ມ Delete ເທິງແປ້ນພິມຂອງທ່ານເພື່ອເອົາມັນອອກຈາກເອກະສານ.

03 of 05

ແບ່ງປັນການຕິດຕາມເປັນຈົດຫມາຍສະເພາະບຸກຄົນ

ຂໍ້ຄວາມແລະຮູບພາບ© Ian Pullen

ໃນຈຸດນີ້, ຕົວອັກສອນທັງຫມົດແມ່ນເຂົ້າຮ່ວມກັນ, ດັ່ງນັ້ນໄປ Path> Break Apart ເພື່ອແບ່ງປັນໃຫ້ເຂົາເຈົ້າເປັນຕົວອັກສອນ. ໃຫ້ສັງເກດວ່າຖ້າທ່ານມີຕົວອັກສອນທີ່ມີຫຼາຍກວ່າຫນຶ່ງອົງປະກອບ, ມັນຈະຖືກແບ່ງອອກເປັນອົງປະກອບແຍກຕ່າງຫາກ. ໃນກໍລະນີຂອງຂ້ອຍ, ນີ້ໃຊ້ກັບຈົດຫມາຍທຸກໆສະນັ້ນ, ມັນຈຶ່ງເຮັດໃຫ້ຮູ້ສຶກເຖິງການຈັດແຈງຈົດຫມາຍແຕ່ລະຕົວຢູ່ຂັ້ນຕອນນີ້.

ເພື່ອເຮັດສິ່ງນີ້, ພຽງແຕ່ກົດແລະ drag marquee ທີ່ເລືອກປະມານຈົດຫມາຍແລະຫຼັງຈາກນັ້ນໄປຫາ Object> Group ຫຼືກົດ Ctrl + G ຫຼື Command + G ອີງຕາມແປ້ນພິມຂອງທ່ານ.

ແນ່ນອນ, ທ່ານພຽງແຕ່ຕ້ອງການເຮັດສິ່ງນີ້ດ້ວຍຈົດຫມາຍທີ່ມີຫຼາຍກວ່າຫນຶ່ງອົງປະກອບ.

ກ່ອນທີ່ຈະສ້າງໄຟລ໌ຈົດຫມາຍ, ພວກເຮົາຈະປັບຂະຫນາດເອກະສານໃຫ້ເປັນຂະຫນາດທີ່ເຫມາະສົມ.

04 of 05

ກໍານົດຂະຫນາດຂອງເອກະສານ

ຂໍ້ຄວາມແລະຮູບພາບ© Ian Pullen

ພວກເຮົາຈໍາເປັນຕ້ອງກໍານົດເອກະສານທີ່ມີຂະຫນາດທີ່ເຫມາະສົມ, ດັ່ງນັ້ນໄປ File> Document Properties ແລະໃນກ່ອງໂຕ້ຕອບໃຫ້ຕັ້ງ Width ແລະ Height ຕາມຄວາມຈໍາເປັນ. ຂ້າພະເຈົ້າກໍານົດໃຫ້ຂ້ອຍ 500px ໂດຍ 500px, ແຕ່ວ່າໂດຍສະເພາະທ່ານຈະກໍານົດ width ທີ່ແຕກຕ່າງກັນສໍາລັບຈົດຫມາຍແຕ່ລະຄົນເພື່ອວ່າຕົວອັກສອນສຸດທ້າຍຈະເຫມາະສົມກັນຫຼາຍກວ່າເກົ່າ.

ຕໍ່ໄປ, ພວກເຮົາຈະສ້າງຕົວອັກສອນ SVG ທີ່ຈະອັບໂຫລດໄປ fontastic.me.

05 of 05

ສ້າງໄຟ SVG ສ່ວນບຸກຄົນສໍາລັບຈົດຫມາຍແຕ່ລະຄົນ

ຂໍ້ຄວາມແລະຮູບພາບ© Ian Pullen

Fontastic.me ຮຽກຮ້ອງໃຫ້ຈົດຫມາຍແຕ່ລະຄົນເປັນເອກະສານ SVG ແຍກຕ່າງຫາກ, ດັ່ງນັ້ນພວກເຮົາຈະຕ້ອງຜະລິດເຫຼົ່ານີ້ກ່ອນທີ່ຈະກົດປຸ່ມ.

ລາກທັງຫມົດຂອງຈົດຫມາຍຂອງທ່ານເພື່ອໃຫ້ພວກເຂົາຢູ່ນອກແຄມຂອງຫນ້າ. Fontastic.me ignores ອົງປະກອບທີ່ຢູ່ນອກເຂດຫນ້າ, ດັ່ງນັ້ນພວກເຮົາສາມາດອອກຈາກຈົດຫມາຍເຫຼົ່ານີ້ທີ່ຈອດຢູ່ທີ່ນີ້ບໍ່ມີບັນຫາ.

ຕອນນີ້ລາກຈົດຫມາຍທໍາອິດເຂົ້າຫນ້າແລະໃຊ້ຈັບ drag ຢູ່ແຈເພື່ອປັບຂະຫນາດມັນຕາມຄວາມຈໍາເປັນ.

ຫຼັງຈາກນັ້ນໄປທີ່ File> Save As ແລະໃຫ້ຊື່ໄຟລ໌ທີ່ມີຄວາມຫມາຍ. ຂ້ອຍເອີ້ນວ່າ a.svg mine - ໃຫ້ແນ່ໃຈວ່າໄຟລ໌ມີ suffix ssvg.

ທ່ານສາມາດຍ້າຍຫຼືລຶບຈົດຫມາຍທໍາອິດແລະໃສ່ຈົດຫມາຍທີສອງໃສ່ຫນ້າແລະອີກຄັ້ງໄປທີ່ File> Save As. ທ່ານຕ້ອງເຮັດແບບນີ້ສໍາລັບຈົດຫມາຍແຕ່ລະຄົນ. ຖ້າທ່ານມີຄວາມອົດທົນຫຼາຍກ່ວາຂ້າພະເຈົ້າ, ທ່ານອາດຈະປັບຄວາມກວ້າງຂອງຫນ້າໃນເວລາທີ່ທ່ານໄປຫາຄໍາຕອບທີ່ດີກວ່າ.

ສຸດທ້າຍ, ທ່ານອາດຈະຕ້ອງພິຈາລະນາການຜະລິດລະຫັດຜ່ານ, ເຖິງແມ່ນວ່າທ່ານກໍ່ຕ້ອງການລັກສະນະຂອງພື້ນທີ່. ສໍາລັບພື້ນທີ່, ພຽງແຕ່ປະຫຍັດຫນ້າເປົ່າ. ນອກຈາກນີ້, ຖ້າທ່ານຕ້ອງການຕົວອັກສອນຕົວຫນັງສືເທິງແລະນ້ອຍ, ທ່ານຈໍາເປັນຕ້ອງປະຢັດທັງຫມົດເຫຼົ່ານີ້ເຊັ່ນກັນ.

ໃນປັດຈຸບັນທ່ານສາມາດຈ່າຍຄ່າໂປແກຼມຄອມພິວເຕີແລະສ້າງ font ຂອງທ່ານ. ຂ້າພະເຈົ້າໄດ້ອະທິບາຍກ່ຽວກັບຂະບວນການນີ້ໃນບົດທີ່ມາພ້ອມທີ່ຈະອະທິບາຍວິທີການນໍາໃຊ້ເວັບໄຊທ໌ເພື່ອເຮັດໃຫ້ຕົວອັກສອນຂອງທ່ານ: ສ້າງ Font ໂດຍໃຊ້ Fontastic.me