ಫೋಟೋಶಾಪ್ ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್: ಮೊಬೈಲ್ ಗ್ರಾಫಿಕ್ಸ್ ಪ್ರೊಡಕ್ಷನ್ ಆನ್ಟರ್ಬರ್ನರ್ನಲ್ಲಿ ಗೋಸ್

01 ರ 01

ಎಕ್ಸ್ಟ್ರ್ಯಾಕ್ಟ್ ಸ್ವತ್ತುಗಳು ಎಂದರೇನು

ಫೋಟೋಶಾಪ್ನಲ್ಲಿ ಕಂಪ್ ರಚಿಸಿ.

ಫೋಟೋಶಾಪ್ ಸಿಸಿ 2014 ರ ಹೊಸ ಎಕ್ಸ್ಟ್ರ್ಯಾಕ್ಟ್ ಸ್ವತ್ತುಗಳ ವೈಶಿಷ್ಟ್ಯವು ರೆಸ್ಪಾನ್ಸಿವ್ ವೆಬ್ ಡಿಸೈನ್ (ಆರ್ಡಬ್ಲ್ಯೂಡಿ) ಗಾಗಿ ಇಮೇಜ್ ಸೃಷ್ಟಿಗೆ ಅನಾನುಕೂಲವಾದ ಕೆಲಸದೊತ್ತಡದ ಮೇಲೆ ನಂತರದ ಬರ್ನರ್ ಅನ್ನು ಪಟ್ಟಿ ಮಾಡುತ್ತದೆ. ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳ ಕಮಾಂಡ್ ತ್ವರಿತವಾಗಿ ವೆಬ್ ಪುಟ ಕಂಪ್ ಅನ್ನು ಒಂದೆರಡು ನಿಮಿಷಗಳಲ್ಲಿ ಜೋಡಣೆ-ಸಿದ್ಧ ಆಸ್ತಿಗಳಿಗೆ ಹೇಗೆ ಕಡಿಮೆ ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ನೋಡೋಣ.

ಸ್ಪಷ್ಟವಾದ ಪ್ರಶ್ನೆಯೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸೋಣ: ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಸ್ವತ್ತುಗಳು ಎಂದರೇನು?

ಸರಳವಾಗಿ ಹೇಳುವುದಾದರೆ, ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳು ಫೋಟೋಶಾಪ್ನ ಜನರೇಟರ್ ವೈಶಿಷ್ಟ್ಯವನ್ನು ನಿಮ್ಮ ಫೋಟೋಶಾಪ್ ಫೈಲ್ಗಳಿಂದ ವೆಬ್ ಮತ್ತು ಪರದೆಯ ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಇಮೇಜಿಂಗ್ ಆಸ್ತಿಗಳ ರಚನೆಯನ್ನು ಸ್ವಯಂಚಾಲಿತಗೊಳಿಸಲು ಸಹಾಯ ಮಾಡುವ ಫೋಟೊಶಾಪ್ನಲ್ಲಿ ಹೊಸ ವೈಶಿಷ್ಟ್ಯವಾಗಿದೆ. ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳ ಆಜ್ಞೆಯು ನೀವು ಯಾವ ಪದರ ಅಥವಾ ಲೇಯರ್ಗಳನ್ನು ಸ್ವತ್ತುಗಳನ್ನು ರಚಿಸಲು ಬಯಸುತ್ತೀರಿ, ಅವುಗಳ ಭೌತಿಕ ಗಾತ್ರ, ಫೈಲ್ ಸ್ವರೂಪ ಮತ್ತು ಡಿಸ್ಕ್ನಲ್ಲಿ ಉಳಿಸಿದ ಸ್ಥಳವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಉದ್ದೇಶವು ಬಿಟ್ಮ್ಯಾಪ್ ಆಗಿ ತಿರುಗಬೇಕಾದರೆ ಈ ವೈಶಿಷ್ಟ್ಯವು ಪಠ್ಯಕ್ಕೆ ಮಾತ್ರವಲ್ಲ, ಇದು ನಿಜವಾಗಿಯೂ ಒಳ್ಳೆಯದುವಲ್ಲ.

