<עיון> עמוד הבית / כל , לחצן , מדריך / בלוג מאמר: RIATMP1030-Photoshop כפתור הדרכה הבאנר

RIATMP1030-Photoshop כפתור הדרכה הבאנר

12 מאי 2009
Button and banner tutorial in photoshop
לחצן וכן הדרכה באנרים ב-Photoshop

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

Click here to download

להלן השלבים:

שלב 1: יצירת קובץ חדש של פיקסלים על 860px / 185 (קובץ -> חדש)

שלב 2: ודא שכבת חלון פתוח ולהוסיף שכבה חדשה על ידי לחיצה על אייקון יצירת שכבה חדשה בחלק הימני התחתון של החלון את השכבה. תן שכבה חדשה 'רקע' שם.

שלב 3: צור מלבן על 15px פינה מעוגלת שבה הוא 855px רוחב וגובה הוא 175px ולמלא אותו בצבע # 609590. העמוד שלך צריך כזה.

Photoshop button and banner tutorial
Photoshop כפתור הדרכה הבאנר

שלב 4: בחר סגנון שכבה (סמל בחלק התחתון השמאלי של חלון אתה שכבת) - שפוע> הבלטה ובצע את ההגדרות כפי שמוצג בתמונה למטה.

button tutorial in photoshop, bevel effect
כפתור הדרכה ב-Photoshop, אפקט שפוע
שלב 5: הוספת שכבה חדשה וליצור בחירה כמו גליל היכן הוא 845px רוחב וגובה הוא 40px; ו 10px מלמעלה ומשמאל 10px. מילוי עם צבע הדרגתי החל לבן (# FFFFFF) כדי שקוף, ואת זה צריך ליצור להדגיש בראש. ראה את התמונה למטה תמונה שלכם אמור להיראות כך.

Button tutorial in photoshop
לחצן הדרכה ב-Photoshop
Button and banner tutorial in photoshop
לחצן וכן הדרכה באנרים ב-Photoshop

שלב 6: הוספת שכבה חדשה ליצור בחירה כמו גליל רוחב: 830px ואת גובה: 40px עבור הלחצנים שלך ולמלא בצבע # eaeaea: "סגנון שכבה - שפוע> הבלטה" לבחור הבא ובצע את ההגדרות כפי שמוצג בתמונה למטה.

Photoshop button and banner tutorial
Photoshop כפתור הדרכה הבאנר

שלב 7: הוסף שכבה חדשה וצור בחירה כמו גליל רוחב: 810px ואת גובה: 25px בחלק העליון של כפתורים נוצר רק למלא עם צבע הדרגתי החל לבן (# FFFFFF) עד שקוף, ואת זה צריך ליצור להדגיש בראש. ראה את התמונה הבאה, ואת התמונה שלך אמור להיראות כך.

Photoshop button and banner tutorial
Photoshop כפתור הדרכה הבאנר

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

נמצאו במדריך זה שימושי? אתה יכול לקנות לי קפה, אתה יכול לשלם כאן ! Cheers :)

pixel RIATMP1030  Photoshop button and banner tutorial

Photoshop button and banner tutorial
Photoshop כפתור הדרכה הבאנר

שתף וליהנות
  •  RIATMP1030  Photoshop button and banner tutorial favicons?domain=digg RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.dzone RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.facebook RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.google RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.linkedin RIATMP1030  Photoshop button and banner tutorial favicons?domain=favorites.live RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.mixx RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.myspace RIATMP1030  Photoshop button and banner tutorial  RIATMP1030  Photoshop button and banner tutorial favicons?domain=reddit RIATMP1030  Photoshop button and banner tutorial favicons?domain=www.stumbleupon RIATMP1030  Photoshop button and banner tutorial favicons?domain=technorati RIATMP1030  Photoshop button and banner tutorial favicons?domain=twitter RIATMP1030  Photoshop button and banner tutorial favicons?domain=buzz.yahoo RIATMP1030  Photoshop button and banner tutorial
כתיבת תגובה 10211 צפיות, 3 עד כה היום |

תגובות סגורות.