ဒီသင်ခန်းစာမှာတော့ငါသည်သင်တို့ကို Inkscape နှင့် fontastic.me သုံးပြီးသင့်ရဲ့ကိုယ်ပိုင်လက်ရေးစာလုံးတွေဖန်တီးနိုင်ပုံကိုသင်ပြပါမယ်။
သင်တို့သည်ဤအကျွမ်းတဝင်မရရှိပါက, Inkscape ကို Windows, OS X နဲ့ Linux တို့အတွက်ရရှိနိုင်မယ့်တစ်ဦးအခမဲ့ open source အားနည်းချက်ကိုလိုင်းဆွဲ application ဖြစ်ပါတယ်။ Fontastic.me အိုင်ကွန်ဖောင့်အမျိုးမျိုးကမ်းလှမ်းကြောင်း website တစ်ခုဖြစ်ပါသည်, ဒါပေမယ့်လည်းသင်သည်သင်၏ကိုယ်ပိုင် SVG ဂရပ်ဖစ် upload နှင့်အခမဲ့ဖြစ်သည်များအတွက်ဖောင်သူတို့ကိုပြောင်းလဲခွင့်ပြုပါတယ်။
ဂရုတစိုက်ထွင်းထုအက္ခရာ Kerns နှင့်အတူအမျိုးမျိုးသောအရွယ်အစားမှာထိထိရောက်ရောက်အလုပ်လုပ်ပါလိမ့်မယ်တဲ့ဖောင့်ဒီဇိုင်း hone မှနှစ်ပေါင်းယူနိုငျသောကျွမ်းကျင်မှုဖြစ်ပါတယ်နေစဉ်, ဤသူသည်သင်တို့တစ်မူထူးခြားတဲ့ဖောင့်ကိုငါပေးမည်တစ်မြန်ဆန်ပျော်စရာစီမံကိန်းဖြစ်သည်။ fontastic.me ၏အဓိကရည်ရွယ်ချက်မှာ websites များအတွက်အိုင်ကွန်ဖောင့်ထုတ်လုပ်ဖို့ဖြစ်ပါတယ်, ဒါပေမယ့်သင်ကခေါင်းစဉ်သို့မဟုတ်စာသားသေးငယ်တဲ့ပမာဏထုတ်လုပ်ရာမှာအသုံးပြုနိုင်ကြောင်းအက္ခရာများတစ် font ကိုဖန်တီးနိုင်ပါတယ်။
ဒီသင်ခန်းစာ၏ရည်ရွယ်ချက်ကြောင့်ငါသည်အချို့သောစာဖြင့်ရေးသားအက္ခရာ၏ဓာတ်ပုံခြေရာကောက်ရန်မယ်, ဒါပေမယ့်သင်အလွယ်တကူဒီ technique ကိုလိုက်လျောညီထွေဖြစ်အောင်နှင့် Inkscape တိုက်ရိုက်သင့်ရဲ့အက္ခရာများဆွဲနိုင်ပါတယ်။ ဤသည်ကိုအသုံးပြုဖို့သောသူတို့အဘို့အထူးသဖြင့်ကောင်းစွာအလုပ်မလုပ်စေခြင်းငှါ, တက်ဘလက်များဆွဲ ။
လာမယ့်စာမျက်နှာတွင်ကျွန်ုပ်တို့၏ကိုယ်ပိုင်ဖောင့်ကိုစတင်ရန်ပါလိမ့်မယ်။
05 ၏ 01
သင့်ရဲ့ရေးသားစာလုံးများ၏ဓာတ်ပုံတင်သွင်းရန်
သငျသညျတလျှောက်အတိုင်းလိုက်နာရန်နှင့်သင့်ကိုယ်ပိုင်လုပ်မလိုချင်ကြပါလျှင်, သင်မြို့တော်အက္ခရာများ AZ ပါရှိသည်သော-ဒူဒယ်-z.jpg ဒေါင်းလုဒ်လုပ်ပြီးသုံးနိုငျလိုလျှင်အချို့ကိုသင်ရေးဆွဲအက္ခရာများ၏ဓာတ်ပုံလိုအပ်ပါလိမ့်မယ်။
သင်သည်သင်၏ကိုယ်ပိုင်ဖန်တီးသွားနေတယ်ဆိုရင်, ခိုင်မာတဲ့ဆနျ့ကငျြဘအဘို့မှောင်မိုက်အရောင်မှင်နှင့်အဖြူစက္ကူသုံးပါနှင့်ကောင်းမွန်သောအလင်း၌ပြီးစီးအက္ခရာများဓာတ်ပုံရိုက်ဖို့။ ဒါ့အပြင်သင့်ရဲ့ခြေရာခံအက္ခရာများပြင်ဆင်နေသည့်အခါထိုကဲ့သို့သောဒီအဖြစ်ကို 'အို' 'အဖြစ်အက္ခရာများအတွက်မဆိုတံခါးပိတ်နေရာများ, အသက်ရှင်ခြင်းကိုပိုမိုရှုပ်ထွေးစေမည်ကြိုးစားရှောင်ကြဉ်ပါ။
ဓာတ်ပုံတင်သွင်းဖို့> Import ကို File ထို့နောက်ဓာတ်ပုံကိုမှ navigate နှင့်ပွင့်လင်း button ကို click နှိပ်သွားပါ။ လာမယ့်ဒိုင်ယာလော့ခ်များတွင်သင်တို့အားငါ Embed option ကိုအသုံးပြုအကြံပြုသည်။
image file ကိုအလွန်ကြီးမားသည်ဆိုလျှင်, သင်ကြည့်ရန်> မှန်ဘီလူး sub-menu ကိုအတွက်ရွေးချယ်စရာ အသုံးပြု. ထွက်ချဲ့ပြီးတော့တစ်ဦးချင်းစီထောင့်မြှားလက်ကိုင်ဖော်ပြရန်ပေါ်မှာတခါနှိပ်ခြင်းအားဖြင့်သူက-size ကိုပြန်လည်ပေးနိုင်သည်။ နှိပ်ပြီး drag တစ်လက်ကိုင်သည်ကို Ctrl သို့မဟုတ်စစ်ဌာနချုပ် key ကိုကိုင်ပြီးစဉ်ကသူ့ရဲ့မူရင်းအချိုးအစားစောင့်ရှောက်မည်။
နောက်တစ်ခုကျွန်တော်အားနည်းချက်ကိုလိုင်းစာလုံးတွေဖန်တီးရန် image ကိုခြေရာကောက်ပါလိမ့်မယ်။
05 ၏ 02
Vector လိုင်းပေးစာဖန်တီးဓာတ်ပုံခြေရာကောက်
ငါအရင်ကဖော်ပြထားပါတယ် Inkscape အတွက် bitmap ဂရပ်ဖစ် tracing , ဒါပေမယ့်အလျင်အမြန်ဒီနေရာမှာထပ်ဖြစ်စဉ်ကိုဖော်ပြရန်ပါလိမ့်မယ်။
ကရှေးခယျြထားရဲ့သေချာထို့နောက် Trace Bitmap ပေးတဲ့ dialog ဖွင့်လှစ်> Trace Bitmap Path ကိုသွားဖို့ဓာတ်ပုံပေါ်တွင်ကလစ်နှိပ်ပါ။ ကြှနျတေျာ့အမှု၌, ငါသည်သူတို့၏ default အဖို့အားလုံးကို setting များကိုစွန်ကကောင်းတစ်ဦး, သန့်ရှင်းသောရလဒ်ကိုထုတ်လုပ်ခဲ့ပါတယ်။ သင်ကသဲလွန်စ settings ကိုထိန်းညှိဖို့လိုအပ်နိုင်ပါသည်, သို့သော်သင်ကပိုမိုလွယ်ကူပိုမိုအားကောင်းဆနျ့ကငျြဘနှင့်အတူပုံရိပ်တစ်ခုထုတ်လုပ်ရန်ပိုကောင်းအလင်းရောင်နှင့်အတူနောက်တဖန်သင့်ရဲ့ဓာတ်ပုံကိုရိုက်ကူးဖို့ရှာတွေ့လိမ့်မည်။
မျက်နှာပြင်, shot, သင်ငါမူရင်းဓါတ်ပုံကိုပယ်ဆွဲငင်သောခြေရာခံအက္ခရာများတွေ့နိုင်ပါသည်။ အဆိုပါသဲလွန်စပြီးစီးသောအခါ, စာလုံးဓာတ်ပုံကျော်တိုက်ရိုက်ထားရှိပါလိမ့်မည်, ဒီတော့သူတို့ကအရမ်းသိသာမည်မဟုတ်ပါ။ ပေါ်ရွေ့လျားခြင်းမပြုမီ, သင် Trace Bitmap ပေးတဲ့ dialog ပိတ်ဖို့နိုင်ပြီးကိုလည်း select လုပ်ပါနှင့်စာရွက်စာတမ်းကနေဖယ်ရှားပစ်ရန်သင့်ကီးဘုတ်ပေါ် Delete key ကိုနှိပ်ပါဓာတ်ပုံကိုကလစ်နှိပ်ပါ။
05 ၏ 03
တစ်ဦးချင်းပေးစာသို့သဲလွန်စခွဲ
ဤအချက်မှာစာလုံးအပေါငျးတို့သအတူတကွပူးပေါင်းနေကြတယ်, ဒါကြောင့်> တစ်ဦးချင်းစီစာလုံးသို့သူတို့ကိုငါခွဲထွက်ဖို့အပြင်ကိုချိုး Path ကိုသွားပါ။ သငျသညျတစ်ဦးထက်ပိုဒြပ်စင်၏ဖွင့်ထားကြပါတယ်ကြောင်းအက္ခရာများရှိပါကဤကိုလည်းသီးခြားဒြပ်စင်သို့ခွဲထွက်ခဲ့ကြပါလိမ့်မယ်သတိပြုပါ။ ကြှနျတေျာ့အမှု၌, ဒီတိုင်းအက္ခရာသက်ဆိုင်ဒါကြောင့်ဒီအဆင့်မှာအတူတူတစ်ဦးချင်းစီအက္ခရာအုပ်စုသဘာဝကျပါတယ်။
ဒီလိုလုပ်ဖို့ပဲ click နှိပ်ခြင်းနှင့်ဆွဲယူစာတစ်စောင်န်းကျင်တစ်ရွေးချယ်ရေး marquee ပြီးနောက်သင်၏ကီးဘုတ်ပေါ် မူတည်. > Group မှသို့မဟုတ် Ctrl +, G သို့မဟုတ် Ctrl + G ကို Object ကိုသွားပါ။
သိသာထင်ရှားတဲ့, သင်သာတစ်ဦးထက်ပိုဒြပ်စင်ဆံ့ကြောင်းအက္ခရာများနှင့်အတူဤလုပ်ဖို့လိုအပ်ပါတယ်။
စာဖိုင်တွေကိုမပြုမီ, ကျွန်တော်တစ်ဦးသင့်လျော်သောအရွယ်အစားစာရွက်စာတမ်း-size ကိုပြန်လည်ပါလိမ့်မယ်။
05 ၏ 04
အဆိုပါစာရွက်စာတမ်း Size ကို Set
ကျွန်တော်တစ်ဦးသင့်လျော်သောအရွယ်အစားစာရွက်စာတမ်း set ဒါကြောင့် File ကိုသွားဖို့လိုအပ်> စာရွက်စာတမ်း Properties ကိုနှင့်ဒိုင်ယာလော့ခ်ထဲမှာ, အကျယ်နှင့်အမျှလိုအပ်သောအမြင့်ထားကြ၏။ နောက်ဆုံးစာလုံးကိုပိုပြီးသေသပ်စွာအတူတကွ fit နိုင်အောင်ထွက်ရှိသောသငျသညျအသီးအသီးစာတစ်စောင်များအတွက်ကွဲပြားခြားနား width ကိုမသတ်မှတ်မယ်လို့သော်လည်းငါ 500px အားဖြင့် 500px မှမိုင်းထားကြ၏။
Next ကိုကျနော်တို့ fontastic.me မှအပ်လုဒ်လုပ်ထားပါလိမ့်မည်သော SVG အက္ခရာများဖန်တီးပါလိမ့်မယ်။
05 ၏ 05
တစ်ခုချင်းစီပေးစာများအတွက်တစ်ဦးချင်း SVG ဖိုင်များ Create
Fontastic.me သီးခြား SVG ဖိုင်ဖြစ်စီစာတစ်စောင်လိုအပ်ပါတယ်, ဒါကြောင့်ကျနော်တို့အပေါ်ကိုနှိပ်ရှေ့မှာဤထုတ်လုပ်ရန်လိုအပ်ပါလိမ့်မယ်။
သူတို့စာမကျြနှာအနားပြင်ပတွင်ဖြစ်ကြောင်းဒါကြောင့်သင့်ရဲ့စာလုံးအပေါငျးတို့သဆွဲယူပါ။ Fontastic.me စာမျက်နှာဧရိယာပြင်ပတွင်ဖြစ်ကြောင်းဆို element တွေကိုလျစ်လျူရှုဒါကြောင့်ကျနော်တို့အဘယ်သူမျှမပြဿနာများနှင့်အတူကဒီမှာရပ်ထားသည်ဤစာလုံးများကိုစွန့်ခွာနိုင်ပါတယ်။
ယခုစာမျက်နှာသို့ပထမဦးဆုံးအက္ခရာဆွဲယူနှင့်ဆွဲကြောင့်လိုအပ်သော re-size ကိုဖို့ထောင့်ကိုင်တွယ်အသုံးပြုပါ။
ထိုအခါ File> Save As ကိုသွားနှင့်ဖိုင်တစ်အဓိပ္ပါယ်ရှိသောအမည်ဖြင့်ပေးပါ။ ငါငါ့ဥစ္စာ a.svg ကိုခေါ် - ထိုဖိုင် .svg နောက်ဆက်ရှိကြောင်းအာမခံပါသည်။
သငျသညျယခုရွှေ့သို့မဟုတ် delete ကိုပထမဦးဆုံးအက္ခရာနှင့်စာမျက်နှာပေါ်သို့ဒုတိယအက္ခရာနေရာနှင့်နောက်တဖန် File> Save As ကိုသွားနိုင်ပါတယ်။ သငျသညျအသီးအသီးအက္ခရာအဘို့ဤလုပ်ဖို့လိုအပ်ပါတယ်။ သငျသညျအကြှနျုပျကိုထက်ပိုမိုသည်းခံခြင်းပါတယ် အကယ်. သင်ပိုကောင်းဦးချင်းစီစာတစ်စောင်ကိုက်ညီဖို့ go အဖြစ်, သင်စာမျက်နှာရဲ့ width ညှိစေနိုင်သည်။
သငျသညျကျိန်းသေတဲ့အာကာသဇာတ်ကောင်ချင်ကြလိမ့်မည်သော်လည်းနောက်ဆုံးတွင်သငျသညျ, ပုဒ်ဖြတ်ထုတ်လုပ်စဉ်းစားရန်လိုပေမည်။ အာကာသအဘို့, ယ့်ကွက်လပ်စာမျက်နှာသိမ်းဆည်းပါ။ သငျသညျအထက်ပိုင်းနှင့်အောက်ပိုင်းကိစ္စတွင်အက္ခရာများလိုပါကလည်း, သင်တို့လည်းထိုအသားအပေါငျးကိုကယျတငျဖို့လိုအပ်ပါတယ်။
အခုဆိုရင်သင့်ဖောင် fontastic.me နှင့်ကိုဖန်တီးရန်တစ်ဦးအလည်အပတ်ပေးဆောင်နိုင်ပါ။ ငါသည်သင်တို့၏ font ကိုအောင်ကြောင်း site ကိုမည်သို့အသုံးပြုရမည်ကိုရှင်းပြသောတစ်ပူးတှဲပါဆောင်းပါး၌ဤလုပ်ငန်းစဉ်နှင့် ပတ်သက်. အနည်းငယ်ရှင်းပြခဲ့ပါတယ်: Fontastic.me အသုံးပြုခြင်းဟာစာလုံး Create