במדריך זה אנו הולכים ליצור כפתור כחול פשוט & חלקלק. זה מאוד פשוט ויעיל למדי הדרכה, אז כל מה שאתה צריך זה Adobe Photoshop כדי ליצור את האפקט הזה. אני מקווה שתהנו הדרכה זו.

שלב # 1

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

שלב # 2

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

שלב # 3

בחר את כלי מלבן מעוגל וליצור כפתור, שלי הוא רדיוס 15px, רוחב: 128px ואת גובה: 36px. שינוי צבע קידמה שלך נחמד # 13AAB7 (כחול).

שלב # 4

עכשיו אנחנו צריכים להוסיף כמה אפקטים נחמדים כפתור.

Gradient Overlay

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

ראשית לשנות את אפשרות המיזוג ל Overlay. שמור את הזווית 90o, מאשר לשנות את הערכים של אטימות. אני בוחר להגדיר את אטימות 50%.

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

Inner Glow

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

שינוי צבע זוהר מברירת המחדל כדי FFFFFF #

צניחה Shadow

הבא להחיל את טיפת צל סגנון שכבה. ראשית לשנות את אפשרות המיזוג הרגיל. שמור את הזווית 120o, מאשר לשנות את הערכים של אטימות ועל גודל. אני בוחר להגדיר את אטימות 55% ואת גודל בשעה 3px.

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

שלב # 5

יצירת שכבה נוספת חדשה, לבצע בחירה סביב כפתור המקורי שלך, אתה יכול לעשות זאת על ידי לחיצה על CTRL ולחיצה על השכבה של תמונה.).

מלאו את צבע החזית הלבנה.

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

ראשית, עליך לשנות את האפשרות מצב השכבה Softlight, מאשר לשנות את הערכים של אטימות. אני בוחר להגדיר את אטימות ב 20%

שלב # 6

בחר אופקי סוג כלי וסוג טקסט בחזית.

סופי

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

אם ברצונכם לקבל הדרכות יותר מאיתנו, בבקשה לשקול עשיית מנוי כדי להאכיל שלנו ידי RSS או באמצעות דוא"ל .

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