08 දින 01
වත්කම් උකහා ගැනීම යනු කුමක්ද?
Photoshop CC හි නව පිටපත් වත්කම් විශේෂාංගය ප්රතිචාරාත්මක වෙබ් නිර්මාණය (RWD) සඳහා ප්රති නිර්මාණය නිර්මාණය කිරීමේදී අනිවාර්යයෙන් සිදු කරන ලද කාර්යබහුල වැඩපලේ. උකස් වත්කම් විධානය ඉක්මණින් මිනිත්තු කිහිපයක් ඇතුලත සූදානම් කිරීමේ වත්කම් වලට වෙබ් පිටුවක් ඉක්මනින් අඩු කළ හැකි ආකාරය දෙස බලමු.
පැහැදිලිවම ප්රශ්නය: අපි අත්පත් කරගන්නේ කුමක්ද?
සරළ වචන වලින් Extract Assets යනු Photoshop ගොනු වල වෙබ් සහ තිර රචනය සඳහා ස්වයංක්රීයකරණය කිරීම සඳහා ස්වයංක්රීයව ස්වයංක්රීයව උදව් කිරීමට Photoshop's Generator විශේෂාංගය ලබා දෙයි. Extract Assets විධානය මඟින් ඔබට තැටිය තුල වත්කම් සෑදීමට අවශ්ය වන ස්ථර හෝ ස්තරයන්, ඒවායේ භෞතික ප්රමාණය, ගොනු ආකෘතිය සහ සුරැකුම් ස්ථානය තීරණය කිරීමට ඔබට ඉඩ සලසයි. මෙම වදන් පාඨය සඳහා අදහස් නොකෙරේ නම්, පාඨමය පරමාර්ථය වනුයේ, පාඨය Bitmap බවට හැරවීමයි, එය හොඳ අදහසක් නොවේ.
අපි ආරම්භ කරමු.
08 සිට 08 දක්වා
Photoshop .psd ගොනුව විවෘත කරන්න
මම භාවිතා කරන උදාහරණයක් Illustrator වෙතින් ස්මාර්ට් වස්තුවක්, සමහර පෙළක්, පෙළ අඩංගු වීඩීයෝ ඒකකය, රූපයක් සහ බොත්තමක් සහ වෙබ් අඩවියේ තේමාව සවිමත් වන එළිමහන් අනුරූ මාලාවක් අඩංගු වේ. මෙහිදී මෙහි ඇති ප්රධාන කොටස් ස්ථරයන් සංවිධානය කරයි. කර්තව්යය වන්නේ මෙම අයිතමයන් සියල්ලම එකතු කර ගැනීම සඳහා අවශ්ය වන බැවින්, ඒවා ඉක්මණින් තිරය මත පදනම්ව වෙනස්කම් සහ ප්රමාණවලට සරිලන පරිදි වෙබ් පිරිසැලසුම් වලට එකතු කළ හැක.
08 දින 03
වත්කම් උකහා ගැනීම සඳහා මාර්ග දෙකක්
උත්පාදනය මෙන් නොව, ස්තර නාමයට ග්රැෆික් දිගුවක් එකතු කිරීම මගින් වස්තූන් උපුටා ගැනීමෙන්, Extract Assets භාවිතා කරන අතුරු මුහුණතක් භාවිතා කර, ස්තරයක් දකුණු ක්ලික් කිරීමෙන් හෝ ස්තරයක් තෝරාගැනීම හා File> Extract Assets තෝරන්න .
08 සිට 08 දක්වා
උකස් වත්කම් අතුරුමුහුණත
ඉවත් කිරීමේ වත්කම් දෙබස් පෙට්ටිය ඉතා දෘෂ්යමාන වේ. ඔබට ස්තරය හෝ තෝරාගැනීම උදුරා ගනු ලැබේ. ඉහත දැක්වෙන්නේ ඔබට ගොනු විශාලත්වය පෙන්වයි. එය වස්තුවක් මත විශාලනය කිරීමට සහ එහාමිමට ඉඩ සලසන පාලනයකි. සංවාද කොටුවෙහි දකුණු පැත්තේ ඇති වන්නේ මැජික් ය. ඉහළින් ඇති බොත්තම් හතර හතර ඔබට වස්තුවේ විභේදනය / ප්රමාණය තෝරන්න. ඊළඟ තීරුව ඔබ තෝරාගත් ස්තරය පෙන්වයි, + සලකුණ ක්ලික් කිරීම මඟින් ඔබට තෝරාගත් ස්තරය වෙනත් ආකෘතියක් තුළට නිකුත් කරයි. කූඩය Ca n පේදුරු සිට ස්තරය ඉවත් කරයි. ඊළඟ පරාසය තුළ ඔබට ගොනු වර්ගය තෝරාගත හැකි අතර ප්රතිදාන රූපයේ පළල සහ උස වෙනස් කළ හැක.
08 සිට 05 දක්වා
SVG පින්තූරයක් ලබා ගැනීම
Photoshop සියල්ලම හොඳින් සවි කළ රූප සියල්ලම නොසලකන අතර බ්රව්සර සහ උපාංග Illustrator පිළිඹිබු කළ නොහැක. මෙයින් ප්රතිඵලය වී ඇත්තේ Illustrator logo වැනි මෙවලම් නිර්මාණය කිරීම සඳහා SVG ගොනුවක් භාවිතා කිරීමයි. වාහකයන් ඔවුන්ගේ විසර්ජනය වන්නේ උපාංග ස්වාධීන අර්ථයක් නිසා ඒවායේ විස්තර හෝ ස්වරූපය නැති කර දැමිය හැකිය. Illustrator Smart Object svg වෙත පරිවර්ථනය කිරීම සඳහා, pop pop down වලින් svg තෝරන්න සහ Extract ක්ලික් කරන්න.
06 සිට 08 දක්වා
නිෂ්චිත වත්කම් ක්රියාවලිය
ඔබ පිටපත් කරන බොත්තම ක්ලික් කළ විට සිදුවනු ඇත. ඔබට පළමු නමට නම වෙනස් කළ හැකිය. මෙය විශාල ප්රශ්නයක් නොවේ. එවිට ඔබට වත්කමක් තබා ගැනීම සඳහා නව ෆෝල්ඩරය තැනීම සිදු කෙරෙනු ඇත. ක්රියාවලිය අවසන් වූ පසු, ෆෝල්ඩරය, මුල්ම .psd ගොනුව ලෙස එකම ස්ථානයේ තබන අතර, ඔබ නව වත්කම පෙන්වයි.
07 සිට 08 දක්වා
සැකසුම් බොත්තම් ඔබගේ නව හොඳම මිතුරා වේ
සැකසුම් බොත්තම ක්ලික් කිරීමෙන් බරපතල ලෙස ප්රයෝජනවත් වන සැකසුම් සංවාද කොටුව විවෘත කරයි. වම් පැත්තෙන් ඇති වන පරිමාණ සාධක වේ. ඔවුන් කරන දෙය වන්නේ රූපයේ විවිධ පිටපත් නිර්මාණය කරන විට නිශ්චිත උපාංගයේ තිර විභේදනය ඉලක්ක කිරීමට මාධ්ය විමසුම් වලදී භාවිතා කරන්නා විසින් භාවිතා කරනු ඇත. නිදසුනක් ලෙස, 3x අනුවාදය iPhone හෝ iPad iPad Retina තිරය වෙත ඉලක්ක කරනු ලබන අතර 1.25 සාධකයක් Android උපාංගයක් මත පෙන්වනු ඇත. මාධ්ය විමසීමක් සඳහා භාවිතා කරන රූපය පහසුවෙන් හඳුනා ගැනීමට ඔබේ සංවර්ධනකරුට ඉඩ ලබාදෙන ගොනු නාමයේ අවසානයට suffix එකතු කරනු ලැබේ. ඔබ අවසන් වූ පසුව, OK බොත්තම ක්ලික් කරන්න. ඔබේ තෝරාගැනීම් සංවාද කොටුව තුළදී පිටපත් කරන්න. අතුරු මුහුණතේ දකුණු පස උඩින් Extract Assets ප්රදේශයෙහි ඇති ගියම් අයිකනය මත ක්ලික් කිරීමෙන් ඔබට සැකසිය හැක
08 සිට 08 දක්වා
අවසානය
ඔබ Extract බොත්තම ක්ලික් කළ විට සියලු වත්කම් නිර්මාණය කර ෆෝල්ඩරයට එකතු කරනු ඇත. මේ අවස්ථාවේදී ඔබට ඔබගේ සංවර්ධනකරුට ෆෝල්ඩරයේ පිටපතක් යැවිය යුතු අතර ඔබගේ ඊළඟ ව්යාපෘතියට යන්න.