לאחר יצירת אנימציה ב- Photoshop, יש לשמור באחת הפורמטים הזמינים, שאחד מהם הוא GIF. תכונה של פורמט זה היא כי הוא מיועד להציג (לשחק) בדפדפן.
אם אתה מעוניין באפשרויות אחרות לשמירת אנימציה, אנו ממליצים לקרוא מאמר זה:
שיעור: כיצד לשמור וידאו ב- Photoshop
תהליך יצירת אנימציה GIF תואר באחד השיעורים הקודמים, והיום נדבר כיצד לשמור את הקובץ בפורמט GIF ובהגדרות אופטימיזציה.
שיעור: יצירת אנימציה פשוטה ב- Photoshop
שמירת GIF.
ראשית, אנו חוזרים על החומר ולקרוא את חלון הגדרות שמור. הוא נפתח על ידי לחיצה על פריט "שמור עבור האינטרנט" בתפריט קובץ.
החלון מורכב משני חלקים: בלוק תצוגה מקדימה
והגדרות בלוק.
לחסום תצוגה מקדימה
בחר את מספר אפשרויות הצג נבחרה בחלק העליון של הבלוק. בהתאם לצרכים, באפשרותך לבחור את ההגדרה הרצויה.
התמונה בכל חלון, למעט המקור, מוגדר בנפרד. זה נעשה, כך שתוכל לבחור את האפשרות האופטימלית.
בצד שמאל של הבלוק יש קבוצה קטנה של כלים. אנו נשתמש רק "יד" ו "סולם".
באמצעות "יד" באפשרותך להעביר את התמונה בתוך החלון שנבחר. הבחירה נעשית גם על ידי כלי זה. "סולם" מבצע את אותה פעולה. בערך ולמחוק את התמונה יכול גם להיות כפתורים בתחתית הבלוק.
נמוך להלן הוא הלחצן עם הכתובת "View". הוא פותח את האפשרות שנבחרה בדפדפן ברירת המחדל.
בחלון הדפדפן, למעט הגדרת פרמטרים, אנו יכולים גם לקבל קוד GIF HTML.
בלוק הגדרות
בבלוק זה, פרמטרים התמונה מוגדרים, שקול את זה יותר.
- סכמת צבעים. הגדרה זו קובעת איזה טבלה של צבעים צמודים יחול על התמונה בעת אופטימיזציה.
- תפיסה, ופשוט "תוכנית תפיסה". כאשר הוא משמש, Photoshop יוצר שולחן של צבעים, מודרך על ידי הגוונים הנוכחיים של התמונה. לדברי היזמים, שולחן זה קרוב ככל האפשר לאופן שבו העין האנושית רואה את הצבע. בנוסף - התמונה היא הקרובה ביותר למקור, הצבעים נשמרו במקסימום.
- ערכת סלקטיבית דומה לזו הקודמת, אך הצבעים הקשורים לאינטרנט מאובטח עבור האינטרנט משמשים בו בעיקר. הוא גם התמקד בתצוגה של גוונים משוערים לראשונה.
- אדפטיבית. במקרה זה, הטבלה נוצרת מצבעים נפוצים יותר בתמונה.
- מוגבל. מורכב 77 צבעים, חלק מדגימות אשר מוחלפים לבן בצורה של נקודה (תבואה).
- המותאם אישית. בעת בחירת תוכנית זו, ניתן ליצור לוח משלך.
- שחור ולבן. טבלה זו משתמשת רק שני צבעים (שחור ולבן), גם באמצעות תבואה.
- בכיתות של אפור. ישנם 84 רמות שונות של גוונים של אפור.
- מקוס וחלונות. נתוני טבלה מתבססים על התכונות של מיפוי תמונות בדפדפנים המפעילים מערכות הפעלה אלה.
הנה כמה דוגמאות של החלת תוכניות.
כפי שאתה יכול לראות, שלוש דוגמאות הראשונות יש איכות מקובלת למדי. למרות העובדה כי חזותית הם כמעט לא שונים זה מזה, על תמונות שונות אלה תוכניות אלה יעבדו אחרת.
- מספר צבעים מרבי בטבלת הצבעים.
מספר הגוונים בתמונה משפיע ישירות על משקלו, ולפיכך, על מהירות ההורדה בדפדפן. הערך של 128 משמש לרוב, שכן הגדרה זו כמעט אינה משפיעה על איכות, תוך הפחתת המשקל של GIF.
- צבעי אינטרנט. הגדרה זו קובעת את הסובלנות שבה מומרים הגוונים לשווה מקבוצת אינטרנט מאובטחת. שדה הקובץ נקבע לפי הערך שנקבע על ידי המחוון: הערך גבוה יותר - הקובץ הוא פחות. בעת הגדרת צבעי אינטרנט לא צריך גם לשכוח איכות.
דוגמא:
- Dysrying מאפשר לך להחליק את המעברים בין צבעים על ידי ערבוב הגוונים הכלולים בטבלת האינדקס הנבחרת.
כמו כן, ההגדרה תסייע כיצד לשמר את הדרגתיות ואת שלמות אתרים מונוכרומטיים. בעת שימוש במחלקה מגדילה את המשקל של הקובץ.
דוגמא:
- שְׁקִיפוּת. פורמט GIF תומך רק פיקסלים שקופים לחלוטין, או אטום לחלוטין.
פרמטר זה, ללא התאמה נוספת, גרוע מציג את הקווים עקומות, משאיר פיקסל גבירות.
ההתאמה נקראת "מט" (בעורכים מסוימים "Kaima"). עם זה, הוא מוגדר לערבב תמונות פיקסלים עם רקע של הדף שבו הוא יהיה ממוקם. לתצוגה הטובה ביותר, בחר צבע המתאים לצבע של רקע האתר.
- Interlaced. אחד השימושיים ביותר עבור הגדרות אינטרנט. אם לקובץ יש משקל ניכר, מאפשר לך להציג באופן מיידי תמונה בדף, כפי שהוא טוען לשפר את איכותו.
- המרה SRGB מסייעת לשמור צבעי תמונה מקסימלית מקסימלית בעת שמירה.
הגדרת "שקיפות dysparency" החמיר באופן משמעותי את איכות התמונה, ואנו נדבר על פרמטר "הפסד" בחלק המעשי של השיעור.
לקבלת ההבנה הטובה ביותר של תהליך הגדרת שימור של gifs ב Photoshop, אתה חייב לתרגל.
תרגול
המטרה של אופטימיזציה של תמונות עבור האינטרנט היא הפחתה המקסימלית של המשקל של הקובץ תוך שמירה על איכות.
- לאחר עיבוד התמונה, עבור אל התפריט "קובץ - שמור לאינטרנט".
- הצג את מצב "4 אפשרות".
- לאחר מכן, אתה צריך אחד האפשרויות כדי להפוך את הדומה ביותר למקור. תן לזה להיות תמונה מימין למקור. זה נעשה על מנת לאמוד את גודל הקובץ עם איכות מקסימלית.
הגדרות הגדרות הן כדלקמן:
- ערכת צבעים "סלקטיבית".
- "צבעים" - 265.
- "DiZering" הוא אקראי ", 100%.
- הסר את Daws מול הפרמטר "interlaced", שכן התמונה הסופית של התמונה יהיה די קטן.
- "צבעי אינטרנט" ו "הפסדים" - אפס.
השווה את התוצאה עם המקור. בחלק התחתון של חלון המדגם, אנו יכולים לראות את גודל GIF הנוכחי ואת מהירות הטעינה במהירות האינטרנט שצוין.
- עבור לתמונה למטה מוגדר רק. בואו ננסה לייעל את זה.
- להשאיר את התוכנית ללא שינוי.
- מספר הצבעים מקטינים עד 128.
- ערך dysering צומצם ל -90%.
- צבעי אינטרנט לא לגעת, כי במקרה זה זה לא יעזור לנו לשמור על איכות.
גודל GIF ירד מ 36.59 KB ל 26.85 KB.
- מאז כמה גרגרי פגמים קטנים כבר נוכחים בתמונה, בואו ננסה להגדיל "הפסדים". פרמטר זה מגדיר רמה מותרת של אובדן נתונים בעת דחיסת GIF. שנה את הערך ל 8.
אנחנו עדיין הצלחנו לצמצם את גודל הקובץ, תוך לאבד קצת באיכות. GIFs שוקל עכשיו 25.9 קילובייטים.
סך הכל, הצלחנו לצמצם את גודל התמונה על 10 KB, שהוא יותר מ -30%. תוצאה טובה מאוד.
- פעולות נוספות הן פשוטות מאוד. לחץ על הלחצן שמור.
אנו בוחרים מקום לשמור, לתת את השם של GIF ולחץ על "שמור" שוב.
לידיעתך יש הזדמנות יחד עם GIF כדי ליצור מסמך HTML שבו התמונה שלנו ייבנה. לשם כך, עדיף לבחור תיקייה ריקה.
כתוצאה מכך, אנו מקבלים דף ותיקיה עם התמונה.
עצה: בעת הקצאת שם קובץ, נסה לא להשתמש בתווים קיריליים, כי לא כל הדפדפנים מסוגלים לקרוא אותם.
השיעור הזה להשלים את התמונה בפורמט GIF. על זה, גילינו איך אתה יכול לייעל את הקובץ עבור מיקום באינטרנט.