မိုဘိုင်းအတွက် imaging ပုံအဘယ်အရာကိုအမြဲမဟုတ်ပါဘူး
ထိုသို့ ပို. ပို. အဖြစ်များလာ ဂရပ်ဖစ်အပြစ်တွေ ဟာသူတို့ရဲ့အလုပ်ပုံနှိပ်အတွက်ဒါပေမယ့်လည်းဝဘ်နှင့်ထိုကဲ့သို့သော iPhone, iPad, Android ထုတ်ကုန်နှင့် Android tablet များအဖြစ် devices များပေါ်တွင်ပေါ်လာပါပြီဖို့သာ။ မျက်နှာပြင်တွင်, ဒီကျွန်တော်တို့ရဲ့အလုပ်ကိုဒစ်ဂျစ်တယ်ဖန်သားပြင်မှ Expand ပေါ်မီဒီယာအဖြစ်ကို "ကောင်းသောအရာ" အဖြစ်တွေ့မြင်နိုင်မည်ဖြစ်သည်။ အဆင်မပြေဖန်သားပြင်၏သက်သက်နံပါတ်နှင့်မျက်နှာပြင်ဆုံးဖြတ်ချက်တွေ၏ရှုပ်ထွေးအရေအတွက်ဖြစ်ပါတယ်။ ဒါဟာ 300 dpi resolution ကိုရသောအခါလကျထကျမှဖြစ်ပျက်သမျှကိုအံ့ဩဝါရင့်အပြစ်တွေကိုနားထောငျဖို့အဆန်းမဟုတ်ပါဘူး TIFF ပုံရိပ် ထဲမှာ CMYK format နဲ့စနစ်တစ်ခုဖြစ်ခဲ့သည်။ အိုးကောင်းကိုဟောင်းများကိုနေ့ရက်ကာလအဘို့!
ထိုနေ့ရက်ကာလကိုကျော်ဖြစ်ကြသည်။ ကျနော်တို့အခု 200 200 အားဖြင့် image ကိုတဦးတည်းစက်ပစ္စည်းတွင်ဒဏ်ငွေပေါ်လာနိုင်ပြီးသေးလေးပုံတပုံအရွယ်အစားသေးသည်အခြားအပေါ်အခြားသုံးယောက်-လေးပုံတပုံအရွယ်အစားပေါ်တွင်ပေါ်လာဆိုတဲ့အချက်ကိုနှင့်ဆန့်ကျင်ဘက်ရန်ရှိသည်။ ဒါဟာအားလုံးတကယ်ချသူတို့ပြိုင်ဘက်ထက်မျက်နှာပြင်သို့ပိုပြီး pixels ကိုအား Jamming ဖို့ကြိုးစားအဖြစ် device ကိုထုတ်လုပ်သူများကလဲဆင်နွှဲခဲ့ပါသေးတယ်ခံသည် "ဆုံးဖြတ်ချက်လက်နက်လူမျိုး" ထံသို့မရောက်ရ။
ဒီအကြှနျုပျတို့သညျ "အဆိုပါနောက်ဆက်၏ထ" မခေါ်ပါလိမ့်မယ်အဘယ်အရာကိုမှကျွန်တော်တို့ကိုဆောင်တတ်၏။ 3x @ 2x, @ - - ပုံတစ်ပုံ၏အမည်ကိုမှအပေါ် tacked အဆိုပါနောက်ဆက်သူတို့အားအရာဖြစ်ကြ၏။ သူတို့ကမရှိမဖြစ်လိုအပ်တဲ့ဥပမာ, လက်ျာကိရိယာပေါ်တွင်လက်ျာဘက်အရပျ၌လက်ျာ image ကိုထားတော်မူ၏။ ထိုအခါကပင်ပိုကောင်းရရှိသွားတဲ့။
ကျွန်တော်တို့ရဲ့အလုပ်၏တစ်ဦးကစာရေးပြားဒီဇိုင်းလှုပ်ရှားမှုမြင့်တက်နှင့်အတူဤအရာများကိုကဲ့သို့သောအားနည်းချက်ကိုဆွဲပလီကေးရှင်းကိုဖန်တီးနေကြတယ်, icon များနှင့်အတူအလုပ်လုပ်ကပါဝင်ပတ်သက်ခြင်းနှင့် Illustrator နှင့် Sketch ။ အဆိုပါပြဿနာ devices တွေကိုရိုးရိုး .ai ဆပ်သို့မဟုတ်ဖိုင်များကို .eps မနိုင်ဖြစ်ပါတယ်။ သူတို့ကပြောင်းဖို့လို ၏အရွယ်မှာ Vector Graphics အိုင်ကွန်များဖန်တီးရန်အသုံးပြုလျှောက်လွှာပေါ် မူတည်. ပင်တစ် SVG option ကိုမျှမရှိစေခြင်းငှါ, နှင့်။
ထိုအခါကပင်ပိုကောင်းရရှိသွားတဲ့။
သင့်ရဲ့ images နဲ့ icon တွေကို devices များထွက်တွန်းနှင့်သူတို့အဖြစ်ကောင်းစွာ၎င်းတို့၏ပိုင်ထိုက်သောရှိနေကြသည်ရှေ့တော်၌ထိုစည်းဝေးပွဲကိုအမှတ်ဖြစ်လာဖြစ်ကြောင်း - software- ရှေ့ပြေးပုံစံ applications များ၏အသစ်တစ်ခုလူတန်းစားရှိပါသည်။
ဒါကဂရပ်ဖစ်အဘို့ကို Photoshop နှင့် Sketch အကြားသင်ခန်းစာရွေ့လျားအသုံးပြုဖို့ အတွက် Adobe အတွေ့အကြုံဒီဇိုင်း သင့်ရဲ့စိတ်ကူးနှင့်နောက်ဆုံးဖြန့်ကျက်အကြားနာကျင်မှုအချက်များကိုအနည်းငယ်သရုပ်ပြရန်။ စလိုက်ကြစို့။
05 ၏ 01
ဘယ်လို Adobe က Photoshop မှာမိုဘိုင်းဖုန်းများအတွက် Images ကိုပြင်ဆင်ပါရန်
ဤလုပ်ငန်းစဉ်အတွက်ပထမဦးဆုံးခြေလှမ်းကသင်၏ပစ်မှတ်ကိရိယာသို့မဟုတ်ထုတ်ကုန် သိ. ဖြစ်ပါသည်။ ဤကိစ္စတွင်ခုနှစ်, သငျသညျမွငျ့မား 667 pixels ကိုအားဖြင့်ကျယ်ပြန့် 375 pixels ကို၏မျက်နှာပြင်ဧရိယာရှိပြီးဖြစ်သော iPhone 6 ပစ်မှတ်ထားခြင်းကိုခံရပါလိမ့်မယ်။ image ကိုမျက်နှာပြင်အကျယ်ဖြစ်များအတွက်ဒီဇိုင်းကိုခေါ်ဆိုသည်။
အသုံးပြုရရန်ပုံရိပ်ကို Bern, ဆွစ်ဇာလန်အတွက်ဆွစ်ဇာလန်နိုင်ငံချုပ်နဲ့ဘုရားရှိခိုးကျောင်းအတွင်းမှသေနတ်ခဲ့သည်။ image ကို image ကိုနှင့်၎င်း၏ resolution ကို၏ရှုထောင့်စစ်ဆေး Photoshop ကို, ကို select လုပ်ပါလို့ Image> Image Size အတွက်ဖွင့်လှစ်သည်နှင့်တပြိုင်နက်။ သိသာထင်ရှားတဲ့ 300 ppi တစ်ဆုံးဖြတ်ချက်နှင့်အတူက x 2592 3156 ကြောင်းကိုပုံရိပ်တစ်ခုနှင့် 23,4 Mb တစ်ဖိုင်အရွယ်အစားရိုးရှင်းစွာအလုပ်လုပ်မည်မဟုတ်ပေ။
အဆိုပါ Image Size ပေးတဲ့ dialog box ကိုအတွင်းပိုင်း, 100 ppi ဖို့ဆုံးဖြတ်ချက်လျှော့ချပေးပါတယ်။ image ကိုရှုထောင့်ကိုလည်းပြောင်းလဲသွားပါလိမ့်မယ်ဘာဖြစ်လို့လဲဆိုတော့ဒီပထမဦးဆုံးလုပ်ပါ။ အဆိုပါဆုံးဖြတ်ချက်အစုံနှင့်အတူ, 375 Pixels ဖို့ width ကိုပြောင်းပေးပါ။ သင် Image Size data တွေကိုစစ်ဆေး အကယ်. သင်က image ကိုသတိထားမိပါလိမ့်မယ် 23,4 Mb ကနေတစ်ဦးထက်ပိုမိုဘိုင်း-ဖော်ရွေ 338k မှကျုံ့ထားသည်။ အပြောင်းအလဲကိုလက်ခံဖို့ကို Image Size ပေးတဲ့ dialog box ကိုပိတ်လိုက်မှ OK ကိုကလစ်နှိပ်ပါ။
05 ၏ 02
က "ပို့ကုန်အမျှ ... " ကို Adobe Photoshop မှာဆွေးနွေးပွဲ Box ကိုအသုံးပြုနည်းကိုဘယ်လို
image ကိုပို့ကုန်များအတွက်အဆင်သင့်ဖြစ်နေပြီပြီးတာနဲ့ပေးတဲ့ dialog box ကိုအမျှအဆိုပါပို့ကုန်ဖွင့်ရန် "ပို့ကုန်> ပို့ကုန်အမျှ ... " ကိုရွေးချယ်ပါ။
ဒါဟာတွေ့ဆုံဆွေးနွေးရေး Box ကို Photoshop ကိုတစ်ဦးမကြာသေးခင်ကထို့အပြင်ဖြစ်ပြီးသူတို့နှစ်တာအတွက်သုံး "Web များအတွက် Save" တွေ့ဆုံဆွေးနွေးရေး box ကိုအစားထိုးထားသည်။ သင်ဆဲလိုလျှင်သင်ချ pop သည့်ပို့ကုန်အတွက်ရှာတွေ့နိုင်ပါသည်။ ဒါဟာယခု "web သည်ပို့ကုန် (အမွေအနှစ်)" အဖြစ်လူသိများထင်ရှားသောအကြောင်းပြချက်များအတွက်ဖြစ်ပါသည်။ ဤ dialog box ကိုရန်သင့်ပထမဆုံးခရီးစဉ်ဖြစ်တယ်ဆိုရင်, ဒီမှာအကျဉ်းခရီးစဉ်ရဲ့:
- Size ကို: ဒီကော်လံပုံရဲ့ output ကိုအရွယ်အစားသတ်မှတ်။ ဒီဧရိယာ၏စိတ်ဝင်စားဖွယ်ရှုထောင့်က image ကိုကျယ်စေပါလိမ့်မယ်ဒါပေမယ့်ပုံရိပ်ဘာဖြစ်လို့လဲဆိုတော့ထုတ်ကုန်ရဲ့ screen ပေါ်မှာ pixels ကို၏ကြီးမားသောအရေအတွက် device ကိုအပေါ် "fuzzy" အဖြစ်ပေါ်လာမည်မဟုတ်ဖြစ်ပါတယ်။
- 1x: ကိုင်ပေါ်မှာဤ Click နှင့်သင်အရွယ်အစား၏နံပါတ်နှင့်အတူပေးအပ်ပါလိမ့်မည်။ အဆိုပါ 1x, 2x နှင့် 3x အမျိုးအစားအစဉ်အလာကို Apple ကနေဟိုင်း DPI devices များနှင့်ဆက်စပ်လျက်ရှိသည်နှင့်အနည်းငယ်တခြားသူတွေနဲ့သူတို့တလျှောက်မှာ Android device များအတွက်ပုံရိပ်တွေကိုပွငျဆငျပါလိမ့်မယ်။
- နောက်ဆက်: ဤရွေးချယ်မှုသည်သင်၏အရွယ်အစားကိုပြသပါလိမ့်မယ်ဒါပေမယ့် 2x @ အဖြစ်ပြသပါလိမ့်မည်သို့မဟုတ်အရွယ်အစားရွေးကောက်တော်မူသည်။ ဒါကနောက်ဆက် image ကိုအမည်အားထည့်သွင်းပါလိမ့်မည်။
- အဆိုပါ + နိမိတ်လက္ခဏာ: output ကိုများအတွက်အမျိုးမျိုးသောအရွယ်အစားကိုထည့်သွင်းဖို့ဒီကိုကလစ်နှိပ်ပါ။ ဤကိစ္စတွင်ခုနှစ်, ကနှစ်ကြိမ် click နှိပ်ပြီးနှင့်ပေါ့ပ်ဆင်းကနေ 2x နှင့် 3x ရွေးချယ်ခဲ့သည်။ ဒါကလက်တွေ့မဆို iOS device ကိုဖုံးလွှမ်းလိမ့်မယ်။
- အဆိုပါအမှိုက်ပုံးထဲနိုင်သလား: ဤနှိပ်ပါရွေးချယ်မှုဟာ lineup မှဖယ်ရှားပစ်ခြင်းဖြစ်သည်။
- file ကိုချိန်ညှိမှုများ: ပုံစံကိုရွေးချယ်ပါ - image ကိုအကောင်းဆုံး-ကိုက်ညီ - jpg, png, gif သို့မဟုတ် svg ။ ဖိုင်အရွယ်အစားဟာစိုးရိမ်ပူပန်မှုဖြစ်ပါတယ် အကယ်. ကိုလည်းအရည်အသွေး settings ကိုလျှော့ချနိုင်ပါတယ်။
- Image Size: သင်ပုံရဲ့ရုပ်ပိုင်းဆိုင်ရာအတိုင်းအတာပြောင်းလဲနိုင်သည်။
- က Canvas Size: သင်က image ကိုပတ္တူ၏ရုပ်ပိုင်းဆိုင်ရာအတိုင်းအတာပြောင်းလဲနိုင်သည်။
- metadata: သင် image ကိုဖွင့် metadata ကိုမှမူပိုင်ခွင့်နှင့်သင့်ဆက်သွယ်ရန်အချက်အလက်ထည့်သွင်းနိုင်ပါတယ်။
ကိုလက်စသတ်သောအခါ, ပို့ကုန်အားလုံး button ကို click လုပ်ပါ။ သင်ပုံရိပ်တွေနေရာချင်တယ်ဘယ်မှာသင်ကမေးလိမ့်မည်။ ဖွံ့ဖြိုးတိုးတက်ဖို့ A ကောင်းဆုံးအလေ့အထသစ် Folder ကိုခလုတ်ကိုကလစ်နှိပ်ပါနှင့်တင်ပို့ရုပ်ပုံများကိုကျင်းပရန် folder တစ်ခုဖန်တီးရန်ဖြစ်ပါသည်။ သငျသညျ Export ကိုနှိပ်ပါတဲ့အခါမှာ, သင်ဖိုင်တွဲထဲမှာပုံရိပ်တွေကိုပြသပါလိမ့်မည်။
05 ၏ 03
ဘယ်လို Bohemian Coding မှစ. Sketch 3 မိုဘိုင်းဖုန်းများအတွက် Images ကိုပြင်ဆင်ပါရန်
ပုံကြမ်း 3, Bohemian Coding နေပါ Macintosh သာလျှောက်လွှာ, လျှင်မြန်စွာကြောင့်ဝဘ်နဲ့ app ဒီဇိုင်းကိုအပေါ်ပြင်းထန်သောအာရုံစိုက်ဖို့ UX နှင့် UI ကိုဒီဇိုင်နာများအကြားထင်ပေါ်ကျော်ကြားရရှိမှုဖြစ်ပါတယ်။ တကယ်တော့ Photoshop ကို, နည်းလမ်းများစွာအတွက်, Sketch နှင့်အတူ "အမီလိုက်" ကစားရန်ရှိခြင်း၏ထူးဆန်းအနေအထား၌တည်ရှိ၏။
, Sketch အတွက်မိုဘိုင်းအတွက်ပုံတစ်ပုံကိုပွငျဆငျဟာ artboard ပေါ်တွင်ပုံရိပ်ကို select နှင့် Properties ကို panel ကို၏အောက်ဆုံးမှာထုတ်လုပ်သူအနိုင်ငံခြားသို့တင်ပို့ရန် button ကိုနှိပ်ပါ။ ဒါကပို့ကုန်ပေးတဲ့ dialog box ကိုဖွင့်လှစ်ပါလိမ့်မယ်။ အဆိုပါ + ပု 2x နှင့် 3x ဗားရှင်း add နှင့်လည်းနောက်ဆက်ထည့်သွင်းဖို့လက်မှတ်ရေးထိုးကိုကလစ်နှိပ်ပါ။ ရရှိနိုင်အဆိုပါပုံစံများ PNG, JPG, TIF, PDF ဖိုင်ရယူရန်, EPS နှင့် SVG ဖြစ်ကြသည်။ ဤကိစ္စတွင်ခုနှစ်, JPG ကိုရွေးချယ်ပါ။ အဆိုပါပို့ကုန်ခလုတ်ကိုနှင့်ပစ်မှတ်ကိုကလစ်နှိပ်ပါသို့မဟုတ်တင်ပို့အမျိုးမျိုးသောပုံရိပ်တွေကျင်းပရန် folder တစ်ခုဖန်တီးပါ။
05 ၏ 04
သင်ကပုံရိပ်သုံးခု (သို့မဟုတ်ပို) ဗားရှင်း Create ဖို့လိုအဘယ်ကြောင့်
များစွာသောအရိုအသေထဲမှာ, မိုဘိုင်းစျေးကွက်ဆုံးဖြတ်ချက်တွေနဲ့တဦးတည်းရဲ့အရွယ်အစား၏ "ရိုင်းအနောက်" ကျိန်းသေအားလုံး fit မပါဘူးဖြစ်ပါတယ်။ Adobe ကအတွေ့အကြုံဒီဇိုင်းအနေဖြင့်အထက်ပါဥပမာမှာ image ကို 2 က iPhone 6 artboards နှင့်တစ်ဦးကို Android device ကို artboard အပေါ်ထားရှိခြင်းဖြစ်သည်။ လက်ဝဲအပေါ် 1x ဗားရှင်းတစ်ဝက်အရွယ်အစားဖြစ်ပေါ်လာတဲ့ပုံကိုသတိပြုပါ။ ဒါကပုံရိပ်က၎င်း၏လှာမျက်နှာပြင်နှင့်အတူတစ်ဦးက iPhone 6 တွင်ပေါ်လာမယ်လို့အတိအကျဘယ်လောက်ဖြစ်ပါတယ်။ အဆိုပါ 2x ဗားရှင်းဿုံကိုက်ညီနှင့် Android ဗားရှင်းမျက်နှာပြင်ကိုချွတ်ပြေး။ သင့်ရဲ့ရွေးချယ်မှု image ကိုစကေးတစ်ခုသို့မဟုတ်ကွဲပြားခြားနားသောအရွယ်အစားမှာကို Photoshop ထဲက image ကိုတင်ပို့ဖို့ဖြစ်စေဖြစ်ပါတယ်။
05 ၏ 05
စမ်းသပ်မှုအစောပိုင်း, test မကြာခဏဆိုသလို Trust မှဘယ်အရာကမှ, Trust မှအဘယ်သူမျှမ One နဲ့အထူးသဖြင့်ကိုယ်သင်
သင်သည်အဘယ်သို့နားလည်ရန်လိုအပ်သည်ဒီဖြစ်စဉ်ရုံက start ဖြစ်ပါတယ်။ အဖြစ်ပေါ်တွင်သင်၏အလုပ်ကိုကြည့်ရှုခြင်း သင်နိုင်ပါတယ်အဖြစ်အများအပြားပစ္စည်းတွေ ဟာလုပ်ငန်းအသွားအလာ၏အရေးပါသောအပိုင်းအစအဖြစ်မှတ်ခံရဖို့ရှိပါတယ်။ သငျသညျလညျးဤ app တစ်ခုသို့မဟုတ်မိုဘိုင်းဝက်ဘ်စီမံကိန်းများအတွက်ဂရပ်ဖစ်ပိုင်ဆိုင်မှုအတွက်လုပ်ငန်းစဉ်များတွင်မယ့်ပထမဦးဆုံးခြေလှမ်းဖြစ်ပါတယ်သတိထားပါရန်လိုအပ်သည်။
ရှေ့ပြေးပုံစံ applications များအသုံးပြုခြင်းနာကျင်မှုအချက်များကိုဖုံးကွယ်တဲ့အကြီးအနည်းလမ်းဖြစ်ပါတယ်ပေမယ့်ဒီတူညီတဲ့ပိုင်ဆိုင်မှုများကိုပြုစုအသုံးပြုရန် output ကိုဖြစ်ရန်လိုအပ်ပါတယ်ပါလိမ့်မယ်။ အမြားအပွားကိစ္စများတွင် icon များအပါအဝင်ပိုင်ဆိုင်မှုများ၏ရုပ်ပိုင်းဆိုင်ရာအတိုင်းအတာသည်, svg ပေမယ် png format နဲ့ကိုယ်ထိလက်ရောက်ကြီးမားနှင့်မဖြစ်လိမ့်မည်။ ပထမတစ်ချက်မှာဒီထိပ်ကျော်နည်းနည်းဖြစ်ဟန်ရှိသော်လည်းချုံ့ချဲ့ပုံရိပ်တွေ၏ရွှေစည်းမျဉ်းကိုမှတ်မိစေခြင်းငှါ: ကချင့်စကေးထက်စကေး သာ. ကောင်း၏။
အောက်ခြေလိုင်းသင့်ဆော့ဖ်ဝဲနှင့်အတူနီးကပ်စွာလုပ်ကိုင်ဖို့နှင့်သင့်ဒီဇိုင်းရည်ရွယ်ချက်ဖေါ်ပြခြင်းတစ်လမ်းအဖြစ်ရှေ့ပြေးပုံစံ software ကိုသုံးစွဲဖို့ဖြစ်ပါတယ်။ နောက်ဆုံးတော့သော်လည်းထိုတူညီသောပိုင်ဆိုင်မှုများကိုနောက်ဆုံးထုတ်ကုန်များအတွက်အဆင်သင့်ဖြစ်ရန်လိုအပ်မည်နှင့်သင့်ဆော့ဖ်ဝဲရေးသူသို့မဟုတ်သူမသင့်ထက်လိုအပ်ပါတယ်သောအရာကိုအပေါ်ပိုကောင်းတဲ့လက်ကိုင်ရှိပါတယ်။