இல்லஸ்ரேட்டரை CC பயன்படுத்தவும் 2015 திரைகளில் அம்சம் ஏற்றுமதி

நான் உண்மையிலேயே அனுபவிக்கவில்லை என்று இல்லஸ்ட்ரேட்டருடன் பணிபுரியும் ஒரு அம்சம் இருந்தால், அது மொபைல் அல்லது இணையத்திற்கான SVG படங்களுக்கு வரிக் கலைகளை மாற்றுகிறது. Export> Export மெனுவைப் பயன்படுத்தி, மிருகத்தனமாக நேர்மையாக இருக்க வேண்டும், வலை அம்சத்திற்காக சேமிக்கவும் - ஏற்றுமதி> இணையத்திற்காக சேமிக்கவும் - சரியாக பயன்படுத்த முடியாது.

.svg வடிவமைப்பில் ஒரு வரைபடத்தை மாற்றியமைப்பது ஒரு அச்சுறுத்தலான உரையாடல் பெட்டி ஒன்றை திறந்தது, இது இந்த பணிப்பாய்வுக்கு புதியவர்களுக்கு, ஒரு குழப்பமான வரிசை விருப்பங்களை குறிப்பிடவில்லை என்ற உண்மையை குறிப்பிடாமல் பல SVG வடிவங்கள் இருந்தன, அவற்றில் ஒன்று மட்டுமே சரியானது வடிவம். இந்த பணிப்பகுதிக்கு நீங்கள் பயன்படுத்தப்பட்டுவிட்டால் அது பெரிய ஒப்பந்தம் அல்ல, ஆனால் கற்றல் வளைவு செங்குத்தானதாக இருந்தது.

ஏற்றுமதி ஏற்றுமதி> ஏற்றுமதிகளுக்கான ஏற்றுமதி - மற்றும் ஜூன் 2016 இல் இல்லஸ்ட்ரேட்டரை CC 2015 க்கு அறிமுகப்படுத்திய அசெட் ஏற்றுமதி குழு ஆகியவை அனைத்தும் புதிய ஏற்றுமதி ஏற்றுமதி திரைகளுடன் இடம்பெற்றுள்ளன. இந்த "எப்படி" நான் இருவரும் எப்படி பயன்படுத்துவது என்பதை உங்களுக்கு காண்பிக்க போகிறேன் அம்சங்கள். தொடங்குவோம்.

04 இன் 01

அடோப் இல்லஸ்ட்ரேட்டரை CC இல் திரைக்கு ஏற்றுமதி செய்ய எப்படி அணுகுவது 2015

திரைப்பலகங்களின் ஏற்றுமதி உரையாடலை உரையாடல் பெட்டி பயன்படுத்துகிறது.

இல்லஸ்ட்ரேட்டரைப் பயன்படுத்தி ஒரு இல்லஸ்ட்ரேட்டரைப் பயனராக 88 இருந்தேன், வலை மற்றும் மொபைல் இடைமுகங்கள் மற்றும் திட்டங்களுக்கான தீவிர வடிவமைப்பு கருவியாக இல்லஸ்ட்ரேட்டரை கருத்தில் கொள்ள நான் தயங்குவதை நீங்கள் புரிந்து கொள்ள முடியும் என்று நினைக்கிறேன்.

CS4 பதிப்பு 2008 இல் ஆர்ட்போர்டுகள் அறிமுகப்படுத்தப்பட்டபோது, ​​பயன்பாட்டிற்கு ஒரு சுவாரசியமான கூடுதலாக இருந்தது என்று நினைத்தேன். Illustrator இல் வலை அம்சத்தை சேமித்து வைப்பதை நான் முதலில் பார்த்தபோது, ​​மீண்டும் சுவாரஸ்யமானேன், ஆனால் அடோப் பட்டாசுகளில் அதே அம்சம் இல்லுஸ்ட்ரேட்டரைக் காட்டிலும் வலை கிராஃபிக்ஸுடன் ஒப்பிடப்பட்டதைக் கண்டேன்.

வடிவமைப்பிற்கான மொபைல் முதல் அணுகுமுறை மற்றும் மொபைல் திட்டங்களுக்கான SVG படங்களை அதிகரிப்பதன் மூலம், இல்லஸ்ரேட்டரானது SVG க்கு என் "செல்ல" கருவி மற்றும் UI வடிவமைப்பு பணிநிலையத்தில் ஒரு முக்கியமான நிறுத்தம் ஆனது.

