ביצירת אתר, שלב עיבוד עיצוב הדף חשוב מאוד, אשר לאחר מכן יוגדר ויפורסם ברשת. במאמר זה תלמד כיצד להשתמש ב- Adobe Photoshop לציור פריסה מוכשרת לאתר, שעל בסיסו תוכל ליצור מאוחר יותר פריסות מורכבות יותר.
זה הכרחי
תוכנית Adobe Photoshop
הוראות
שלב 1
צור קובץ חדש ב- Photoshop (Ctrl + N) עם הממדים 1040x1400, כאשר 1400 הוא הגובה. הפעל את תצוגת הסרגלים (Ctrl + R) והגדר פיקסלים כיחידות מדידה בהגדרות הסרגל.
שלב 2
התחל למתוח את המדריכים כך שיתאימו לגבולות תיבות הפריסה. מתחו את גבולות הצד כך ש 40 פיקסלים יישארו לקצוות. הגבולות העליונים והתחתונים צריכים גם להשאיר 40 פיקסלים מכל צד לגבולות הרקע.
שלב 3
לאחר מכן בחר מדריך שנמצא 200 פיקסלים מהחלק העליון של הרקע לכותרת העליונה.
שלב 4
כדי ליצור את סרגל הצד בצד שמאל וימין של הפריסה, הגדר את המדריכים 240 פיקסלים מגבול הרקע שמאלה ו -800 ימינה.
שלב 5
5px פנימה מהסרגל הצדדי השמאלי והימני וצייר שני מדריכים אנכיים נוספים. ואז גרור שני מדריכים נוספים 245 פיקסלים שמאלה ו 795 פיקסלים ימינה.
שלב 6
עכשיו מדוד מגבול הכותרת 30px וצייר מדריך אופקי לתפריט האופקי.
שלב 7
בחר את האזור הצר של התפריט האופקי שרק סימנת באמצעות בחירה מלבנית באמצעות מקש M. בחר בכלי המילוי ומלא את האזור בצבע אפור בהיר ניטראלי.
שלב 8
בחר בכלי המילוי ומלא את האזור בצבע אפור בהיר ניטראלי. לחץ על התפריט "בחר-שנה-דחוס", ציין אפשרות של 1 פיקסל ולחץ על "אישור". מלא את האזור בגוון אפור בהיר יותר - תהיה לך מסגרת תפריט.
שלב 9
צור שכבה חדשה ובחר תמונה מתאימה לסמל האתר או ללוגו, ואז פתח אותה.
שלב 10
הכניסו תמונה לשכבה חדשה בכותרת, והניחו אותה בקצה השמאלי. משמאל לתמונה, כתוב את כותרת הטקסט של האתר באמצעות כל גופן.
שלב 11
תכנן את חוסמי האתר שלך באותה ערכת צבעים כמו הכותרת החדשה שנוצרה. בחר את האזור בסרגל הצד השמאלי ובצע בו את אותן פעולות מילוי בשני צבעים כמו עם בלוק התפריט.
שלב 12
עשו את אותו הדבר עם גוש התוכן הרחב במרכז. העתק את שכבת סרגל הצד השמאלי והניח אותה כסרגל הצד הימני.
שלב 13
הוסף טקסט לפריסה שלך - בחר גופן ניטרלי ומלא את כותרת התפריט, דוגמאות חדשות, תמונות, תגים וקישורים.
שלב 14
סיים את הפריסה על ידי יצירת "כותרת תחתונה" או כותרת תחתונה - רשום שם את זכויות היוצרים שלך ואת אנשי הקשר שלך.
