အတူလုပ်ကိုင်များထဲမှရှုထောင့်ရှိသည်ဆိုပါက Illustrator ငါအမှန်တကယ်ကမိုဘိုင်းသို့မဟုတ်ဝဘ်များအတွက် svg ပုံရိပ်တွေဖို့လိုင်းအနုပညာ converting ဖြစ်ပါတယ်ပျော်မွေ့ဘူးသော။ မီနူးကြောင့်ပို့ကုန်> ပို့ကုန်အသုံးပြုခြင်းနှင့်ရက်ရက်စက်စက်ရိုးသားဖို့, Web ကိုအင်္ဂါရပ်သည်ကြော်ငြာကို Save လုပ်ရန် - ပို့ကုန်> Web ကိုများအတွက် Save - သုံးစွဲဖို့အတိအကျလွယ်ကူသောကြဘူး။
အဆိုပါ .svg format နဲ့တစ်ဦးဆွဲ converting ဒီလုပ်ငန်းအသွားအလာအသစ်လူတို့အဘို့, အဲဒီမှာ .svg ကို formats တစ်ခုအရေအတွက်ကတို့တစ်ဦးတည်းသာထိုသူတို့ကိုသင့်လျော်ခဲ့ရွေးချယ်စရာတစ်ခုရှုပ်ထွေးခင်းကျင်းမဖော်ပြထားခြင်းဆိုတဲ့အချက်ကိုလှူသော, တစ်ဦးမဟုတ်ဘဲခြိမ်းခြောက်ပေးတဲ့ dialog box ကိုဖွင့်လှစ် format နဲ့။ သင်ဤလုပ်ငန်းအသွားအလာဖို့အသုံးပြုတယ်ပြီးတာနဲ့မကြီးတွေစာချုပ်ခဲ့ပေမယ်သင်ယူမှုကွေးမတ်စောက်သောဖြစ်ခဲ့သည်။
ရှိသမျှသောမျက်နှာပြင်အသစ်ကပို့ကုန်နှင့်အတူပြောင်းလဲသွားပြီ feature - နှင့်မိတ်ဆက်ခဲ့ပြီးသောပိုင်ဆိုင်မှုပို့ကုန် panel က - ပို့ကုန်> screen များအတွက်ပို့ကုန် Illustrator CC ကို 2015 ငါနှစ်ဦးစလုံးကိုအသုံးပြုရန်သင်မည်သို့ပြသသွားနေပါတယ်ဒီခုနှစ်တွင်ဇွန်လ 2016 ခုနှစ်တွင် "ဘယ်လိုရန်" အင်္ဂါရပ်များ။ စလိုက်ကြစို့။
04 ၏ 01
Adobe Illustrator CC ကို 2015 ခုနှစ်တွင် screen များအတွက်ပို့ကုန်ဝင်ရောက်ဖို့ဘယ်လို
Illustrator 88 ကတည်းကတစ်ဦး Illustrator အသုံးပြုသူခဲ့ပွီးငါသည်သင်တို့ကို web နှင့်မိုဘိုင်း interfaces နှင့်စီမံကိန်းများအတွက်လေးနက်ဒီဇိုင်းကို tool အဖြစ် Illustrator စဉ်းစားရန်ငါ့အတွန့်ဆုတ်နားလညျနိုငျထင်ပါတယ်။
artboards အဆိုပါ CS4 ဗားရှင်း 2008 ခုနှစ်ကစတင်မိတ်ဆက်ပေးခဲ့သည်အခါ, ငါလျှောက်လွှာတစ်ခုစိတ်ဝင်စားဖို့ထို့အပြင်ခဲ့သည်ထင်။ ကျွန်မပထမဦးဆုံး Illustrator အတွက် Web ကိုအင်္ဂါရပ်သည်ယခု-ကန့်ကွက်ခံထားကြော်ငြာကို Save လုပ်ရန်မြင်လျှင်, နောက်တဖန်ငါစိတ်ဝင်စားစရာကောင်းတွေ့ရှိခဲ့ပေမယ့် Adobe ကမီးပန်းထဲမှာအတူတူအင်္ဂါရပ်ကိုပိုမို Illustrator ထက်ကို web ဂရပ်ဖစ်နှင့်အတူ aligned ခဲ့သည်တွေ့ရှိခဲ့ပါတယ်။
ဒီဇိုင်းမိုဘိုင်း-ပထမဦးဆုံးချဉ်းကပ်မှုနှင့်မိုဘိုင်းစီမံကိန်းများအတွက် SVG ပုံရိပ်တွေအပေါ်တိုးမြှင့်မှီခို၏ထွန်းနှင့်အတူ, Illustrator, ငါ၏ SVG များအတွက် tool ကို "ကိုသွားပါ" နှင့် UI ကိုဒီဇိုင်းလုပ်ငန်းအသွားအလာအတွက်အရေးပါသောမှတ်တိုင်ဖြစ်လာခဲ့သည်ဖြစ်ခဲ့သည်။
ဒါပေမဲ့ Sketch 3, မိုဘိုင်းအတွက်ပိုင်ဆိုင်မှုများကိုတင်ပို့ဖို့လိုအပ်မယ်ဆိုရင်နှင့် Photoshop CC ကို 2015 ရှေးခယျြမှုငါ၏ tools များဖြစ်ကြသည်။ Illustrator မျက်နှာပြင် menu ကိုများအတွက်တကယ် nifty ပို့ကုန်နှင့်အတူဇွန်လ 2016 ခုနှစ်တွင်စာရင်းဝင်ကြ၏။
အထက်ပါဥပမာမှာကျနော်အနေနဲ့ iPhone အတွက်လတ်မျက်နှာပြင်နှစ်ခုရှိသည်နှင့်သူတို့သီးခြား "မူလစာမျက်နှာ" အမည်ရှိ Artboards နှင့် "နေရာများ" ပေါ်တွင်ဖြစ်ကြသည်။ output ကိုသူတို့နေရာ, ငါ>> screen များအတွက်ပို့ကုန်တင်ပို့မှုဖိုင်မှတ်တမ်းရွေးချယ်ထားကြသည်။ မျက်နှာပြင်ပေးတဲ့ dialog box ကိုများအတွက်ပို့ကုန်ဖွင့်လှစ်။
04 ၏ 02
မျက်နှာပြင် Dialog ကိုထောင့်ကွက်များအတွက်ပို့ကုန်သုံးပါရန်ကိုဘယ်လို
အဆိုပါပေးတဲ့ dialog box ကိုပုံပေါ်သည့်အခါမရွေးခံရဖို့တစ်ဦးချင်းစီ artboard အပေါ်ကိုကလစ်နှိပ်ပါ။ ထို့နောက်တစ်ဦးစစ်ဆေးမှုများအမှတ်အသား sport ပါလိမ့်မယ်။ သငျသညျလညျးကိုရွေးချယ်ပြီးပြောင်းလဲဖို့ artboard ရဲ့နာမညျကို double-click နိုင်ပါတယ်။ ဒါဟာသင့်ရဲ့ artboards အမည်ရှိလျှင် "Artboard 1" နှင့်ပှငျ့ပှငျ့လငျးလငျး, သင်တို့သည်အလျှင်းမကိုပြောပြရာ, "Artboard 2" ကိုသိရန်အကောင်းတစ်ဦးအရာဖြစ်၏။
သင့်အနေကို Select လုပ်ပါဧရိယာထဲမှာသုံးရွေးချယ်မှုရှိသည်:
- အားလုံး: ဒီရွေးချယ်မှုသီးခြားဖိုင်အဖြစ်စာရွက်စာတမ်းစီ artboard တင်ပို့ပါတယ်။
- အကွာအဝေး: တင်ပို့ခံရဖို့ artboards တစ်အကွာအဝေးရိုက်ထည့်ပါ။ ဒါကအနည်းငယ်တစ်ဒါဇင် artboards နှင့်အတူစီမံကိန်းများအတွက်အထူးသဖြင့်အသုံးဝင်သည်။
- အပြည့်အဝစာရွက်စာတမ်း: ဤကို Select လုပ်ပါနှင့် artboards အပေါငျးတို့သတစ်ခုတည်းစာရွက်စာတမ်းသို့ပြားလိမ့်မည်။
အဆိုပါပို့ကုန်ရန်ဧရိယာသင် output ကိုများအတွက်လိုက်တဲ့ destination ဖိုင်တွဲကိုရွေးချယ်ပေးနိုင်ပါတယ်။ ကို default folder ကိုပု Illustrator document ရဲ့လက်ရှိတည်နေရာဖြစ်လိမ့်မည်။
formats ကို "မှော်ဖြစ်ပျက်ဘယ်မှာဖြစ်ပါတယ်။ သငျသညျသုံး icons- ကို iOS ရှိပါတယ်သတိထားမိပါလိမ့်မယ်။ Android နှင့်တစ်ဂီယာ။ ပထမဦးဆုံးနှစ်ဦးကို Self-ရှင်းလင်းဖြစ်ကြသည်။ အဆိုပါ Gear အိုင်ကွန်ကိုသင်စာရင်းထဲမှာဖိုင် Format အသီးအသီး optimized ပါလိမ့်မည်ကိုမည်သို့ထိန်းချုပ်ခွင့်ပြုထားသည့် Format ကိုချိန်ညှိချက်များကိုဖွင့်လှစ်။ အဲဒီ settings "format နဲ့တိကျတဲ့" နှင့်သင်ကြော်ငြာကို Save လုပ်ရန် Settings ခလုတ်ကိုကလစ်နှိပ်ပါ, သင့်အပြောင်းအလဲများကိုစေပြီအဲဒီအပြောင်းအလဲများကို output ကိုဖြစ်ဖို့ကို formats မှလျှောက်ထားပါလိမ့်မည်တစ်ချိန်ကဖြစ်ကြသည်။
သငျသညျကို iOS သို့မဟုတ် Android ကိုရွေးချယ်ပြီးတာနဲ့စာရင်းကိုကြောင့် platform ပေါ်တွင်မရရှိနိုင်သည့်ဆုံးဖြတ်ချက်များအပေါငျးတို့သပါဝင်သည်မှပြောင်းလဲပစ်ပါလိမ့်မယ်။ အဆိုပါ iOS ကိုစာရင်းပြပါလိမ့်မယ် အတိုင်းအတာအချက်များ ကတော့ Retina Display ပါနှင့်အန်းဒရွိုက်ရွေးချယ်ရေးထွက်ရှိလက်တွေ့ကျကျတိုင်းက Android device ကိုရှိကြတယ်ရာ 4x မှ .75x ကနေအထိအကြေးခွံရပါလိမ့်မယ်။
သငျသညျကိုဖယ်ရှားလိုတဲ့ပုံစံကိုပြလည်းမရှိလျှင်, "x" ကိုကလစ်နှိပ်ပါ။ သင် + Add စကေး button ကို click နှိပ် add ချင်တဦးတည်းရှိပါ။
ကိုလက်စသတ်သောအခါ, လုပ်ငန်းစဉ်ပြီးဆုံးချိန်မှာပို့ကုန် Artboard ခလုတ်ကိုနှင့်တိုးတက်မှုဘားကိုသင်ပြပါလိမ့်မယ်ကလစ်နှိပ်ပါ။
04 ၏ 03
Adobe Illustrator CC ကို 2015 ကနေမျက်နှာပြင်ဖိုင်အတွက်အဆိုပါပို့ကုန်အသုံးပြုခြင်း။
သငျသညျ screen များအတွက်ပို့ကုန်၏ရလဒ်များကိုထုတ်စစ်ဆေးတဲ့အခါမှာ, သင် Illustrator output ကိုအသီးအသီးမျက်နှာပြင်၏တစ်ဦးပြားစေဗားရှင်းရှိပါတယ်ကြောင်းတွေ့ရှပါလိမ့်မယ်။ မျက်နှာပြင်တွင်, ဤသူသည်သင်တို့ပုံရိပ်တွေအဖြစ်-bits နှင့်အပိုင်းပိုင်း၌ရှိသမျှသောတင်ပို့ကြ Illustrator မျှော်လင့်ခဲ့ကြပါလျှင်အထူးသဖြင့်နည်းနည်းအားနည်းနေလိမ့်ဟန်ဖြစ်နိုင်သည်။
သငျသညျကိုပြန်ခြေလှမ်းနှင့်ခဏစဉ်းစားလျှင်သင်ကဲ့သို့သောရှေ့ပြေးပုံစံလျှောက်လွှာ၌ဤ output ကိုအသုံးပွုနိုငျသောကွောငျ့, ဒီသင်လိုအပ်အတိအကျဘာကိုအမှန်တကယ်ဖြစ်ပါသည် Adobe ကအတွေ့အကြုံဒီဇိုင်း , Principleformac, Atomic.io , UXPin သို့မဟုတ်အခြားရှေ့ပြေးပုံစံလျှောက်လွှာ
ဒီဥပမာထဲမှာ, ငါရိုးရှင်းတဲ့-thru ကလစ်ကိုဖန်တီးရန်အတွက် Adobe အတွေ့အကြုံဒီဇိုင်း (XD) ကို အသုံးပြု. နေပါတယ်။ ထိုလုပ်ငန်းစဉ်အတွက်ပထမဦးဆုံးခြေလှမ်းဟာ Illustrator Interface ၏အတိုင်းအတာကိုက်ညီသည့် iPhone 6 အရွယ်အစားကိုရွေးပါဖို့ပဲ
အဆိုပါ interface ကိုဖွင့်လှစ်ခဲ့သည့်အခါငါ Artboard tool ကိုရွေးချယ်အခြား artboard add ဖို့ pasteboard အပေါ်တခါကလစ်ခဲ့သည်။ အဲဒီနောက်အသီးအသီး artboard ရွေးချယ်ထားသည့် "မူလစာမျက်နှာ" နှင့် "နေရာများ" သူတို့ကိုအမည်ရှိနှင့် artboard သို့ Illustrator ကနေ png image ကိုတင်သွင်းခဲ့သည်။
အဆိုပါကလစ်-thru များအတွက် "ဟော့စပေါ့" ကိုဖန်တီးရန်, ငါအိမ် screen ပေါ်မှာ button ကို Explore နှင့် Properties ကို panel ကိုရှိသူတို့ဂုဏ်သတ္တိများဖျက်ပစ်ခြင်းသည်အားဖြင့်အဘယ်သူအားမျှရန်၎င်း၏ဝစွာနှင့်နယ်စပ်တန်ဖိုးများသတ်မှတ်ထားကျော်တစ်စတုဂံကိုဆွဲငင်။ ငါနေရာများစာမျက်နှာပေါ်သို့ပြန်သွားရန်ခလုတ်ကိုနှင့်တူညီသောအရာကိုပြု၏။
အဆိုပါ interactive ထည့်သွင်းဖို့ငါရှေ့ပြေးပုံစံ mode ကိုရွေးချယ်ပြီးနောက် "ဟော့စပေါ့" ပေါ်တွင်ကလစ်ခဲ့သည်။ အဆိုပါနေရာများစာမျက်နှာရန်နှင့်ယင်းနေရာများမှာလက်ဝဲ, ထွက်လျှော့ဖို့လျှော့ချခြင်းနှင့် .6 စက္ကန့်ရန်အကူးအပြောင်း၏ကြာချိန် Push ဖို့အဆိုကိုအဆိုပါအကူးအပြောင်းပစ်မှတ်သတ်မှတ်ပြီး - ငါထို့နောက် arrow- တစ်ဝါယာကြိုးဟုခေါ်တွင်ဆွဲငင်။
ငါနေရာများစာမျက်နှာပေါ်တွင်ဟော့စပေါ့နှင့်အတူဤခြေလှမ်းထပ်ခါတလဲလဲ။ တစ်ခုတည်းသောကွာခြားချက်အကူးအပြောင်းကို right Push ဟုသတ်မှတ်ခံခဲ့ရခဲ့သည်။ ငါ Play စ button ကိုနှိပ်လိုက်တဲ့အခါမှာကျွန်မရဲ့ရှေ့ပြေးပုံစံကိုစမ်းသပ်။
04 ၏ 04
Adobe Illustrator CC ကို 2015 ခုနှစ်တွင်အဆိုပါပို့ကုန်ပိုင်ဆိုင်မှု Panel ကိုသုံးပါရန်ကိုဘယ်လို
ပိုင်ဆိုင်မှုပို့ကုန် - - ထို UI ကိုဒီဇိုင်းလုပ်ငန်းအသွားအလာအတွက်ကြီးမားတဲ့နာကျင်မှုအချက်ဖယ်ရှားမျက်နှာပြင် menu ကို Adobe ကများအတွက်ကြော်ငြာကို Save လုပ်ရန်နှင့်အတူလည်းအသစ်တခု panel ကဆက်ပြောသည်။
နာကျင်မှုအချက် icon များဖြစ်ခဲ့သည်။ Illustrator တစျဦးစီတစ်ဦး SVG ပုံရိပ်အဖြစ်သိမ်းဆည်းရန်လိုအပ်သည်သူတို့ထဲက 40 သို့မဟုတ် 50 ပါတဲ့စာမျက်နှာပေါ်တွင်တစ်ဦးအကြီးအအားနည်းချက်ကိုဆွဲ application ဖြစ်ပါတယ်ဒါပေမယ့် output ကိုရန်ရဲ့ 10 icon တွေကိုပြောပါရစေ။ ဒါဟာမလွှဲမရှောင်ဟာ SVG panel ကိုမှအဆက်ဆက်သည်ခရီးစဉ်မှပုံမှန်ထက်ကျေးဇူးတင်စကားထက်အချိန်ပိုမိုလိုအပ်သည်။ ဤသည်နာကျင်မှုအချက်ယခုအတိတ်ကအရာဖြစ်၏။
ယခုအသစ် panel ကို Window> ပိုင်ဆိုင်မှုပို့ကုန်မှာတှေ့နိုငျပါသညျ။ အဆိုပါ panel ကိုဖွင့်လှစ်တဲ့အခါမှာ, သင် panel ကိုသို့ SVG သို့မဟုတ်အခြား format နဲ့နဲ့ဆွဲမှပြောင်းလဲချင်သောပိုင်ဆိုင်မှုကိုရွေးပါ။ သင် mouse ကိုလွှတ်ပေးရန်အခါပိုင်ဆိုင်မှုတစ်ခု thumbnail ကိုအဆိုပါ panel ကိုထည့်သွင်းထားသည်။ အဆိုပါပိုင်ဆိုင်မှုအမည်ပြောပါ။ သငျသညျကိုလက်စသတ်မှီတိုင်အောင် panel ကိုသို့တ္ထုဆွဲထားပါ။
အဆိုပါပို့ကုန် settings ကိုဧရိယာများတွင်တစ်ဦးချင်းစီကို item ကို Select လုပ်ပါ, သို့မဟုတ် Shift key ကိုကိုင်ပြီးနှင့်တစ်ဦးချင်းစီတဦးတည်းအပေါ်နှိပ်ခြင်းအားဖြင့်သူတို့အားလုံးကို select လုပ်ပါ။ သင့်ရဲ့ပုံစံကိုရွေးချယ်ရန် - ဒီဥပမာထဲမှာ, ငါ SVG- ကို ရွေးချယ်. နှင့်ပို့ကုန် button ကို click လုပ်ပါ။ ရွေးချယ်ထားသောပစ္စည်းများကတော့ Illustrator ဖိုင်အဖြစ်အတူတူပင်တည်နေရာ SVG ဖိုင်တွေအဖြစ် output ကိုရလိမ့်မည်။
ဒီလုပ်ငန်းစဉ်တစ်ခုလုံးပင် neater သည်ကိုသင်ပိုင်ဆိုင်မှုပို့ကုန် panel ကိုသုံးစွဲဖို့မလိုပါရရှိဘယ်မှာ။ သင် panel ကို၏အောက်ခြေတွင်မျက်နှာပြင်ခလုတ်ကိုများအတွက် Save ကိုကလစ်နှိပ်ပါလျှင်ပေးတဲ့ dialog box ကိုဖွင့်လှစ်။
ပြောင်းပြန်, သင်ပိုင်ဆိုင်မှုပို့ကုန် panel ကိုဝင်ရောက်ဖို့မျက်နှာပြင် panel ကိုများအတွက်ကြော်ငြာကို Save လုပ်ရန်အတွက်ပိုင်ဆိုင်မှုများ tab ကိုနှိပ်ပါနိုင်ပါတယ်။ သင်တစ်ဦး artboard အပေါ်တစ်ဦးထုံးစံအိုင်ကွန်ရှိပါကဥပမာအားဖြင့်, သင်သည်မျက်နှာပြင်ပေးတဲ့ dialog box ကိုများအတွက်ကြော်ငြာကို Save လုပ်ရန်အတွက်ပိုင်ဆိုင်မှုပို့ကုန် panel ကိုဖွင့်နိုင်သည်နှင့်ပိုင်ဆိုင်မှုပို့ကုန် panel ကစတဲ့ item ဆွဲယူပါ။