מדריך – עיצוב דף גלריה עם הצללה מגניבה

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

שנתחיל?

1. פתחו מסמך חדש בגודל 1024X768  ובחרו צבע רקע (רצוי בהיר), במקרה שלי בחרתי בצבע זהב קוד הצבע: #ffbe2c

2. ציירו מלבן לבן באופן הבא בחלק העליון של המסמך כ-90% מרוחב המסמך

3.צרו שכבה (layer) חדשה ומקמו את השכבה שיצרתם מתחת לשכבה של המלבן הלבן ולאחר מכן בחרו בכלי המברשת ובחרו בהגדרות הבאות:

גודל מברשת: 40PX

Hardness: 0%

בחרו במברשת עגולה הראשונה משמאל מתאימה.

4.ציירו קו ישר עד אמצע המלבן בערך(כאשר אתם מציירים את הקו לחצו על מקש SHIFT על מנת שהקו יצא ישר) .

5. לחצו על ctrl+t במקלדת או לחילופין כנסו ל- edit>free transform והטו את הצורה באלכסון כפי שמופיע בתמונה.

6.  לאחר שאישרתם את ההטייה שיצרתם תלחצו על אנטר או V שכפלו את השכבה של ההצללה (או לחצו במקלדת על ctrl+j לשכפול השכבה).

7. כעת כנסו בתפריט edit>transform ובחרו  ב- flip horizontal כפי שמופיע בתמונה

7. כעת גררו את השכבה השנייה לקצה השני של המלבן הלבן כדי להגיע לתוצאה כפי שמופיע בתמונה הבאה:

8.   אחדו את 2 השכבות באמצעות בחירת השכבות בעזרת לחיצה ממושכת על ctrl ובחירת השכבות הרצויות כפי שמופיע בתמונה

9. לאחר בחירת השכבות לחצו במקלדת על ctrl+e לאיחוד השכבות ותקבלו תוצאה דומה לזו:

10. כעת תחת הopacity בחרו ב50% וזהו סיימנו.

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

לאחר מכן הוסיפו תמונה והשתמשו בשכבה האפורה בתור MASK ותקבלו תוצאה כפי שמופיע בתמונה הבאה:

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

בהצלחה לכולם!

5 תגובות

• 
  חלי 26 באפריל 2011 בשעה 16:28

  מדליק
  כ"כ פשוט, אב עושה המון.
  תודה.

  הגב
• 
  avi cohen 26 באפריל 2011 בשעה 16:43

  בהחלט חלי,
  הדברים הקטנים הם שעושים את ההבדל…

  הגב
• בלוגיק – נבחרי השבוע מהבלוגספירה הישראלית [22-04-11] | Newsgeek 29 באפריל 2011 בשעה 17:51

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

  הגב
• 
  אנטון ליבשיץ 3 במאי 2011 בשעה 8:33

  יותר פשוט, לדעתי, לקחת את ה-Marquee tool במקום מברשת ולהשים 3-4 פיקסלים של Feather. (:

  הגב
  • 
    avi cohen 3 במאי 2011 בשעה 9:19

    מסכים איתך אנטון, אבל לא לכולם זה נוח וזה לא נותן אותה תחושה…

    הגב