ಮೂಲ: ಆನ್‌ಲೈನ್ ಪ್ರೋಗ್ರಾಂ
ನೀವು ಸಂಪಾದಿಸಲು, ಮಾಂಟೇಜ್‌ಗಳನ್ನು ರಚಿಸಲು ಅಥವಾ ರಚಿಸಬಹುದಾದ ಹಲವು ಕಾರ್ಯಕ್ರಮಗಳಿವೆ ಅನಿಮೇಷನ್ಗಳು, ಪ್ರತಿ ಬಾರಿ ಈ ರೀತಿಯ ಸಂವಾದಾತ್ಮಕ ಯೋಜನೆಗಳನ್ನು ಸೇರಿಸುವ ಹಲವು ಸಾಫ್ಟ್‌ವೇರ್‌ಗಳಿವೆ. ಈ ಪೋಸ್ಟ್‌ನಲ್ಲಿ ನಾವು ನಿಮಗೆ ಅನಿಮೇಷನ್‌ಗಳ ಜಗತ್ತನ್ನು ಪರಿಚಯಿಸಲು ಹೋಗುತ್ತಿಲ್ಲ, ಆದರೆ ನಾವು ನಿಮಗೆ ಹೊಸ ಸ್ನೇಹಿತನನ್ನು ಪರಿಚಯಿಸಲಿದ್ದೇವೆ.
ನಿಮಗೆ ತಿಳಿದಿರುವಂತೆ, ಕಂಪ್ಯೂಟಿಂಗ್ ಪ್ರಪಂಚವು ವೆಬ್ ಪುಟಗಳು ಅಥವಾ ಆನ್‌ಲೈನ್ ಮಾಧ್ಯಮಗಳ ಅಭಿವೃದ್ಧಿಗೆ ಕಮಾಂಡ್‌ಗಳು ಮತ್ತು ಉಪಯುಕ್ತ ಸಾಧನಗಳಿಂದ ತುಂಬಿದೆ, ಅದು ಪ್ರಸ್ತುತ ಸಹಬಾಳ್ವೆ ನಡೆಸುತ್ತಿದೆ. ನಮ್ಮೊಂದಿಗೆ ಇರಿ ಮತ್ತು ಈ ಹೊಸ ಟ್ಯುಟೋರಿಯಲ್ ನಲ್ಲಿ ಕಂಪ್ಯೂಟಿಂಗ್ ಮತ್ತು ಪಾರಸ್ಪರಿಕತೆಯೊಂದಿಗೆ ನಿಮ್ಮ ಮಟ್ಟವನ್ನು ಹೆಚ್ಚಿಸಲು ಇನ್ನೊಂದು ಮಾರ್ಗವನ್ನು ಅನ್ವೇಷಿಸಿ.
ಅನಿಮೇಷನ್ಗಳು ಯಾವುವು?
ಮೂಲ: ಎಲ್ಲಾ ಗೇಮರುಗಳಿಗಾಗಿ
ನೀವು ಟ್ಯುಟೋರಿಯಲ್ ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ನಮೂದಿಸಬೇಕೆಂದು ನಾವು ಬಯಸುತ್ತೇವೆ, ಆದರೆ ಇದಕ್ಕಾಗಿ, ಅನಿಮೇಷನ್‌ಗಳ ಜಗತ್ತನ್ನು ನಮೂದಿಸುವುದು ಅವಶ್ಯಕ ಅಥವಾ ಗ್ರಾಫಿಕ್ ವಿನ್ಯಾಸದಲ್ಲಿ ಏನು ಸಂಬಂಧಿಸಿದೆ, ಸಂವಾದಾತ್ಮಕ ವಿನ್ಯಾಸ.
ಅನಿಮೇಷನ್ಗಳು ಆಡಿಯೊವಿಶುವಲ್ ಪ್ರಪಂಚದ ಭಾಗವಾಗಿದೆ, ವಾಸ್ತವವಾಗಿ ಅವುಗಳು ಒಂದು ಆಡಿಯೋ ಮತ್ತು ಚಲಿಸುವ ಚಿತ್ರವನ್ನು ಪರಿಚಯಿಸಿದರೆ ಅಥವಾ ಏಕೆಂದರೆ ಅವು ಏನೂ ಆಗಿರುವುದಿಲ್ಲ. ಈ ಕಾರಣಕ್ಕಾಗಿ, ನಾವು "ಅನಿಮೇಷನ್" ಬಗ್ಗೆ ಮಾತನಾಡುವಾಗ, "ಕಾರ್ಟೂನ್" ಎಂದು ಜನಪ್ರಿಯವಾಗಿ ಕರೆಯಲ್ಪಡುವದನ್ನು ನಾವು ಉಲ್ಲೇಖಿಸುತ್ತೇವೆ.
ಮೇಲೆ ಸಾರಾಂಶಿಸಿದಂತೆ, ಅನಿಮೇಷನ್ ಯಾವುದನ್ನಾದರೂ ಚಲನೆಯನ್ನು ನೀಡುವ ಸಾಮರ್ಥ್ಯದಿಂದ ಉದ್ಭವಿಸುತ್ತದೆ, ಈ ಸಂದರ್ಭದಲ್ಲಿ ಕಾರ್ಟೂನ್ಗಳು. ಆದರೆ ಈ ಎಲ್ಲಾ ಚಳುವಳಿಗಳನ್ನು ಹೇಗೆ ಸಾಧಿಸಲಾಗುತ್ತದೆ?ಸರಿ, ನಿಸ್ಸಂದೇಹವಾಗಿ, ಅವು ನಾವು ಕರೆಯುವದರಿಂದ ಉದ್ಭವಿಸುತ್ತವೆ, ರೇಖಾಚಿತ್ರಗಳು ಅಥವಾ ಛಾಯಾಚಿತ್ರಗಳ ಅನುಕ್ರಮಗಳು ಸತತವಾಗಿ ಆದೇಶ ನೀಡುವುದರ ಮೂಲಕ, ಒಂದರ ನಂತರ ಒಂದರಂತೆ, ಅವರು ನಮ್ಮ ಕಣ್ಣುಗಳ ಮುಂದೆ ನಂಬಲರ್ಹವಾದ ಚಲನೆಯನ್ನು ಸೃಷ್ಟಿಸಲು ನಿರ್ವಹಿಸುತ್ತಾರೆ, ಅದು ಸ್ವತಃ ಸಾಲ ನೀಡುತ್ತದೆ ಮತ್ತು ದೃಶ್ಯ ಭ್ರಮೆಯ ಆಟಕ್ಕೆ ಪ್ರವೇಶಿಸುತ್ತದೆ.
ಹಿಂದೆ, ಮೊದಲ ಅನಿಮೇಷನ್‌ಗಳನ್ನು ಕಾಗದದ ಹಾಳೆಗಳ ಮೇಲೆ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿತ್ತು, ಅವುಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದರಲ್ಲೂ ಅನಿಮೇಟೆಡ್ ಪಾತ್ರವನ್ನು ಹಂತಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಲಾಗುತ್ತದೆ ಮತ್ತು ಹಾಳೆಯ ಅಂತ್ಯವನ್ನು ತಲುಪಿದ ನಂತರ, ಚಲನೆಯ ಪರಿಣಾಮವನ್ನು ಸಾಧಿಸಲು ಅದನ್ನು ತ್ವರಿತವಾಗಿ ಒಂದೊಂದಾಗಿ ರವಾನಿಸಲಾಯಿತು. ಚಿತ್ರ.
ಅನಿಮೇಷನ್ ಪ್ರಕಾರಗಳು
ವಿವಿಧ ರೀತಿಯ ಅನಿಮೇಷನ್ಗಳಿವೆ:
ಕಾರ್ಟೂನ್ ಅಥವಾ ಸಾಂಪ್ರದಾಯಿಕ ಅನಿಮೇಷನ್
ಈ ಶೈಲಿಯು ಚೌಕಟ್ಟಿನ ಮೂಲಕ ನಾಯಕನಿಗೆ ಚಲನೆಯನ್ನು ನೀಡುವುದನ್ನು ಒಳಗೊಂಡಿದೆ. ಆರಂಭದಲ್ಲಿ, ಸಾಕಷ್ಟು ಆಡಿಯೊವಿಶುವಲ್ ವಿಧಾನಗಳು ಇಲ್ಲದಿದ್ದಾಗ, ಅವುಗಳನ್ನು ಪ್ರತಿ ಫ್ರೇಮ್‌ನ ರೇಖಾಚಿತ್ರ ಮತ್ತು ಪೇಂಟಿಂಗ್ ಮೂಲಕ (ಅನಿಮೇಷನ್‌ನ ಹಿನ್ನೆಲೆ, ಹಂತ ಅಥವಾ ಹಿನ್ನೆಲೆ ಸೇರಿದಂತೆ) ನಡೆಸಲಾಯಿತು, ನಂತರ ನಾವು ಫಿಲ್ಮ್ ಟೇಪ್ ಎಂದು ತಿಳಿದಿರುವ ಮೇಲೆ ಚಿತ್ರೀಕರಿಸಲಾಯಿತು.
ಚಲನೆಯನ್ನು ನಿಲ್ಲಿಸಿ
ಸ್ಟಾಪ್ ಮೋಷನ್ ಎನ್ನುವುದು ಕಾರ್ಟೂನ್‌ಗಳೊಂದಿಗೆ ಯಾವುದೇ ಸಂಬಂಧವಿಲ್ಲದ ಅನಿಮೇಷನ್ ತಂತ್ರವಾಗಿದೆ. ಇದಲ್ಲದೆ, ವಾಸ್ತವದಲ್ಲಿ ಸಂಪೂರ್ಣವಾಗಿ ಸ್ಥಿರವಾಗಿರುವ ವಸ್ತುಗಳ ಚಲನೆಯನ್ನು ಅನುಕರಿಸುವುದು ಇದರ ಮುಖ್ಯ ಉದ್ದೇಶವಾಗಿದೆ ಮತ್ತು ಅದನ್ನು ಎರಡು ಹಂತಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ: ಜೇಡಿಮಣ್ಣಿನ ಅನಿಮೇಷನ್ ಅಥವಾ ಕ್ಲೇಮೋಷನ್ ಮತ್ತು ಗಟ್ಟಿಯಾದ ವಸ್ತುಗಳ ಅನಿಮೇಷನ್.
ಪಿಕ್ಸಲೇಷನ್
ಪಿಕ್ಸಲೇಷನ್ ಎನ್ನುವುದು ಸ್ಟಾಪ್ ಮೋಷನ್‌ನಿಂದ ಬರುವ ಒಂದು ತಂತ್ರವಾಗಿದೆ ಮತ್ತು ಗೊಂಬೆಗಳು ಅಥವಾ ಮಾದರಿಗಳಲ್ಲದ ವಸ್ತುಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವುದನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ, ಆದರೆ ಸಾಮಾನ್ಯ ವಸ್ತುಗಳು ಅಥವಾ ಜನರು. ಆಬ್ಜೆಕ್ಟ್‌ಗಳನ್ನು ಹಲವಾರು ಬಾರಿ ಛಾಯಾಚಿತ್ರ ಮಾಡಲಾಗುತ್ತದೆ ಮತ್ತು ಪ್ರತಿ ಫ್ರೇಮ್‌ನೊಂದಿಗೆ ಸ್ವಲ್ಪ ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ.
ರೊಟೊಸ್ಕೋಪಿ
ಇದು ಮತ್ತೊಂದು ರೇಖಾಚಿತ್ರದ ನೇರ ರೇಖಾಚಿತ್ರವನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ಮತ್ತೊಂದು ಡ್ರಾಯಿಂಗ್ ಅಥವಾ ನಿಜವಾದ ವ್ಯಕ್ತಿಯ ಮೇಲೆ ರೇಖಾಚಿತ್ರವನ್ನು ಪತ್ತೆಹಚ್ಚುವುದು. ಇದನ್ನು ಮೋಕಾಪ್‌ಗೆ ಪೂರ್ವಗಾಮಿ ಎಂದು ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ, ಅಂದರೆ ಚಲನಚಿತ್ರ ಜಗತ್ತಿನಲ್ಲಿ ಡಿಜಿಟಲ್ ಪಾತ್ರಗಳನ್ನು ಮರುಸೃಷ್ಟಿಸಲು ಬಳಸಲಾಗುವ ಮೋಷನ್ ಕ್ಯಾಪ್ಚರ್‌ಗೆ.
ಕಟೌಟ್‌ಗಳಿಂದ ಅನಿಮೇಷನ್ ಅಥವಾ ಕಟ್ ಔಟ್ ಆನಿಮೇಷನ್
ಇದು ಕತ್ತರಿಸುವ ಅಂಕಿಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ತಂತ್ರವಾಗಿದೆ, ಈ ಅಂಕಿಗಳನ್ನು ಕಾಗದದ ಮೇಲೆ ಅಥವಾ ಛಾಯಾಚಿತ್ರಗಳಲ್ಲಿ ಪ್ರತಿನಿಧಿಸಬಹುದು. ಪಾತ್ರಗಳ ದೇಹವನ್ನು ಕಟೌಟ್‌ಗಳ ಆಧಾರದ ಮೇಲೆ ನಿರ್ಮಿಸಲಾಗಿದೆ ಮತ್ತು ಚಲನೆ ಮತ್ತು ಅನಿಮೇಷನ್ ಹೇಳಿದ ಕಟೌಟ್‌ಗಳ ಬದಲಿಯಿಂದ ಉಂಟಾಗುತ್ತದೆ.
3ಡಿ ಅನಿಮೇಷನ್
3D ಅನಿಮೇಷನ್ ಎಡಿಟರ್ ಪ್ರೋಗ್ರಾಂನಿಂದ ಹುಟ್ಟಿಕೊಂಡಿದೆ, ಇದು ಸಿಮ್ಯುಲೇಶನ್‌ಗಳು ಮತ್ತು ಅನಿಮೇಷನ್‌ಗಳನ್ನು ಕೈಗೊಳ್ಳಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಈ ಎರಡು ರೂಪಾಂತರಗಳಲ್ಲಿ, ಉತ್ತಮ ಬೆಳಕು, ಕ್ಯಾಮೆರಾ ಚಲನೆಗಳು ಮತ್ತು ವಿಶೇಷ ಪರಿಣಾಮಗಳು ಸಂಪರ್ಕಕ್ಕೆ ಬರುತ್ತವೆ.
ಪ್ರಸ್ತುತ, ಅಂತಹ ಇತರ ತಂತ್ರಗಳಿವೆ: ಗಾಜಿನ ಮೇಲಿನ ಚಿತ್ರಕಲೆ, ಮರಳಿನ ಅನಿಮೇಷನ್, ಗುಜಗಳ ಪರದೆ ಮತ್ತು ಸೆಲ್ಯುಲಾಯ್ಡ್‌ನಲ್ಲಿ ಚಿತ್ರಕಲೆ.
ಸಿಎಸ್ಎಸ್ ಎಂದರೇನು?
ಮೂಲ: ರೊಸಾರಿಯೊ ಸೆಷನ್ ಸ್ಟುಡಿಯೋ ವೆಬ್ ವಿನ್ಯಾಸ
ಈಗ ನೀವು ಅನಿಮೇಷನ್‌ಗಳ ಪ್ರಪಂಚದ ಬಗ್ಗೆ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ತಿಳಿದಿರುವಿರಿ, CSS ಅಕ್ರೋನಿಮ್‌ಗಳ ಜಗತ್ತಿಗೆ ನಾವು ನಿಮ್ಮನ್ನು ಪರಿಚಯಿಸುವ ಸಮಯ.
ಸಂಕ್ಷಿಪ್ತ ರೂಪ ಸಿಎಸ್ಎಸ್, "ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್‌ಗಳು" ಅನ್ನು ಉಲ್ಲೇಖಿಸಿ. ವಿನ್ಯಾಸ ವಲಯದಲ್ಲಿ ಮತ್ತು ವೆಬ್ ಪುಟಗಳ ಪ್ರಸ್ತುತಿಯಲ್ಲಿ ಬಳಸಲಾಗುವ ಭಾಷೆಯಿಂದ ಇದು ರೂಪುಗೊಂಡಿದೆ, ಇನ್ನೂ ಉತ್ತಮವಾಗಿದೆ, ಅವುಗಳು ನಾವು ಮೊದಲ ಬಾರಿಗೆ ಒಮ್ಮೆ ನೋಡುವಂತೆ ವೆಬ್ ಪುಟವನ್ನು ಪ್ರಸ್ತುತಪಡಿಸುವ ಉಸ್ತುವಾರಿ ಹೊಂದಿರುವ ಪರಿಕರಗಳು ಮತ್ತು ಆಜ್ಞೆಗಳ ಸರಣಿಗಳಾಗಿವೆ. ಇದನ್ನು ಈಗಾಗಲೇ ರಚಿಸಲಾಗಿದೆ. ಉಪಕರಣದೊಂದಿಗೆ ಒಟ್ಟಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಚ್ಟಿಎಮ್ಎಲ್ (ಪುಟಗಳ ಮೂಲ ವಿಷಯದಿಂದ ಆಯೋಜಿಸಲಾಗಿದೆ).
ಅದರ ಹೆಸರನ್ನು ಅದು ಒಳಗೊಂಡಿರುವ ಎಲೆಗಳ ಸಂಖ್ಯೆಯಿಂದ ನಿರ್ಧರಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಅವುಗಳಲ್ಲಿ ಒಂದು ಇತರರಿಂದ ಗುಣಲಕ್ಷಣಗಳು ಅಥವಾ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಪಡೆದುಕೊಳ್ಳುತ್ತದೆ. ಅಂದರೆ, ನೀವು ಸರಳವಾದ ಬ್ಲಾಗ್ ಟೆಂಪ್ಲೇಟ್‌ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಬಹುದು, ಆದರೆ ನೀವು ಸೈಟ್‌ನ ನೋಟವನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಬಯಸಿದಾಗ ನೀವು ಉತ್ತಮ CMS ಜೊತೆಗೆ ನಿಮ್ಮ ವಿಷಯದ ವ್ಯಾಪ್ತಿಯನ್ನು ಹೆಚ್ಚಿಸಲು ಸಹಾಯ ಮಾಡುವ CSS ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಬೇಕಾಗುತ್ತದೆ.
CSS ಯಾವುದಕ್ಕಾಗಿ?
CSS ನೊಂದಿಗೆ, ನಿಮ್ಮ ಪುಟವನ್ನು ನೀವು ಸಂಘಟಿಸಬಹುದು, ಅಂದರೆ, ನಿಮ್ಮ ವೆಬ್ ಪುಟವನ್ನು ನೀವು ಹೇಗೆ ಎಲ್ಲಾ ಮಾಹಿತಿಯನ್ನು ಪತ್ತೆಹಚ್ಚಲು ಬಯಸುತ್ತೀರಿ ಎಂಬುದನ್ನು ನೀವು ಹೇಳಬಹುದು ಇದರಿಂದ ವೀಕ್ಷಕರು ನಿರ್ವಹಿಸಲು ಸುಲಭ ಮತ್ತು ಅದೇ ಸಮಯದಲ್ಲಿ ಉಪಯುಕ್ತವಾಗಿರುತ್ತದೆ. ವೆಬ್ ಪುಟದ ಶೈಲಿ ಅಥವಾ ವಿನ್ಯಾಸದ ಭಾಗವಾಗಿರುವ ಕೆಲವು ಅಂಶಗಳ ಎಲ್ಲಾ ಆಜ್ಞೆಗಳನ್ನು ಇಲ್ಲಿ ನಮೂದಿಸಿ, ಉದಾಹರಣೆಗೆ, ದಿ ಫಾಂಟ್‌ಗಳು, ಬಣ್ಣಗಳು, ಗಾತ್ರಗಳು ಇತ್ಯಾದಿ.
ಸಾಮಾನ್ಯವಾಗಿ, ಈ ಉಪಕರಣವು ಏನೆಂಬುದನ್ನು ನೀವು ಚೆನ್ನಾಗಿ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು, ಡಿಜಿಟಲ್ ಮಾರ್ಕೆಟಿಂಗ್ ತಜ್ಞರು ಇದನ್ನು ಮೊದಲು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತಾರೆ ಏಕೆಂದರೆ ಅವರೇ ಅವುಗಳನ್ನು ನಿರ್ವಹಿಸುತ್ತಾರೆ.
CSS ನಲ್ಲಿ ಅನಿಮೇಟ್ ಮಾಡಿ
ಸರಿ, ಈಗ ನೀವು ಅನಿಮೇಷನ್ ಮತ್ತು CSS ಪ್ರಪಂಚದ ಬಗ್ಗೆ ಸ್ವಲ್ಪ ತಿಳಿದಿರುವಿರಿ. ಇದು ಟ್ಯುಟೋರಿಯಲ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸುವ ಸಮಯ.
CSS ಅನಿಮೇಷನ್ಗಳು ಒಂದು CSS ಶೈಲಿ ಮತ್ತು ಇನ್ನೊಂದರ ನಡುವಿನ ಪರಿವರ್ತನೆಯನ್ನು ಅನಿಮೇಟ್ ಮಾಡಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಈ ಅನಿಮೇಷನ್ಗಳು ಎರಡು ಘಟಕಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ: a ಶೈಲಿ ಇದು CSS ಅನಿಮೇಷನ್ ಮತ್ತು ಒಂದು ಸೆಟ್ ಅನ್ನು ವಿವರಿಸುತ್ತದೆ ಚೌಕಟ್ಟುಗಳು ಅದು ಅದರ ಆರಂಭಿಕ ಮತ್ತು ಅಂತಿಮ ಸ್ಥಿತಿಯನ್ನು ಸೂಚಿಸುತ್ತದೆ, ಜೊತೆಗೆ ಅದರಲ್ಲಿ ಸಂಭವನೀಯ ಮಧ್ಯಂತರ ಬಿಂದುಗಳನ್ನು ಸೂಚಿಸುತ್ತದೆ.
ಈ ಪ್ರತಿಯೊಂದು ಅನಿಮೇಷನ್ ಪ್ರಯೋಜನಗಳ ಸರಣಿಯನ್ನು ಹೊಂದಿದೆ:
- ಸರಳ ಅನಿಮೇಷನ್‌ಗಳಿಗೆ ಇದರ ಬಳಕೆ ತುಂಬಾ ಸುಲಭ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನ ಜ್ಞಾನವಿಲ್ಲದೆ ನೀವು ಇದನ್ನು ಮಾಡಬಹುದು.
- ಕಡಿಮೆ-ಶಕ್ತಿಯ ಕಂಪ್ಯೂಟರ್‌ಗಳಲ್ಲಿಯೂ ಸಹ ಅನಿಮೇಷನ್ ಸರಿಯಾಗಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
- ಬ್ರೌಸರ್‌ನಿಂದ ನಿಯಂತ್ರಿಸಲ್ಪಡುವುದರಿಂದ, ಅದರ ಕಾರ್ಯಕ್ಷಮತೆ ಮತ್ತು ದಕ್ಷತೆಯನ್ನು ಅತ್ಯುತ್ತಮವಾಗಿಸಲು ಇದು ಅನುಮತಿಸುತ್ತದೆ, ಹೀಗಾಗಿ ಆವರ್ತನವನ್ನು ಕಡಿಮೆ ಮಾಡುತ್ತದೆ ಮತ್ತು ಟ್ಯಾಬ್‌ಗಳನ್ನು ಗೋಚರಿಸದ ರೀತಿಯಲ್ಲಿ ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತದೆ.
ಅನಿಮೇಷನ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳು
ಅನಿಮೇಷನ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಲು, ಮೊದಲನೆಯದಾಗಿ ನಾವು ಅದನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ. ಇದನ್ನು ಮಾಡಲು, ನಾವು ಆಸ್ತಿಗೆ ಹೋಗುತ್ತೇವೆ ಅನಿಮೇಷನ್ ಮತ್ತು ಅದರ ಉಪ ಗುಣಲಕ್ಷಣಗಳಿಗೆ. ಈ ಉಪಕರಣವು ಅನಿಮೇಶನ್‌ನ ಲಯ ಮತ್ತು ಅವಧಿ ಎರಡನ್ನೂ ಕಾನ್ಫಿಗರ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ ಮತ್ತು ಅದರ ಅನುಕ್ರಮವೂ ಅಲ್ಲ.
ಉಪ ಗುಣಲಕ್ಷಣಗಳೆಂದರೆ:
ಅನಿಮೇಷನ್ - ವಿಳಂಬ
ಅಂಶವನ್ನು ಲೋಡ್ ಮಾಡಿದ ಕ್ಷಣ ಮತ್ತು ಅನಿಮೇಷನ್ ಅನುಕ್ರಮದ ಆರಂಭದ ನಡುವಿನ ವಿಳಂಬ ಸಮಯ.
ಅನಿಮೇಷನ್ - ನಿರ್ದೇಶನ
ಅನಿಮೇಷನ್ ಅನುಕ್ರಮದ ಕೊನೆಯಲ್ಲಿ ಪ್ರಾರಂಭದ ಚೌಕಟ್ಟಿಗೆ ಹಿಂತಿರುಗಬೇಕೆ ಅಥವಾ ಅದು ಅಂತ್ಯವನ್ನು ತಲುಪಿದಾಗ ಆರಂಭದಿಂದ ಪ್ರಾರಂಭಿಸಬೇಕೆ ಎಂದು ಸೂಚಿಸುತ್ತದೆ.
ಅನಿಮೇಷನ್ - ಅವಧಿ
ಅನಿಮೇಷನ್ ತನ್ನ ಚಕ್ರವನ್ನು ಪೂರ್ಣಗೊಳಿಸಲು ತೆಗೆದುಕೊಳ್ಳುವ ಸಮಯವನ್ನು ಸೂಚಿಸುತ್ತದೆ (ಅವಧಿ)
ಅನಿಮೇಷನ್ - ಪುನರಾವರ್ತನೆ - ಎಣಿಕೆ
ಇದು ಪುನರಾವರ್ತನೆಯಾಗುವ ಸಂಖ್ಯೆ. ನಾವು ಸೂಚಿಸಬಹುದು ಅನಂತ ಅನಿಮೇಷನ್ ಅನ್ನು ಅನಿರ್ದಿಷ್ಟವಾಗಿ ಪುನರಾವರ್ತಿಸಲು.
ಅನಿಮೇಷನ್ - ಹೆಸರು
ಅನಿಮೇಷನ್‌ನ ಪ್ರತಿಯೊಂದು ಚೌಕಟ್ಟುಗಳನ್ನು ವಿವರಿಸುವ ಹೆಸರನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.
ಅನಿಮೇಷನ್ - ಪ್ಲೇ - ಸ್ಟೇಟ್
ಅನಿಮೇಷನ್ ಅನುಕ್ರಮವನ್ನು ವಿರಾಮಗೊಳಿಸಲು ಮತ್ತು ಪುನರಾರಂಭಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
ಅನಿಮೇಷನ್ - ಸಮಯ - ಕಾರ್ಯ
ಇದು ಅನಿಮೇಷನ್‌ನ ಲಯವನ್ನು ಸೂಚಿಸುತ್ತದೆ, ಅಂದರೆ, ಅನಿಮೇಷನ್ ಚೌಕಟ್ಟುಗಳನ್ನು ಹೇಗೆ ತೋರಿಸಲಾಗುತ್ತದೆ, ಇದಕ್ಕಾಗಿ ವೇಗವರ್ಧಕ ವಕ್ರಾಕೃತಿಗಳನ್ನು ಸ್ಥಾಪಿಸಲಾಗಿದೆ.
ಅನಿಮೇಷನ್ - ಫಿಲ್ - ಮೋಡ್
ಅನಿಮೇಷನ್ ಮುಗಿದ ನಂತರ ಗುಣಲಕ್ಷಣಗಳು ಯಾವ ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿರುತ್ತವೆ ಎಂಬುದನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ.
ಚೌಕಟ್ಟುಗಳೊಂದಿಗೆ ಅನುಕ್ರಮವನ್ನು ಹೊಂದಿಸಿ
ಒಮ್ಮೆ ನಾವು ಸಮಯ, ನಾಮಕರಣ ಇತ್ಯಾದಿಗಳನ್ನು ಕಾನ್ಫಿಗರ್ ಮಾಡಿದ ನಂತರ. ನಮ್ಮ ಅನಿಮೇಷನ್‌ಗೆ ನೋಟ ಅಥವಾ ಭಾವನೆಯನ್ನು ನೀಡುವ ಸಮಯ ಇದು.
ಇದನ್ನು ಮಾಡಲು, ನಾವು ಎರಡು ಹೊಸ ಚೌಕಟ್ಟುಗಳನ್ನು ಸ್ಥಾಪಿಸುತ್ತೇವೆ ಮತ್ತು ನಿಯಮವನ್ನು ಬಳಸುತ್ತೇವೆ ಎಕೀಫ್ರೇಮ್‌ಗಳು. ಇದರೊಂದಿಗೆ, ಪ್ರತಿ ಫ್ರೇಮ್ ಅನಿಮೇಷನ್ ಅನುಕ್ರಮದಲ್ಲಿ ಪ್ರತಿ ಅಂಶವು ಹೇಗೆ ಕಂಡುಬರುತ್ತದೆ ಎಂಬುದನ್ನು ವಿವರಿಸುತ್ತದೆ.
ಸೂಚಿಸಲು ಸಮಯ ಮತ್ತು ಲಯ, ಫ್ರೇಮ್ ಬಳಸುತ್ತದೆ ಶೇಕಡಾವಾರು ಮತ್ತು ಜೊತೆ ನಿಂದ ಮತ್ತುಇದಕ್ಕೆ ಧನ್ಯವಾದಗಳು, ಪ್ರಾರಂಭವು 0% ಮತ್ತು ಅಂತ್ಯವು 100% ನೊಂದಿಗೆ ಯಾವಾಗ ನಡೆಯುತ್ತದೆ ಎಂಬುದನ್ನು ನಾವು ಸೂಚಿಸಬಹುದು.
ಫ್ರೇಮ್ ಮತ್ತು ಪಠ್ಯ ಅನಿಮೇಷನ್
ಹೆಚ್ಚಿನ ಫ್ರೇಮ್‌ಗಳನ್ನು ಸೇರಿಸಲು ಮತ್ತು ಅವುಗಳನ್ನು ಪಠ್ಯದೊಂದಿಗೆ ಅನಿಮೇಟ್ ಮಾಡಲು, ನೀವು ಹೆಡರ್ ಫಾಂಟ್‌ನ ದೊಡ್ಡ ಗಾತ್ರವನ್ನು ಅನ್ವಯಿಸಬೇಕಾಗುತ್ತದೆ ಇದರಿಂದ ಹೆಡರ್ ನಿಗದಿತ ಸಮಯದವರೆಗೆ ಚಲಿಸುವಾಗ ಹೆಚ್ಚಾಗುತ್ತದೆ ಮತ್ತು ನಂತರ ಅದರ ಮೂಲ ಗಾತ್ರಕ್ಕೆ ಕಡಿಮೆಯಾಗುತ್ತದೆ. ಇದಕ್ಕಾಗಿ ನಾವು ಈ ಕೆಳಗಿನ ಕೋಡ್ ಅನ್ನು ಸ್ಥಾಪಿಸಲಿದ್ದೇವೆ:
75% ಫಾಂಟ್ - ಗಾತ್ರ: 300%; ಅಂಚು - ಎಡ: 25%; ಅಗಲ: 150%;
ಈ ಕೋಡ್‌ನೊಂದಿಗೆ, 75% ಅನುಕ್ರಮದಲ್ಲಿ, ಹೆಡರ್ 25% ನ ಎಡ ಅಂಚು ಮತ್ತು 200% ಅಗಲದೊಂದಿಗೆ 150% ಗಾತ್ರವನ್ನು ಹೊಂದಿದೆ ಎಂದು ನಾವು ಬ್ರೌಸರ್‌ಗೆ ಸೂಚಿಸುತ್ತೇವೆ.
ಅನಿಮೇಷನ್ ಪುನರಾವರ್ತನೆ
ಅನಿಮೇಷನ್ ಪುನರಾವರ್ತನೆ ಮಾಡಲು, ಈ ಕೆಳಗಿನ ಆಸ್ತಿಯನ್ನು ಬಳಸುವುದು ಅವಶ್ಯಕ ಅನಿಮೇಷನ್ - ಪುನರಾವರ್ತನೆ - ಎಣಿಕೆ ಮತ್ತು ನಾವು ಅದನ್ನು ಎಷ್ಟು ಬಾರಿ ಪುನರಾವರ್ತಿಸಬೇಕೆಂದು ನಾವು ಸೂಚಿಸಬೇಕು. ನಾವೂ ಬಳಸಬಹುದು ಅನಂತ ಆದ್ದರಿಂದ ಇದು ಯಾವಾಗಲೂ ಪುನರಾವರ್ತನೆಯಾಗುತ್ತದೆ.
ತೀರ್ಮಾನಕ್ಕೆ
ನೀವು ನೋಡಿದಂತೆ, CSS ನಲ್ಲಿ ನೀವು ಅನಿಮೇಟೆಡ್ ಯೋಜನೆಗಳನ್ನು ರಚಿಸಬಹುದು ಮತ್ತು ನಾವು ನಿಮಗೆ ನೀಡಿದ ಹಂತಗಳನ್ನು ಅನುಸರಿಸುವ ಮೂಲಕ ನೀವು ಅದನ್ನು ನಮೂದಿಸಬಹುದು. ನೀವೇ ವಿಚಾರಿಸಲು ಮತ್ತು ತಿಳಿಸಲು ನೀವು ಮುಂದುವರಿಸಿದರೆ, ನಮಗೆ ಹಲವಾರು ಆಯ್ಕೆಗಳು ಲಭ್ಯವಿವೆ ಎಂದು ನೀವು ಕಂಡುಕೊಳ್ಳುತ್ತೀರಿ.
ನೀವು ಈಗಾಗಲೇ ಧೈರ್ಯ ಮಾಡಿದ್ದೀರಾ?