בפוטושופ תוכלו ליצור פריסת אתר, לפיה היא כבר נוצרה ב- html. תהליך זה פשוט יחסית.
נחוץ
תוכנית Adobe Photoshop
הוראות
שלב 1
פתח את Photoshop וצור בו מסמך תמונה בגודל 1020 x 1200. הגדר את צבע הרקע ל- # a8a995. אם האתר מוקדש לחברה, תוכל למקם את הלוגו שלה בצד שמאל למעלה בסרגל הניווט. השאר קצת מקום בצד ימין לקישורים לניווט באתר.
שלב 2
קח את הכלי מלבן וצור מלבן של 80 על 54 בסרגל הניווט באתר. זה יציין את פריט התפריט הפעיל בניווט האתר.
שלב 3
עבור לתפריט Layer-Layer Style, סמן את תיבת הסימון שכבת צבע, צבע # ADAE9E, אטימות - 100%, ותיבת הסימון Stroke, גודל - 1 פיקסלים, מיקום - בחוץ, אטימות - 100%, צבע # CED0BB.
שלב 4
על גבי המלבן שכבר יש לך, הוסף תמונה נוספת בגודל 71x50, צבע אותה עם # cfbe28. עבור לתפריט Layer-Layer Style, הגדר את הפרמטרים הבאים למלבן זה: Shadow Shadow: Blend Mode - הכפל, צבע # 000000, אטימות - 27%, זווית - 90, מרחק - 1, Spread - 0, גודל - 5; צל פנימי: מצב מיזוג - הכפל, צבע # 000000, אטימות - 27%, זווית - 90, מרחק - 1, חנק - 0, גודל - 18; שבץ: גודל - 1, מיקום - בחוץ, אטימות - 100, סוג מילוי - צבע, צבע # D6C72C.
שלב 5
הוסף צל לקישורים הנמצאים בסרגל הניווט. לשם כך בחרו בשכבה עם הטקסט של קישורים אלו, עברו לתפריט סגנון שכבה-שכבה והגדירו את הפרמטרים הבאים: Drope Shadow: Blend Mode - הכפל, צבע # 000000, אטימות - 75%, זווית - 90, מרחק - 1, Spread - 0, Size - 1. חזור על שלבים אלה עבור כל שכבה שתכיל את טקסט הקישורים.
שלב 6
עכשיו אתה צריך לעשות חלק היכרות עם התבנית. בחר בכלי המלבן והכין מלבן מתחת ללוגו, מלא אותו בלבן, צמצם את האטימות ל -20%.
שלב 7
בחר בכלי האליפסה והכין אליפסה מתחת למלבן זה. עבור אל סינון> טשטוש> טשטוש גאוס והגדר את הרדיוס ל- 7, 8.
שלב 8
קח את כלי הסימן המלבני ובחר את החלק התחתון של המלבן ואת הסגלגל המטושטש. למחוק את זה.
שלב 9
לאחר מכן, הזן את הטקסט בכפתור המלבן. צור שורה ישירות מעליה עם הפרמטרים הבאים: 866 על תמונה אחת.