மொபைல், ஸ்கேட்ச் 3 மற்றும் ஃபோட்டோஷாப் சிசி 2015 ஆகியவற்றிற்கான சொத்துக்களை ஏற்றுமதி செய்ய விரும்பினால், எனது விருப்பத்தேர்வுகள் இருக்கின்றன. Illustrator ஜூன் பட்டியலில் 2016 உண்மையில் நுழைந்தது திரைகள் மெனு ஏற்றுமதி.

மேலே உள்ள எடுத்துக்காட்டில், நான் ஒரு ஐபோன் விதிக்கப்பட்டுள்ள இரண்டு திரைகள் மற்றும் அவர்கள் "முகப்பு" மற்றும் "இடங்கள்" என்ற பெயரில் தனியாக Artboards உள்ளன. அவற்றை வெளியீடு செய்ய, கோப்பு> ஏற்றுமதி> ஏற்றுமதிகளுக்கான திரைகளை நான் தேர்ந்தெடுத்தேன். திரைகளுக்கான ஏற்றுமதி உரையாடல் பெட்டி திறக்கிறது.

04 இன் 02

திரைகள் உரையாடல் பெட்டிக்கு ஏற்றுமதி எப்படி பயன்படுத்துவது

IOS மற்றும் Android க்கான வெளியீட்டு ஸ்டார்போர்டுகள் திரைக்கு திரைகள் உரையாடல் பெட்டியில் சேமித்து வைக்கும் சில எளிய தேர்வுகள் மூலம்.

உரையாடல் பெட்டி தோன்றும் போது, ​​தேர்ந்தெடுக்கப்பட்ட ஒவ்வொரு கலைக்கூடத்தையும் கிளிக் செய்யவும். அது ஒரு காசோலைப் புள்ளியை விளையாடுகின்றது. அதைத் தேர்ந்தெடுத்து அதை மாற்ற ஒரு கலைஞரின் பெயரை நீங்கள் இரட்டை கிளிக் செய்யலாம். உங்கள் ஆர்ட்ட்போர்டுகள் "ஆர்டர்போர்டு 1" மற்றும் "ஆர்ட் போர்ட் 2" என்று பெயரிடப்பட்டால், வெளிப்படையாக, உங்களுக்கு எதுவும் தெரியாது என்பதை அறிய இது நல்லது.

தேர்ந்தெடுத்த பகுதியில் மூன்று தேர்வுகள் உள்ளன:

ஏற்றுமதிக்கு நீங்கள் ஏற்றுமதி வெளியீட்டிற்கான இலக்கு கோப்புறையை தேர்வு செய்யலாம். இயல்புநிலை கோப்புறை இல்லஸ்ட்ரேட்டர் ஆவணத்தின் தற்போதைய இருப்பிடம் ஆகும்.

வடிவங்கள் எங்கே "மாயம் நடக்கிறது. மூன்று சின்னங்கள் உள்ளன iOS- ல் நீங்கள் பார்ப்பீர்கள். அண்ட்ராய்டு மற்றும் கியர். முதல் இரண்டு சுய விளக்கமளிக்கும். பட்டியலிலுள்ள கோப்பு வடிவங்கள் ஒவ்வொன்றும் எவ்வாறு உகந்ததாக இருக்கும் என்பதை கட்டுப்படுத்த அனுமதிக்கும் வடிவமைப்பு அமைப்புகளை கியர் ஐகான் திறக்கிறது. இந்த அமைப்புகள் "வடிவமைப்பு குறிப்பிட்டவை" மற்றும் உங்கள் மாற்றங்களை செய்தவுடன், சேமி அமைப்புகள் பொத்தானைக் கிளிக் செய்து, அந்த மாற்றங்கள் வெளியீட்டில் இருக்கும்படி பயன்படுத்தப்படும்.

IOS அல்லது Android ஐ தேர்ந்தெடுத்ததும், அந்த மேடையில் கிடைக்கும் அனைத்து தீர்மானங்களையும் சேர்க்க, பட்டியல் மாறும். IOS பட்டியல் ரெடினா டிஸ்ப்ளேவிற்கான ஸ்கேலிங் காரணிகளைக் காண்பிக்கும். அண்ட்ராய்டு தேர்வு, ஒவ்வொரு ஆண்ட்ராய்டு சாதனத்தையும் செயல்படுத்துகிறது .75x முதல் 4x வரை இருக்கும் செதில்கள் உள்ளன.

