איך להכין ארטיק בפוטושופ – מדריך לפוטושופ

לפני שבועיים חזרתי מחופשה מדהימה בבלגיה! זאת לא הייתה סתם חופשה, אלא חופשה + 4 ימים בפסטיבל הרוק הטוב ביותר באירופה! את כרטיס הפסטיבל ואת כרטיסי טיסה קניתי 5 חודשים מראש וזאת רק כדי לגרום לעצמי לצאת סוף סוף לנופש בחו”ל מבלי שתיהיה לי אפשרויות לדחות או לבטל!

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

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

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

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

לעניינו, החום הזה עם 70 אחוזי הלחות גורם לי ל- 3 דברים עיקריים:
1. להזיע במקומות ששכחתי שיש בהם תאי זיעה 2. להיות עצבני יותר 3. דודה לארטיק

איך עושים ארטיק בפוטושופ

שלב 01.

נתחיל ביצירת קובץ חדש והצורות הבסיסיות. מסרגל הכלים השמאלי אני בוחר בכלי Rounded Rectangle – מרובע עם פינות מעוגלות. אני מכניס רדיוס של 30 פקסלים בתפריט העליון. אתם יכולים להכניס איזה מידה אחרת שמתאימה לכם. ניגש אל משטח העבודה וניצור צורה מלבנית לגובה שתיהיה בסיס לצורת הארטיק.

טיפ! אם אתם לא מרוצים מהצורה המלבנית תוכלו לבטל ולחזור צעד אחורה ע”י Ctrl+Z או Ctrl+Shift+Z או מחלון ההיסטוריה

שלב 02.

\

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

טיפ! בעזרת כלי החץ השחור (כלי הזזה V במקלדת) תוכלו להזיז את צורת המקל במקום המתאים לכם

שלב 03.

לחצו כאן והורידו את טקסטורת העץ שהכנתי לכם איתה נשתמש עכשיו. פתחו את קובץ הטקסטורה בפוטושופ והעתיקו אותו בשכבה חדשה מעל שכבת המקל. כעת צרו “חיבור מסכה” Clipping Mask בין שכבת הטקסטורה לשכבת המקל. אם אתם זוכרים יש שני דרכים לעשות את זה… דרך ראשונה בוחרים בשכבת הטקסטורה, לחצן ימני של העכבר ובוחרים מהתפריט Create Clipping Mask. הדרך השניה בקיצור דרך – לוקחים את סמן העכבר וממקמים אותו בין חיבור שתי השכבות בחלון השכבות… מחזיקים את מקש ה- Alt במקלדת… כשסמן העכבר משתנה למין אייקון של מנעול כזה מקליקים על העכבר (ככה גם לבטל)… יאלה ממשיכים…

שלב 04.

כעת ניגש אל חלון השכבות ונקליק פעמיים מהר על שכבת הארטיק כדי להיכנס אל חלון סטייל שכבות. מחלון הסטייל נבחר באפשרויות Bevel and Emboss ו – Gradient Overlay. ראו את הערכים שהכנסתי לאפקט… כרגיל אתם יכולים לעשות מה שאתם רוצים כך שיתאים יותר טוב לעיצוב שלכם. בסיום לחצו על אישור כדי לסגור את חלון הסטייל.

שלב 05.

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

שלב 06.

כעת שהאפקטים נטמעו בתוך השכבה ניכנס שוב פעם אל חלון הסטייל ונסמן את Pattern Overlay. הסיבה שהכנסתי את האפקט הזה הוא כדי לא לקבל מרקם חלק מדיי… ככול שנצליח לדמות טוב יותר את המוצר הסופי כך נקבל תוצאה מרשימה יותר! באפקט הזה אני צריך לכוון טוב יותר את הפרמטרים והערכים השונים. האיזור הזה הוא חופשי ותעשו מה שמתאים לכם, הדבר החשוב ביותר הוא לשנות את מצב השכבה ממצב Normal למצב Overlay. תכניסו איזה “פטרן” שנראה לכם מתאים ותחלישו אותו דרך ה Opacity כדי שהוא לא יבלוט מדיי… זה יותר בשביל ההרגשה מאשר שיראו אפקט ברור. (פחות זה יותר במקרה הזה). בסיום לחצו OK  לסגירת החלון.

שלב 07.

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

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

