Adobe Creek

חווית משתמש ומהדורות אינטראקטיביות

noreply@blogger.com (אלכסיי קלצל) — Sat, 18 Feb 2012 17:25:00 +0000

היום אושר והופיע ב-App Store כתב עת חדש שהוצאנו בעזרת Adobe DPS בשם Israel Defense המסקר את כלל הנושאים הקשורים לצבא וביטחון. התוכנה מופצת בחינם, יש לה גליון לדוגמה ובקרוב יופיע גליון מס’ 6 שכבר מוכן. אתם מוזמנים להוריד את כתב העת ולהנות מאיכות החומרים והגשה אינטראקטיבית.

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

הניווט חייב להיות פשוט. לא צריך להיווצר מצב כאשר הקורא לחץ איפהשהו, לחץ עוד איפהשהו והלך לאיבוד - לא מבין היכן, באיזה חלק של המהדורה הוא נמצא כעת. כדי לעזור לו אפשר להשתמש בניווט כפול, רמזים (כולל הצפים), מספור עמודים וכותרות רצות כמעט על כל מסך, דעיכה של אזור גלילה המסמנת שיש המשך. דוגמה: ל-Israel Defense המצאתי מספור עמודים הפוך. כשהקורא הגיע לכתבה רבת-עמודים בכדי שהוא לא יתאמץ בנסיון לקבוע לפי סרגל הגלילה הדק כמה עמודים יש סה”כ וכמה נשאר התחלתי להשתמש במספור הפוך - במסך/עמוד ראשון מוצג “Total pages in the article :8” ובכל כל מסך הבא המספור הולך ויורד והעמוד האחרון מקבל מספר 1.

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

סגירת קוויקסופט

noreply@blogger.com (אלכסיי קלצל) — Sun, 30 Oct 2011 10:38:00 +0000

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

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

פונטים ו-iBooks

noreply@blogger.com (אלכסיי קלצל) — Sun, 16 Oct 2011 10:13:00 +0000

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

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

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

* * *

בקרוב נשיק כמה ספרים אינטראקטיביים חדשים! תעקבו אחר החידושים בפייסבוק של Kletsel Digital Publishing ותכינו אייפדים.

הראיון שלי ב"ידיעות סלע"

noreply@blogger.com (אלכסיי קלצל) — Sat, 25 Jun 2011 16:42:00 +0000

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

המשך הראיון

ארוע השקת CS5.5 בארץ

noreply@blogger.com (אלכסיי קלצל) — Fri, 03 Jun 2011 17:07:00 +0000

ביום 22 ליוני יתקיים ארוע השקת Adobe CS5.5 בירשאל. חברת קוויקסופט מזמינה מרצים מוסמכים שיספרו על השיפורים המובילים בכלים המוכרים: InDesign, DreamWeaver
Flash Pro, Photoshop, Premiere Pro, After Effects ,Audition

הארוע ייערך במלון דניאל בהרצליה בין השעות 15:00-19:30
להורדת סדר יום מפורט לחצו כאן (PDF)

עלות כרטיס כניסה לארוע הינו 50 ש"ח בלבד מספר הכרטיסים מוגבל. רכישת כרטיסים נעשית טלפונית מראש במשרדי קוויקסופט. ניתן לפנות בטלפון 09-7760000 או במייל השאירו פרטים ונחזור אליכם.

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

noreply@blogger.com (אלכסיי קלצל) — Mon, 23 May 2011 11:39:00 +0000

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

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

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

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

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

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

noreply@blogger.com (אלכסיי קלצל) — Sun, 12 Dec 2010 11:24:00 +0000

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

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

נושאי המפגש:

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

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

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

noreply@blogger.com (אלכסיי קלצל) — Tue, 26 Oct 2010 14:28:00 +0000

אתמול בתערוכת 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

noreply@blogger.com (אלכסיי קלצל) — Sun, 24 Oct 2010 14:01:00 +0000

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

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

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

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

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

