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

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

  • המאמר נכתב
  • ב 02.12.2009
  • בשעה 06:45
  • על ידי admin

כיצד ליצור לחצן הירוק פשוט ב-Photoshop

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

התוצאה הסופית

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

green-button-final1

שלב # 1

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

Green-button-step1

שלב # 2

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

green-button-step13

שלב # 3

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

green-button-step24

עכשיו אנחנו תחול השפעה כלשהי

Gradient Overlay

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

Green-Button

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

green-button-step4a

טיפת צל

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

green-button-step4b

הצל הפנימי

הבא להחיל את הסגנון צל שכבה פנימית. לשמור על זווית ב 120o, מאשר לשנות את הערכים של אטימות, משתנק גודל. אני בוחר להגדיר את אטימות ב -27% ו Choke ב -100% ואת גודל ב 2px.

שנה הבאה את האפשרות Blending לשגרה.

green-button-step4c

הבלטה bevel

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

לשמור על זווית ב 120o, גובה ב 30o

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

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

green-button-step4d

מכה

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

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

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

green-button-step4e

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

green-button-step4

שלב # 4

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

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

green-button-step5

Gradient Overlay

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

green-button-step5a

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

green-button-step5b

טיפת צל

לבסוף אנו להחיל את הסגנון זרוק שכבת הצל. לשמור על זווית ב 120o, מאשר לשנות את הערכים של אטימות, המרחק גודל. אני בוחר להגדיר את אטימות ב -34%, מרחק 1px ואת גודל ב 1px.

green-button-step5bc

התוצאה הסופית

green-button-final1

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

הורדת קובץ [240KB]

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

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

לקדם קשר

  • Add to Mixx!

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

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

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

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

אחד תגובות

  1. designfollow אומר על: 2 דצמבר 2009 בשעה 12:52 סעיד:

    מדריך גדול, תודה.

שלח תגובה

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


CommentLuv Enabled להראות יותר
«5 שלבים לכתוב טוב יותר ב-CSS Part II

    הירשם

  • הירשם לעדכונים שלנו
  • הצטרף כמנוי בדוא"ל
  • 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 (21)
    • עיצוב / השראה (51)
    • כרטיסי קול (36)
    • עיצוב גרפי (10)
    • Photoshop (18)
    • Resources (33)
    • SEO (1)
    • כלים (9)
    • הדרכות (33)
    • טיפוגרפיה (4)
    • בניית אתרי אינטרנט (5)
    • וורדפרס (6)
    • ארכיון

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

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

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

    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 בהודו לפרויקט העיצוב הבא שלך. תיק הצג שלנו.