මම සැබැවින්ම භුක්ති නොවිඳින බව මායාවක් සමග වැඩ කිරීමේ යෙදුම එක් අංගයක් තිබේ නම් ජංගම චිත්රක හෝ වෙබ් සඳහා ස්පිං රූප ලයින් කලාව පරිවර්තනය කිරීම වේ. Export> Export As මෙනුව සහ, ම්ලේච්ඡත්වයට අවංකවම, භාවිතා කිරීම සඳහා වෙබ් අඩවිය සුරකින්න - Export> වෙබ් සඳහා සුරකින්න - භාවිතා කිරීම පහසු නොවේ.
මෙම සෙවුම් ආකෘතියට ආවර්තයක් පරිවර්තනය කිරීම වෙනුවට ප්රෝඩාකාරී සංවාද කොටුවක් විවෘත කරන ලදි. මෙම නව කාර්යයට නවකයන් සඳහා, විවිධ විකල්පයන් රැසක් ඉදිරිපත් කරන ලදී. නැතත්, .svg ආකෘති ගණනාවක් තිබුනේ ඒවා අතරින් එකක් පමණි ආකෘතිය. ඔබ මෙම කාර්යය සඳහා යොදාගත් පසු එය විශාල ගනුදෙනුවක් නොවුණත්, ඉගෙනීමේ වක්රය අධික විය.
2016 ජූනි මාසයේ දී Illustrator CC හි 2015 දී ඉදිරිපත් කරන ලද ආලේපනය සඳහා වන පැනලය සඳහා වන අපනයන තිරයන් සඳහා වන අපනයන නිර්යාත සඳහා නිර්යාත කිරීම සඳහා සියල්ල වෙනස් වී ඇත. මෙම "How to" යන දෙකම භාවිතා කරමි විශේෂාංග. අපි ආරම්භ කරමු.
04 දින 01
Screens For Export වෙත පිවිසීමේ ආකාරය Adobe Illustrator CC 2015
Illustrator සිට Illustrator සිට පසුව Illustrator භාවිතා කර ඇති අයෙකු වීම. මම සිතන ආකාරයට Illustrator සලකා බැලීම සඳහා වෙබ් සහ මොබයිල් අතුරුමුහුණත් සහ ව්යාපෘති සඳහා බරපතල නිර්මාණ මෙවලමක් ලෙස සැලකිය හැකිය.
2008 CS4 වෙළුමේ දී පුවරු ඉදිරිපත් කරන විට, මම එය යෙදුම සඳහා සිත්ගන්නාසුළු එකතු කිරීමක් විය. දැන් මම දැන් නිදැල්ලේ සැරිසැරූ නිදහසේ ආරක්ෂිත වෙබ් විශේෂාංගය නැවත වරක් දක්නා විට, මම එය රසවත් බවක් දැනුනත්, Adobe Illustrator වලට වඩා වෙබ් ග්රැෆික්ස් සමඟ Adobe Fireworks තුළ එකම විශේෂාංගය සොයා ගත්තා.
ජංගම සැලසුම් සඳහා ජංගම-පළමු ප්රවේශය පැමිණීමත්, ජංගම ව්යාපෘති සඳහා SVG රූප මත වැඩිපුර රඳා පැවතීමත් සමග Illustrator මගේ SVG සඳහා "Go to" මෙවලම සහ UI නිර්මාණ කාර්ය ප්රවාහයේ වැදගත් නැවතුමක් විය.
ජංගම දුරකථනය සඳහා වත්කම් නිර්යාත කිරීමට අවශ්ය නම්, Sketch 3 සහ Photoshop CC 2015 යනු තෝරා ගැනීමේ මගේ මෙවලම් වේ. Illustrator 2016 ජූනි මාසයේ දී ලැයිස්තුවට ඇතුලු විය.
ඉහත උදාහරණයේ දී, මම iPhone සඳහා නියම කෙරුණු තිර දෙකක් තිබේ. ඔවුන් "Home" සහ "ස්ථාන" යනුවෙන් වෙන් වූ Artboards මත තබා ඇත. ඒවා පිටතට ගෙනයාම, මම තෝරාගැනීම සඳහා File> Export> Export සඳහා තෝරාගෙන ඇත. තිර වින්යාස සඳහා වන අපනයන සඳහා විවෘත වේ.
02 සිට 04 දක්වා
තිරය ඩයලොග් සඳහා නිර්යාත කිරීම සඳහා කෙසේද
සංවාද කොටුව දර්ශණය වන විට, එක් එක් පුවරුව තෝරා ගැනීම සඳහා ක්ලික් කරන්න. ඉන්පසු එය චෙක් ලකුණක් සමඟ ක්රීඩා කරයි. ඔබට එය තෝරා ගැනීමට හා වෙනස් කිරීමට artboard ගේ නම දෙවරක් ක්ලික් කරන්න. ඔබේ චිත්ර පුවරු "Artboard 1" සහ "Artboard 2" යනුවෙන් නම් කර ඇති බව දැන ගැනීම හොඳ දෙයක්.
තේරීම් ක්ෂේත්රය තුළ ඔබට තේරීම් තුනක් තිබේ:
- සියල්ල: මෙම තෝරාගැනීම එක් එක් ගොනුවකට එක් ලේඛනයෙහි එක් එක් පුවරුව අපනයනය කරයි.
- පරාසය: අපනයනය කළ යුතු පුවරු පරාසයක් ඇතුළත් කරන්න. මෙය චිත්ර ශිල්පීන් කිහිපදෙනෙකු සමඟ ව්යාපෘති සඳහා විශේෂයෙන් ප්රයෝජනවත් වේ.
- සම්පූර්ණ ලියකියවිලි: මෙය තෝරන්න. සියලු පුවරු එක තනි ලියවිල්ලක් ලෙස සමතලා කරනු ලැබේ.
අපනයන කිරීමට ප්රදේශය ඔබට නිමැවුම් සඳහා ගමනාන්ත ෆෝල්ඩරය තෝරා ගැනීමට ඉඩ දෙයි. ප්රකෘති ෆෝල්ඩරය Illustrator ලේඛනයේ පවතින ස්ථානය වනු ඇත.
ආකෘති යනු "මැජික් සිදුවීමයි. ඔබ දකිනු ඇත icons-iOS ඇත. ඇන්ඩ්රොයිඩ් සහ Gear. පළමු දෙදෙනා ස්වයං පැහැදිළි ය. Gear අයිකනය මඟින් සංයුති සැකසුම් විවෘත කරනු ලැබේ. එම ලැයිස්තුවේ එක් එක් ගොනු ආකෘතිය ප්රශස්ත ලෙස සැකසෙනු ඇත. මෙම සැකසුම් "ආකෘතියේ නිශ්චිතව" සහ ඔබ ඔබේ වෙනස්කම් සිදු කළ පසු, සුරැකුම් සැකසුම් බොත්තම ක්ලික් කරන්න, එම වෙනස්කම් ප්රතිදානය කිරීමට නියමිත ආකෘති වලට අදාල වේ.
ඔබ iOS හෝ Android තෝරන විට ලැයිස්තුවෙන් එම වේදිකාවෙහි ඇති සියලු විභේදන ඇතුළත් කිරීමට ලැයිස්තුව වෙනස් වේ. IOS ලැයිස්තුගත කිරීම මගින් Retina තිරය සඳහා ගණක සාධක පෙන්වනු ඇති අතර ඇන්ඩ්රොයිඩ් තෝරාගැනීම තුලින් .75x සිට 4x දක්වා පැතිර ඇති අතර එය සෑම ඇන්ඩ්රොයිඩ් උපාංගයක්ම පාහේ භාවිතා කරනු ඇත.
ඔබ ඉවත් කිරීමට අවශ්ය බව පෙන්වන ආකෘතියක් තිබේ නම්, "x" ක්ලික් කරන්න. ඔබ එක් කිරීමට අවශ්ය නම් + එකතු කරන්න පරිමාණය බොත්තම ක්ලික් කරන්න.
අවසන් වූ විට, Export Artboard බොත්තම ක්ලික් කරන්න. ක්රියාවලිය අවසන් වන විට ප්රගති තීරුවකින් ඔබට පෙන්වයි.
04 සිට 03 දක්වා
Adobe Illustrator CC හි සිට තිර පිටපත් සඳහා වන අපනයන සඳහා භාවිතා කිරීම.
තිර සඳහා නිර්යාතයේ ප්රතිඵල පරීක්ෂා කර බැලූ විට, Illustrator සෑම තිරයකම පැතලි කර ඇති අනුවාදයක් නිපදවනු ඇත. පෘථිවිය මත, මෙම පින්තූර වැනි සියලු බිට් සහ කැබලි අපනයනය කිරීමට Illustrator අපේක්ෂා කළහොත් එය ටිකක් දුර්වල බවක් පෙනෙන්නට හැකිය.
ඔබ නැවතත් පසුබසිනවා නම් ඒ ගැන සිතා බැලුවහොත් , මෙය සැබැවින්ම ඔබට අවශ්ය වන්නේ ඔබට මෙම නිමැවුම් භාවිතා කර Adobe අත්දැකීම් නිර්මාණ , Principleformac, Atomic.io , UXPin හෝ වෙනත් මූලාකෘති යෙදවුම්
මෙම උදාහරණයේදී, මම සරල ක්ලික් කිරීමක් නිර්මාණය කිරීමට Adobe අත්දැකීම් නිර්මාණ (XD) භාවිතා කරමි. මෙම ක්රියාවලියෙහි පළමු පියවර වූයේ Illustrator Interface හි මානයන් සමග ගැලපෙන iPhone 6 ප්රමාණය තෝරා ගැනීමයි
අතුරුමුහුණත විවෘත වූ විට, මම Artboard මෙවලම තෝරාගත් අතර තවත් පුවරුවක් එක් කිරීමට පුවරුව මත ක්ලික් කළෙමි. ඉන්පසු මම "නිවාස" සහ "ස්ථාන" යනුවෙන් නම් කරන ලද අතර, එක් එක් පුවරුව තෝරා ගත් අතර Illustrator සිට png රූපය artboard එකට ආනයනය කරන ලදි.
පටුන සඳහා "උණුසුම් ස්ථාන" නිර්මාණය කිරීම සඳහා, ප්රධාන තිරය මත ඇති Explore search බොත්තම මත සෘජුකෝණාසයක් ඇඳ, එහි ප්රොපටීස් පුවරුව තුළ එම ගුණාංග තෝරා ගැනීමෙන් එහි පිරවුම් සහ මායිම් අගයන් කිසිවක් දක්වා නොමැත. පිටු මාදිලියේ Back බොත්තම සමඟ මම එකම දේ කළා.
අන්යෝන්ය ක්රියාකාරීත්වය එකතු කිරීම සඳහා මම Prototype මාතය තෝරාගෙන පසුව "හොට්ස්පොට්" මත ක්ලික් කළෙමි. ඊළඟට මම ඊයම් පතුරුවලට ඊතලයක් ඇදගෙන - ස්ථාන පිටුවට මාරු කර ස්ථාන මාරු ඉලක්කය ස්ථානගත කිරීම, වම් පසට තල්ලු කිරීමේ චලනය, පහත් කිරීම සඳහා ලිහිල් කිරීම සහ තත්පර .6 දක්වා මාරු වීම.
මම මෙතැන් සිට පිටුවෙහි උණුසුම් ස්ථාන සමඟ මෙම පියවර නැවත නැවතත් කර ඇත. එකම වෙනස වූයේ තාවකාලික ලෙස තල්ලු කිරීමයි. මම Play බොත්තම ක්ලික් කළ විට මම මගේ මූලාකෘති පරීක්ෂා කළා.
04 සිට 04 දක්වා
අපනයන වත්කම් පැනලය භාවිතා කරන ආකාරය Adobe Illustrator CC 2015
තිරයේ තිරය සඳහා සුරකින අතරතුර Adobe විසින් නව පැනලය එකතු කරන ලදි - Asset Export - UI නිර්මාණ කාර්ය ප්රවාහයේ විශාල වේදනාවක් ඉවත් කරන ලදි.
වේදනාවේ ලක්ෂ්යය අයිකන නිරූපකය යනු විශිෂ්ට වයර් රෙවෙන යෙදුමකි, නමුත් ප්රතිදානය කිරීම සඳහා, අයිකන 10 ක්, 40 හෝ 50 ක් සහිත පිටුවක, එක් එක් සඳහා SVG image ලෙස සුරැකිය යුතුය. මෙය අනිවාර්යයෙන්ම SVG පැනලයට අනුක්රමණික සංචාර සඳහා ස්තුති කිරීමට වඩා වැඩි කාලයක් අවශ්ය විය. මේ වේදනාව දැන් අතීතයේ දෙයක්.
මෙම නව කවුළුව Window> Asset Export හි සොයාගත හැකිය. පැනලය විවෘත වන විට, ඔබ SVG වෙත හෝ වෙනත් ආකෘතියකට පරිවර්තනය කිරීමට අවශ්ය වත්කම තෝරන්න. මූසිකය මුදාහරින විට වත්කමේ ඇති පිංතූරය පුවරුව වෙත එකතු කරනු ලැබේ. වත්කම නම් කරන්න. ඔබ අවසන් වන තුරු පැනල තුළට වස්තු ඇදගෙන යාම.
එක් එක් අයිතමය තෝරන්න අපනයන සැකසුම් කලාපයේ, හෝ Shift යතුර අදින්න සහ ඒවා එක් එක් ක්ලික් කිරීමෙන් සියල්ලම තෝරා ගන්න. ඔබේ ආකෘතිය තෝරන්න - මෙම උදාහරණය තුල, මම SVG තෝරාගත් අතර Export බොත්තම ක්ලික් කරන්න. තෝරාගත් අයිතම SVG ගොනුව Illustrator ගොනුව ලෙස එකම ස්ථානයට ගෙන එනු ලැබේ.
මෙම සමස්ත ක්රියාවලියම අනවශ්ය වන විට ඔබට Asset Export Panel භාවිතා කිරීමට අවශ්ය නැත. ඔබ තිරයේ පහළ කොටසෙහි තිර සඳහා සුරකින්න, සංවාද කොටුව විවෘත වේ.
අනෙක් අතට, Asset Export Panel වෙත පිවිසීමට Screen Panels සඳහා Asset tab එක ක්ලික් කළ හැකිය. නිදසුනක් ලෙස, ඔබ චිත්රපටි වල අභිමත අයිකාවක් තිබේ නම්, ඇසට් අපනයන කවුළුව තිරය සඳහා සංවාද කොටුව සඳහා සුරකින්න සහ එම අයිතමය Asset Export Panel වෙත ඇද දමන්න.