דף הבית » Photoshop » עיצוב מבריק Web 2.0 כפתור ב - Photoshop

    עיצוב מבריק Web 2.0 כפתור ב - Photoshop

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

    שלב 1 - יצירת הבסיס

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

    יצירת שיחת שכבה חדשה 'לחצן'

    בשכבה 'לחצן', בחרו בכלי מלבני מעוגל

    תן לו רדיוס של 7px

    צייר מלבן הדומה לתמונה למטה.

    שלב 2 - כפתור אדום

    לחץ לחיצה ימנית על אפשרויות מיזוג עבור 'כפתור' שכבת

    כוונן את ההגדרות הבאות עבור

    זרוק צל

    צל פנימי

    שפוע ו הבלטה

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

    הכפתור שלך צריך להיראות משהו כזה

    שלב 3 - יצירת אפקט מבריק

    יצירת שיחת שכבה חדשה 'זכוכית'

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

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

    מלא את האזור שנבחר עם צבע לבן #ffffff באמצעות כלי דלי צבע

    התאם את האטימות ל -18%

    אתה צריך כפתור מבריק נראה ככה.

    שלב 4 - כיסוי דפוס

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

    בחר שכבת דפוס, בחר Stripe5px (או כל תבנית שיצרת) ולחץ על אישור ולאחר מכן סגור את תיבת הדו-שיח.

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

    שלב 5 - הוספת טקסט

    לזרוק טקסט אקראי כלשהו בצבע לבן #ffffff עם ההגדרות הבאות

    השתמש בהשפעות המיזוג הבאות בשכבת הטקסט שלי.

    זרוק צל

    שלב 6 - סופי פלט

    אתה צריך לקבל תמונה כזאת.