הוצאה לאור דיגיטלית חצי שנה אחרי

בסתיו שעבר פרסמתי פוסט אחרון לעניין. לא שהתעייפתי אבל אין כל-כך זמן. כידוע אולי לרבים פתחתי עם שותף בהוצאה לאור דיגיטלית (אתם מוזמנים להצטרף לעדכונים בפייסבוק של Kletsel Digital Publishing).



הוצאנו עיתון "מחר" וספר "תורה מסיני" ובטיפול עוד כמה דברים. בסוף החודש אדגים את תהליך העבודה בסדנה בקוויקסופט - עצות כיצד לבנות פרויקט באינדזיין נכון, איך למנוע טעויות מסוג שעשית וזה לא עובד, טריקים וטיפים.

בינתיים כמה עצות למי שרוצה ללמוד את זה. קודם כל זה קצת מסובך כי התרגלנו שכל מה שיש באינדזיין אפשר לייצא ואם לא אז התוכנה מודיעה ועוזרת. אבל לא הפעם. יש המון דברים שהתוכנה מסוגלת לעשות, אך הם לא נתמכים באייפד (אנימציה למשל). לכן אם תלמדו את ההוצאה לאור במחשבי לוח תקראו בתשומת לב את מדריך אדובי. במיוחד חשוב לשים לב על המגבלות: מה לא עובד, מה כן עובד ובאיזה מקרים.

למרות שאדובי מספקת תוכנה לתצוגת קובץ folio במחשב רגיל עדיין צריכים אייפד. אחת הסיבות - לראות את העבודה בקנה מידה נכון. באייפד רזולוציה גבוהה יותר ממסך ממוצע לכן כל זה נראה קטן יותר. מכאן נובע שבאינדזיין יש לבדוק את העבודה לא בקנה מידה 100% כפי שהתרגלנו אלא ב-75%.

אנחנו שוקלים לארגן כיתת לימודי Adobe Digital Publishing Suite. נדרש ידע קודם באינדזיין ברמה של משתמש מתקדם. המעוניינים מוזמים לשלוח אלי פרטים בדוא"ל.

סדנה: החידושים העיקריים באילוסטרייטור CS5

במסגרת קבוצת הדיון אילוסטרייטור ופוטושופ ישראל ביום 6 בינואר בבוקר יתקיים מפגש בנושא של החידושים העיקריים באילוסטרייטור CS5 וטיפים לשימוש בהן.

ניתן להירשם באתר של קבוצת הדיון.

נושאי המפגש:

ריבוי עמודים משודרג
שיטות חדשות לבניית פריטים וטיפול בהם
ציור בפרספקטיבה
עובי קו משתנה וחלונית קו משודרגת
מברשת ציור חדשה
כלי חדש
Shape Builderאפקטים שאינם תלויים ברזולוציה
התאמה אוטומטית לרשת פיקסלים
שינוי סמלים בשיטת 9-פרוסות
שילוב אילוסטרייטור עם פלאש קטליסט

החודש אגף עברתי מבחן לחידוש ההסמכה לאילוסטרייטור CS5 ומתחילת דצמבר נחשב מומחה ומדריך מוסמך של אדובי באילוסטרייטור.

פריצת דרך בהוצאה לאור דיגיטלית

אתמול בתערוכת Adobe MAX הוכרז על מספר של תוכנות וטכנולוגיות חדשות שמסילות דרך אל העולם של מחר - אינטראקטיבי, חסר נייר, עולם תוכנות זולות המופעלות ישירות מאינטרנט.

Adobe Digital Publishing Suite

קודם כל זה Adobe Digital Publishing Suite המכיל רכיבים הבאים:

Digital Content Bundler - תוכנת AIR מיועדת לייצוא של העימוד הנעשה באינדזיין CS5 לפורמט חדש .issue (שבקרוב יקבל סיומת לא דו-משמעותית .folio). זה פורמט של הוצאה לאור האינטראקטיבית החדשה שנועד לתוכן שיוקרא על אייפד ומחשבי לוח אחרים. גיליון אלקטרוני יומכר ויפתח בתוכנות ממותגות של כתבי עת (כמו Wired למשל).

Digital Content Preview Tool - בסיס לתוכנת העטיפה הממותגת לתצוגת כתבי העת האינטראקטיביים. המשתמש יקבל אותה (יוריד ב-App Store או במקום דומה) כמתוכנן בחינם מהעיתון ובה הוא יקנה גיליונות חדשים. זה דבר נוסף, אינו נכלל ב-Digital Publishing Suite.

