חלקות Gradient כותרת Photoshop Tutorial

תגובות 21 מרס 2006 על ידי Oli · 15

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

עיצוב זה סיים ייראה כך:
כותרת שיפוע חלקה הדרכה

להתחיל, ליצור רחב 770px x 200px מסמך גבוהה.
בחר את הכלי מלבן מעוגל, להגדיר את רדיוס 10px כדי למשוך החוצה צורה על הכותרת:

חלקה כותרת שיפוע הדרכה 1

לחץ לחיצה ימנית על הצורה אתה רק צייר של שכבת ואפשרויות מיזוג לבחור.
לחץ על 'החיצונית גלוו' ולתת לו את ההגדרות האלה:

צעד כותרת שיפוע הדרכה חלק 2

השכבה הבאה, לחץ על 'Gradient' ולתת לו את ההגדרות האלה:

צעד כותרת שיפוע הדרכה חלק 3

לבסוף, לחץ על 'Stroke' ולתת לו את ההגדרות האלה:

צעד כותרת שיפוע הדרכה חלק 4

צורת הכותרת שלך עכשיו צריך להיראות כך:

צעד כותרת שיפוע הדרכה חלק 5

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

צעד כותרת שיפוע הדרכה חלק 6

כעת לחץ על הזכות שכבת סרגל הניווט, להיכנס מיזוג האפשרות ולחץ על כיסוי הדרגתי.
שינוי אפור / לבן שיפוע עבור אחד כתום באמצעות ערכים אלה: F0B259> F87811

צעד כותרת שיפוע הדרכה חלק 7

אישור לחץ על סרגל הניווט שלך עכשיו צריך להיראות כך:

צעד כותרת שיפוע הדרכה חלק 8

עכשיו נוסיף טקסט כלשהו, לבחור את סוג הגופן ואת שלך את הקישורים הנדרשים:

צעד כותרת שיפוע הדרכה חלק 9

לקבלת הדרכה זו השתמשנו תמצית היקום. אנחנו עכשיו להוסיף dropshadow לטקסט, לחץ על הזכות שכבה> אפשרויות מיזוג> טיפת צל
השתמש בהגדרות אלה:

צעד כותרת שיפוע הדרכה חלק 10

הטקסט שלך עכשיו צריך להיראות כך:

צעד כותרת שיפוע הדרכה חלק 11

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

צעד כותרת שיפוע הדרכה חלק 12

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

Nav שלך עכשיו להשלים:

כותרת שיפוע החלק הסופי הדרכה

חלקה כותרת שיפוע עיצוב הדרכה הסופי

עכשיו כל מה שצריך, הוא שם אתר האינטרנט שלך / להוסיף לוגו או כל דבר אחר כמו קישורים הכותרת תוספת פרסומות או באנרים וכו ':

כותרת שיפוע חלקה הדרכה

הורד את. Psd כאן

תגובות

15 תגובות ל "חלקות Gradient כותרת Photoshop Tutorial"

ABS - http://technopedia.info/tech אומר:
22 מרס 2006 בשעה 3:28
אהבתי במדריך זה, כך הגשתי אותו Digg ...
סטיבן - אומר:
1 מאי 2006 בשעה 4:07
אתה בחופשה? אני מצפה ערכת לימוד חדשה!
Cillaa - אומר:
19 מאי 2006 בשעה 7:02
Yooo! מדריך נחמד!
סטיוארט - http://crazy-tutorials.com אומר:
21 מאי 2006 בשעה 8:51
מדריך נהדר!
אני הולך להשתמש בו באתר שלי
סטיוארט
---
http://crazy-tutorials.com
Dom - http://bildupl.de אומר:
21 מאי 2006 בשעה 9:34
אני נחמדה נו כמו זה
מרקו - http://www.phpldtemplates.info אומר:
23 מאי 2006 בשעה 2:35
אכן נחמד הדרכה. שהורדו.
אנדריי - http:// ... אומר:

25 מאי 2006 בשעה 8:47
תות גדול .... Congrats
אדי - http://www.nordicminority.com אומר:
26 מאי 2006 בשעה 11:55
מדריך נחמד אבל לא יכול להשתמש בו PSD של CS 8.0, במקום להשתמש FW 8.0.
אני אשתמש בה בפיתוח אתרי אינטרנט מסוימים.
צ 'יריוס
דיקן - http://www.mcrump.co.uk אומר:

2 יוני 2006 בשעה 1:30
תודה מדריך גדול מאוד אני יכול להשתמש בו עבור אתר האינטרנט שלי!
אובדנית ילד - אומר:
5 יולי 2006 בשעה 3:39
נראה הרבה כמו סרגל הניווט עבור Newgrounds.com
ברוקר - http://www.hiddensuccessstories.com/blog אומר:
23 ינואר 2007 בשעה 9:01
מדריך טוב. אתה יכול גם להראות לנו איך לפרוס אותו ב-html.
גיא - אומר:
25 מרס 2007 בשעה 11:29
מגניב נו. כמו טירון זה בדיוק מה שהייתי צריכה.
בהחלט להשתמש בו!
Andly - http://www.giannirusso.info אומר:

3 ספטמבר 2007 בשעה 11:37
מדריך שימושי מאוד. הציל אותו ברשימת במדריך שלי כאן הרשימה שלי photoshop tutorial [http://www.giannirusso.info/index.php?option=com_weblinks&catid=13&Itemid=40]
ג 'ייסון - http://none.com אומר:
10 דצמבר 2007 בשעה 8:41
Turorial נחמדה - פקודות לא עובד או שונים מאוד ב PS CS3 Extended.