הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   עיצוב וגראפיקה (https://hosts.co.il/forums/forumdisplay.php?f=13)
-   -   המדריך השבועי - יצירת תפריט (https://hosts.co.il/forums/showthread.php?t=20042)

Niros 17-04-06 01:58

המדריך השבועי - יצירת תפריט
 
רשימת המדריכים עד כה:
יצירת קליע - לחץ כאן
כתב מלוכלך - לחץ כאן
יצירת קופסא - לחץ כאן
יצירת באר - לחץ כאן
יצירת לוגו - לחץ כאן


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

למדריך זה תצטרכו:
- ידע בסיסי מאוד בפונקציות הפוטושופ
- מוטיביציה
- סבלנות
- הכרת תודה

מהלך המדריך:

נתחיל בפתיחת גוף העבודה בגודל המספק - כמובן שלאחר מכן תוכלו להעביר זאת לחלק בעיצוב או כל שימוש אחר.

file>>new
ולמלאות את הפרטים הבאים
קוד:

Name: לא משמעותי
Preset Sizes: Custom
Width: 100 pixels
Height: 25 pixels
Resolution: 72 pixels/inch
Mode: RGB Color
Contents: Transparent

ואז נלחץ OK.
נצבע כעת את הרקע בצבע אפור(DDDDDD#).
כעת ניצור שכבה חדשה, ונסמן בכלי הסימון קצת פחות מהבסיס העליון והתחתון(ראה תמונה מס' 1),
כעת נצבע את השטח המסומן(שימו לב לא עקרוני הצבע, תבינו בהמשך).
לאחר שצבענו את האיזור הרצוי בצבע, כעת נלך להגדרותיו.
נוריד את שקיפותו, נשים גראדינט וצל פנימי.(ראה תמונה מס' 2)(ראה תמונה מס' 3)(ראה תמונה מס' 4)
נלחץ OK ונמשיך הלאה (אין עוד הרבה, סבלנות).
בשלב זה, התפריט יראה כך.(ראה תמונה מס' 5)
אז מה חסר? טקסט קל - לא יזיק.
אני השתמשתי בפונט ARIEL BOLD SMOOTH על גודל 12 בצבע 3F3F3F#, כמובן במרכז התפריט.
ובהגדרותיו הוספתי גראדינט וקו.(ראה תמונה מס' 6)(ראה תמונה מס' 7)
נלחץ OK ונראה את התוצאה.(ראה תמונה מס' 8)


התוצאה שלי:
http://img236.imageshack.us/img236/4554/menu3lh.jpg

http://img236.imageshack.us/img236/4554/menu3lh.jpg

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


* אתם תמיד מוזמנים להסתכל במדריכים שהיו עד כה וללמוד מה שלא ידעתם.
* תודה ל imageshack על האירוח.
* מה שהינכם רואים בתוצאה הסופית זה התפריט משוכפל.
* במידה ולא הצלחתם ליצור את הסמל של הלוגו בדיוק באמצע, נסו שנית ואל תתיאשו.
* כל הזכויות על מדריך זה שמורות לי ולאתר limudon.net.


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

ציטוט:

אתם מוזמנים להציג את התוצאה שלכם ולשתף את כולם ^^

k.machine 17-04-06 09:15

תודה רבה על המדריך ישקסי:)

yuval 17-04-06 10:03

אחלה מדריך
כמו כל המדריכים שלך
וגם אחלה השקעה כל הכבוד =))

bs 17-04-06 10:12

קראתי את כל המדריכים שהבאת עד כה, בינתיים זה הכי יפה והכי טוב :)
כל הכבוד.

dj fm 17-04-06 10:14

תודה אחלה מדריך חלומי
ממש שקסיי

TalGarty 17-04-06 12:21

מדריך מעולה ניר !

תודה :-)

Niros 17-04-06 12:30

תודה תהנו ותראו תוצאות :] אפשר לשנות צבעים וזה

yNaxon 17-04-06 17:13

תודה ניר :D
אני עשיתי כמובן :D
אני אפתח לי תיקיה של המדריכים שלך :)

http://img405.imageshack.us/img405/6...osguide8jm.png

איך יצא?

Andrey | ADwd.net 17-04-06 17:32

כל הכבוד ניר !!!
ממש מצווה מה שאתה עושה כאן ועוזר לאנשים.

Niros 17-04-06 18:14

תודה רבה, יונתן בלי המדריכים עצמם.


כל הזמנים הם GMT +2. הזמן כעת הוא 20:55.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