noreply@blogger.com (אלכסיי קלצל) — Tue, 24 Aug 2010 08:25:00 +0000

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

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 - כך מתכנת פלקס יוכל להבין מה מהווה כל דבר ולמה זה שייך.

קוראים דיגיטליים ועברית

noreply@blogger.com (אלכסיי קלצל) — Thu, 15 Jul 2010 09:24:00 +0000

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

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

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

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

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

2. באמצעות File > File Info הוספתי מידע על הכתבה:

3. יצרתי קובץ ePub באמצעות File > Export for > EPUB

4. שמתי אותו על האייפון שלי בעזרת iTunes. פתחתי תיבת דו-שיח Get Info של הקובץ והוספתי תמונת כריכה שהמאמר יראה יפה בתוכנת iBooks שתשמש לקריאת ה-ePub הנוצר.

5. התוצאה:

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

אגף בארץ ישנה הוצאה לאור "מנדלי" (יכול להיות שיש עוד) שמייצרת ספרים אלקטרוניים בעברית.

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

noreply@blogger.com (אלכסיי קלצל) — Sun, 06 Jun 2010 20:18:00 +0000

זו ממש פריצת דרך. אחת עשרה שנים מזה כשבאילוסטרייטור 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

noreply@blogger.com (אלכסיי קלצל) — Fri, 21 May 2010 16:02:00 +0000

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

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

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

Uniq UI: המדריך לעולם חוויית המשתמש

noreply@blogger.com (אלכסיי קלצל) — Sun, 09 May 2010 10:53:00 +0000

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

ביטויי GREP

noreply@blogger.com (אלכסיי קלצל) — Mon, 26 Apr 2010 07:14:00 +0000

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

חיפוש GREP

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

תוצאה:

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

סגנונות GREP

סגנונות GREP הופיעו לראשונה באינדזיין CS4 בתור מדור בתיבת דו-שיח של סגנון פסקה. היתרון שככה ביטויי GREP עובדים כתכונה או כלל וניתנים לביטול או שינוי בקלות בכל עת. על מנת לחבר שתי מילים אחרונות בפסקה באמצעות סגנון GREP ניתן ליצור סגנון תו עם תכונה אחת - No Break:

שימוש:

קישורים שימושיים

כיצד לפענח ביטויי GREP - שימוש בסקריפט

חיפוש באמצעות ביטויי GREP - עזרה באתר אדובי

יצירת סגנונות GREP - עזרה באתר אדובי

מטא-תווים לחיפוש

InDesignSecrets.com/GREP

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

noreply@blogger.com (אלכסיי קלצל) — Mon, 12 Apr 2010 13:32:00 +0000

בקליפורניה עוד היה לילה כשהוכרזה רישמית חבילת 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

noreply@blogger.com (אלכסיי קלצל) — Wed, 31 Mar 2010 09:09:00 +0000

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

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

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

איכות תצוגת תמונות באינדזיין

noreply@blogger.com (אלכסיי קלצל) — Mon, 15 Mar 2010 11:34:00 +0000

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

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

2. במקום כל פעם להעביר כל תמונה ווקטורית ידנית לתצוגה באיכות גבוהה באמצעות Object > Display Performance > High Quality ניתן לשנות העדפות של מצב התצוגה הבסיסי Typical Display. גשו להעדפות: InDesign > Preferences > Display Performance, את התכונה Vector Graphics תגדרו ל-High Resolution. כך כל פעם כשתמונה ווקטורים תשותל באינדזיין איה תוצג באיכות גבוהה אוטומטית.

3. אם הסתבכתם וקבעתם הגדרות תצוגה פרטניות (ב-Object > Display Performance) ליותר מידי תמונות ורוצים לבטל אותם, יש להוריד את ההגדרות בפקודה אחת ללא צורך לעבור תמונה תמונה: תבטלו סימון כלשהו (ששום דבר לא יהיה מסומן) ותבחרו פקודה: View > Display Performance > Clear Object-Level Display Settings - כל תמונות תחזרו לאיכות תצוגה ברירת מחדל.