ನಾವೀಗ ಆರಂಭಿಸೋಣ.

02 ರ 08

ಒಂದು ಫೋಟೋಶಾಪ್. PSD ಫೈಲ್ ತೆರೆಯಿರಿ

ನಾವು ಫೋಟೊಶಾಪ್ನಲ್ಲಿ ತಯಾರಿಸಲಾದ ವೆಬ್ ಪುಟ ಕಂಪ್ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸುತ್ತೇವೆ.

ನಾನು ಬಳಸುತ್ತಿರುವ ಉದಾಹರಣೆಯಲ್ಲಿ ಇಲ್ಲಸ್ಟ್ರೇಟರ್ನ ಸ್ಮಾರ್ಟ್ ಆಬ್ಜೆಕ್ಟ್, ಕೆಲವು ಪಠ್ಯ, ಪಠ್ಯ ಹೊಂದಿರುವ ಒಂದು ನಾಯಕ ಘಟಕ, ಇಮೇಜ್ ಮತ್ತು ಒಂದು ಬಟನ್ ಮತ್ತು ಸೈಟ್ನ ಥೀಮ್ ಅನ್ನು ಬಲಪಡಿಸುವ ಹೊರಾಂಗಣದ ಚಿತ್ರಗಳ ಸರಣಿಯನ್ನು ಹೊಂದಿದೆ. ಇಲ್ಲಿ ಕೀಲಿಯು ಪದರಗಳನ್ನು ಗುಂಪುಗಳಾಗಿ ಸಂಘಟಿಸುತ್ತಿದೆ. ಇದು ಅವಶ್ಯಕವಾಗಿದೆ ಏಕೆಂದರೆ ಈ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನೂ ಕಂಪ್ನಿಂದ ಹೊರಗೆ ಎಳೆಯುವುದು ಆದ್ದರಿಂದ ಅವುಗಳನ್ನು ತ್ವರಿತವಾಗಿ ಸ್ಕ್ರೀನ್ ರೆಸಲ್ಯೂಶನ್ಗಳು ಮತ್ತು ಗಾತ್ರಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವ ವೆಬ್ ವಿನ್ಯಾಸಗಳಿಗೆ ಸೇರಿಸಬಹುದಾಗಿದೆ.

03 ರ 08

ಆಸ್ತಿಗಳನ್ನು ಹೊರತೆಗೆಯಲು ಎರಡು ಮಾರ್ಗಗಳು

ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳನ್ನು ಫೈಲ್ ಮೆನುವಿನಲ್ಲಿ ಕಾಣಬಹುದು ಅಥವಾ ಪದರವನ್ನು ಬಲ ಕ್ಲಿಕ್ ಮಾಡಿ.

ರಚನೆಗಿಂತ ಭಿನ್ನವಾಗಿ, ಗ್ರಾಫಿಕ್ ವಿಸ್ತರಣೆಯ ಪದರದ ಹೆಸರಿನೊಂದಿಗೆ ಕೂಡಾ ವಸ್ತುಗಳನ್ನು ಹೊರತೆಗೆಯುತ್ತದೆ , ಎಕ್ಸ್ಟ್ರ್ಯಾಕ್ಟ್ ಸ್ವತ್ತುಗಳು ಒಂದು ಪದರವನ್ನು ಬಲ-ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಅಥವಾ ಲೇಯರ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಮೂಲಕ ಮತ್ತು ಫೈಲ್> ಎಕ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಮೂಲಕ ತಲುಪಬಹುದಾದ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಬಳಸುತ್ತದೆ.

08 ರ 04

ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳ ಇಂಟರ್ಫೇಸ್