நீங்கள் நீக்க விரும்பும் ஒரு வடிவம் இருந்தால், "x" என்பதைக் கிளிக் செய்யவும். நீங்கள் ஒன்று சேர்க்க விரும்பினால் + கிளிக் அளவை பொத்தானை அழுத்தவும்.

முடிந்ததும், ஏற்றுமதி ஏற்றுமதி பட்டன் பொத்தானை கிளிக் செய்து செயல்முறை முடிந்ததும் ஒரு முன்னேற்றம் பட்டியை காண்பிக்கும்.

04 இன் 03

அடோப் இல்லஸ்ட்ரேட்டரை CC 2015 இலிருந்து சினேக்களுக்கான கோப்புகளுக்கான ஏற்றுமதி.

இல்லஸ்ரேட்டரின் கோப்புகளின் வெளியீடு அடோப் எக்ஸ்பீரியன்ஸ் டிசைன் போன்ற ஏராளமான முன்மாதிரி பயன்பாடுகளுக்கு எளிதாக சேர்க்க முடியும்.

நீங்கள் திரையில் ஏற்றுமதி செய்வதற்கான முடிவுகளைப் பார்க்கும்போது, ​​ஒவ்வொரு திரையின் ஒரு தட்டையான பதிப்பு வெளியீட்டாளர் வெளியீட்டைக் கண்டுபிடிப்பார் என்பதை நீங்கள் காண்பீர்கள். மேற்பரப்பில், இது ஒரு பிட் பலவீனமாகத் தோன்றலாம், குறிப்பாக நீங்கள் இல்லுஸ்ட்ரேட்டரை அனைத்து பிட்கள் மற்றும் துண்டுகளாக படங்களாக ஏற்றுமதி செய்ய நினைத்திருந்தால்.

நீங்கள் பின்வாங்கி, ஒரு கணம் அதைப் பற்றி சிந்தித்துப் பார்த்தால், இது உண்மையில் உங்களுக்கு தேவையானது, ஏனென்றால் இந்த வெளியீட்டை நீங்கள் அடோப் அனுபவம் வடிவமைப்பு , Principleformac, Atomic.io , UXPin அல்லது பிற முன்மாதிரி பயன்பாடு போன்ற ஒரு முன்மாதிரி பயன்பாட்டில் பயன்படுத்தலாம்

இந்த எடுத்துக்காட்டில், நான் அடோப் எக்ஸ்பீரியன்ஸ் டிசைன் (XD) ஐ ஒரு எளிய சொடு-துரு உருவாக்க பயன்படுத்துகிறேன். இந்த செயல்முறையின் முதல் படி, ஐசோடோரேட்டர் இடைமுகத்தின் பரிமாணங்களைப் பொருத்த ஐபோன் 6 அளவு தேர்ந்தெடுக்க வேண்டும்

இடைமுகத்தை திறந்தபோது, ​​Artboard கருவியைத் தேர்ந்தெடுத்து, மற்றொரு கலைக்கூடத்தைச் சேர்க்க, ஒருமுறை pasteboard இல் கிளிக் செய்தேன். நான் அவர்களுக்கு "முகப்பு" மற்றும் "இடங்கள்" என்று பெயரிட்டேன், ஒவ்வொரு கலைக்கூடத்தையும் தேர்வுசெய்தது மற்றும் படச்சுருளை படச்சுருளியிலிருந்து கலைக்கூடத்தில் இறக்குமதி செய்தேன்.

கிளிக்-துருக்கான "ஹாட்ஸ்பாட்டுகள்" உருவாக்க, நான் முகப்பு திரையில் ஆராய்ந்து பொத்தானை ஒரு செவ்வக இழுத்து பண்புகள் பேனலில் அந்த பண்புகளை தேர்வு செய்வதன் மூலம் எந்த அதன் நிரப்பு மற்றும் எல்லை மதிப்புகள் அமைக்க. இடங்களின் பக்கத்தின் பின்புற பொத்தானைப் போலவே நானும் செய்தேன்.

இன்டாக்டிவிட்டிவைச் சேர்க்க, நான் ப்ரோட்டோடைப் பயன்முறையை தேர்ந்தெடுத்து, "ஹாட்ஸ்பாட்" என்பதைக் கிளிக் செய்தேன். நான் அம்புக்கு இழுத்தேன் - ஒரு கம்பி என்று - இடங்களின் பக்கம் மற்றும் இடங்களில் மாற்றம் இலக்கு அமைக்கவும், இடதுபுறம் இழுக்க இயக்கம், தளர்த்துவது எளிது மற்றும் பரிமாற்ற காலத்திற்கு .6 விநாடிகள்.

