לא מאוד קשה ליצור תבנית אתר בפוטושופ. התבנית כוללת תפריטים, טפסי חיפוש, גרפיקה, אולי טקסט כלשהו למשל. האתר עצמו כבר יתוכנת על בסיסו.
הוראות
שלב 1
התחל לעצב את תבנית האתר שלך בפוטושופ על ידי יצירת מסמך חדש בגודל 1020 עד 1020. הפוך את הרקע לבן. הגדר את צבע החזית ל- # c5e0dd ואת צבע הרקע ל- # ece5cf.
שלב 2
קח את הכלי מעבר צבע ובחר את סוג המילוי הראשון בחלונית ההגדרות שלו. גרור קו מעבר צבע על פני השדה הלבן מלמעלה למטה.
שלב 3
תפוס את כלי הטקסט, כתוב את כותרת האתר שלך בפינה הימנית העליונה כך שהוא יתיישר עם טופס החיפוש, אשר ימוקם בפינה השמאלית העליונה. הגדר את גודל הגופן, למשל, 12.
שלב 4
ליצירת צורת החיפוש בחר בכלי המלבן ושרטט מלבן לבן בפינה השמאלית העליונה. החל את הגדרות השכבה הבאות: צל פנימי - מצב מיזוג - הכפל, צבע - # a2b7b1, אטימות - 43, זווית - 90, מרחק - 0, חנק - 0, גודל - 10.
שלב 5
השתמש בכלי טקסט כדי ליצור טקסט רך בתוך צורה זו.
שלב 6
בחר בכלי המלבן המעוגל וצור לחצן בתוך צורת החיפוש בגבולו הימני. החל את סגנונות השכבה הבאים: כיסוי שיפוע - מצב מיזוג - רגיל, אטימות - 100, שיפוע מכהה לאור (צבעים מ- # 754f39 ל- # a1704f), סגנון - לינארי, זווית - 90, קנה מידה - 59.
שלב 7
השתמש בכלי הטקסט כדי לכתוב "עבור" או משהו כזה על כפתור זה.
שלב 8
ליצירת הניווט, קח את כלי המלבן המעוגל וצייר מלבן ארוך מתחת לכותרת ולצורת החיפוש. החל את סגנונות השכבה הבאים: כיסוי שיפוע - מצב מיזוג - רגיל, אטימות - 100, שיפוע מחושך לאור (צבעים מ- # 76503e ל- # a46ecd), סגנון - לינארי, זווית - 90, קנה מידה - 59; מבנה שבץ - 1, מיקום - מבפנים, מצב מיזוג - רגיל, אטימות - 100, סוג מילוי - צבע, צבע # 9F6038.
שלב 9
קח את כלי המלבן המעוגל וצייר מלבן קטן בצד שמאל של סרגל הניווט. החל את סגנונות השכבה הבאים: צל פנימי - תערובת - הכפל, אטימות - 75, זווית - 90, מרחק - 1, חנק - 0, גודל - 8; כיסוי שיפוע - מצב מיזוג - רגיל, אטימות - 100, שיפוע מחושך לאור (צבעים מ- # 76503c ל- # a46e4d), סגנון - לינארי, זווית - 90, קנה מידה - 59; שבץ - מבנה - 1, מיקום - מבפנים, מצב תערובת - רגיל, אטימות - 100, סוג מילוי - צבע, צבע # 8f6347.
שלב 10
הוסף תוויות לסרגל הניווט.