• בית
  • על
  • מאמרים
  • צור קשר

: 91 11 9810018780 דואר אל: info@aceinfowayindia.com / התקשר: 91 11 9810018780

  • המאמר נכתב
  • ב 14.10.2009
  • בשעה 10:31
  • על ידי admin

כיצד ליצור נחמדה Sleek כהה לחצן ב-Photoshop

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

סופי מקדימה

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

final-sleek-dark-button

שלב # 1

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

final-sleek-dark-button-step1

שלב # 2

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

final-sleek-dark-button-step2

שלב # 3

בחר את מלבן מעוגל כלי וליצור כפתור, הרדיוס שלי הוא 5px, רוחב: 219px ו height: 40px.

final-sleek-dark-button-step3

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

Gradient Overlay

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

iphone-like-buttons-step3-b

לחץ פעמיים על שמאל צבע להפסיק להזין את ערך צבע # 0E0E0E, לחץ פעמיים על שמאל מרכז צבע-להפסיק להזין את ערך צבע # 1C1C1C, לחיצה כפולה על העכבר הימני מרכז צבע-לעצור ולהיכנס ערך צבע # 262626, ואז ללחוץ לחיצה כפולה על העכבר הימני צבע להפסיק להזין את ערך צבע # 292929.

final-sleek-dark-button-step3a

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

final-sleek-dark-button-step3b

Outer Glow

הבא להחיל את הסגנון Glow השכבה החיצונית. שינוי מצב תערובת כדי כיסוי, מאשר לשנות את הערכים של גודל. אני בוחר להגדיר את גודל ב 3px

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

שינוי ב טכניקה מדויקת.

final-sleek-dark-button-step3c

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

final-sleek-dark-button-step3d

שלב # 4

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

final-sleek-dark-button-step4

שלב # 5

השטח של שכבת לחצן (CTRL + לחיצה על התמונה הממוזערת של שכבת לחצן בלוח השכבות).

final-sleek-dark-button-step5

מאשר ליצור שם שכבה חדשה שכבת גרדיאנט כחול.

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

לשמור על זווית ב 180o

final-sleek-dark-button-step5ab

לחץ פעמיים על שמאל צבע להפסיק להזין את ערך צבע # 047CA3, לחץ פעמיים על מרכז צבע-להפסיק להזין את ערך צבע 25C4F4 #, ואז ללחוץ לחיצה כפולה על העכבר הימני צבע להפסיק להזין את ערך צבע # 047CA3.

final-sleek-dark-button-step5b

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

final-sleek-dark-button-step5a

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

התוצאה

final-sleek-dark-button

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

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

לחצן מלוטש-(226 KB)

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

לקדם קשר

  • Add to Mixx!

תגיות: פוטושופ, הדרכות

מאמרים קשורים:

אם אתה נהנה קריאת מאמר זה, בבקשה לבדוק מאמרים קשורים אחרים להלן:

    • כיצד ליצור אני כמו טל-לחצן ב-Photoshop
    • כיצד ליצור בלט טיפוגרפיה ב Photoshop
    • כיצד ליצור אפקט 3D נחמדה נוחה טקסט ב Photoshop
    • כיצד ליצור אפקט מבריק חלקות טקסט ב Photoshop
    • ליצור אייקון יפה Box ב-Photoshop
Untitled Document

שלח תגובה

XHTML: ניתן להשתמש בתגים אלה: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled להראות יותר
«חינם Social Bookmarking איקונים
תשובת של אתרי גן העדן של השבוע עבור 16 אוקטובר 2009 »
Untitled Document

    הירשם

  • הירשם לעדכונים שלנו
  • הצטרף כמנוי בדוא"ל
  • Follow us on Twitter
  • הספונסור
  • הספונסור
  • הספונסור
  • הספונסור
  • הספונסור
  • הספונסור

    • חיפוש

      Untitled Document
  • לוח שנה

    אוקטובר 2009
    ז T W T F S S
    «ספטמבר
    1 2 3 4
    5 6 7 8 9 10 11
    12 13 14 15 16 17 18
    19 20 21 22 23 24 25
    26 27 28 29 30 31
    • דפים

      • בית
      • על
      • מאמרים
      • צור קשר
    • קטגוריות

    • CSS (18)
    • עיצוב / השראה (47)
    • כרטיסי קול (28)
    • עיצוב גרפי (10)
    • Photoshop (16)
    • Resources (26)
    • SEO (1)
    • כלים (7)
    • הדרכות (29)
    • טיפוגרפיה (4)
    • בניית אתרי אינטרנט (5)
    • וורדפרס (6)
    • ארכיון

    • אוקטובר 2009
    • ספטמבר 2009
    • אוגוסט 2009
    • יולי 2009
    • יוני 2009
    • מאי 2009
    • הודעות אחרונות

    • Css
    • עיצוב / השראה
    • Freebies
    • עיצוב גרפי
    • פוטושופ
    • רשומות פופולריות

    • כיצד ליצור צורה נאה ללא שולחן
    • 30 אתרים עם מקסימום אורנג '
    • כיצד ליצור נחמדה Scalable CSS סמך פירורי לחם
    • 5 שלבים לכתוב טוב יותר Css
    • ליצור אייקון יפה Box ב-Photoshop
    • כיצד ליצור בלט טיפוגרפיה ב Photoshop
    • 6 כלים Online Photo Editing Awesome
    • תג ענן

    CSS גופנים עיצוב Freebies עיצוב גרפי גרפיקה עיצוב אייקונים להשראה Inspitation פוטושופ משאבים כלים הדרכות טיפוגרפיה פיתוח אינטרנט Wordpress

    • חברים

      • Abduzeedo
      • Alist חוץ
      • Bittbox
      • CrazyLeaf עיצוב
      • CSS טריקים
      • דייוויד וולש
      • Fudgegraphics
      • דלק היצירתיות שלך
      • עזרה תשובת
      • מיידי Shift
      • Line25
      • Mirificampress
      • דיו הבלוג שלי
      • Noupe
      • PSDFan
      • PSDtuts
      • שתף את המוח
      • שש מהדורות
      • כפית גרפיקה
      • Toxel
      • עיצוב Vandelay
      • אנחנו הפונקציה
      • מעצב אינטרנט דיפו
      • מעצב אינטרנט לדג 'ר
      • מעצב אינטרנט הכותל
      • אתה המהנדס
    • מתרגם

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • SPONSORS

    בדוק UPrinting על YouTheDesigner.


    כרטיסי ביקור מקוונים

    Web Design Blog Directory

.
Untitled Document
לראש הדף

כללי

אלו אולי עניין של כמה
  • אודות החברה
  • המלצות
  • פרטים ליצירת קשר
  • בלוג
  • חברתי - צפצוף, Flickr

עובד

דוגמאות של פרוייקטים בעבר
  • אודות החברה
  • המלצות
  • פרטים ליצירת קשר
  • בלוג
  • חברתי - צפצוף, Flickr

שירותים

זה מה מוכרים שם היום
  • אודות החברה
  • המלצות
  • פרטים ליצירת קשר
  • בלוג
  • חברתי - צפצוף, Flickr

פרטים ליצירת קשר

רוצה להעסיק אותנו? להתחיל כאן ...
  • חינם פרויקט Assesment
  • אימייל - info@aceinfowayindia.com
  • טלפון: 91 11 9810018780

זכויות יוצרים © 2009, כל הזכויות שמורות, אייס Infoway הודו להעסיק אייס Infoway בהודו לפרויקט העיצוב הבא שלך. תיק הצג שלנו.