עיצוב Web 2.0 הכרטיסייה עם Photoshop

המדריך הבא להלן מנסה לתת לך מושג איך לתכנן תפריט מלוטש נחמד הכרטיסייה Photoshop, בסגנון Web 2.0.

שלב 1

צור בד חדש עם רקע [#ffffff] לבן בכל גודל שתרצה, רצוי מלבני; הם מתאימים יותר כדי לצייר כרטיסיות. לאחר מכן עבור אל הכרטיסייה 'ערוצים' (Windows -> ערוצים), לחץ על צור ערוץ חדש בצד ימין למטה.

שלב 2

בשכבת הערוץ שנבחרה, לצייר צורה דומה עם הכלי Lasso מצולע. מלא אותו בצבע לבן [#ffffff]; בטל את בחירת אזור המצולע (בחר בכל כלי Marquee ולחץ על המסך); לתת את הצורה טישטוש גאוסיאני עם רדיוס 6.0px.

שלב 3

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

שלב 4

בכרטיסייה ערוצים, החזק את CTRL, לחץ על תמונה ממוזערת של ערוץ של שכבת אלפא 1. הצורה החדשה תיבחר כעת, תחזור אליה הכרטיסייה 'שכבות', צור שכבה חדשה ומלא את האזור הנבחר בשחור [# 000000].

שלב 5

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

שלב 6

יצירת שכבה חדשה; בחר כלי מלבני מעוגל (רדיוס 8px), לצייר מלבני והניח את השכבה מאחורי שכבת הכרטיסייה השחורה. לחץ לחיצה ימנית ובחר אפשרויות ערבול והוסף את ההגדרות הבאות.

זרוק צל

• אטימות: 31%
• מרחק: 0px
• מורחים: 0%
• גודל: 2px

שפוע ו הבלטה

• עומק: 100%
• גודל: 0px
• לרכך: 0px

כיסוי גרדיאנט

• להלן ההגדרות 'עצירות צבע'.
• צבע: #aaaaaa, מיקום: 0%
• צבע: #ffffff, מיקום 100%

שלב 7

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

הורד את ערכת הלימוד