Digital Publishing Plug-in - תוסף לאינדזיין CS5 המאפשר שיתוף פעולה בין אינדזיין ל-Digital Content Bundler.

Interactive Overlay Creator - תוכנת AIR המאפשרת להוסיף תכונות אינטראקטיביות נוספות (כמו סיבוב בחלל תלת-ממדי) לפרויקטים שנעשו באינדזיין.

Project ROME

Project ROME היא תוכנה מהפכנית לדעתי. זה כלי עיצוב חדש לגמרי הוא פשוט ולכן נועד בינתיים לשוק לא מקצועי. רומא לא יורשת שום שיטות עבודה של תוכנות אדובי קלסיות, נכתבה בשפת Flex ולכן מופצת כתוכנת AIR במק ו-PC ובכל פלטפורמה שיש לה נגן AIR. בנוסף מאותה סיבה שזו תוכנת Flex בתור יישום פלאש ניתן לתת גישה אליה פשוט בדפדפן. אדובי עומדת לא רק למקור את התוכנה וגם לתת אליה גישה זמנית בתשלום לרוכשי מנויי. מסיבה שיהיה קשה יותר לגנוב את רומא אדובי תוכל למכור אותה או את המנויים בזול.

Flash Catalyst ו-Flash Builder מעודכנים

באתר Adobe Labs אפשר להוריד גרסאות ניסיון של דור הבאה Flash Catalyst ו-Flash Builder. בין החידושים המהותיים שיתוף פעולה עמוק יותר בין שתי התוכנות - ניתן לערוך בקטליסט פרויקט שהיגיע מבילדר מבלי להרוס קוד ורבים נוספים.

נעילת עצמים חדשה באינדזיין CS5

באינדזיין CS5 חלונית השכבות השתנתה סוף-סוף והתקרבה באופן פעילתה לאילוסטרייטור. כעת ניתן לכבות ולנעול פריטים ממש כמו באילוסטרייטור. זאת אומרת הנעילה, שהייתה פעם רק נעילת מקום, הפכה להיות נעילה מוחלטת. אבל בעבר השתמשנו בפונקציה של נעילת המקום לקביעת פריט מפתח ביישור עצמים באינדזיין (מי שלא מודע על כך מוזמן לקרוא רשומה קצרה זו). עם הנעילה המוחלטת החדשה לא ניתן לסמן עצם נעול ואז הוא אינו יכול לשמש כפריט מפטח.


למי שהאפשרות הזאת חשובה - יש פתרון פשוט. בהעדפות התוכנה ניתן לבטל סימון בתיבת הסימון Prevent Selection of Locked Objects. כך הניעלה חוזרת אל אופן הפעילות הקודם - נעילת מקום.



בנוסף שווה לדעת שלחיצה על סימן המנעול שמופיע על פני הפריט הנעול משחררת אותו.



המנעול מופיע במצב תצוגת קצבות מסגרות: View > Extras > Show Frame Edges.

העברת גרפיקה מאילוסטרייטור לפלאש קטליסט

פלאש קטליסט הוא כלי מהפכני. ללא כתיבת קוד הוא מאפשר ליצור פרויקט אינטראקטיבי. הכלי בינתיים די פשוט לכן הוא דורש תמיכתן של תוכנות גדולות: אילוסטרייטור ופוטושופ. תהליך העבודה המומלץ הוא הבא:

1. מעצבים את הפרויקט באילוסטרייטור או בפוטושופ.

2. מוסיפים אינטראקטיביות בסיסית, סרטונים וקול בפלאש קטליסט.

2א. אם צריך אינטראקטיביות מעבר לבסיסית יש להיעזר במתכנת היודע לתכנת בשפת Flex והחמוש בתוכנת Flash Builder.

3. את התוצאה מייצאים בפורמט SWF או תוכנת AIR.

בין כל תוכנות קטליסט משתפת פעולה טוב יותר עם אילוסטרייטור. הנה כמה טיפים איך להכין את העיצוב באילוסטרייטור נכון לשימוש בקטליסט:

עמודים

תשתמשו בשכבות תיכנון עמודים ומצבים של קטליסט, לא במשטחי יצירה (Artboards). למרות שמשטחי היצירה של אילוסטרייטור נתמכים בקטליסט - מכל אחד בקטליסט נוצר עמוד נפרד - עדיף להימנע משימוש בשיטה זו כי היא גורמת לשכפול אותם פריטים במשטחי יצירה שונים וכך להגדלת משקלו של הקובץ הסופי.

