Flash MX 2004 ˙ȯ·Ú·†ÈÓ˘È¯‰†¯ÙÒ‰ ∞≥≠µ≤π±∏∏∏ ≠ ÔÂÙÏË· ˙ÂÓÊ‰Ï www.mentor.co.il ‡Ó‚„φ˜¯Ù דקל מועלם מירי פרידמן איקס ,מיקס ,טריקס ...2004 - כתיבה: עריכה ועימוד: עיצוב עטיפה: הדפסה וכריכה: למינציה: הגהה מקצועית: הפקה בפועל: תודה: דקל מועלם ,מירי פרידמן אילה בשן סטודיו יקי טרגר דפוס רב-גון תעשיות למינציה דודי אשכנזי וסיגלית אריאלי בועז פולק מירי פרידמן :לספיר ,טעם חיי ולערן בורוכוב על אהבה גדולה. דקל מועלם :לאמא ואבא תודה גדולה וליעלי ,את אחת יחידה. מירי ודקל :לדודי אשכנזי מ(http://www.sticklight.com ) Sticklight - ולסיגלית אריאלי על ההגהה והרצון לעזור ,לערן וטל על התמיכה ,העידוד והבית ,ולכל צוות מנטור והמדריכים ,ותודה גדולה גדולה לאילה בשן על התענוג בעבודה במחיצתה. תודה מיוחדת ליובל רוביצ'ק על האיורים וההומור הספר נכתב ועומד בתוכנת InDesign 2.0.2MEבגירסה עברית עיבוד התמונות בוצע בתוכנת Photoshop 7.0 ME באדיבות חברת קרט ישראל בע"מ הדוגמאות מתוכנת Flash MX 2004 באדיבות חברת קוויקסופט בע"מ תודה מיוחדת לחברת "פונט ביט" על האפשרות להשתמש בכל הפונטים שעוצבו על ידם מנטור בע"מ רח' ריינס ,6תל אביב טלפון 03-5291888 .פקס03-5290526 . http://www.mentor.co.il מהדורה ראשונה -יולי אלפיים וארבע © כל הזכויות שמורות למנטור בע"מ אין להעתיק או להפיץ ספר זה או קטעים ממנו בשום צורה ובשום אמצעי ,אלקטרוני או מכני )לרבות צילום או הקלטה( ,ואין ללמדו כולו או חלקים ממנו ,בשום מכון ,קורס או בית ספר ,ללא אישור בכתב מאת המוציאים לאור. אין להשאיל ספר זה בספריות השאלה ציבוריות או פרטיות ללא אישור בכתב מהמוציאים לאור. השאלת הספר לכל צורך שהוא ,מהווה הפרה חמורה של זכויות ההפצה הנתונות בידי המוציאים לאור בלבד. סמלים מסחריים במקומות שונים בספר השתמשנו בשמות מסחריים .הכותבים מצהירים בזאת ,שההעדפה לשימוש בשמות בלבד ,ללא ציון הסמל המסחרי ומבלי לאזכר את החברה בעלת השם המסחרי ,נובעת משיקולי סידור המלל בלבד ולטובת בעלי השם המסחרי ,ואין בכוונתם להפר את זכויות היוצרים. הקדמה שחשוב לקרוא... פלאש -התוכנה ששינתה את פני האינטרנט וכבשה מיליוני אתרים ,מותחת פנים ויוצאת בגרסתה החדשה .MX2004 תוכנת פלאש מקיפה וכוללת את כל מה שצריך בשביל ליצור אנימציה ,מצגת או אתר אינטרנט :היא מייצרת גרפיקה מבוססת וקטורים ,יוצרת אנימציה ,מטפלת במלל ,בונה טפסים ,תומכת ב ,CSS-מאפשרת לבנות אפליקציות ,עובדת מול ,XMLמאפשרת שילוב של סאונד ,וידאו ותמונות ,בעצם כל מה שמעצב צריך. Flash MX 2004משווקת בשתי גרסאות שונות .הגרסה הרגילה -המיועדת למעצבים ואנימטורים )Flash (Liteוהגרסה למקצוענים ) ,(Professionalהמיועדת למתכנתים ובוני אפליקציות. גרסת המקצוענים ) ,(Professionalמציעה אפשרויות נרחבות וחדשות למתכנתים ,כגון :תמיכה נרחבת בוידיאו, ניהול פרוייקטים ,תמיכה בשפת ,ActionScript 2יצירת ,Componentsשילוב עם XMLועוד. בגרסה הרגילה של פלאש ,זו המיועדת למעצבים ואנימטורים ,ניתן למצוא שיפורים רבים לעומת גרסאות קודמות של התוכנה ,כגון :סביבת עבודה נוחה יותר ,חלונות חדשים )כמו חלון ההיסטוריה או חלון ה ,(Behaviors-ייבוא ועריכת וידאו ,אפקטים מוכנים לאנימציה ב Timeline-ועוד רבים וטובים. ספר זה מיועד לאלו שמתחילים את דרכם בתוכנה או לאלו שעיצבו ובנו אתרים בגרסאות הקודמות והוא אינו כולל את אפשרויות התכנות המתקדמות. הספר נכתב על פי גרסת המקצוענים ) ,(Professionalכיוון שגרסה זו כוללת את כל האפשרויות שיש בגרסה הרגילה ,בתוספת אפשרויות וכלים נוספים שנראים לנו חשובים עבור מעצבים ובוני אתרים )כמו פרזנטציות או ניהול פרויקטים( .אפשרויות אלו שייכות לתחום האפור של תכנות קל ועיצוב מתקדם ,והן מיועדות למעצבים הרוצים ידע נרחב יותר ,החורג מעט מתחומי האנימציה והעיצוב ,וכן למתכנתים בתחילת דרכם בתוכנה. בכל מקום בו מצוין כלי/חלון/פקודה שאינם נמצאים בגרסה הרגילה של התוכנה ,תוכלו למצוא הערה שאפשרויות אלה פעילות רק בגרסת .Professional בתקווה שתיהנו מהספר ,לפחות כמו שנהנינו לכתוב אותו. כל שנותר רק להוסיף :יאללה ,להפשיל שרוולים ,וקדימה לעבודה! מירי ודקל. g אודות הספר והשימוש בו ספר זה מיועד גם למשתמשים מתחילים וגם למשתמשים מתקדמים ומאפשר לכל אחד להיכנס לנבכי תוכנת Flash MX2004ולצאת כשידו על העליונה .הספר מתאים לכל המשתמשים ללא קשר למערכת ההפעלהMacOs : ,Windowsאו תחנות עבודה אחרות .על מנת להפיק את המירב ,כדאי להכיר את צורת עריכתו של הספר: פרקי הספר מסודרים על פי נושאים מרכזיים בתוכנה ומפרטים את הפקודות ,החלונות והכלים הקשורים לנושא הפרק. את הנושאים השונים ניתן לחפש בשלוש צורות )חוץ מלדפדף:(... על פי תוכן העניינים שבתחילת הספר. בעזרת אינדקס פקודות ,כלים ומושגים בשפה האנגלית. אינדקס צילומי המציג את תפריטי התוכנה ,את חלונות הכלים ואת חלונות התוכנה העיקריים בצרוף מספרי העמודים. n n n - Flash MX 2004המדריך העברי המלא g כדאי לשים לב למספר סימנים המלווים את ההסברים בספר: חשוב ,כדאי לתת את הדעת או טיפ! g הפנייה לעמוד בו נמצאת התייחסות נוספת או מידע נוסף באותו נושא. אזהרה או איסור ,או פשוט פעולות שלא ניתן לבצע. דבר העורך )והפעם ,העורך כן קובע(... ספר רביעי בסדרת ספרי פלאש ,וספר מספר 24בהוצאת הספרים )הראשון היה פריהנד ,(...3ולמרות המחמאות שמגיעות אלינו מידי פעם על איכות הספרים ,עיצובם ורמתם המקצועית ,אנחנו עדיין לא לוקחים שום דבר כמובן מאליו ותמיד מנסים לשפר. בספר זה לדוגמה ,נכתבו כל התרגילים מחדש ,נוספו תרגילים חדשים ורוב הדוגמאות שופרו בצורה משמעותית. בנוסף לפרקים ה”רגילים” ,ישנם בספר זה פרקים חדשים :פרק נרחב בנושא התאמת הסרטון לאינטרנט, פרק בנושא שילוב וידאו בסרטון אנימציה ,פרק מיוחד בנושא עבודה מול תוכנת פריהנד ,MXפרק בנושא פרזנטציות ובפרק חשוב במיוחד -פלאש לעצלנים... רוב ספרי המחשב בארץ הם ספרים מתורגמים .הספרים שבהוצאתנו ,הם ספרי מקור ובכך ייחודם ,הכתיבה מתייחסת לשוק הישראלי. g משהו חשוב! בתקליטור המצורף ניתן למצוא ,תמונות ,קבצי קול ,רקעים וגרסת ניסיון של התוכנה .שים לב! תרגילים נוספים, כמו גם פרק לשילוב מולטימדיה בצבע ,ניתן למצוא באתר הבית של מנטור .www.mentor.co.il - g ולסיום... הספר עבר במהלך הכתיבה הגהות רבות ,על ידי מספר אנשים מקצועיים בתחום התוכנה ,ההדרכה והעריכה הלשונית ,אולם מנסיוננו אנו יודעים שגם לאחר אין סוף הגהות ,עדיין מסתתרת אי-שם טעות שלא ראינו. נשמח לקבל הערות ,הארות ,הצעות ייעול בכל הקשור לתוכן ,לדוגמאות המשולבות בספר ,לצורת העריכה ובכלל… וגם כמה מילים טובות ,רק בשביל האיזון! את המחאות ,ההמחאות והמחמאות ,ניתן שלוח בכתב אלינו -מנטור בע"מ ת.ד 11681 .תל-אביב ,מיקוד ,64381 :או לשלוח בפקס שמספרו .03-5290526 :נשמח להגיב ,להקשיב ואם צריך גם לשנות .תודה מראש כבר אמרנו? - Flash MX 2004המדריך העברי המלא מה בתקליטור? תוכנת פלאש MX2004בגרסת מלאה )פעילה ל 30-יום( -באדיבות חברת קוויקסופט תוכנות בגרסת ניסיון ) (Tryoutשל חברת ™ - Macromediaבאדיבות חברת קוויקסופט: אנימציה ומולטימדיה עיצוב ובניית אתרים באינטרנט גרפיקה n n n התרגילים מתוך הספר -קבצי פלאש ,קבצי תמונה ,קבצי Soundוסרטוני ווידאו מבחר קטעי Soundמדליקים!!! קורא נכבד! בגלל מהירותם הגבוהה של כונני התקליטורים המשווקים כיום ,עלול התקליטור להרעיש לאחר הכנסתו לכונן .רעש זה הינו רעש לוואי בלבד .באפשרותך להעתיק את הקבצים הרצויים אל הכונן הקשיח ולשמור את התקליטור לצורך גיבוי. לתשומת לבך :המוצרים בתקליטור אינם כוללים תמיכה .התקנת התוכנות או כל מרכיב אחר מתוך התקליטור הינה באחריות המשתמש בלבד .הוצאת מנטור וחברת קוויקסופט בע"מ אינן אחראיות לנזק שייגרם למשתמש, למחשב ,לתכולתו של המחשב או לכל נזק אחר שייגרם בעקבות התקנה כלשהי. התקליטור מתאים למחשבי מקינטוש ופי.סי .בחסות קוויקסופט בע"מ Flash MX 2004 תוכנת- דרישות מערכת חלונות . לפחות600MHZ מהירות. ומעלה או מקביל לו3 מעבד מסוג אינטל פנטיום .Windows 98 SE, 2000, XP מערכת הפעלה . ומעלה256 MB - מומלץ בחום,128 MB RAM זיכרון עבודה של לפחות . פנויים בכונן הקשיח275 MB לפחות . פיקסלים768 על1024 - Flash רזולוציית מסך מומלצת לעבודה עם n n n n n מקינטוש . לפחות500 MHz מהירות. ומעלהPowerPC 3 מחשב מסוג . ומעלהMac OS X 10.2.6 מערכת הפעלה . ומעלה256 MB - מומלץ בחום,128 MB RAM זיכרון עבודה של לפחות . פנויים בכונן הקשיח215 MB לפחות . פיקסלים768 על1024 - Flash רזולוציית מסך מומלצת לעבודה עם n n n n n על מנת לאפשר תמיכה בכל מאפייני,QuickTime 6.3 מומלץ להתקין את תוכנת:שים לב .הוידאו בתוכנה Flash Player 7 נגן- דרישות מערכת על מנת לצפות בסרטוני פלאש שנוצרו.Flash Player יש צורך בהתקנת תוכנת,לצורך צפייה בסרטוני פלאש .7 בגרסהFlash Player יש צורך בנגן,בגרסה הנוכחית חלונות סוג הדפדפן מערכת הפעלה Microsoft Internet Explorer 5.x, Netscape 4.7, Netscape 7.x, Mozilla 1.x, AOL 8, and Opera 7.11 Windows 98 Microsoft Internet Explorer 5.5, Netscape 4.7, Netscape 7.x, Mozilla 1.x, AOL 8, and Opera 7.11 Windows Me Microsoft Internet Explorer 5.x, Netscape 4.7, Netscape 7.x, Mozilla 1.x, CompuServe 7, AOL 8, and Opera 7.11 Windows 2000 Microsoft Internet Explorer 6.0, Netscape 7.x, Mozilla 1.x, CompuServe 7, AOL 8, and Opera 7.11 Windows XP מקינטוש סוג הדפדפן מערכת הפעלה Microsoft Internet Explorer 5.1, Netscape 4.8, Netscape 7.x, Mozilla 1.x, and Opera 6 Mac OS 9.x Microsoft Internet Explorer 5.2, Netscape 7.x, Mozilla 1.x, AOL 7, Opera 6, and Safari 1.0 (Mac OS X 10.2.x only) Mac OS X 10.2.x אוMac OS X 10.1.x המדריך העברי המלא- Flash MX 2004 תוכן עניינים חלונות התוכנה17................................................................................................................................................................... חלון המסמך 18 ................................................................................................................................................................. הבמה )19 ..............................................................................................................................................................(Stage חלון הכלים )19 ..................................................................................................................................................... (Tools חלון התזמון )20 .............................................................................................................................................(Timeline חלונות נוספים 20 .............................................................................................................................................................. סידור חלונות21 ................................................................................................................................................................. מעבר בין קבצים פתוחים 23 ........................................................................................................................................... הפקודות הבסיסיות27.......................................................................................................................................................... פקודות העריכה הבסיסיות33............................................................................................................................................ תצוגה37..................................................................................................................................................................................... כלי זכוכית המגדלת )38 .......................................................................................................................... (Zoom Tool תפריט גודל התצוגה בבמה 38 ....................................................................................................................................... גודל התצוגה 38 ................................................................................................................................................................. כלי היד )39 ..................................................................................................................................................(Hand Tool תפריט התצוגה )39 .............................................................................................................................................. (View סרגלים 42 ........................................................................................................................................................................... רשת עבודה43 ................................................................................................................................................................... קווי עזר 44 .......................................................................................................................................................................... היצמדות )46 ................................................................................................................................................ (Snapping חלון הכלים 51........................................................................................................................................................................... כלי הקו )52 ..............................................................................................................................................................(Line כלי האליפסה )53 .................................................................................................................................................. (Oval כלי המלבן )53 .............................................................................................................................................(Rectangle כלי המצולעים המשוכללים/כוכבים )55 ....................................................................................................(PolyStar אפשרויות מיוחדות 57 ...................................................................................................................................................... כלי העיפרון )57 ................................................................................................................................................... (Pencil כלי המברשת )58 ................................................................................................................................................ (Brush כלי המחק )61 .....................................................................................................................................................(Eraser כלי החץ )63 ..............................................................................................................................................(Arrow Tool כלי מחק הברז )63 ............................................................................................................................................ (Faucet עריכת קו המתאר של העצם65 ..................................................................................................................................... החלקה/יישור של קווים )67 ...................................................................................................(Smooth/Straighten כלי הלאסו )68 ............................................................................................................................................ (Lasso Tool כלי הלאסו המצולע )68 ....................................................................................................................(Poligon Mode כלי עריכת המסלולים )69 ................................................................................................................(Subselect Tool הצגת נקודות 69 ................................................................................................................................................................ כלי הציפורן )72 ..............................................................................................................................................(Pen Tool - Flash MX 2004המדריך העברי המלא סידור ,ארגון ושינוי עצמים 77............................................................................................................................................. איחוד עצמים 78 ............................................................................................................................................................... איחוד עצם בודד 78 ........................................................................................................................................................... הפרד )78 ........................................................................................................................................................(Ungroup עריכת עצמים מאוחדים 79 ............................................................................................................................................. תפריט ארגן )80 ..............................................................................................................................................(Arrange יישור עצמים -כללי81 ..................................................................................................................................................... תפריט יישור עצמים 83 .................................................................................................................................................... שינוי עצמים 84 .................................................................................................................................................................. כלי השינוי )84 .........................................................................................................................(Free Transform Tool שינוי גודל 84 ....................................................................................................................................................................... סיבוב עצם85 ..................................................................................................................................................................... הטיה86 ............................................................................................................................................................................... עיוות )87 ............................................................................................................................................................. (Distort כלי המעטפת )87 .........................................................................................................................................(Envelope חלון השינוי )88 ........................................................................................................................................... (Transform שינוי גודל בעזרת חלון פעולות השינוי )88 ............................................................................................(Transform הטיה באמצעות חלון פעולות השינוי )89 ..............................................................................................(Transform שכפול "חכם" בעזרת חלון פעולות השינוי )89 .................................................................................... (Transform סיבוב באמצעות חלון פעולות השינוי )89 ............................................................................................. (Transform תפריט פעולות השינוי )90 ........................................................................................................................(Transform חלון המידע )91 ....................................................................................................................................................... (Info תכונות הקו והמילוי 93.......................................................................................................................................................... חלונות הצבעים 94 ........................................................................................................................................................... שינוי צבע בחלון המאפיינים )94 ............................................................................................................. (Properties כלי הדלי ) - (Paint Bucketכלי תכונות המילוי95 ..................................................................................................... כלי קסת הדיו ) - (Ink Bottleכלי תכונות הקו 96 ...................................................................................................... כלי הדוגם )97 .................................................................................................................................................(Dropper העתקת תכונות של עצמים97 ....................................................................................................................................... דגימת צבע מתוך תמונה98 ............................................................................................................................................ חלון ערבוב הצבעים )99 ........................................................................................................................ (Color Mixer חלון המילוי האחיד )99 ........................................................................................................................................ (Solid טבלת הצבעים100............................................................................................................................................................ בנייה של מעבר צבעים )ישר/עגול( 102........................................................................................................................ הוספת צבע למעבר הצבעים )ישר/עגול( 102............................................................................................................. צבעי מסך ) - (RGBכללי 104.......................................................................................................................................... גוון ,רוויה ובהירות ) - (HSBכללי105.............................................................................................................................. קביעת שקיפות לצבע105............................................................................................................................................... תפריט ספריית הצבעים 110........................................................................................................................................... חלון ספריית הצבעים )110.........................................................................................................................(Swatches שילוב מלל 113 ......................................................................................................................................................................... הוספת מלל למסמך 114................................................................................................................................................. הקלדת מלל115................................................................................................................................................................ בחירת המלל המיועד לעריכה -כללי115.................................................................................................................... הגדרת תכונות בחלון המאפיינים116............................................................................................................................ שינוי תכונות המלל -כללי116....................................................................................................................................... צימוד אותיות )119.....................................................................................................................................(Auto Kern הגדרת מרווחים 119.......................................................................................................................................................... עריכת פסקאות )120................................................................................................................................(Paragraph כניסות ,הזחות וריווח שורות -כללי 121....................................................................................................................... מרווח בין שורות )122........................................................................................................................... (Line Spacing יישור מלל 123.................................................................................................................................................................... תפריט היפוך מלל124...................................................................................................................................................... פונטים ,תאימות ומשקל125........................................................................................................................................... המרת מלל לצורות )125.......................................................................................................................(Break Apart החלקת קצוות המלל )126........................................................................................................................(Alias Text בחירת פונט מיוחד126..................................................................................................................................................... שימוש בפונטים מיוחדים ) - (Device Fontsכללי 126.............................................................................................. יצירת תיבת מלל ניתנת לעריכה 127............................................................................................................................ הגדרת תיבת מלל נגללת )127.................................................................................................................(Scrollable הגדרת תיבת מלל כמשתנה )127.........................................................................................................................(Var הגדרת נתוני 127...................................................................................................................................................HTML יצירת תיבת מלל דינאמית )127.......................................................................................................(Dynamic Text הטמעת פונטים ) - (Characterקידוד בלבד128........................................................................................................ יצירת תיבת קלט )128.............................................................................................................................. (Input Text שימוש בפונט חלופי 129.................................................................................................................................................. פונטים מסוג יוניקוד ופלאש129..................................................................................................................................... כמה דברים שכדאי לזכור על טקסט בפלאש130....................................................................................................... שילוב תמונה בסרטון 131 .................................................................................................................................................... רגע לפני) ...מה ההבדל בין וקטורים לפיקסלים?( 132............................................................................................... גרור והשלך ) - (Drag and Dropכללי 133................................................................................................................. שימוש בפקודות העתק ) (Copyוצרף ) - (Pasteכללי 133....................................................................................... יבוא ) - (Importכללי133................................................................................................................................................ ייבוא תמונה134................................................................................................................................................................. מיקום התמונות בספריה135.......................................................................................................................................... מאפייני התמונה135......................................................................................................................................................... עריכת תמונה באמצעות תוכנה חיצונית 137.............................................................................................................. עקוב אחר תמונה ) - (Trace Bitmapכללי 138.......................................................................................................... המר לצורות )141................................................................................................................................... (Break Apart ציור בתמונה142................................................................................................................................................................ מילוי עשוי תמונה -כללי142.......................................................................................................................................... כלי מטה הקסם ) - (Magic Wand Toolכללי146.................................................................................................... עריכת תמונה מיובאת -כללי 148................................................................................................................................. דחיסה ) - (Compressionכללי149............................................................................................................................... מבנים לשמירת תמונה לצורך שילובה בתוכנת פלאש151...................................................................................... - Flash MX 2004המדריך העברי המלא עבודה בשכבות 153 ............................................................................................................................................................... עבודה עם שכבות -כללי 155......................................................................................................................................... תצוגה מלאה/תצוגה קווית 157..................................................................................................................................... טיפים! 158......................................................................................................................................................................... הפרד לשכבות 160............................................................................................................................................................ כמה דברים שכדאי לזכור על עבודה בשכבות163...................................................................................................... יצירת אנימציה "קלאסית" 165 ........................................................................................................................................ אנימציה בפלאש166........................................................................................................................................................ מושגי יסוד באנימציה166................................................................................................................................................ קצב נגינת הסרטון 167.............................................................................................. (Frames Per Second) FPS - יצירת אנימציית "קלאסית" ) - (Frame By Frameכללי167................................................................................... סימון פריימים בחלון 169............................................................................................................................... Timeline עריכת פריימים 169........................................................................................................................................................... יצירת אנימציה בסיסית ועריכתה -צעד אחר צעד 171............................................................................................ חלון הרצת האנימציה )172..................................................................................................................... (Controller אנימציה עם מעבר צורה173 ............................................................................................................................................. מעבר צורה )174.................................................................................................................................. (Tween Shape שליטה במהירות השינוי 177......................................................................................................................... Easing - מספר עובדות על נקודות ציון )178.....................................................................................................(Shape Hints הוספת נקודות ציון ) - (Shape Hintsכללי178........................................................................................................... כמה דברים שכדאי לזכור על מעבר צורני181............................................................................................................. ספריות וסמלים גראפיים )183 ......................................................................................................................(Symbols מה זה 184.........................................................................................................................................................?Symbol מדוע כדאי להשתמש ב185.........................................................................................................................Symbols- שלושה סוגי 185............................................................................................................................................... Symbols 186...................................................................................................................................................... Graphic Symbol יצירת Symbolגרפי186................................................................................................................................................... עריכה של 188.................................................................................................................................................... Symbol עריכת מופע )192...........................................................................................................................................(Instance אפקטים על מופעים 192................................................................................................................................................. שינויי צבע מיוחדים )196..............................................................................................................(Advanced Effect החלף מופע197................................................................................................................................................................. ארגון Symbolsבספריה 198........................................................................................................................................... יצירת תיקים -כללי 199.................................................................................................................................................. מחיקת כל ה Symbols-שלא בשימוש201.................................................................................................................. שכפול 201.......................................................................................................................................................... Symbol ייבוא קובץ Flashכספריה 202........................................................................................................................................ שמירת קובץ כספריה 203............................................................................................................................................... Symbolמסוג תמונה203................................................................................................................................................ כמה דברים שכדאי לזכור על 204................................................................................................................. Symbols אנימציה עם מעברי תנועה 205 ........................................................................................................................................ כמה דברים שכדאי לזכור על מעבר תנועה 206.......................................................................................................... יצירת אנימציה בתנועה ) (Motionבשלבים 207........................................................................................................ שליטה במהירות התנועה 211.......................................................................................................................... Easing עוד כמה דברים שכדאי לזכור על מעבר תנועה212................................................................................................... "קליפת בצל" 215.................................................................................................................................. Onion Skin - עריכה של מספר Keyframesבו זמנית216................................................................................................................ תצוגה קווית של שלבי הביניים216................................................................................................................................ תנועת עצמים על פני מסלול )217 ................................................................................................. (Motion Guide תנועה על מסלול -שלב אחר שלב 218....................................................................................................................... "הצמדת" מספר שכבות למסלול אחד 222................................................................................................................. כמה דברים שכדאי לזכור על תנועה על מסלול 225.................................................................................................. שכבת מסיכה )227 .................................................................................................................................................. (Mask מדוע יש צורך במסיכות? 228.......................................................................................................................................... יצירת שכבת מסיכה בשלבים229.................................................................................................................................. מסיכה מקוננת230........................................................................................................................................................... כמה דברים שכדאי לזכור על שכבות מסיכה 233....................................................................................................... 235 ...................................................................................................................................................................... Movie Clips יצירת 236..................................................................................................................................................... Movie Clip Movie Clipעם הנפשה פנימית 237............................................................................................................................ כמה דברים שכדאי לזכור על 239.......................................................................................................... Movie Clips 241 ............................................................................................................................................................. Timeline Effects יצירת אפקטים -כללי 243.............................................................................................................................................. סקירת האפקטים השונים245........................................................................................................................................ שכפל על פי רשת )245....................................................................................................................... (Copy To Grid שכפול הדרגתי )246...........................................................................................................(Distributed Duplicate טשטוש בתנועה )248.............................................................................................................................................(Blur צל )250................................................................................................................................................. (Drop Shadow מתרחב )251..................................................................................................................................................... (Expand התפוצצות )252.............................................................................................................................................. (Explode טרנספורמציה )254................................................................................................................................... (Transform חשיפה )256.................................................................................................................................................(Transition כמה דברים שכדאי לזכור על 257................................................................................................. Timeline Effects שילוב מולטימדיה 259 ........................................................................................................................................................... סאונד260............................................................................................................................................................................ מבני קבצי קול נפוצים ,שניתן לשלב בתוכנה 260...................................................................................................... ייבוא קובץ סאונד לספריית הסרטון 260....................................................................................................................... עדכון קובץ סאונד בספריה261....................................................................................................................................... שילוב סאונד בסרטון262.................................................................................................................................................. התאמת ניגון הסאונד לניגון הסרט262......................................................................................................................... - Flash MX 2004המדריך העברי המלא אפקטים על סאונד 263.................................................................................................................................................... חלון עריכת הסאונד264................................................................................................................................................... כמה דברים שכדאי לזכור על שילוב סאונד264........................................................................................................... שילוב וידאו בסרטון265.................................................................................................................................................... מבני קבצי וידאו נפוצים 265............................................................................................................................................ עריכת הסרטון בחלון הייבוא 267.................................................................................................................................... אפשרויות דחיסה 269....................................................................................................................................................... אפשרויות עריכה מתקדמות 271................................................................................................................................... ייבוא )275............................................................................................................................................................(Import ייבוא סאונד )275.....................................................................................................................................(Audio Track כמה דברים שכדאי לזכור על שילוב ווידאו275............................................................................................................ כפתורים )277 ....................................................................................................................................................... (Buttons יצירת Symbolמסוג 278.................................................................................................................................. Button יצירת כפתור יש מאין278................................................................................................................................................ מצבי תצוגת הכפתור279................................................................................................................................................ הצגת כפתור 280............................................................................................................................................................... כפתורים מורכבים281...................................................................................................................................................... כפתור המכיל אנימציה281............................................................................................................................................. כפתור נסתר 283............................................................................................................................................................... כמה דברים שכדאי לזכור על כפתורים286.................................................................................................................. 287 .......................................................................................................................................................................... Behaviors חלון ה - Behaviors-כללי 289....................................................................................................................................... הצמדת Actionלכפתור או ל - Movie Clip-כללי 289........................................................................................... הצמדת Actionל - Keyframe-כללי290.................................................................................................................. עריכת 290............................................................................................................................................................ Action - Eventsפירוט 291.......................................................................................................................................................... התנהגויות נבחרות 292.................................................................................................................................................... פקודות שליטה בוידאו292............................................................................................................................................... קטגורית 295................................................................................................................................................ Movie Clip פקודות שליטה בסאונד 302............................................................................................................................................ קישור חיצוני304................................................................................................................................................................ כמה דברים שכדאי לזכור על 304..............................................................................................................Behaviors מצגות )פרזנטציות(305 ...................................................................................................................................................... יצירת מצגת חדשה 306................................................................................................................................................... מסך אב308........................................................................................................................................................................ הוספת מסכים309............................................................................................................................................................ הוספת מסך מקונן312..................................................................................................................................................... Behaviorsשל מצגות 313.............................................................................................................................................. יצירת מעברים בין מסכים 315........................................................................................................................................ סוגי המעברים השונים 316.............................................................................................................................................. כמה דברים שכדאי לזכור על מצגות319...................................................................................................................... ארגון הסרטון באמצעות תוויות ,סצנות ומה שביניהן 321 ..................................................................................... שימוש בתוויות322............................................................................................................................................................ תווית מסוג שם )322...........................................................................................................................................(Name תווית מסוג הערה )323.............................................................................................................................. (Comment תווית מסוג עוגן )324....................................................................................................................................... (Anchor שימוש בסצנות ) (Scenesליצירת סרטון 325............................................................................................................... חלון הסצנות )325............................................................................................................................................... (Scene "מעבר" בין סצנות בסרטון 327....................................................................................................................................... ניווט בין סצנות328............................................................................................................................................................ כמה דברים שכדאי לדעת על סצנות328.................................................................................................................. ... 329 ............................................................................................................................................................................... Actions מבנים בסיסים בתכנות בשפת 331..................................................................................................... ActionScript מהי שפת 331.......................................................................................................................................... ActionScript מושגי יסוד בשפת 331........................................................................................................................... ActionScript מילות מפתח )331....................................................................................................................................(Key Words שימוש בביטויים ) -(Expressionsכללי332.................................................................................................................. אופרטורים ) - (Operatorsכללי332............................................................................................................................. מחרוזות ) - (Stringsכללי332........................................................................................................................................ מישתנים ) - (Variablesכללי333.................................................................................................................................. ספריית אופרטורים )333.........................................................................................................................(Operatores וקצת מתמטיקה333........................................................................................................................................................ חלון ה - Actions-כללי334............................................................................................................................................ הוספת פקודה 335............................................................................................................................................................ הצמדת קוד לכפתור Movie Clip ,או - Keyframeכללי336................................................................................. עריכת 338.......................................................................................................................................................... Actions רשימת אירועים338.......................................................................................................................................................... הגדרת הפקודה338.......................................................................................................................................................... יצירת כפתור ההפעלה 339............................................................................................................................................. שימוש מתקדם בתפריט הקופץ 345..................................................................................................... Code Hints מאפייני חלון ה346...................................................................................................................................Code Hints- יצירת 347....................................................................................................................................................... Preloader ייצוא הסרטון ושילובו באתר351 ....................................................................................................................................... ייצוא הסרטון 352............................................................................................................................................................... בחירת המבנה לייצוא352................................................................................................................................................ ייצוא סרטון במבנה 353......................................................................................................................... Flash Movie הגדרת תכונותיו של הסרט 354...................................................................................................................................... קביעת הגדרות סאונד )357........................................................................................................... (Sound settings שיטות דחיסה -כללי 358................................................................................................................................................ ייצוא סרטון במבנה 360............................................................................................................................................AVI ייצוא סרטון במבנה 361.............................................................................................................. (QuickTime) MOV ייצוא סרטון במבנה 364...................................................................................................................... Animated GIF ייצוא במבנים סדרתיים )366.................................................................................................................... (Sequence - Flash MX 2004המדריך העברי המלא פרסום סרטון פלאש 367.................................................................................................................................................. דרכים להצגת סרטון פלאש367..................................................................................................................................... פרסום הסרטון368............................................................................................................................................................ קביעת הגדרות לפרסום 369........................................................................................................................................... הגדרות פרסום )369..................................................................................................................... (Publish Settings צפייה מוקדמת )370...................................................................................................................... (Publish Preview מבנים )371.......................................................................................................................................................(Formats חלון 372................................................................................................................................................................... Flash חלון 373.................................................................................................................................................................. HTML תבניות פרסום מוכנות )373.......................................................................................................................(Template אפשרויות פרסום 374....................................................................................................................................................... יצירת סרטון עצמאי )383......................................................................................................(Self Running Movie כיצד יוצרים 383........................................................................................................................................... ?Projector יצירת סרטון עצמאי באמצעות נגן הפלאש )383............................................................................. (Flash Player התאמת הסרטון לרשת האינטרנט385 .......................................................................................................................... בחינת ביצועי הטעינה 386............................................................................................................................................... בדיקת התנהגות הסרטון ביחס למהירות הגלישה386.............................................................................................. תצורת ההדמיה )387.....................................................................................................................................(Settings פרטים אודות הסרטון387................................................................................................................................................ מצב פריים )387.................................................................................................................................................... (State חלון המידע -כללי 387.................................................................................................................................................... אפשרויות תצוגה גרפית 388.......................................................................................................................................... הצגת קצב הטעינה -כללי 389...................................................................................................................................... תצוגה גרפית של זרימת מרכיבי הסרטון 389.............................................................................................................. מה הוא 391................................................................................................................................................. ?Preloader אופטימיזציה לסרטון פלאש )391.............................................................................................................(Optimize בדיקת הסרטון391............................................................................................................................................................ מה מכביד על סרטון פלאש? 391................................................................................................................................... פקודות מיוחדות להקטנת משקלם של עצמים גרפיים392..................................................................................... אופטימיזציה לתמונות -כללי393................................................................................................................................. אופטימיזציה לקבצי סאונד394...................................................................................................................................... אופטימיזציה למלל 395................................................................................................................................................... 23טיפים :איך ניתן לצמצם את משקל האתר ולהקל על הצפייה בסרטון?396.................................................. כלים לארגון וניהול הסרטון והאתר 397 .......................................................................................................................... "מפת" הסרטון 398........................................................................................................................................................... מבנה הסרטון 398......................................................................................................................... Movie Explorer - קביעת סוג הפריטים שיוצגו )398............................................................................... (Movie Explorer Settings חפש )399.................................................................................................................................................................(Find עריכת פריטים באמצעות חלון מפת הסרטון -כללי400.......................................................................................... עריכת הוראות תכנות )400............................................................................................................................(Actions תפריט חלון מבנה הסרטון 401....................................................................................................................................... ניהול פרויקט403............................................................................................................................................................... סגירת פרויקט405............................................................................................................................................................. פתיחת פרויקט קיים 405................................................................................................................................................. פרסום הפרויקט )407...................................................................................................................................... (Publish בדיקת הפרויקט 409......................................................................................................................................................... העלאת קבצים לשרת410............................................................................................................................................... העדפות ,פקודות עזר ואפשרויות הדפסה 411 ........................................................................................................... העדפות )412........................................................................................................................................... (Preferences חלון הפקודה -מקינטוש 412......................................................................................................................................... חלון הפקודה -חלונות 413............................................................................................................................................. העדפות כלליות )414..................................................................................................................................... (General העדפות עריכה )418........................................................................................................................................(Editing העדפות להעתקת מידע לזכרון )מקינטוש( 424......................................................................................................... העדפות להעתקה מידע לזיכרון -חלונות425........................................................................................................... העדפות לחלונות אזהרה )426..................................................................................................................(Warnings העדפות לחלון הוראות התכנות )428................................................................................................ (ActionScript הדפסת סרטונים מפלאש 430........................................................................................................................................ פלאש לעצלנים435 ............................................................................................................................................................... יצירת קיצורי מקשים אישיים436................................................................................................................................... חיפוש והחלפה 439........................................................................................................................................................... מסמך תבנית 443...................................................................................................................................... Template - חלון ההיסטוריה445.......................................................................................................................................................... ריכוז קיצורי המקשים של תוכנת 450........................................................................................... FLASH MX2004 עבודה מול פריהנד 459 .................................................................................................................................................MX 461.................................................................................................................................................................... Mapping 461.......................................................................................................................................................................... Pages 461...................................................................................................................................................................... Options דברים שכדאי לזכור בעת ייבוא קובץ פריהנד לסרטון 462........................................................................................ אינדקס 463 ............................................................................................................................................................................... אינדקס צילומי471 ................................................................................................................................................................. - Flash MX 2004המדריך העברי המלא תכונות הקו והמילוי 7 את צבע הקו והמילוי של עצמים במסמך ניתן לקבוע בשתי דרכים: הגדרת הצבעים לפני יצירת הצורה הקניית צבעים לצורה קיימת n n 93 חלונות הצבעים ניתן לקבוע את צבע המילוי והקו של העצם ,בחלון הכלים .בחלקו התחתון של החלון ,ניתן לבחור את הצבע הרצוי ,קו או מילוי .ניתן לבצע בחירה זו לפני יצירת העצם ,או לאחר סימון עצם שרוצים לשנות את תכונותיו. לחיצה על ריבוע הצבע תציג טבלת צבעים .לאחר בחירת הצבע הוא יוצג בחלון הכלים. כל הצורות שייווצרו מרגע זה ועד בחירת צבע אחר ,יהיו בעלות הצבע הנבחר. צבע קו צבע מילוי g ללא מילוי או קו ניתן לקבוע מראש ,אם עצם מסוים יהיה ללא קו או מילוי .לחיצה על כפתור Noneבחלון הצבעים ,תבטל את הצבע. שים לב :אפשרות זו לא תופיע בעת סימון עצם. g שינוי צבע בחלון המאפיינים )(Properties אפשרות נוספת לקביעת צבע ,היא באמצעות חלון המאפיינים ).(Properties צבע קו צבע מילוי 94 g בורר הצבעים של מערכת ההפעלה לחיצה על כפתור זה ,הנמצא בקצה הימני של טבלת הצבעים תפתח את בורר הצבעים של מערכת ההפעלה ,ממנו ניתן ליצור או לבחור צבע חדש. בורר הצבעים -מקינטוש g בורר הצבעים -חלונות כלי הדלי ) - (Paint Bucketכלי תכונות המילוי באמצעות כלי הדלי תוכל להוסיף מילוי לכל צורה סגורה )או כמעט סגורה( ,בין אם נוצרה באמצעות כלי הציור )עיפרון ,מברשת( או נוצרה באמצעות אחד מכלי השרטוט )כלי הקו ,המלבן והאליפסה(. על מנת להוסיף מילוי לצורה כלשהי )או לשנות את תכונות המילוי הנוכחיות שלה( יש לבחור את כלי הדלי מתוך חלון הכלים ,לקבוע את תכונות המילוי הרצויות וללחוץ עם דמות הכלי בתוך שטח הצורה. לחיצה עם כלי הדלי תכונות הקו והמילוי המילוי נוסף לצורה שינוי תכונות המילוי הקיים 95 g מילוי צורות פתוחות לאחר בחירת כלי הדלי ,יוצג תפריט מיוחד בחלקו התחתון של חלון הכלים .באמצעות תפריט זה תוכל לקבוע האם כלי הדלי יפעל גם על צורות שקו המתאר שלהן אינו סגור "הרמטית". מתוך התפריט ניתן לבחור אחת מארבע אפשרויות: אל תסגור רווחים ) - (Donʼt Close Gapsאינה מאפשרת כלל צביעת צורות פתוחות. סגור רווחים קטנים ) - (Close Small Gapsמאפשרת מילוי צורות שהרווח בין נקודת ההתחלה שלהן לנקודת הסיום קטן ביותר. סגור רווחים בינוניים ) - (Close Medium Gapsמאפשרת מילוי צורות שהרווח בין נקודת ההתחלה שלהן לנקודת הסיום בינוני. סגור רווחים גדולים ) - (Close Large Gapsמאפשרת מילוי צורות שהרווח בין נקודת ההתחלה שלהן לנקודת הסיום גדול. g כלי קסת הדיו ) - (Ink Bottleכלי תכונות הקו באמצעות קסת הדיו תוכל להוסיף קו לצורה חסרת קו או לשנות את תכונותיו של קו קיים. על מנת להוסיף קו לצורה כלשהי ,או לשנות את תכונות הקו הנוכחי ,יש לבחור את כלי קסת הדיו מתוך חלון הכלים ,לקבוע את תכונות הקו הרצויות )צבע ,עובי וסגנון( בחלון המאפיינים ) ,(Propertiesולאחר מכן ללחוץ עם דמות הכלי על שטח הצורה .אין צורך ללחוץ דווקא על הקו עצמו. את צבע הקו ניתן לקבוע גם בחלון הכלים לאחר שבחרת את כלי קסת הדיו. לחיצה עם כלי קסת הדיו על צורה חסרת קו 96 לאחר הוספת הקו לצורה שינוי תכונותיו של קו קיים g כלי הדוגם )(Dropper לכלי הדוגם שני תפקידים עיקריים: העתקה של תכונות מצורה אחת לצורה אחרת דגימת תמונה n n g העתקת תכונות של עצמים לחיצה עם כלי הדוגם על צורה כלשהי הממוקמת במשטח העבודה ,תדגום את נתוני המילוי והקו של הצורה הנדגמת .בצורה זו ניתן "להעביר" נתוני מילוי )צבע ומעברי צבעים( ונתוני קו )עובי ,סגנון וצבע( מצורה אחת לצורה אחרת. מיד לאחר הלחיצה משתנה כלי הדוגם לאחד מכלי תכונות הצבע ,בהתאם למיקום הלחיצה: במידה והלחיצה בוצעה בשטח המילוי של הצורה ,ישתנה כלי הדוגם לכלי הדלי. במידה והלחיצה בוצעה על קו המתאר ,ישתנה הכלי לכלי קסת הדיו. תכונה זו של כלי דוגם הצבע מאפשרת להעביר תכונות מילוי וקו של צורה אחת לצורה אחרת במהירות ובנוחות ,ללא צורך "לזכור" את התכונות שנקבעו. n n דגימת מילוי לחיצה על צורה אחרת עם כלי הדלי והנה עוד צורה עם מילוי מזעזע דגימת קו לחיצה על צורה אחרת עם כלי קסת הדיו והנה "יישרנו קו"... שים לב כי כלי זה נעזר בסמנים "חכמים" .כאשר תמקם את הסמן מעל הקו יוצג סמן ייחודי. כאשר תמקם את הסמן מעל המילוי ,יוצג סמן אחר! תכונות הקו והמילוי 97 g דגימת צבע מתוך תמונה במידה ושולבה בסרטון תמונה כלשהי ,תוכל להשתמש בכלי הדוגם על מנת לדגום את אחד הצבעים מהם התמונה מורכבת. לחיצה עם כלי דוגם הצבע בנקודה כלשהי בתמונה" ,תעביר" את הצבע לחלון הכלים .מיד לאחר הלחיצה ישתנה כלי הדוגם לכלי הדלי ,כך שתוכל לצבוע עצמים נוספים בצבע שדגמת .חביב ויעיל למדי... לחיצה במקום כלשהו בתמונה מעבירה את הצבע לחלון הכלים 132 הסבר על שילוב תמונות במסמך של תוכנת פלאש בפרק שילוב תמונה בסרטון. 98 g חלון ערבוב הצבעים )(Color Mixer לחלון ערבוב הצבעים ) (Color Mixerשני מצבי תצוגה :מצב "סגור" ומצב "פתוח". כאשר החלון סגור ,ניתן לראות בתחתיתו את פס ערבוב הצבעים ,באמצעותו תוכל ליצור צבע חדש. בתחתית חלון ערבוב הצבעים ניתן לראות משולש לבן קטן .לחיצה על דמות המשולש ,מציגה את בורר הצבעים כשלצידו ניתן למצוא את מכוון בהירות הצבע ומצד שמאל את הצבע שתיצור. בנוסף ,בתחתית החלון מצד שמאל ניתן לראות )ולקבוע( את ערכי הצבע בערכים הקסדצימלים )אלה אותיות ומספרים שכל אחד מהם מציין צבע אחר בטבלת הצבעים המיועדת לאינטרנט(. הסבר על יצירת צבע חדש ,עוד מעט... פס בורר הצבעים כאשר חלון ערבוב הצבעים סגור g פס בורר הצבעים כאשר חלון ערבוב הצבעים פתוח חלון המילוי האחיד )(Solid חלון המילוי האחיד מכיל את המרכיבים הבאים: טבלת צבעים ממנה ניתן לבחור בצבע חדש. תיבת מלל שבתוכה ניתן להקליד ערכי צבע Hexadecimalהמתאימים לשפת .HTML n n לחיצה על אחד מבוררי הצבע -קו או מילוי -מציגה את טבלת הצבעים האחידים. ניתן לדגום צבעים מחוץ לטבלת הצבעים )מתמונה או מעצם אחר( ולמלא בהם את הצורה. ערכי כל צבע מתורגמים מיידית לערכים הקסדצימלים. בורר צבע קו בורר צבע מילוי בורר הצבעים הצבע הנבחר ערכי Hexadecimal תכונות הקו והמילוי 99 g טבלת הצבעים בלחיצה על ריבוע הצבע בחלון ערבוב הצבעים )וגם בחלונות אחרים בהם ניתן למצוא תכונות צבע( ,תציג טבלת הצבעים באמצעותה ניתן לבחור את הצבע הרצוי. טבלת הצבעים g יצירת מעבר ישר )(Linear בחירת האפשרות Linearמהתפריט ,תיצור מעבר צבעים מקצה אחד של הצורה לקצה השני בקו ישר .לאחר בחירת סוג המילוי ,ניתן יהיה לקבוע את הצבעים "המשתתפים" בחגיגה ,באמצעות הוספה של צבעים על פס הצבעים שבחלון המילוי. סוג מעבר הצבעים צבעי המעבר תצוגה מקדימה 100 g יצירת מעבר עגול )(Radial בחירת האפשרות Radialמהתפריט ,תיצור מעבר צבעים מחלקה החיצוני של הצורה לחלקה הפנימי .לאחר בחירת סוג המילוי ,ניתן יהיה לקבוע את הצבעים "המשתתפים" בחגיגה ,באמצעות הוספה של צבעים על פס הצבעים שבחלון המילוי. סוג מעבר הצבעים צבעי המעבר תצוגה מקדימה המעבר כפי שמוצג בחלון המילוי מעבר ישר מעבר עגול לאחר יצירת המילוי הרצוי ניתן )ורצוי( להוסיפו לספריית הצבעים ) ,(Swatchesעל מנת שניתן יהיה להשתמש בו גם בעתיד. תכונות הקו והמילוי 101 g בנייה של מעבר צבעים )ישר/עגול( בחירת הצבעים המרכיבים את המעבר נעשית על ידי לחיצה על אחד הצבעים הקיימים והחלפתו בצבע אחר או באמצעות הוספת צבע חדש למעבר הצבעים .ניתן ,כמובן ,גם להזיז את אחד הצבעים על פני פס הצבעים ובכך לשנות את מעבר הצבעים. g הוספת צבע למעבר הצבעים )ישר/עגול( לחיצה בין שני צבעים שעל פס הצבעים תוסיף סמן צבע חדש .את הצבע החדש ניתן לקבוע באמצעות ריבוע הצבע שבפינתו הימנית של חלון המילוי או על ידי בחירת צבע מחלון ערבוב הצבעים ).(Mixer המעבר המקורי לחיצה במקום פנוי על פס הצבעים המעבר החדש בדרך זו ניתן להוסיף שישה צבעים לכל היותר ,כך שבסך הכל יורכב המעבר משמונה צבעים שונים .את כיוון המעבר )מימין לשמאל ,מלמעלה למטה וכדומה( תוכל לקבוע באמצעות כלי הדלי ) (Paint Bucketאו כלי עריכת המילוי ).(Fill Transform Tool g הסרת צבע ממעבר צבעים )ישר/עגול( על מנת להסיר צבע מתוך המעבר יש לגרור את סמן הצבע הרצוי )יותר נכון -הצבע הלא רצוי (...אל מחוץ לפס הצבעים. g הוספת המעבר החדש )ישר/עגול( לספריה לאחר יצירת המעבר הרצוי מומלץ להוסיפו אל ספריית המעברים .שמירת מעבר בספריה מאפשרת ליצור ספריות אישיות ,חוסכת את הזמן הדרוש ליצירת מעבר שכבר היה בשימוש ועוזרת לשמור על אחידות צבעי העצמים שבמסמך .לחיצה על החץ שבצדו הימני של חלון ערבוב הצבעים ) (Color Mixerובחירה בפקודה הוסף צבע חדש ) (Add Swatchתוסיף את המעבר שנוצר לחלון ספריית הצבעים ).(Swatches מעבר צבעים חדש לאחר יצירת המעבר הרצוי וקביעת הצבעים המשתתפים "במשחק" ,ניתן להוסיפו אל ספריית המעברים בחלון ה Swatches-בצורה מהירה וקלה .כל שיש לעשות הוא למקם את הסמן בתחתית חלון ה Swatches-וללחוץ פעם אחת )כדאי לשים לב שדמות הסמן משתנה לדמות דלי(. 102 g הוספת מעבר צבעים ישר וקביעת כיוון המעבר באמצעות כלי הדלי ברירת המחדל ליצירת מעבר ישר קובעת שכיוון הצבעים יהיה משמאל לימין .כלי הדלי מאפשר לקבוע זווית חדשה למעבר הצבעים באמצעות בחירתו בחלון הכלים ,לחיצה בנקודה כלשהי בתוך צורה שמולאה במעבר צבעים וגרירת הסמן בזווית הרצויה .זווית זו תהיה גם הזווית של מעבר הצבעים. מעבר רגיל g לחיצה וגרירה של כלי הדלי המעבר בזווית החדשה הוספת מעבר צבעים עגול וקביעת מרכז המעבר באמצעות כלי הדלי בעת יצירת מעבר עגול ,ברירת המחדל קובעת כי מרכז הצורה יהיה גם מרכז המעבר .כלי הדלי מאפשר לקבוע מרכז מעבר חדש באמצעות בחירתו בחלון הכלים ולחיצה בנקודה כלשהי בתוך צורה שמולאה במעבר צבעים .נקודת הלחיצה תהיה המרכז החדש של המעבר העגול. מעבר רגיל לחיצה עם כלי הדלי המרכז החדש כפי שראית ,לחיצה על אחד מריבועי הצבעים שבחלון הכלים מציגה את טבלת הצבעים של תוכנת פלאש .אולם ,כדאי לשים לב שמרגע שטבלת הצבעים פתוחה ,הופך כלי הסמן לכלי דוגם הצבע ומאפשר לבחור צבע לא רק מתוך הטבלה אלא מכל מקום בתוכנה )כולל תמונות ,עצמים אחרים בבמה ואפילו לדגום צבע מחלונות התוכנה עצמם( .תכונה זו קיימת גם בטבלאות הצבעים המוצגות בחלונות אחרים )חלון ערבוב הצבעים ,חלונות המלל וכדומה(. תכונות הקו והמילוי 103 g יצירת רצף של מילוי בין מספר צורות בעת השימוש בכלי הדלי להוספת מילוי מעבר )מעבר עגול או מעבר ישר( מוגדר כל עצם כצורה עצמאית .לדוגמה ,אם תרצה לקבוע מילוי מעבר עגול למספר צורות ,תופיע בכל אחת מהצורות נקודת מרכז מילוי משלה. על מנת להעביר את התחושה שהצורות צבועות על ידי מילוי אחד ,בחר את כלי הדלי ולחץ על העצם שיהווה את מרכז המעבר המשותף ,לאחר מכן לחץ על דמות המנעול הממוקמת בתחתית חלון הכלים .מעתה ,כל לחיצה על צורה נוספת תיצור המשך של מילוי מעבר הצבעים הקיים ולא מעבר צבעים חדש. הצורות המקוריות g מילוי רגיל עם כלי הדלי מילוי עם המשכיות צבעי מסך ) - (RGBכללי בתפריט חלון ערבוב הצבעים ניתן לבחור באפשרות .RGB בשיטה זו ניתן ליצור צבע על ידי שילוב של שלושה צבעי יסוד :אדום ) ,(Redירוק ) (Greenוכחול ).(Blue הצבעים נוצרים באמצעות אור ,בדומה לשילוב שלושה פנסים צבעוניים הממוקדים לנקודה אחת .שיטה זו משמשת להצגת הצבעים במסכי מחשב ובמכשירי טלויזיה. מכיוון ששיטה זו מבוססת על אור ,כל הגדלה של ערכי הצבע ,תגרום להבהרתו )בדומה להגברת התאורה( וכל הקטנה של ערכי הצבע תגרום להכהיה של צבע זה .ערך נמוך יקבע כי הצבע לא יוצג ) - 0ללא אור( וערך גבוה יקבע צבע מלא ) - 255אור מלא(. g יצירת צבע חדש בצבעי מסך )(RGB פתיחת חלון ערבוב הצבעים לגודלו המלא ,מציגה את האפשרויות השונות להגדרת הצבע הרצוי .את הצבע ניתן לבחור באמצעות גרירת הסמן בריבוע הצבעים המרכזי או באמצעות הכנסת ערכים מספריים לכל אחד מצבעי היסוד :אדום ) ,(Rירוק ) (Gאו כחול ) .(Bלאחר קביעת הצבע הרצוי ניתן לשלוט באחוז השקיפות באמצעות נתון ה.Alpha- גרירת המכוון מצד ימין מאפשרת לקבוע את מידת הכהות של הצבע .ככל שהמכוון קרוב לקצה התחתון ,הצבע יהיה כהה יותר. 104 g קביעת שקיפות לצבע באמצעות מכוון Alphaשבחלון ,תוכל לקבוע כי הצבע שנבחר יהיה שקוף. גרירת המכוון מעלה/מטה מאפשרת לקבוע את שיעור השקיפות של הצבע שייבחר :ערך נמוך ייצור צבע שקוף ,ערך גבוה ייצור צבע אטום יותר ,עד לאטימות מלאה ).(100% אטימות 100% - g אטימות 40% - גוון ,רוויה ובהירות ) - (HSBכללי בתפריט חלון ערבוב הצבעים ניתן לבחור באפשרות .HSBבשיטה זו ניתן למצוא את כל צבעי היסוד ,כאשר הגדרת הצבע הרצוי מתבצעת באמצעות הגדרת שלושה מרכיבים :גוון ) ,(Hueרוויה )(Saturation ובהירות ).(Brightness שינוי גוון ) (Hueהוא למעשה תזוזה סביב היקפו של גלגל הצבעים הסטנדרטי עליו ממוקמים כל צבעי היסוד במרחק זהה זה מזה. שינוי רוויה ) (Saturationישפיע על מידת הצבעוניות של האלמנט )ערך רוויה נמוך יצור צבע דהוי יותר וחסר "חיים"( וללא רוויה כלל ,יוצג צבע אפור .שינוי ערך הבהירות )(Brightness יבהיר או יכהה את הצבע שנבחר. g שינוי גוון ,רוויה ובהירות )(HSB גרירת מכוון הגוון ) (Hאו הכנסת ערך בחלון ,משנה את הצבע )ירוק ,אדום, טורקיז ,צהוב לימון וכדומה(. גרירת מכוון הרוויה ) (Sאו הכנסת ערך בחלון ,משנה את מידת הרוויה של הצבע )אדום בוהק או אדום דהוי( 100% .פרושו צבע רווי לחלוטין. גרירת מכוון הבהירות ) (Bאו הכנסת ערך בחלון ,קובעת את מידת הבהירות של הצבע )תכלת ,כחול ,כחול כהה וכדומה( 0% .פרושו צבע שחור. תכונות הקו והמילוי 105 g יצירת צבע בערכי Hexadecimal שיטה זו מקובלת מאד ביצירת צבעים לאינטרנט ,במיוחד בתוכנות המבוססות על כתיבת .HTML בשונה מהשיטה העשרונית ,שיטה זו מבוססת על ערכים המורכבים מ 16-יחידות 10 :ספרות ו 6-אותיות ).(A, B, C, D, E, F לדוגמה :צבע לבן יתואר כ #FFFFFF-וצבע שחור כ.#000000- מומלץ להשתמש בשיטה זו כאשר ידוע לך ערכי הצבע הרצוי או במקרה וברצונך להתאים צבע בסרטון לצבע שהוגדר בדף .HTML g הוספת הצבע החדש לספריה )(Add Swatch פקודה זו מאפשרת להוסיף את הצבע שנוצר בחלון ערבוב הצבעים ) ,(Color Mixerלחלון ספריית הצבעים ) .(Swatchesמומלץ להשתמש בפקודה זו לאחר יצירת צבע חדש .לא נעים לנסות להיזכר כיצד ערבבת צבע מסויים לפני שלושה חודשים… לאחר יצירת הצבע הרצוי ניתן להוסיפו אל טבלת הצבעים שבחלון ה Swatches-בצורה מהירה .כל שיש לעשות הוא למקם את הסמן במקום ריק בטבלת הצבעים שבחלון ה Swatches-וללחוץ פעם אחת )כדאי לשים לב שדמות הסמן משתנה לדמות דלי ומתווסף ריבוע צבע חדש לטבלה(. 106 שינוי אופיו של מעבר צבעים -כללי לאחר יצירתו של מעבר צבעים )מעבר צבעים עגול או מעבר צבעים ישר( תוכל עדיין לערוך את אופיו של המעבר בעזרת כלי עריכת המילוי ).(Fill Transform Tool באמצעות כלי זה ניתן לשנות את גודלו של המעבר ,את זווית המעבר ולשנות את מיקומה של נקודת המרכז. g עריכת מעבר צבעים ישר על מנת לשנות את אופיו של מעבר ישר ,יש לסמן את כלי עריכת המילוי )(Fill Transform Tool ולאחר מכן ללחוץ על העצם אותו תרצה לשנות. פעולה זו תציג שני קווים מקבילים ושלוש נקודות שינוי )שתיים עגולות ואחת מרובעת(. לחיצה וגרירה של כל אחת מנקודות העריכה תשפיע על אחת מתכונות המעבר :רוחב המעבר ,נקודת המרכז שלו וזווית המעבר שבין הצבעים. שינוי זווית המעבר שינוי נקודת המרכז שינוי רוחב המעבר לחיצה על נקודת המרכז הנוכחית g גרירת הנקודה למיקום אחר המעבר החדש שינוי רוחבו של המעבר לאחר סימון העצם עם כלי עריכת המילוי יוצגו בצידו של העצם שני קווים מקבילים .קווים אלה מציינים את רוחבו הנוכחי של המעבר .במרכזו של אחד הקווים ,מוצג ריבוע קטן .באמצעות גרירתו של ריבוע זה תוכל לשנות את רוחב המעבר. בעת גרירת הנקודה "ינועו" הקווים המקבילים ,תוך שהם מציגים כל העת את רוחבו החדש של המעבר עד לקבלת הרוחב הרצוי .כדאי לשים לב שהקטנת רוחב המעבר תגדיל את שטחם של הצבעים הקיצונייםשהוגדרו קודם לכן במעבר הצבעים. לחיצה על נקודת השינוי תכונות הקו והמילוי הקטנת רוחב המעבר באמצעות גרירת הנקודה פנימה המעבר החדש 107 g שינוי זווית מעבר הצבעים לאחר סימון העצם עם כלי עריכת המילוי יוצג עיגול בקצה אחד הקווים המקבילים .באמצעות גרירתו של עיגול זה תוכל לשנות את זווית המעבר .בעת גרירת הנקודה "ינועו" הקווים המקבילים ,תוך שהם מציגים כל העת את זוויתו של המעבר -עד לקבלת הזווית הרצויה. לחיצה על נקודת השינוי g שינוי זווית המעבר באמצעות סיבוב הנקודה המעבר החדש עריכת מעבר צבעים עגול על מנת לשנות את אופיו של מעבר עגול יש לבחור בכלי עריכת המילוי ולאחר מכן ללחוץ על העצם אותו תרצה לערוך. פעולה זו תציג עיגול סביב המעבר המסומן וארבע נקודות שינוי )שלוש עגולות ואחת מרובעת(. לחיצה וגרירה של כל אחת מנקודות העריכה תשפיע על אחת מתכונות המעבר :רוחב המעבר ,נקודת המרכז שלו ,קוטר מעבר הצבעים וזווית המעבר. שינוי רוחב המעבר שינוי קוטר המעבר שינוי זווית המעבר g שינוי נקודת המרכז שינוי נקודת המרכז על מנת לשנות את מיקומה של נקודת מרכז מעבר הצבעים העגול ,יש לגרור את העיגול שבמרכז העצם למקום חדש. לחיצה על נקודת המרכז הנוכחי 108 גרירת הנקודה למקום אחר המעבר החדש g שינוי רוחבו של המעבר לאחר סימון העצם עם כלי עריכת המילוי יוצג סביב המעבר מעגל שעליו מוצג ריבוע קטן .באמצעות גרירתו של ריבוע זה תוכל לשנות את רוחבו של המעבר. בעת גרירת הריבוע יוצר או יורחב המעגל -עד לקבלת הרוחב הרצוי .כדאי לשים לב ,שהקטנת רוחב המעבר תגדיל את שטחו של הצבע הקיצוני שהוגדר קודם לכן במעבר הצבעים. לחיצה על נקודת השינוי g הקטנת רוחב המעבר באמצעות גרירת הריבוע כלפי פנים המעבר החדש שינוי קוטרו של המעבר לאחר סימון העצם עם כלי עריכת המילוי יוצג סביב המעבר מעגל שעליו מוצג עיגול קטן .באמצעות גרירת העיגול הקטן הממוקם על גבי המעגל ,תוכל להגדיל או להקטין את קוטר מעבר הצבעים. בעת גרירת העיגול יקטן או יגדל קוטר המעגל -עד לקבלת הקוטר הרצוי .כדאי לשים לב שהקטנת קוטר המעבר תגדיל את שטחו של הצבע הקיצוני שהוגדר קודם לכן במעבר הצבעים. לחיצה על נקודת השינוי g הקטנת קוטר המעבר באמצעות גרירת העיגול כלפי פנים המעבר החדש שינוי זווית מעבר הצבעים לאחר סימון העצם עם כלי עריכת המילוי ,יוצג מעגל המציין את רוחב המעבר ואת קוטרו .באמצעות גרירתה של הנקודה התחתונה שעל גבי המעגל ,תוכל לשנות את זווית המעבר. בעת גרירת הנקודה יסתובב גם המעגל ,תוך שהוא מציג כל העת את זוויתו של המעבר -עד לקבלת הזווית הרצויה .כדאי לשים לב כי במידה ומעבר הצבעים עגול לגמרי ,גרירת הנקודה לא תגרום לשינוי כלשהו בתצוגת המילוי. לחיצה על נקודת השינוי תכונות הקו והמילוי גרירת ההנקודה ושינוי הזווית המעבר החדש 109 חלון ספריית הצבעים )(Swatches כאמור ,חלון ה Swatches-מכיל ספריה של צבעים, g תפריט ספריית הצבעים לחיצה על הסימן שבצידו הימני של החלון פותחת תפריט שבאמצעותו ניתן לשכפל צבע קיים ,לטעון צבעים מספריות נוספות ,לחזור לצבעי ברירת המחדל ועוד. g שכפל צבע )(Duplicate Swatch סימון צבע כלשהו בטבלת הצבעים והפעלת פקודה זו ,תשכפל את הצבע המסומן בחלון ותוסיף אותו בתחתית טבלת הצבעים. g מחק צבע )(Delete Swatch סימון צבע כלשהו בטבלת הצבעים ובחירה בפקודה זו ,תמחק אותו מתוך הטבלה .דרך מהירה למחיקתו של צבע מתוך הטבלה היא לחיצה על ריבוע הצבע הסורר תוך כדי החזקת מקש ) Commandמקינטוש( או ) Ctrlחלונות(. דמות הסמן משתנה לדמות מספריים. g הוסף צבעים )(Add Colors פקודה זו מאפשרת להוסיף אל רשימת הצבעים הנוכחית צבעים מספריות אחרות .בחירת הפקודה תציג חלון ,הזהה לחלון הפקודה פתח ) ,(Openבאמצעותו תוכל לפתוח ספריות צבעים ששמרת או לפתוח ספריות שנוצרו עבור תוכנות אחרות ,כמו Photoshop, FreeHandועוד. 110 g החלף צבעים )(Replace Colors פקודה זו מאפשרת להחליף את רשימת הצבעים הנוכחית בצבעים מתוך ספריה אחרת .בדומה לפקודה הוסף צבעים ) ,(Add Colorsבחירת הפקודה תציג חלון באמצעותו תוכל לפתוח את הספריה הרצויה. g טען את ברירת המחדל )(Load Default Colors פקודה זו מאפשרת להחליף את הצבעים הקיימים בספריית הצבעים שנקבעה כברירת מחדל. כדאי לזכור שפעולה זו מוחקת את כל הצבעים שנוספו אל רשימת הצבעים שבחלון במהלך העבודה בתוכנה ולא נשמרו בקובץ ברירת המחדל! g שמור צבעים )(Save Colors פקודה זו מאפשרת לשמור את תכולתה של רשימת הצבעים הנוכחית כספריה חדשה .באמצעות פקודה זו תוכל להעביר ספריות צבעים שימושיות בין מחשבים ,ליצור ספריות אישיות ולשמור על אחידות בצבעי המסמך או הפרוייקט כולו. g שמור כברירת מחדל )(Save as Default פקודה זו מגדירה את טבלת הצבעים הנוכחית כברירת מחדל .בחירת הפקודה טען את ברירת המחדל )Load (Default Colorsתטען את הספריה שהוגדרה בפקודה זו ולא את הספריה המקורית של התוכנה. g מחק צבעים )(Clear Colors פקודה זו "מרוקנת" את טבלת הצבעים מכל צבע .על מנת להשיב צבעים הביתה ,יש לפתוח ספריית צבעים אחרת או לבחור בפקודה טען את ברירת המחדל ) (Load Default Colorsשתטען )מן הסתם( את ספריית הצבעים שהוגדרה כברירת מחדל. g 216צבעים לאינטרנט )(Web 216 פקודה זו מסירה את כל הצבעים החדשים מטבלת הצבעים הנוכחית ומשאירה בה רק 216צבעים המתאימים לרשת האינטרנט .למעשה ,זו טבלת ברירת המחדל המקורית של התוכנה. g סדר לפי צבעים )(Sort By Color פקודה זו מסדרת את כל הצבעים שבטבלת הצבעים הנוכחית לפי משפחות צבע )כל הירוקים לימין ,כל הכחולים לשמאל.(... במידה ובחרת צבע מטבלת הצבעים וברצונך לערוך אותו )לדוגמה ,מעבר צבעים מאדום לשחור שברצונך להפוך למעבר צבעים מצהוב לירוק( ,כדאי תחילה לשכפל את הצבע ורק אז להתחיל ולערוך אותו ,היות ובאופן טבעי העריכה תתבצע על הצבע הנוכחי בטבלת הצבעים. תכונות הקו והמילוי 111
© Copyright 2024