ಎಕ್ಸ್ಟ್ರ್ಯಾಕ್ಟ್ ಸ್ವತ್ತುಗಳ ಡೈಲಾಗ್ ಬಾಕ್ಸ್.

ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳ ಡೈಲಾಗ್ ಬಾಕ್ಸ್ ಬದಲಿಗೆ ಅರ್ಥಗರ್ಭಿತವಾಗಿದೆ. ಹೊರತೆಗೆಯಲು ನೀವು ಲೇಯರ್ ಅಥವಾ ಆಯ್ಕೆ ತೋರಿಸಲಾಗಿದೆ. ಅದರ ಮೇಲೆ ನಿಮಗೆ ಫೈಲ್ಗಳ ಗಾತ್ರವನ್ನು ತೋರಿಸಲಾಗಿದೆ ಮತ್ತು ಕೆಳಗಿನವುಗಳು ಆಬ್ಜೆಕ್ಟ್ನಲ್ಲಿ ಝೂಮ್ ಮಾಡಲು ಮತ್ತು ಔಟ್ ಮಾಡಲು ಅನುಮತಿಸುವ ನಿಯಂತ್ರಣವಾಗಿದೆ. ಮ್ಯಾಜಿಕ್ ಸಂಭವಿಸಿದಲ್ಲಿ ಡಯಲಾಗ್ ಬಾಕ್ಸ್ನ ಬಲ ಭಾಗವಿದೆ. ಮೇಲಿರುವ ನಾಲ್ಕು ಬಟನ್ಗಳು ವಸ್ತುವಿನ ರೆಸಲ್ಯೂಶನ್ / ಗಾತ್ರವನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಮುಂದಿನ ಪಟ್ಟಿಯು ನಿಮಗೆ ಆಯ್ಕೆಮಾಡಿದ ಲೇಯರ್ ಅನ್ನು ತೋರಿಸುತ್ತದೆ ಮತ್ತು + ಚಿಹ್ನೆಯನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದರಿಂದ ಆಯ್ದ ಲೇಯರ್ ಅನ್ನು ಮತ್ತೊಂದು ರೂಪದಲ್ಲಿ ಔಟ್ಪುಟ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ. ಅನುಪಯುಕ್ತ CA n ಪದರವನ್ನು ಕ್ಯೂನಿಂದ ತೆಗೆದುಹಾಕುತ್ತದೆ. ಮುಂದಿನ ಸ್ಟ್ರಿಪ್ನಲ್ಲಿ, ನೀವು ಫೈಲ್ ಪ್ರಕಾರವನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು ಮತ್ತು ನೀವು ಔಟ್ಪುಟ್ ಚಿತ್ರದ ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ಸರಿಹೊಂದಿಸಬಹುದು.

05 ರ 08

ಒಂದು ಎಸ್ವಿಜಿ ಇಮೇಜ್ ಹೊರತೆಗೆಯುವಿಕೆ

ಒಂದು svg ಚಿತ್ರವನ್ನು ಹೊರತೆಗೆಯಲಾಗುತ್ತಿದೆ.

