જો ઇલસ્ટ્રેટર સાથે કામ કરવાનો એક પાસું છે કે જે મને ખરેખર આનંદ નથી કરતું તો તે લાઈન કલાને મોબાઇલ અથવા વેબ માટે એસવીજી છબીઓમાં રૂપાંતરિત કરે છે. નિકાસ> નિકાસનો મેનૂનો ઉપયોગ કરવો અને, નિર્દયતાથી પ્રમાણિક બનવા માટે, વેબ સુવિધા માટે સાચવો - નિકાસ> વેબ માટે સાચવો - ઉપયોગ કરવા માટે બરાબર સરળ ન હતા.
ડ્રોઇંગને .svg ફોર્મેટમાં રૂપાંતરિત કરવાથી એક જગ્યાએ બીવડાવવાનું સંવાદ બૉક્સ ખોલ્યું હતું, જે આ વર્કફ્લોમાં નવા લોકો માટે, વિકલ્પોની ગૂંચવણભરી એરે ઓફર કરે છે તે હકીકતનો ઉલ્લેખ કરતા નથી. એસવીજી ફોર્મેટ ઘણાં હતાં અને તેમાંની ફક્ત એક જ યોગ્ય હતી બંધારણ. એકવાર તમે આ વર્કફ્લોમાં ઉપયોગમાં લીધા પછી તે કોઈ મોટો સોદો ન હતો, પરંતુ શીખવાની કર્વ બેહદ હતી.
તે બધા નવા નિકાસ ફોર સ્ક્રિન ફીચર્સ - એક્સપોર્ટ> સ્ક્રિન માટે નિકાસ - અને એસ્સેટ એક્સપોર્ટ પેનલ જે જુન 2016 માં ઇલસ્ટ્રેટર સીસી 2015 માં રજૂ કરવામાં આવ્યું હતું સાથે બદલાયું છે. આમાં "કેવી રીતે" હું તમને બતાવીશ કે કેવી રીતે બંનેનો ઉપયોગ કરવો વિશેષતા. ચાલો, શરુ કરીએ.
04 નો 01
એડોબ ઇલસ્ટ્રેટર સીસી 2015 માં સ્ક્રીન માટે નિકાસ કેવી રીતે એક્સેસ કરવા
ઇલસ્ટ્રેટર 88 થી ઇલસ્ટ્રેટર યુઝર થયા બાદ મને લાગે છે કે તમે ઇલસ્ટ્રેટરને વેબ અને મોબાઇલ ઇન્ટરફેસો અને પ્રોજેક્ટ્સ માટે એક ગંભીર ડિઝાઇન સાધન તરીકે ધ્યાનમાં લેવા માટે મારી અનિચ્છા સમજી શકો છો.
જ્યારે આર્ટબોર્ડ્સને CS4 સંસ્કરણ 2008 માં રજૂ કરવામાં આવ્યા હતા, ત્યારે મેં વિચાર્યું હતું કે એપ્લિકેશનમાં એક રસપ્રદ ઉમેરો હતો. જ્યારે મેં પ્રથમવાર ચિત્રને બચાવવા માટે ઇલસ્ટ્રેટરમાં નાપસંદ કરેલું, ફરીથી, મને તે રસપ્રદ લાગ્યું પરંતુ મને એડોબ ફટાકડામાં તે જ સુવિધા મળી, તે ઇલસ્ટ્રેટર કરતાં વેબ ગ્રાફ સાથે વધુ સંરેખિત છે.
મોબાઇલ પ્રોજેક્ટ્સ માટે SVG ઈમેજો પર મોબાઇલ-પહેલી અભિગમની ડિઝાઇન અને એસવીજી પરની વધતી નિર્ભરતાના આગમન સાથે, ઇલસ્ટ્રેટર મારી એસવીજી માટે "પર જાઓ" સાધન હતું અને UI ડિઝાઇન વર્કફ્લોમાં એક મહત્વપૂર્ણ સ્ટોપ બન્યું હતું.
હજુ પણ, જો મને મોબાઇલ માટે એસેટ્સ નિકાસ કરવાની જરૂર છે, સ્કેચ 3 અને ફોટોશોપ સીસી 2015 પસંદગીના મારા સાધનો છે. ઇલસ્ટ્રેટર જૂન 2014 માં સ્ક્રીન મેનૂ માટે નિફ્ટી નિકાસ સાથેની સૂચિમાં દાખલ થયો.
ઉપરોક્ત ઉદાહરણમાં, મારી પાસે આઇફોન માટે બે સ્ક્રીન્સ છે અને તેઓ "હોમ" અને "સ્થાનો" નામનાં અલગ આર્ટબોર્ડ પર છે. તેમને આઉટપુટ કરવા માટે, મેં ફાઇલ> નિકાસ> સ્ક્રીન માટે નિકાસ પસંદ કરી છે. સ્ક્રીન માટે નિકાસ સંવાદ બોક્સ ખુલે છે.
04 નો 02
સ્ક્રીન્સ સંવાદ બોક્સ માટે નિકાસ કેવી રીતે વાપરવી
જ્યારે સંવાદ બોક્સ દેખાય છે, ત્યારે પસંદ કરવા માટે દરેક આર્ટબૉર્ડ પર ક્લિક કરો. તે પછી એક ચેક માર્ક રમશે. તમે તેને પસંદ કરવા માટે આર્ટબોર્ડના નામ પર બે વાર ક્લિક કરી શકો છો અને તેને બદલી શકો છો તમારી આર્ટબૉર્ડનું નામ "આર્ટબોર્ડ 1" અને "આર્ટબોર્ડ 2" નામ આપવામાં આવ્યું છે કે નહીં તે જાણવા માટે આ એક સારી બાબત છે, જે પ્રમાણિકપણે, તમને કંઇ નહીં કહે છે.
પસંદ કરેલ વિસ્તારમાં તમારી પાસે ત્રણ પસંદગીઓ છે:
- બધુ: આ પસંદગી દસ્તાવેજમાં દરેક આર્ટબોર્ડને એક અલગ ફાઇલ તરીકે નિકાસ કરે છે.
- શ્રેણી: નિકાસ કરવા માટેના આર્ટબોર્ડ્સની શ્રેણી દાખલ કરો. આ ખાસ કરીને થોડા ડઝન આર્ટબોર્ડ્સ સાથેના પ્રોજેક્ટ્સ માટે ઉપયોગી છે.
- સંપૂર્ણ દસ્તાવેજ: આ પસંદ કરો અને બધા આર્ટબૉક્સ એક જ દસ્તાવેજમાં ફ્લેટ થઈ જશે.
એક્સપોર્ટ ટુ એરિયાથી તમે આઉટપુટ માટે ગંતવ્ય ફોલ્ડર પસંદ કરી શકો છો. ડિફૉલ્ટ ફોલ્ડર ઇલસ્ટ્રેટર ડોક્યુમેન્ટનું વર્તમાન સ્થાન હશે.
ફોર્મેટ છે જ્યાં "જાદુ થાય છે. તમે જોશો કે ત્યાં ત્રણ ચિહ્નો છે- iOS Android અને ગિયર પ્રથમ બે સ્વયંસ્પષ્ટ છે. ગિયર આઇકોન ફોર્મેટ સેટિંગ્સ ખોલે છે જે તમને યાદીમાંના દરેક ફાઇલ ફોર્મેટને કેવી રીતે ઑપ્ટિમાઇઝ કરવામાં આવશે તે નિયંત્રિત કરવા દે છે. આ સેટિંગ્સ "ફોર્મેટ વિશિષ્ટ" છે અને એકવાર તમે તમારા ફેરફારો કર્યા છે, સેટિંગ્સ સાચવો બટન ક્લિક કરો અને તે ફેરફારો આઉટપુટ માટે બંધારણો પર લાગુ થશે.
એકવાર તમે iOS અથવા Android પસંદ કરો તે પછી તે પ્લેટફોર્મ પર ઉપલબ્ધ બધા રિઝોલ્યુશનને સામેલ કરવા માટે સૂચિ બદલાઈ જશે. આઇઓએસ યાદી રેટિના ડિસ્પ્લે માટે સ્કેલિંગ પરિબળો બતાવશે અને એન્ડ્રોઇડ પસંદગીમાં .75x થી 4x સુધીના ભીંગડા હશે જે દરેક એન્ડ્રોઇડ ડિવાઇસને બહાર ત્યાં રહેવાની સુવિધા આપે છે.
જો તમે બતાવશો કે તમે દૂર કરવા માંગો છો, તો "x" પર ક્લિક કરો. જો કોઈ એક તમે ઍડ કરવા માંગો છો + + સ્કેલ ઉમેરો બટન ક્લિક કરો.
જ્યારે સમાપ્ત થાય, ત્યારે એક્સ્ટ્રીમ આર્ટબોર્ડ બટનને ક્લિક કરો અને પ્રોગ્રેસ સમાપ્ત થઈ જાય પછી પ્રગતિદર્શક બાર તમને બતાવશે.
04 નો 03
એડોબ ઇલસ્ટ્રેટર સીસી 2015 થી સ્ક્રીન્સ ફાઇલો માટે નિકાસનો ઉપયોગ કરવો.
જ્યારે તમે સ્ક્રીન્સ માટે નિકાસનાં પરિણામો તપાસો છો, ત્યારે તમને મળશે કે ઇલસ્ટ્રેટર પાસે દરેક સ્ક્રીનનું ફ્લેટ્ડ સંસ્કરણ છે. સપાટી પર, આ થોડું નબળું લાગે છે, ખાસ કરીને જો તમે ઇલસ્ટ્રેટરને છબીઓના ટુકડા તરીકે તમામ બિટ્સ અને ટુકડા નિકાસ કરવાની અપેક્ષા કરી રહ્યા હતા.
જો તમે પાછો ફર્યો અને ક્ષણ માટે તે વિશે વિચારો, તો તે વાસ્તવમાં બરાબર તમને જરૂરી છે કારણ કે તમે આ આઉટપુટને પ્રોટોટાઇપિંગ એપ્લિકેશન જેમ કે એડોબ એક્સપિરિયન્સ ડિઝાઇન , પ્રિન્સીપાર્મૉક, અટોમિક.યો , યુએક્સપીન અથવા અન્ય પ્રોટોટાઇપિંગ એપ્લિકેશનમાં વાપરી શકો છો.
આ ઉદાહરણમાં, હું સરળ ક્લિક થ્રુ બનાવવા માટે એડોબ એક્સપિરિયન્સ ડિઝાઇન (XD) નો ઉપયોગ કરું છું. પ્રક્રિયામાં પ્રથમ પગલું આઈફોન 6 કદ પસંદ કરવાનું હતું જે ઇલસ્ટ્રેટર ઇન્ટરફેસના પરિમાણો સાથે મેળ ખાતું હતું
જ્યારે ઈન્ટરફેસ ખોલ્યું, મેં આર્ટબોર્ડ ટૂલ પસંદ કર્યું અને અન્ય આર્ટબોર્ડ ઉમેરવા માટે એકવાર પેસ્ટબોર્ડ પર ક્લિક કર્યું. પછી મેં તેમને "હોમ" અને "સ્થાનો" નામ આપ્યું, દરેક આર્ટબોર્ડને પસંદ કર્યું અને PNG ઇમેજ આર્ટબોર્ડમાં ઇલસ્ટ્રેટરથી આયાત કર્યું.
ક્લિક થ્રુ માટે "હોટસ્પોટ્સ" બનાવવા માટે, મેં હોમ સ્ક્રીન પર અન્વેષણ કરો બટન પર એક લંબચોરસ બનાવ્યો અને પ્રોપર્ટીઝ પેનલમાં તે ગુણધર્મોને નાપસંદ કરીને કોઈપણને તેના ભરો અને સરહદ મૂલ્યોને સેટ કર્યા. હું સ્થળો પૃષ્ઠ પર પાછા બટન સાથે સમાન વસ્તુ કરી હતી
ઇન્ટરએક્ટિવિટી ઉમેરવા માટે, મેં પ્રોટોટાઇપ મોડ પસંદ કર્યું અને પછી "હોટસ્પોટ" પર ક્લિક કર્યું. હું પછી તીરને ખેંચી- વાયર તરીકે ઓળખાતા - સ્થાનો પૃષ્ઠ પર અને સ્થાનો પર ટ્રાન્ઝિશન લક્ષ્યને સેટ કરો, ડાબી તરફ દબાણ કરો, સરળ થવા માટે સહેલાઇથી અને સંક્રમણની સમય .6 સેકંડ સુધી.
હું સ્થાનો પૃષ્ઠ પર હોટસ્પોટ સાથે આ પગલું પુનરાવર્તિત કર્યું. માત્ર એટલો જ તફાવત એ હતો કે સંક્રમણ જમણી તરફ દબાણ કરવામાં આવ્યું હતું. જ્યારે હું પ્લે બટનને ક્લિક કરું ત્યારે મેં મારા પ્રોટોટાઇપની ચકાસણી કરી.
04 થી 04
એડોબ ઇલસ્ટ્રેટર સીસી 2015 માં એક્સપોર્ટ એસેટ પેનલનો ઉપયોગ કેવી રીતે કરવો
સેવ ફોર સ્ક્રિન મેનૂ સાથે એડોબએ એક નવું પેનલ ઉમેર્યું - એસેટ એક્સપોર્ટ - કે જે UI ડિઝાઇન વર્કફ્લોમાં એક વિશાળ પીડા બિંદુ દૂર કર્યું.
આ પીડા બિંદુ ચિહ્નો હતી. ઇલસ્ટ્રેટર એક મહાન વેક્ટર ડ્રોઇંગ એપ્લીકેશન છે પરંતુ આઉટપુટ માટે, ચાલો આપણે 10 ચિહ્નો કહીએ છીએ, જેમાં 40 અથવા 50 જેટલા પેજ પર આવશ્યક છે, દરેકને એસવીજી ઇમેજ તરીકે સાચવવામાં આવે છે. આ એસવીજી પેનલના ક્રમિક પ્રવાસોને કારણે સામાન્ય રીતે વધુ સમય માટે આવશ્યક જરૂરી છે. આ પીડા બિંદુ હવે ભૂતકાળની વાત છે.
આ નવી પેનલ વિન્ડો> એસેટ એક્સપોર્ટ પર શોધી શકાય છે. જ્યારે પેનલ ખુલશે, એસવીજી અથવા અન્ય ફોર્મેટમાં કન્વર્ટ કરવા માંગો છો તે પેનલ પસંદ કરો અને પેનલમાં ખેંચો જ્યારે તમે માઉસ છોડો છો ત્યારે એસેટનું થંબનેલ પેનલમાં ઉમેરાય છે. સંપત્તિનું નામ આપો વસ્તુઓને પેનલમાં ખેંચીને રાખો જ્યાં સુધી તમે પૂર્ણ ન કરો.
દરેક આઇટમ પસંદ કરો નિકાસ સેટિંગ્સ વિસ્તારમાં, અથવા Shift કી દબાવીને અને દરેક એક પર ક્લિક કરીને તેમને બધા પસંદ કરો. તમારું ફોર્મેટ પસંદ કરો - આ ઉદાહરણમાં, મેં SVG પસંદ કર્યું- અને નિકાસ બટન ક્લિક કરો. પસંદ કરેલી આઇટમ્સ એ એસવીજી ફાઇલ તરીકે આઉટપુટ હશે જેમ કે ઇલસ્ટ્રેટર ફાઈલ તરીકે તે જ સ્થાને છે.
જ્યાં આ સમગ્ર પ્રક્રિયાની પ્રક્રિયા તટસ્થ થઈ જાય છે ત્યાં તમારે એસેટ એક્સપોર્ટ પેનલનો ઉપયોગ કરવાની જરૂર નથી. જો તમે પેનલના તળિયે સેવ કરો સ્ક્રિન બટન પર ક્લિક કરો તો સંવાદ બોક્સ ખુલે છે.
તેનાથી વિપરીત, એસેટ એક્સપોર્ટ પેનલને ઍક્સેસ કરવા માટે તમે Save for Screens પેનલમાં અસ્કયામતો ટેબને ક્લિક કરી શકો છો. ઉદાહરણ તરીકે, જો તમારી પાસે આર્ટબૉર્ડ પર કોઈ કસ્ટમ આયકન છે, તો તમે સેવ ફોર સ્ક્રીન સંવાદ બૉક્સમાં એસેટ એક્સપોર્ટ પેનલ ખોલી શકો છો અને તે આઇટમ એસેટ એક્સપોર્ટ પેનલમાં ખેંચો.