ייבוא באינדזיין: תמונות ממוזרות בתוך סמן טעון

noreply@blogger.com (אלכסיי קלצל) — Tue, 02 Mar 2010 11:08:00 +0000

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

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

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

3. במקום למקם כל התמונה בנפרד ב-CS4 אפשר גם לשים את כל התמונות ביחד בצורת רשת.

יש ללחוץ בסמן הטעון על העמוד ולגרור בהחזקת מקשי Command+Shift (חלונות: Ctrl+Shift). מופיעה הרשת; יש להגביר או להוריד בה מספר שורות וטורים באמצעות מקשי החצים.

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

noreply@blogger.com (אלכסיי קלצל) — Mon, 15 Feb 2010 09:43:00 +0000

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

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

אילוסטרייטור

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

לאחר הורדת קובץ הפעולה יש לטעון אותה בחלונית Actions: פקודת Load Actions בתפריטה של החלונית.

אינדזיין

לאינדזיין נכתב סקריפט (על-ידי Manuel Hollert) היוצר ערכת השכבות אוטומטית עם יצירת קובץ חדש. שימוש בסקריפט:

1. תורידו את הסקריפט.

2. בארכיון תמצאו תיקיה בשם Automatic_Layer_Set_v1. תעתיקו אותה (חשוב: את התיקייה) במק אל:

HD/Users/[username]/Library/Preferences/Adobe InDesign/Version 6.0-ME/en_GB/Scripts/Startup Scripts/

בחלונות:

C:\Documents and Settings\[username]\Application Data\Adobe\InDesign\Version 6.0\en_US\Scripts\Startup Scripts\

אם תיקיית Startup Scripts אינה קיימת יש ליצור אותה!

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

שימו לב שבתיקיית Automatic_Layer_Set_v1 ישנם שני קבצי TXT. כל קובץ קובע ערכת שכבות נפרדת. תוכלו ליצור ולהוסיף לתיקיה קבצים חדשים או לשנות את רשימות השכבות בקיימים.

פודקאסט של ברק דנין על הקשר בין מעצב למאפיין, וכלים לאפיון ממשק

noreply@blogger.com (אלכסיי קלצל) — Mon, 25 Jan 2010 12:22:00 +0000

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

הפעלה של החלקת פונטים במסך לא מאת Apple

noreply@blogger.com (אלכסיי קלצל) — Wed, 06 Jan 2010 14:16:00 +0000

