חיפוש בבלוג ואתרים רלוונטיים: בעברית, אנגלית ורוסית

‏הצגת רשומות עם תוויות קו מקיף. הצג את כל הרשומות
‏הצגת רשומות עם תוויות קו מקיף. הצג את כל הרשומות

יום ראשון, 19 ביולי 2009

שינוי קו מתאר בהתאם לשינוי הפריט

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

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

Stroke-1.gif


שמתם לב לבעיה - השתנו מידות הפריט. אפילו אם לא תשנו את האובייקט עצמו, המידות שלו תשתנו עם שינוי עובי הקו. לכן בדרך כלל עדיף לכבות את הפעולה Use Preview Bounds.

חשוב לדעת שבאינדזיין ההגדרה המקבילה ל-Use Preview Bounds של אילוסטרייטור מופעלת בברירת מחדל ואז עם הורדה או שינוי של הקו המקיף מידות הפריט משתנות. על מנת לבפסיק את זה יש בתפריט של החלונית Transform לבטל פעולת Dimensions Include Stroke Weight.

יום שני, 6 ביולי 2009

שניים מיתרונות רבים של אילוסטרייטור בעיצוב איקונים

יתרון מספר אחד

פעולת Scale Strokes & Effects קטנה אך מועילה מאוד. היא חייה בתפריט של חלונית Transform. כשהפעולה מופעלת עובי קו של הפריט משתנה בהתאם לגודל הפריט. כפי שזה נובע משמה הפעולה משפיעה גם על האפקטים. כך אם יש לנו עצם עם אפקט תלת-ממדי למשל וצריך להקטין אותן הפעלת Scale Strokes & Effects תאפשר להשפיע גם על עוצמת האפטק והאפקט יוקטן בפרופורציה ובהתאם לפריט.

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

בדוגמה הבאה ניתן לראות שעובי של קו המקיף לא השתנה עם שינוי גודלו האיקון.

Scale-Strokes-and-Effects-3.png


יתרון מספר שתיים

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

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

Scale-Strokes-and-Effects-2.png

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

על מנת להוסיף קו מתאר כפול כמו באיקון הדוגמה:

1. יש ללחוץ על העיגול שמופיע מול שם השכבה בחלונית Layers,
2. בחלונית Appearance ע"י הלחצן השמאלי התחתון להוסיף שני קווי מתאר,
3. לגרור אותם מתחת לשורה בשם Contents שמייצגת תוכן של השכבה. כך קווי המתאר יופיעו תחת כל פריטי השכבה ויותאמו אוטומטית לצורות.

Scale-Strokes-and-Effects-1.png


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

יום שישי, 12 בדצמבר 2008

כיצד לצבוע קו מקיף במעבר צבע באילוסטרייטור

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

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

outline-stroke-1.png


שלב 2 - קובעים למסלול זה אפקט Effect > Path > Offcet Path. אם, לדוגמה, צריכים קו בעובי 3 ממ' ההגדרה של Offcet Path אמורה להיות חצי מהעובי הנדרש - 1,5 ממ'.

outline-stroke-2.png


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

outline-stroke-3.png


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

outline-stroke-4.png

אני מקוה שהידע שלי עוזר לכם