இடங்களின் பக்கத்தில் ஹாட்ஸ்பாட்டுடன் இந்த படிநிலையை நான் மீண்டும் படித்துள்ளேன். ஒரே வித்தியாசம் மாற்றம் வலுவானதாக மாற்றப்பட்டது. நான் Play பொத்தானை சொடுக்கும் போது என் முன்மாதிரி சோதனை செய்தேன்.

04 இல் 04

Adobe Illustrator CC இல் ஏற்றுமதி சொத்து குழு எவ்வாறு பயன்படுத்துவது 2015

தனிபயன் சின்னங்கள் சொத்து ஏற்றுமதி குழுவைப் பயன்படுத்தி SVG கோப்புகளாக ஏற்றுமதி செய்யப்படலாம்.

திரைக்காட்சிகளுடன் மெனுவுடன் சேர்த்து அடோப் மேலும் ஒரு புதிய குழுவை - சொத்து ஏற்றுமதி - சேர்த்தது, அது UI வடிவமைப்பு பணிப்பாளில் ஒரு பெரிய வலி புள்ளியை நீக்கியது.

வலி புள்ளி சின்னங்கள் இருந்தது. இல்லஸ்ரேட்டரேட்டர் ஒரு பெரிய திசையன் வரைதல் பயன்பாடு ஆனால் வெளியீடு செய்ய வேண்டும், ஒரு சி.ஜி.ஜி. படமாக சேமிக்கப்படும் ஒவ்வொரு பக்கத்திலும் 40 அல்லது 50 பக்கங்களுடன் 10 சின்னங்கள் சொல்ல வேண்டும். SVG குழுவிற்கு தொடர்ச்சியான பயணங்களுக்கு வழக்கமான நன்றி விட இது தவிர்க்கமுடியாமல் தேவைப்படுகிறது. இந்த வலியை இப்போது கடந்த ஒரு விஷயம்.

இந்த புதிய குழு சாளரம்> சொத்து ஏற்றுமதிகளில் காணலாம். குழு திறக்கும்போது, ​​SVG அல்லது பிற வடிவமைப்பிற்கு மாற்ற விரும்பும் சொத்தைத் தேர்ந்தெடுத்து பேனலுக்கு இழுக்கவும். நீங்கள் சொடுக்கியை சொடுக்கும்போது, ​​ஒரு சொத்தின் சிறுபகுதி குழுவுக்கு சேர்க்கப்படும். சொத்தை பெயரிடு. நீங்கள் முடிக்கப்படும் வரை பொருள்களை குழுக்குள் இழுத்து வைக்கவும்.

ஒவ்வொரு உருப்படியையும் தேர்ந்தெடுத்து ஏற்றுமதி அமைப்புகள் பகுதியில், அல்லது ஒவ்வொன்றிலும் ஷிப்ட் விசையை அழுத்துவதன் மூலம் அனைத்தையும் தேர்ந்தெடுக்கவும். உங்கள் வடிவமைப்பைத் தேர்ந்தெடுக்கவும் - இந்த எடுத்துக்காட்டில், SVG ஐ தேர்வு செய்தேன் மற்றும் ஏற்றுமதி பொத்தானைக் கிளிக் செய்யவும். தேர்ந்தெடுக்கப்பட்ட உருப்படிகள், SVG கோப்புகளாக, வெளியீடாக, இல்லஸ்ட்ரேட்டரின் கோப்பினைப் போலவே இருக்கும்.

இந்த முழு செயல்முறையையும் கூட நீரோடால் எங்கு நீங்கள் சொத்து ஏற்றுமதி குழுவை பயன்படுத்த வேண்டியதில்லை. நீங்கள் திரையின் பொத்தானை கீழே உள்ள திரையின் பொத்தானைக் கிளிக் செய்தால், உரையாடல் பெட்டி திறக்கும்.

மாறாக, சொத்துகளின் ஏற்றுமதி குழுவை அணுக திரையில் குழுசேரு சேமிப்பகத்தில் சொத்துக்களைத் தாவலை நீங்கள் கிளிக் செய்யலாம். உதாரணமாக, நீங்கள் கலைப்படைப்பில் ஒரு தனிபயன் ஐகானை வைத்திருந்தால், சொத்தின் உரையாடல் பெட்டியில் சேமிப்பதில் சொத்து ஏற்றுமதி குழுவை திறக்கலாம் மற்றும் அந்த உருப்படியை அசெட் ஏற்றுமதி குழுவில் இழுக்கவும்.