בגרסאות קודמות של Mac OS X, בהעדפות של המערכת > Appearance היו מספר שיטות להחלקת פונטים (Font Smoosing). ב-Snow Leopard אפל החליטה להשאיר רק פונקציה אחת: Use LCD font smoothing when avaliable. הגדרת LCD smoothing מתאימה למסכים שטוחים. הבעיה שהמסכים השטוחים כאן הם בעיקר מסכי אפל. דגמים רבים של יצרנים אחרים (כגון: Dell, HP, Sumsung וכו') מזוהים כמסכי שפופרת (CRT) ואז החלקת פונטים מתבצעת לא ממש יפה.

ניתן לגרום ל-Snow Leopard כן להשתמש בהחלקת LCD גם במסכים לא של אפל באמצעות פקודת מסוף. תפתחו תוכנת Terminal הנמצאת ב-Applications/Utilities. בשורת פקודות תזינו:

defaults -currentHost write -globalDomain AppleFontSmoothing -int 2

הספרה בפקודה זו קובעת אופציה Medium - Best for Flat Panel. בנוסף ניתן להשתמש בספרת 1 השווה ל-Light smoothing וב-3 השווה ל-Strong smoothing.

כיצד באינדזיין להסתיר פרק מסיום בטקסט בלי להוריד אתו באמת?

noreply@blogger.com (אלכסיי קלצל) — Tue, 22 Dec 2009 10:24:00 +0000

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

אינדזיין מאפשרת לא רק להוסיף הערות אלא גם להפוך פרק מסומן להערה וכך להסתיר אותו. באינדזיין CS4 תסמנו מלל שרוצים להסתיר ותבחרו פקודה Type > Notes > Convert to Note. בגרסאות קודמות Note הוא תפריט עצמאי.

ניתן לראות ולערוך את ההערות בחלונית Window > Type & Tables > Notes. הסימן הורוד בתמונה למטה מסמן מיקום ההערה שמופיעה בחלונית.

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

Convert All Text to Outlines: כיצד להמיר בקלות כל טקסטים לקווי מתאר?

noreply@blogger.com (אלכסיי קלצל) — Fri, 11 Dec 2009 23:03:00 +0000

המרת מלל לקווי מתאר (שנקראת בפריהנד Convert to Paths) משמשת לעתים לפתרון בעיות עם הטמעת פונטים. כשהתוכנה לא מסוגלת להטמיע פונט בקובץ PDF או PostScript ההיפוך לקווי מתאר של המלל מאפשר להיפתר מהבעיה. לדעתי זה פתרון אחרון כי אותיות המלל שהפכו להיות קווי מתאר מודפסות שמות יותר ואלפי עצמים ווקטוריים שנוצרים מכבידים על הקובץ.

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

המרת מלל לקווי מתאר אוטומטי

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

מרשם הרופא

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

שימוש בקביעות שיטוח

בתיבת שיחה להדפסה וגם בחלונות שמירת קבצי PDF באילוסטרייטור ובאינדזיין, במדור Advanced ניתן לבחור Transparency Flatter Preset. המשתמשים בדרך כלל בוחרים ב-High Resolution כי כשהתוכנה מפרקת פריטים מורכבים וצריכה ליצור תמונות במקום אפקטים (לדוגמה במקום צל) היא תקבע להן רזולוציה גבוהה. בשלב הבאה, לאחר ששמתם פריט שקוף על הדף, צריך ליצור קביעת השיטוח חדשה משלכם.

יצירת קביעת השיטוח חדשה

באינדזיין ובאילוסטרייטור השיטה זהה. גשו ל-Edit > Transparency Flattener Presets. בחלון הנפתח תבחרו קביעה מובנת בשם [High Resolution] שאנחנו כבר מכירים - כך את החדשה תווצר על בסיס הקביעה הזו. תקראו לה בשם הגיוני, למשל Create Outlines.

כשתצטרכו לייצא את המסמך ל-PDF, לסגור PostScript או להדפיס יש בחלון הדפסה או ייצוא, במדור Advanced לבחור ברשימה הנגללת Transparency Flatter Preset את הקביעה שעשיתם. בסגירת PDF ישירות מהתוכנות הפונקציה תהיה נגישה אך ורק כשבוחרים תאימות ל-Acrobat 4 (PDF 1.3)

חשוב לציין כי המלל הופך לקווי מתאר רק ב-PDF או PostScript, הוא לא נפגע בקובץ מקורי.

שני טיפים הקשורים לעיטוף פריטים במלל באינדזיין

noreply@blogger.com (אלכסיי קלצל) — Mon, 23 Nov 2009 12:23:00 +0000

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

טיפ 1

שפריט מסוים יתעלם השפעת העיטוף (כיתוב על פני תמונה למשל) יש לסמן תיבת סימון Ignore Text Wrap בתיבת שיחה Object > Text Frame Options. חוץ מקיצור Cmd (Ctrl) + B המאפשר לפתוח מהר את החלון יש עוד אפשרות - לחיצה כפולה על מסגרת המלל על מקש Option (Alt).

טיפ 2

מי שהתעייף לנהל את עניין העיטוף ורוצה שהוא יתפקד בדומה לאילוסטרייטור יכול לסדר שהפריט הדוחה מלל ידחה רק טקסט שנמצא מתחתיו: בתיבת שיחה של העדפות InDesign (Edit) > Preferences > Composition יש לסמן Text Wrap Only Affects Text Beneath.