ಫೋಟೋಶಾಪ್ SVG ಚಿತ್ರಗಳನ್ನು ಎಲ್ಲಾ ಚೆನ್ನಾಗಿ ಮತ್ತು ಬ್ರೌಸರ್ಗಳು ನಿರ್ವಹಿಸಲು ಮತ್ತು ಸಾಧನಗಳು ಇಲ್ಲಸ್ಟ್ರೇಟರ್ ಚಿತ್ರ ಪ್ರದರ್ಶಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ. ಇದು ಇಲ್ಲಿ ತೋರಿಸಿರುವ ಇಲ್ಲಸ್ಟ್ರೇಟರ್ ಲಾಂಛನವನ್ನು ಹೊಂದಿರುವ ವೆಕ್ಟರ್ ಕಲಾಕೃತಿಗೆ ಬಳಸಲಾಗುವ SVG ಫೈಲ್ಗಳ ಹೆಚ್ಚಳಕ್ಕೆ ಕಾರಣವಾಗಿದೆ. ವಾಹಕಗಳನ್ನು ಅವರ ರೆಸಲ್ಯೂಶನ್ ಎಂದು ಅವರು ಸ್ವತಂತ್ರ ಅಥವಾ ಚಿತ್ರದ ನಷ್ಟವಿಲ್ಲದೆಯೇ ಅಳತೆ ಮಾಡಬಹುದಾದ ಸಾಧನ ಸ್ವತಂತ್ರವಾಗಿದೆ. ಇಲ್ಲಸ್ಟ್ರೇಟರ್ ಸ್ಮಾರ್ಟ್ ಆಬ್ಜೆಕ್ಟ್ ಅನ್ನು svg ಗೆ ಪರಿವರ್ತಿಸಲು, ಪಾಪ್ನಿಂದ svg ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿ ಮತ್ತು ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಕ್ಲಿಕ್ ಮಾಡಿ.

08 ರ 06

ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಸ್ವತ್ತುಗಳು ಪ್ರಕ್ರಿಯೆ

ಚಿತ್ರಗಳನ್ನು psd ಇಮೇಜ್ನ ಅದೇ ಸ್ಥಳದಲ್ಲಿ ಫೋಲ್ಡರ್ನಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ.

ನೀವು ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಕೆಲವು ವಿಷಯಗಳು ಸಂಭವಿಸುತ್ತವೆ. ಫೈಲ್ ಹೆಸರನ್ನು ಬದಲಾಯಿಸಬಹುದು ಎಂದು ನೀವು ಮೊದಲಿಗೆ ಎಚ್ಚರಿಕೆ ನೀಡುತ್ತೀರಿ. ಇದು ದೊಡ್ಡ ಸಮಸ್ಯೆ ಅಲ್ಲ. ಆಸ್ತಿಯನ್ನು ಹಿಡಿದಿಡಲು ಹೊಸ ಫೋಲ್ಡರ್ ಅನ್ನು ರಚಿಸಲಾಗುತ್ತಿದೆ ಎಂದು ನಿಮಗೆ ಹೇಳಲಾಗುತ್ತದೆ. ಪ್ರಕ್ರಿಯೆಯು ಮುಗಿದ ನಂತರ, ಮೂಲ ಫೋಲ್ಡರ್ನಂತೆ ಅದೇ ಸ್ಥಳದಲ್ಲಿ ಫೋಲ್ಡರ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ, ಹೊಸ ಆಸ್ತಿಯನ್ನು ತೆರೆಯುತ್ತದೆ ಮತ್ತು ತೋರಿಸುತ್ತದೆ.

07 ರ 07

ಸೆಟ್ಟಿಂಗ್ಗಳ ಬಟನ್ ನಿಮ್ಮ ಹೊಸ ಬೆಸ್ಟ್ ಫ್ರೆಂಡ್

ಸಾಧನದ ರೆಸಲ್ಯೂಶನ್ ಹೊಂದಿಕೊಳ್ಳುವುದು.

