כיצד ליצור נחמדה Sleek כהה לחצן ב-Photoshop
היי חבר 'ה אחד יותר Photoshop Tutorial. במדריך זה אני אלמד אותך כיצד ליצור נחמדה Sleek כהה לחצן ב-Photoshop. זה מאוד פשוט די יעיל הדרכה. אני מקווה שתיהנו בהדרכה זו.
סופי מקדימה
זה מה שאנחנו עושים היום הלך
שלב # 1
Photoshop פתיחה ליצור מסמך חדש, שלי הוא 550px × 398px עם רקע לבן.
שלב # 2
למלא את שכבת צבע הרקע, הצבע שלי הוא # 131313.
שלב # 3
בחר את מלבן מעוגל כלי וליצור כפתור, הרדיוס שלי הוא 5px, רוחב: 219px ו height: 40px.
עכשיו ליישם חלק אפקט
Gradient Overlay
סגנון לחצן ללחוץ לחיצה כפולה על התמונה הממוזערת של שכבת לחצן בלוח השכבות לפתוח את תיבת שכבה סגנונות שיח, אנו להחיל אפקט gradiant אנכי על לחצן שלך. ואז לחץ על הדרגתי את הצבע בצד ימין של האופציה Gradient לפתוח את צבע Gradient עורך.
לחץ פעמיים על שמאל צבע להפסיק להזין את ערך צבע # 0E0E0E, לחץ פעמיים על שמאל מרכז צבע-להפסיק להזין את ערך צבע # 1C1C1C, לחיצה כפולה על העכבר הימני מרכז צבע-לעצור ולהיכנס ערך צבע # 262626, ואז ללחוץ לחיצה כפולה על העכבר הימני צבע להפסיק להזין את ערך צבע # 292929.
אמור להיראות כך.
Outer Glow
הבא להחיל את הסגנון Glow השכבה החיצונית. שינוי מצב תערובת כדי כיסוי, מאשר לשנות את הערכים של גודל. אני בוחר להגדיר את גודל ב 3px
אני בוחר להגדיר את אטימות 30%.
שינוי ב טכניקה מדויקת.
אמור להיראות כך.
שלב # 4
בחר סוג כלי אופקי וטקסט סוג בחזית.
שלב # 5
השטח של שכבת לחצן (CTRL + לחיצה על התמונה הממוזערת של שכבת לחצן בלוח השכבות).
מאשר ליצור שם שכבה חדשה שכבת גרדיאנט כחול.
סגנון שיפוע כחול לחץ פעמיים על התמונה הממוזערת של שכבת גרדיאנט כחול בלוח השכבות לפתוח את תיבת שכבה סגנונות שיח, אנו להחיל אפקט gradiant אופקי עבור לחצן שלך. ואז לחץ על הדרגתי את הצבע בצד ימין של האופציה Gradient לפתוח את צבע Gradient עורך.
לשמור על זווית ב 180o
לחץ פעמיים על שמאל צבע להפסיק להזין את ערך צבע # 047CA3, לחץ פעמיים על מרכז צבע-להפסיק להזין את ערך צבע 25C4F4 #, ואז ללחוץ לחיצה כפולה על העכבר הימני צבע להפסיק להזין את ערך צבע # 047CA3.
אמור להיראות כך.
עכשיו בטל את הבחירה שלך (Ctrl + D). עכשיו להעביר את הדגש מתחת לכפתור כך לנדנד את השכבה למטה שני פיקסלים ידי הקשה על מקש (באמצעות המקלדת).
התוצאה
להוריד את קובץ המקור
אם תרצה לבדוק את העבודה שלך, אתה יכול להוריד את הקובץ PSD עבור הדרכה זו.
מאמרים קשורים:
אם אתה נהנה קריאת מאמר זה, בבקשה לבדוק מאמרים קשורים אחרים להלן:


































































שלח תגובה