צור
לחצני Photoshop הדרכות הן כנראה אחת הקטגוריות החמות ביותר בכל Photoshop הדרכות האתר מאז Web 2.0 הוא כזה נושאים חמים עכשיו, מאפשר ללכת על כפתור פשוט מתאים לכל יישום Web 2.0 של אתרי אינטרנט. הדרכה לאחר קפיצה.
יצירת בד ריק על 500px (רוחב) x 400px (גובה) כדי להתחיל את עיצוב הכפתור. יצירת שיחת שכבה חדשה 'bg01'. בחר את כלי מלבני מעוגל, להחזיק SHIFT ולצייר ריבוע צדדית עגולה במרכז. כל צבע הוא בסדר בשלב הנוכחי.
להתקשר למעלה אפשרויות ערבול of 'bg01'ולהתאים את הסגנונות הבאים:
זרוק צל
- אטימות: 40%
- מרחק: 0px
- מורחים: 0%
- גודל: 6px
כיסוי גרדיאנט
- עצירת צבע: 0%, # d00031
- עצירת צבע: 100%, # ff2b5d
החזק CTRL, שמאל לחץ על 'bg01'Layer Thumbnail כדי לבחור את הצורה. ללכת בחר -> שנה -> חוזה והזן את הערך '2px'. זה יהיה לכווץ את האזור הנבחר על ידי 2 פיקסל.
יצירת שיחת שכבה חדשה 'bg02'ומילא את אזור מודגש (לאחר כיווץ) עם כל צבע. אני משתמש # 000000 שחור כאן. לחץ פעמיים על 'bg02' להשיק את אפשרות מיזוג ו לצבוט את הסגנון הבא.
כיסוי גרדיאנט
- עצירת צבע: 0%, # c6002f
- עצירת צבע: 100%, # c6002f
צור עוד שכבה חדשה לטקסט, התקשר אליה 'טקסט'. הכנס את הטקסט של הלחצן שלך. אני אשתמש באלפבית לייצג. סגנונות הגופן שבהם אני משתמש כאן הם כדלקמן:
- ארלי מעוגל
- 150pt
אותו הדבר, לאחר שתחליט את הטקסט שלך, לחץ לחיצה כפולה על 'txt' כדי להפעיל את אפשרויות ערבול ו לצבוט את הסגנונות הבאים.
זרוק צל
- אטימות: 25%
- מרחק: 0px
- מורחים: 0px
- גודל: 5px
צל פנימי
- אטימות: 10%
- מרחק: 0px
- חנק: 0
- גודל: 10px
הבלטה הבלטה
- עומק: 1px
- כיוון: למטה
- גודל: 0px
- Softten: 0px
- הדגשת מצב אטימות: 32%
- Shadow Mode אטימות: 32%
כיסוי גרדיאנט
- עצירת צבע: 0% # d2d2d2
- עצירת צבע: 100% # f0efef
הכפתור כמעט נגמר. הבה נתנו לזה קצת זוהר מעל החלק העליון. החזק CTRL, לחיצה שמאלית 'bg02'שכבת תמונה ממוזערת כדי להדגיש את הצורה החיצונית; בחר Eclipse Marquee כלי. עכשיו להחזיק ALT, עם הכלי Eclipse Marquee שנבחר, גרור הוא מעבר ל מינוס את החלק התחתון של האזור המודגש. עיין בתמונה למעלה.
עם החלק העליון מודגשת Eclipse כלי Marquee עדיין נבחרים, לחץ לחיצה ימנית ובחר נוצה; להיכנס 15px עבור הרדיוס.
צור שכבה חדשה, התקשר אליה 'זוהר'ולמלא את החלק המודגש עם לבן [#ffffff]. זה אמור להוסיף אפקט זוהר לחלק העליון של הכפתור שלך. המוצר הסופי צריך להיראות משהו כמו התמונה למטה.
משהו נוסף ...
כוונן את אפשרויות המיזוג של 'bg01'ו'bg02"ייתן לך יותר כפתורים מעניינים. הנה עוד Photoshop הדרכה על כפתור שעשיתי בעבר - יצירת מבריק כפתור Web 2.0
הורד דוגמה