ಸೆಟ್ಟಿಂಗ್ಗಳ ಗುಂಡಿಯನ್ನು ಕ್ಲಿಕ್ಕಿಸುವುದರಿಂದ ಗಂಭೀರವಾಗಿ ಉಪಯುಕ್ತವಾದ ಸೆಟ್ಟಿಂಗ್ಗಳ ಡೈಲಾಗ್ ಬಾಕ್ಸ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ. ಎಡಭಾಗದಲ್ಲಿರುವ ಸೆಟ್ಟಿಂಗ್ಗಳು ಸ್ಕೇಲಿಂಗ್ ಅಂಶಗಳಾಗಿವೆ. ನಿರ್ದಿಷ್ಟ ಸಾಧನದ ಪರದೆಯ ರೆಸಲ್ಯೂಶನ್ ಅನ್ನು ಗುರಿಯಾಗಿರಿಸಲು ಮಾಧ್ಯಮ ಪ್ರಶ್ನೆಗಳಲ್ಲಿ ಡೆವಲಪರ್ ಬಳಸಿಕೊಳ್ಳುವ ಚಿತ್ರದ ವಿವಿಧ ನಕಲುಗಳನ್ನು ರಚಿಸುವುದು ಅವರು ಏನು ಮಾಡುತ್ತಾರೆ. ಉದಾಹರಣೆಗೆ, 3x ಆವೃತ್ತಿಯನ್ನು ಐಫೋನ್ ಅಥವಾ ಐಪ್ಯಾಡ್ ರೆಟಿನಾ ಪ್ರದರ್ಶನಕ್ಕೆ ಗುರಿಯಾಗಿಸಲಾಗುತ್ತದೆ ಆದರೆ 1.25 ಫ್ಯಾಕ್ಟರ್ ಅನ್ನು ಆಂಡ್ರಾಯ್ಡ್ ಸಾಧನದಲ್ಲಿ ತೋರಿಸಲಾಗುತ್ತದೆ. ಮೀಡಿಯಾ ಪ್ರಶ್ನೆಯಲ್ಲಿ ಬಳಸಬೇಕಾದ ಇಮೇಜ್ ಅನ್ನು ಸುಲಭವಾಗಿ ಗುರುತಿಸಲು ನಿಮ್ಮ ಡೆವಲಪರ್ಗೆ ಅನುಮತಿಸಲು ಫೈಲ್ ಹೆಸರಿನ ಅಂತ್ಯಕ್ಕೆ ಪ್ರತ್ಯಯವನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ. ಒಮ್ಮೆ ನೀವು ಮುಗಿದ ನಂತರ, ಸರಿ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಸಂವಾದ ಪೆಟ್ಟಿಗೆಯಲ್ಲಿನ ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳ ಪ್ರದೇಶದಲ್ಲಿ ನಿಮ್ಮ ಆಯ್ಕೆಗಳನ್ನು ಬೆಳಗಿಸಲಾಗುತ್ತದೆ. ಇಂಟರ್ಫೇಸ್ನ ಬಲಭಾಗದ ಮೇಲೆ ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಆಸ್ತಿಗಳ ಪ್ರದೇಶದಲ್ಲಿರುವ ಗೇರ್ ಐಕಾನ್ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ನೀವು ಸೆಟ್ಟಿಂಗ್ ಅನ್ನು ಪ್ರವೇಶಿಸಬಹುದು

08 ನ 08

ಪೂರ್ಣಗೊಳಿಸುವಿಕೆ

ವಿವಿಧ ಸ್ವರೂಪಗಳು ಮತ್ತು ನಿರ್ಣಯಗಳೊಂದಿಗೆ ಬಹು ಚಿತ್ರಗಳನ್ನು ತೆಗೆಯಲಾಗುತ್ತದೆ.

ನೀವು ಎಕ್ಸ್ಟ್ರಾಕ್ಟ್ ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಎಲ್ಲಾ ಆಸ್ತಿಗಳನ್ನು ಫೋಲ್ಡರ್ಗೆ ರಚಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಸೇರಿಸಲಾಗುತ್ತದೆ. ಈ ಹಂತದಲ್ಲಿ ನಿಮ್ಮ ಡೆವಲಪರ್ ಅನ್ನು ಫೋಲ್ಡರ್ನ ನಕಲನ್ನು ಕಳುಹಿಸಲು ಮತ್ತು ನಿಮ್ಮ ಮುಂದಿನ ಯೋಜನೆಯನ್ನು ಮುಂದುವರಿಸಲು ನೀವು ಮಾಡಬೇಕಾಗಿರುವುದು.