אם תשימו לב תראו שהעיצוב שלנו די “שטוח” וצריך למצוא טכניקות לעורר בו חיים! השיטה הראשונה לעשות זאת היא ע”י הכנסת צל. את הצל הראשון והיחיד שלנו במדריך הזה נעשה במקל של הארטיק. אני יוצר שכבה חדשה מעל שכבת טקסטורת העץ שחיברנו למקל ומוודא שגם היא נמצאת במצב Clipping Mask ומחוברת לשכבת המקל כמו שעשינו בשלב 3.

שלב 08.

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

שלב 09.

צל קטן ובודד הקפיץ לנו את הצורה החוצה ובמקרים בהם יש צורות מורכבות יותר אפקט הצל יהיה מורכב יותר. הדבר השני שאני רוצה להתמקד עליו הוא “צורה אמיתית יותר”… שוב פעם, ככול שנדמה צורה אמיתית יותר למקור כך נקבל עיצוב מרשים יותר. יש עוד הרבה דברים שצריך לעשות כדי שהארטיק הזה יהיה “אמיתי יותר”… מה שאני רוצה לעשות הוא ליצור את השקע המרכזי שיש בארטיקים. לכו למכולת השכונתית תקנו ארטיק כדי לראות על מה אני מדבר או כנסו לגוגל וחפשו תמונה כדי שתבינו איך ארטיק אמיתי נראה. אני יוצר שכבה חדשה ועושה לה Clipping Mask לתוך שכבת הארטיק. כעת אני בוחר בצבע לבן ומסרגל הכלים השמאלי אני בוחר ב- “כלי מלבן” Rectangle Tool ויוצר מלבן לגובה. ראו תמונה

שלב 10.

ככול שתמשיכו לעבד את הצורה תקבלו ארטיק אמיתי יותר. דבר אחרון שאני עושה למדריך זה הוא מוריד טיפה את השקיפות Opacity  למלבן הלבן שעשינו כרגע.. משהו לאיזור 10% שקיפות. כרגיל אל תשכחו לשמור!

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

לחצו כאן להורדת קובץ PSD

17 תגובות על “איך להכין ארטיק בפוטושופ – מדריך לפוטושופ

  • 07/08/2011 at 14:21
    Permalink

    תודה! נראה מעולה!

    Reply
  • 19/09/2011 at 14:19
    Permalink

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

    Reply
    • המעצב בתחתונים
      23/09/2011 at 00:45
      Permalink

      אני אשתדל

      Reply
  • 20/10/2011 at 23:32
    Permalink

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

    Reply
  • 08/02/2012 at 20:06
    Permalink

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

    Reply
    • המעצב בתחתונים
      09/02/2012 at 20:23
      Permalink

      אהלן מוני לימוני… קצת קשה לי לדעת למה לא הצלחת להכניס את הטקסטורה, אבל בגדול כדי ליצור את זה השתמשתי ב”מסכה מהירה”, אפשר ליצור אותה גם ע”י לחצן ימני של העכבר על שכבה מסויימת ובחירה באפשרות create clipping mask. כדי לאחד שכבות, מסמנים שתי שכבות ולוחצים על ctrl+e במקלדת. בהצלחה!

      Reply
  • 26/03/2012 at 19:28
    Permalink

    תודה רבה :) אבל ישר אחרי שכתבתי כן את התגובה הבנתי לבד את התשובה לשאלה המטופשת שלי

    Reply
  • 15/05/2012 at 22:57
    Permalink

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

    Reply
    • המעצב
      20/05/2012 at 08:34
      Permalink

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

      Reply
  • 22/05/2012 at 17:36
    Permalink

    איך אבל עשיתי שזה יראה אמיתי אם הדבר הזה למעלה

    Reply
    • המעצב
      11/06/2012 at 12:31
      Permalink

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

      Reply
  • 06/06/2012 at 14:45
    Permalink

    תודה על המדריך אבל לא הבנתי איך לעשות כמו בתמונה האחרונה?

    Reply
    • המעצב
      11/06/2012 at 12:29
      Permalink

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

      Reply
  • 15/06/2012 at 15:11
    Permalink

    כן!! בבקשה תעשה(: אני צריכה לעשות ספיישל קיץ לאתר שלי ואני רוצה לעשות את הארטיק המהממם הזה

    Reply
  • 31/08/2012 at 21:08
    Permalink

    זה רק לפוטושופ cs3-cs5? אני לא אצליח בפוטושופ cs6?

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *