חלקה צבע כותרת Photoshop Tutorial
21 מרס 2006 על ידי Oli · 15 תגובות
הדרכה זו יראה לכם כמה טכניקות פשוטות כדי לעצב כותרת יפה מדרון חלקלק בר nav שאתה יכול להשתמש בעיצובים האינטרנט שלך.
זה העיצוב המוגמר ייראה כך: 
כדי להתחיל, ליצור מסמך רחב 770px x 200px גבוה.
בחרו בכלי מלבן מעוגל, להגדיר את הרדיוס כדי 10px ולצייר את הצורה עבור הכותרת:

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

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

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

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

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

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

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

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

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

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

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

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


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

לעבור 100% ערבות בעזרתו של האחרונה testking 70-640 שאלות testking 70-642 תשובות testking 642-902 הבדיקה בפועל.










אני אוהב את זה הדרכה, ולכן הגשתי את זה digg ...
האם אתה בחופשה? אני מצפה הדרכה חדש!
יווו! מדריך נחמד!
מדריך נהדר!
אני הולך להשתמש בו באתר שלי
סטיוארט
---
http://crazy-tutorials.com
די נחמדה אני אוהב את זה
מדריך נחמד מאוד. הורידו.
נו ... גדול. מזל טוב
מדריך נחמד אבל לא יכול להשתמש בו PSD CS 8.0, לשמש במקום FW 8.0.
אני ישתמש בו בפיתוח אתרי אינטרנט מסוימים.
להתראות
הודות הדרכה גדול מאוד אני יכול להשתמש בו עבור אתר האינטרנט שלי!
דומה מאוד לבר הניווט עבור Newgrounds.com
הדרכה טובה. אתה יכול גם להראות לנו איך לפרוס אותו ב-HTML.
די מגניב. בתור מתחיל זה בדיוק מה שהייתי צריכה.
בהחלט להשתמש בו!
שימושי מאוד הדרכה. הציל אותו ברשימה הדרכה שלי כאן רשימה Photoshop הדרכה שלי [http://www.giannirusso.info/index.php?option=com_weblinks&catid=13&Itemid=40]
ניס turorial - פקודות לא עובדים או שהם שונים מאוד PS CS3 המורחבת.