מדריך| לעצב אתר- בסיס
טוב החלטתי לעשות מדריך לעיצוב אתרים כדי שיבואו משתמשים לפורום.
1. פותחים דף חדש שבדר"כ בגודל 800 על 1000 אבל אפשר כול גודל. (אני פתחתי 500 על 500)
2. לוקחים את הכלי Rectangular Marquee Tool ועושים צורה של באר:
http://www.silvup.net/images/qpwch7n2e4i4x6k.jpg
3. עושים שיכבה חדשה, לוקחים את הכלי Gradient Tool ו"מצירים" קו על הבאר מלמטה למעלה:
http://www.silvup.net/images/ujlmv6d8yo8qn7n.jpg
4. עורכים את הבאר ב- Layer Style (מקש ימני על השיכבה של הבאר ואז ללחוץ על Blending Options). אני שמתי Bevel and Embos, שיניתי את ה- Style ל- Outer Bevel, הוספתי גם את Gradient Overlay, שיניתי לו את הצבע השחור לצבע 969696, סימנתי V ב- Reverse, הוספתי גם Stroke בצבע שחור וב- 3px.
5. עכשיו אנחנו צריכים לעשות עוד באר שיהיה קצת יותר למטה. ליחצו על השיכבה של הבאר ואחר כך על Ctrl + J שזה בעצם משכפל לכם את השיכבה שסימנתם.
6. הזיזו קצת את הבאר למטה בעזרת הכלי Move Tool:
http://www.silvup.net/images/erkp7cqmpd50o6j.jpg
7. עכשיו יש לנו מקום ללוגו בין שני הבארים. הוסיפו לוגו כירצונכם.
8. מה שצריך עכשיו זה מקום לתוכן ומקום לתפריט. נסמן בכלי Rectangular Marquee Tool מקום לתפריט:
http://www.silvup.net/images/rr68dqqb5wr9b6s.jpg
9. עושים אותו דבר כמו בשלבים 3 ו- 4 (אפשר לערוך את השיכבה בדברים שונים משלב 4 למשל אני עשיתי אותו הדבר חוץ מהצבע של הגראדיט ששיניתי את האפור לאפור בהיר יותר- b0b0b0, לא סימנתי ב- V את Reverse וגם שיניתי את ה- Stroke מ- 3px ל- 1px).
10. עושים שוב מקום מסומן אבל הפעם לתוכן העמוד:
http://www.silvup.net/images/segs3yumo1w3050.jpg
11. שוב פעם עושים את אותו הדבר כמו בשלבים 3-4 ו- 9.
12. בעיקרון סיימנו עם העיצוב עכשיו אפשר להוסיף צבעים, מברשות, כותרות וכו':
http://www.silvup.net/images/2nh2bgfqwlxramm.jpg
13. עכשיו הדבר היחיד שנותר לנו הוא לחתוך את חלקי הדף ולהפוך את הדף לדף HTML אבל מכיוון שזה כבר לא ממש קשור אני רק יביא לכם מדריך:
http://www.pisty.co.il/showTutorial.asp?tutorialId=198
והינה הורדת ה- PSD שעשיתי לכם בתור דוגמא:
http://www.siz.co.il/down.php?file=y0jzwtzqmyud.psd
בהצלחה!
כול הזכויות שמורות לי על המדריך הזה!!!
ציטוט ההודעה
נכתב במקור על ידי RaN11