סמלים

כל סמל עם פתיחתו של קובץ אילוסטרייטור בקטליסט הופך ל- Low-level Flash object - סוג פריט שלא ניתן לעריכה ישירה (אבל עדיין יש אפשרות לערוכו) המוצג הן בקטליסט והן ב-Flash Player מהר יותר. חשוב להבין שכזה פריט פלאש ברמה נמוכה הוא לא ממש כמו סמל. הוא נשמר בספריה אך לא ניתן שינויי ועידכון בסיפריה. פיזית פריט זה מהווה קובץ FXG (Flash XML Graphics) בתוך פרויקט FXP (Flex Project), הוא לא נכתב בשפת MXML.

אפקטים מורשים

אחת הסיבות שאילוסטרייטור היא התוכנה המתאימה ביותר לשיתוף פעולה עם קטליסט היא לא רק ששתיהן ווקטוריות אלא גם מפני שרק מאילוסטרייטור אפקטים יכולים לעבור לקטליסט בצורה היה. בינתיים זה ארבעה אפקטים: Drop Shadow, Feather, Inner Glow ו-Outer Glow. יחד עם זאת נתמך גם אפקט אילוסטרייטור של עיגול פינות. בקטליסט הוא הופך לתכונה מקבילה של פריט.

מעברי צבע ועריכה חוזרת בתוכנת מקור

כרגע קטליסט תומכת רק במעבר צבע ישר. מעבר צבע רדיאלי למרות שלא ניתן לעריכה, אבל עובר לקטליסט. בכל שלב יהיה ניתן לערוך אותו באילוסטרייטור על-ידי הפקודה המקבילה. כללית חוסר כלי עריכה בקטליסט פותרים באמצעות אפשרות לטפל לכל עת בכל פריט באילוסטרייטור ואם זו תמונה - בפוטושופ.

פירוק פריטים מורכבים

מרכיבי העיצוב (appearance), פרט לאפקטים המפורטים לעיל, מברשות, Live Paint, Blends אינם עוברים מאילוסטרייטור לקטליסט בצורה היה, אלא מתפרקים. על מנת לשלוט על הפירוק לפעמים עדיף לפרק את סוגי העצמים האלה ידנית באמצעות פקודות פירוק (Expand).

שמות לכל דבר

לקטליסט מאילוסטרייטור מגיעים כל שכבות ופריטים. לצורכי אינטראקטיביות צריך להעניק שמות הגיוניים לכל דבר: שכבות, קבוצות קבועות ופריטים. אפשר לעשות זאת עוד באילוסטרייטור. זה יעזור גם כשהפרויקט יעבור ל-Flash Builder - כך מתכנת פלקס יוכל להבין מה מהווה כל דבר ולמה זה שייך.

תכונות אילוסטרייטור CS5 חדשות בתחום של עיצוב ממשקי אתרים, תוכנות ועיצוב איקונים

זו ממש פריצת דרך. אחת עשרה שנים מזה כשבאילוסטרייטור 9 הופיעו לראשונה תכונות לעיצוב ממשקים לא הייתה התקדמות כל כך משמעותית בעניין. הנה מספר פונקציות חדשות ומשופרות המקלות על העבודה.

הצמדה אוטומטית לרשת פיקסלים

מעכשיו כשפותחים מסמך חדש יש לסמן Align New Objects to Pixel Grid. האופציה מאפשרת הצמדה אוטומטית של כל פריט חדש לרשת הפיקסלים. נצמדים אפילו קווי מתאר עם עובי של 1 pt. אם רוצים להדליק/לכבות את ההצמדה במסמך קיים יש להשתמש בפעולה זהה בתפריט של חלונית השינוי (Transform):

אם מכלשהי סיבה ההצמדה מפריעה לעצם מסוים, בחלונית עצמה, כפי שמופיע בתמונה לעיל יש אפשרות לכיבוי ההצמדה.

בנוסף כעת בסגנון פוטושופ בתקריב מעל 600% מופיעה רשת פיקסלים (זה קורה אם להדליק Pixel Preview).

משטחי יצירה (עמודים) משופרים

