היי חבר 'ה back-to-חזרה הדרכות פוטושופ. במדריך זה אני אלמד אותך כיצד ליצור אני כמו טל-לחצן ב-Photoshop. זה מאוד פשוט די יעיל הדרכה. אני מקווה שתיהנו בהדרכה זו.

סופי מקדימה

זה מה שאנחנו עושים היום הלך

שלב # 1

Photoshop פתיחה ליצור מסמך חדש, שלי הוא 550 × 398px עם רקע לבן.

שלב # 2

למלא את שכבת צבע הרקע, הצבע שלי הוא # 333333.

שלב # 3

יצירת שכבה חדשה שם את שכבת סטרייפ הדרגתי. בחר את מלבן Marquee כלי וליצור הפס הלבן.

סגנון הפס שכבה לחיצה כפולה על התמונה הממוזערת של שכבת סטרייפ בלוח השכבות לפתוח את תיבת שכבה סגנונות שיח, אנו להחיל אפקט gradiant אנכי על הרקע שלך. ואז לחץ על הגרדיאנט olor C בצד ימין של האופציה Gradient לפתוח את צבע Gradient עורך.

לחץ פעמיים על שמאל צבע להפסיק להזין את ערך צבע # aaaaaa, לחץ פעמיים על שמאל מרכז צבע-להפסיק להזין את ערך צבע # CCCCCC, לחיצה כפולה על העכבר הימני מרכז צבע-לעצור ולהיכנס ערך צבע # dddddd, ואז ללחוץ לחיצה כפולה על העכבר הימני צבע לעצור הזן את הערך # ffffff צבע.

אמור להיראות כך.

שלב # 4

בחר את מלבן מעוגל כלי וליצור כפתור, הרדיוס שלי הוא 90X40px.

עכשיו ליישם חלק אפקט

Gradient Overlay

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

לחץ פעמיים על שמאל צבע להפסיק להזין את ערך צבע # 000000, לחץ פעמיים על שמאל מרכז צבע-להפסיק להזין את ערך צבע # 222222, לחיצה כפולה על העכבר הימני מרכז צבע-לעצור ולהיכנס ערך צבע # 444444, ואז ללחוץ לחיצה כפולה על העכבר הימני צבע להפסיק להזין את ערך צבע # 666666.

הבלטה bevel ו

הבא להחיל את הסגנון ואת הבלטה bevel שכבה. לשנות את הסגנון Outer bevel, מאשר לשנות את הערכים של עומק, גודל ומרככים. אני בוחר להגדיר את עומק ב -100%, גודל ב 1px ומרככים על 10px

חלק חשוב במדריך זה: שמור את זווית ^O ב -90, גובה ב 40 ^O

מצב הדגש: אני בוחר להגדיר את אטימות ב -100%.

מצב הצל: אני בוחר להגדיר את אטימות ב -100%.

מכה

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

אני בוחר להגדיר את אטימות ב 80%.

שינוי צבע שבץ מ מחדל אל # 222222

אמור להיראות כך.

שלב # 5

בחר בכלי טקסט להקליד טקסט בחזית.

אנחנו תחול השפעה כלשהי על הטקסט.

הבלטה bevel

לחץ פעמיים על התמונה הממוזערת של שכבת טקסט בלוח השכבות לפתוח את תיבת שכבה סגנונות שיח. אנחנו יחולו הבלטה bevel, ראשית שינוי סגנון החיצונית bevel ו טכניקה מפסלת רכה, מאשר לשנות את הערכים של עומק, כיוון, ואת גודל לרכך. אני בוחר להגדיר את עומק ב 130%, כיוון לעבר גודל למטה 1px ומרככים ב 0px

חלק חשוב במדריך זה: שמור את זווית ב ^O 90, גובה ב 30 ^O

מצב הדגש: אני בוחר להגדיר את אטימות על 0%.

מצב הצל: אני בוחר להגדיר את אטימות ב -50%.

סופי מקדימה

לבסוף עשינו במדריך זה.

זה מה שאנחנו עושים היום הלך

להוריד את קובץ המקור

אם תרצה לבדוק את העבודה שלך, אתה יכול להוריד את הקובץ PSD עבור הדרכה זו.

iPhone-כמו-buttons.rar (21.3 KB)

מתויק תחת: פוטושופ, הדרכות על ידי Admin