סודות כלי הצורה בפוטושופ- 3

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

למאמר השני אודות שכבות צורה וכלי הצורה בפוטושופ

11 עריכת שכבות צורה מפוטושופ באילוסטרייטור

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

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

  2. לצפייה בתכולה לייבוא, ניתן לסמן את האפשרות Show Preview.

  3. לשימור מבנה השכבות, כפי שנוצרו בפוטושופ יש לסמן את האפשרות Convert Layers to Objects. אפשרות זו תשמר את יכולות עריכת המלל, למעט מקרים בו לשכבת המלל סגנון שכבה.

  4. לעומת זאת סימון האפשרות Flatten Layers to a Single Image תשטח את האובייקטים לכדי שכבת תמונה אחת.

  5. סימון האפשרות Import Hidden Layers תייבא גם שכבות שהוסתרו בעת שמירת הקובץ בפוטושופ.

12 העברת צורות מאילוסטרייטור לפוטושופ

כעת, אם ברצונכם להשיב את היצירה לפוטושופ-

  1. לפני הכל מומלץ לבטל קיבוץ עצמים (Ungroup) ובמידה ויש שכבות מקוננות יש לסמן אותן ולהפעיל את הפקודה Release to Layers (Sequence).

  2. כעת הפעילו את הפקודה Export as מתפריט File, בחלון שנפתח בחרו בפורמט Photoshop (PSD), במידה והקובץ כולל מספר משטחי עבודה סמנו את האפשרות Use Artboards וקבעו את משטח העבודה לייצוא (מומלץ לייצא משטח עבודה בודד בכל ייצוא). אשרו את החלון (Export).

  3. בחלון שנפתח אחריו סמנו את האפשרות (A) Write Layers, בחרו ברזולוציה המבוקשת (B) ואשרו את החלון (OK).
    שימו לב! במידה ומודל הצבע של הקובץ שלכם הוא
    RGB ובתפריט Color Model בחרתם במודל צבע אחר, למשל CMYK, לא יתאפשר לייצא את הקובץ כשכבות.

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

  5. במידה והצורה איננה מורכבת ממספר צורות ו/או מעברי צבע, ניתן להעתיק אותה ללוח (Edit>Copy), לעבור לפוטושופ ולצרף (Edit>Paste). בשלב זה יופיע חלון ובו יש לבחור באפשרות Shape Layer. אם הצורה מורכבת ממספר צורות יש לבחור באפשרות Smart Object ולאשר את החלון (OK).

13 על פינות מעוגלות

בשימוש בכלי הצורה המלבני וכלי הצורה המלבני מעוגל הפינות ניתן לקבוע את מידת עגלוליות הפינות בחלון Properties הזמין מתפריט Window. כברירת מחדל כל פינות הצורה מקושרות, כך שלאחר עריכת הערך באחת מהפינות ולחיצה על מקש Tab או Enter/Return שאר הערכים יתעדכנו בהתאם.
על מנת לערוך את מידת העגלוליות של פינה אחת או יותר יש צורך ביטול הקישור בין השדות בעזרת לחיצה עליו (A).
עד כאן ברור ומוכר, אך מה קורה אם החלטתם שכל הפינות ישובו ויהיו אחידות. לחיצה על כפתור הקישור (A) והקלדה ערך באחד השדות לא ישווה את הערך בכל השדות, אלא רק יוסיף את ההפרש היחסי בשאר השדות- אכן בעייתי. אז מה עושים כדי לאחד את הערך בכל השדות?
מעל לשדות הערכים ניתן למצוא שדה ובו נקובים הערכים של כל הפינות (B). כל שיש לעשות הוא לקבוע את הערך הרצוי בשדה השמאלי העליון (C), למחוק בשדה הכולל את כלל הערכים את כל הערכים למעט הערך הראשון (D) וללחוץ על מקש Enter/Return (בדוגמא- לפני לחיצה על מקש Enter/Return). פוטושופ תקבע את הערך הנקוב בכל השדות. אפשרות אחרת היא להקליד את הערך הרצוי בכל השדות.

14 נראות המסלול

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

15 על החלקות ווקטורים מטושטשים

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

16 שליטה בתצורת קו מתאר

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

  1. לשליטה מלאה בתצורת הקו יש ללחוץ על כפתור More Options (B).

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

  3. ניתן לקבוע שהקו המקוטע יקבל פינות מעוגלות באמצעות בחירה בקצה מעוגל (Round) בתפריט Caps (D). כמו כן ניתן לקבוע ערך אפסי באורך המקטע ולקבוע ערך גבוה בשדה המרווח להשגת קוים מקוטעים מעניינים.

  4. אם בכוונתכם להשתמש בעתיד שוב בקו שעיצבתם, מומלץ בשלב זה ללחוץ על כפתור (E) Save שבראש החלון ובחלון שנפתח להעניק לקו שם.

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

17 הורדת צורות מרשת האינטרנט

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

הקבצים לטעינה הם בפורמט CSH (ר״ת של Custom Shapes) וניתן לטעון אותם בהתאם להוראות שבטיפ מס׳ 5 (סעיף 3).
אוסף של 2000 צורות לשימוש מסחרי:
www.shapes4free.com/shapes/photoshop-custom-shapes
 

אוסף של 1500 צורות:
templatemonster.com/blog/free-photoshop-custom-shapes

 

50 ערכות:
savedelete.com/design/free-photoshop-shapes/177976

 

אוסף הכולל קישורים להורדה של אלפי צורות:
smashingmagazine.com/2008/12/the-ultimate-collection-of-photoshop-custom-shapes/

תגיות: פוטושופ, צורה, צורות, וקטור, קו מקווקו, פינות מעוגלות ,Round Corners, Tool, Shape  PhotoshopMaster, Yigal Levi, יגאל לוי, פוטושופמאסטר,  אילוסטרייטור, ספרייה, Library, ייצוא Export, Illustrator, Pixel Perfect, Caps , המדריך המלא

  • Wix Facebook page
  • Instagram Social Icon
  • Wix Twitter page