איך לעשות אפקט של דף מקופל בפוטושופ

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

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

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

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

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

שלב 01

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

paper_folding_effect_01

שלב 02

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

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

paper_folding_effect_02

שלב 03

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

במידה ונרצה לשנות את גודל הדף, נעשה זאת בעזרת אפשרות שינוי חופשי הנמצאת בשורת המשימות תחת נושא העריכה Edit ובחירה באפשרות Free Transform Path או בקיצור דרך Ctrl+T. כשמופיע סימון מסגרת מסביב לצורה, נתאים מחדש את גודל המלבן ונלחץ על מקש Enter לאישור. אם טעינו אפשר לחזור שוב פעם על אותה הפעולה, או לחזור צעד אחורה לשלב מוקדם יותר דרך חלון ההיסטוריה.

paper_folding_effect_03

שלב 04

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

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

paper_folding_effect_04

שלב 05

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

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

paper_folding_effect_05

שלב 06

כעת נסדר את הצורה המשולשת שהרגע הדבקנו והיא תשמש ליצרת האפקט המתקפל של הדף. נתחיל בכך שנמקם ונסובב את הצורה אל המקום המתאים על גבי הדף, שוב פעם בעזרת אפשרות שינוי חופשי Edit\Free Transform  קיצור דרך Ctrl+T. כשאפשרות זאת עדיין במצב פעיל, נקליק לחתן ימני של העכבר ונבחר מתוך התפריט באפשרות Flip Vertical – הפיכה אנכית – כמו אפקט של מראה כלפי מעלה. נסובב מעט את הצורה, נסדר ונמקם אותה במקום המתאים.

paper_folding_effect_06

 

שלב 07

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

paper_folding_effect_07

שלב 08

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

paper_folding_effect_08

שלב 09

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

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

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

paper_folding_effect_09

שלב 10

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

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

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

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

paper_folding_effect_10

תוצאה סופית

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

paper_folding_effect_11

icon_download


2 תגובות על “איך לעשות אפקט של דף מקופל בפוטושופ

  • 25/10/2013 at 01:10
    Permalink

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

    Reply

Leave a Reply

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