באילוסטרייטור CS5 כל משטח יצירה קיבל ראשית הצירים משלו. זה איפשר להביא בפעולת Paste in Place, המצרפת פריטים מזיכרון, לא לאמצע המסך כמו פעולת Paste אלא במקום המקורי במשטח יצירה הקודם. כך אם העתקתם נניח מלבן שהיה בפינה הימנית התחתונה של משטח היצירה, Paste in Place מצרפת אותו בדיוק באותו מקום בכל משטח יצירה אחר:

פעולת Paste on All Artboards מצרפת את הפריט באותו מקום ביחס לראשית הצירים בכל משטחי יצירה.

בתוכנה הופיעה חלונית חדשה בשם Artboards המאפשרת, בין היתר, להעניק שמות לעמודים שעוזר מאוד בעיצוב אתרים. ועוד חידוש קטן אבל חשוב - עם שינוי גודל העמוד לפי ערכים ניתן לסמן נקודת יחוס. למשל, אם לסמן את הנקודה השמאלית העליונה, גודל הדף ישתנה רק ימינה ומטה בדומה לשינוי Canvas Size בפוטושופ:

9-Slice Scaling לסמלים

הפונקציה קיימת מזמן אך לפני CS5 הייתה רלוונטית רק לסמלים הנועדים לשמש בפלאש. מי שלא יודע - פונקציית 9-Slice Scaling מאפשרת למתוח מופע של הסמל רק על חשבון המרכז שלו. כך לסמל שהדוגמה לא יתעוותו הפינות המעוגלות:

מלל

אפשרויות רישות בחלונית Character כמו בפוטושופ:

שילוב עם Flash Catalyst

פלאש קטליסט היא תוכנה חדשה שיכולה ליצור תוכן פלאש אינטראקטיבי ללא לגעת בקוד. התוכנה מתוכננת לעבודה מול אילוסטרייטור אשר תוכל ליצור עיצוב בסיסי להוספת אינטראקטיביות ואחר-כך לערוך חומר ווקטורי של קטליסט.

יחד עם כל זה לא נעלמו כל יתרונות אילוסטרייטור הישנים בעיצוב ממשקי משתמש. האמת לא מתעמעמת מחזרות - אילוסטרייטור היא התוכנה הנכונה והטובה לעיצוב אתרים, ממשקי תוכנות ואיקונים.

הרצאתי על פלאש קטליסט ב-Login 2010

במסגרת של ימי עיון של קהילת המעצבים הישראלית תתקיים הרצאתי על תוכנה חדשה Adobe Flash Catalyst CS5. תחום התוכנה - עיצוב חומר אינטראקטיבי ללא כתיבת קוד. פשוט יוצרים עיצוב באילוסטרייטור או פוטושופ, פותחים אותו בקטליסט ומוסיפים אינטראקטיביות.

ביום העיון הזה פרט להרצאה על קטליסט תהיו מספר הרצאות אחרות הקשורות לעיצוב לאינטרנט.

יום העיון יתקיים ב-1 ביוני, (הרצאתי 14:45-15:30) במדיטק, רחוב גולדה מאיר 6, חולון.

CS5 הגיעה: איפה לקרוא על החידושים

בקליפורניה עוד היה לילה כשהוכרזה רישמית חבילת CS5 בעלת לא מעט חידושים שווים. אני, בתור שותף עיסקי ובעל מניות של אדובי, הייתי מודע עליהם עוד לפני ועכשיו סוף-סוף מותר. חוץ מלהציע להזמין אותי לסדנה על החידושים במשרדכם, כל מי שיודע לקרוא יוכל לקרוא עליהם לבד. הינה רשימת סקרים טובים:

1. Adobe Creative Suite 5 Brings Sexy Back

2. Illustrator CS5 New Features

3. A First Look at InDesign CS5

4. Roundup of InDesign CS5 Features

5. קישורים באתר של אדובי: Illustrator CS5, InDesign CS5, Flash Catalyst CS5

אתם רואים ברשימה תוכנה חדשה: Flash Catalyst. לדעתי היא מהפכנית, היא מעפשרת ליצור תוכן אינטראקטיבי בפלאש או AIR בלי לכתוב קוד! מעכשיו הבלוג שלי הוקדש גם לפלאש קטליסט ובקרוב אני מתכנן להוציא רשומה ראשונה בנושא.

נחזור לעניין של סדנת החידושים ב-CS5 שהצעתי. זה מפגש אחד (אילוסטרייטור, אינדזיין ופלאש קטליסט). כל מזמין יזכה ב-10 אחוז הנחה לעומת המחיר הרגיל שלי. הדרכה למעצב איתן הנדל ואנשיו - חינם.

ארוע ההכרזה המקוון של CS5

הגיע זמן CS5! הכרזה רישמית תתקים ב-12 באפריל ב-San Jose שבקליפורניה בשעה 8 בבוקר (6 בערב בארץ). כולם מוזמנים להירשם לאירוע הכרזה מקוונת של CS5.

יהיו לא מעט שינויים, תוספו הרבה תכונות שחכינו מזמן. יהיה דגש מהותי נוסף על תכונות הקשורות לפיתוח תוכן להפצה באינטרנט (עיצוב אתרים, תוכן אינטראקטיבי). אני, בתור שותף עיסקי של אדובי, כבר למדתי את הכל כמובן, אך לא רשיי לגלות בינתיים.

מי שרוצה לעבור קצר ולעניין על החידושים יכול להזמין אותי לסדנה עצלו במשרד, אגלה כרגיל לא רק פונקציות אלא גם שיטות שימוש. או אפשר לבכר סדנאות קוויקסופט. הם נחמדים יותר ממני כי לא מבקשים כסף, למרות כך מזמינים מומחים הטובים ביותר שיש בין הירדן לים.

הצצה לעתיד 2: חלוניות ScribeDOOR באיכות טובה

לאחר הרשומה הקודמת אנשי WinSoft שלחו לי צילומי מסך של ScribeDOOR באיכות טובה.

ScribeDOOR כוללת יותר פעולות מאשר תמיכה מובנית אך לאחר סידור הפונקציות בחלונית אחת הופיעו בעיות אחרות: לוגו ScribeDOOR מיותר (כלי עבודה הוא מקום מתאים לפרסום), אין אפשרות לקפל פונקציות פחות שימושיות וכך המשתמש נאלץ לעבוד עם חלונית ענקית כאשר רוב הפונקניות שלה הוא לא משתמש רב הזמן.

התנדבתי להגיש ל-WinSoft סקיצה שלי לסידור של ממשק המשתמש. אודיע לקוראי Adobe Creek מה ייצא מזה.

הצצה לעתיד: תמיכה בעברית ב-CS5

לפני כשבועיים חברת WinSoft הכריזה על מוצר חדש בשם ScribeDOOR. זה תוסף לתוכנות אינדזיין ואילוסטרייטור CS4 מקוריות אמריקניות (לא ME) שמוסיף תמיכה בעשרים ואחת שפות מזרח כולל עברית. בינתיים התוספים קיימים רק לאינדזיין ואילוסטרייטור אך יכול להיות שכך תראה התמיכה בעברית ב-CS5.

אולי כבר לא נחקה חצי שנה עד ש-WinSoft תוצאי גרסאות ME ויש לנו סיכוי סוף-סוף לעבור להשתמש בתוכנה מקורית המכילה פחות באגים מאשר גרסאות ME.

ScribeDOOR נראת כחלונית:

אתם רואים שמופיעות אותן פעולות שאנו כבר מכירים. לצערנו החלונית נראת אינה נוחה לשימוש, ב-WinSoft ככול הנראה חסר מומחה ב-UI אחרת איך אפשר להסביר שהם גיבבו פעולות שימושיות, פחות שימושיות ושימושיות פעם ביובל באותו שטח ענק בלי אפשרות לקפל מה שפחות שימושי?

שמתם לב כנראה על האיכות הזוועתית של צילום המסך. הוא נלקח ממדריך משתמש רשמי (PDF) שהורדתי באתר WinSoft. התמונה נמחצה בדחיסת JPEG - חברת WinSoft שמפתחת תוכנות לסביבת עבודה של אדובי לא יודעת לשמור קבצי PDF סבירים. שלחתי אל מחירות ושיווק החברה מכתב באנגלית בבקשה להעביר לי צילומי מסך באיכות מקורית או טובה יותר אך לא קיבלתי שום תגובה (למרות שהיו כניסות לבלוג מצרפת באותו יום) - לא אכפת להם. רמת שירות מפחידה.

כלי ריטוש חדשים של פוטושופ CS5

בבלוג Everything about Adobe Creative Suite 5 שהוא בלוג לא רישמי של מפתחי אדובי ניתן לקרוא על פונקציות חדשות של CS5 העתידית. הנה הסרטון שלהם שמתאר כלי ריטוש חדשים של פוטושופ CS5.