יצירת אתר משלך מתחילה תמיד בפיתוח סקיצה ועיצוב עתידי, וחלק בלתי נפרד מפיתוח זה הוא הדמיה של עיצוב האתר בפוטושופ וגזירת העיצוב המוגמר לבלוקים לפריסה הבאה. היכולת לחתוך נכון תמונה של עיצוב האתר משפיעה ישירות על המשך ההצלחה של הפריסה ועל המיקום הנכון של קבצים גרפיים בשרת.
הוראות
שלב 1
פתח את פריסת העיצוב שנוצרה בפוטושופ, שהיא תמונה סולידית ברזולוציה הרצויה. מסרגל הכלים בפוטושופ, בחר בכלי Slice. כבה זמנית את הנראות של כל שכבות הטקסט, שדות הקלט, האייקונים ואלמנטים דומים.
שלב 2
צייר בעזרת הכלי הנבחר את קווי ההנחיה שלאורכם תגזור את האתר - שורות אלה בתמונה יהיו ירוקות. חלק את הפריסה בחלק אחד בזהירות לגורמים מבניים בגודל ובכמות הרצויים.
שלב 3
תחשוב איך תגזור את התמונה - לא צריך להיות בה יותר מדי אלמנטים בודדים. כדי ליצור קווי קווים, הצב את הסמן על הסרגל העליון מעל התמונה, לחץ לחיצה ימנית וגרור את המדריך למטה. שחרר את לחצן העכבר.
שלב 4
לאחר הגדרת כל המדריכים (אנכיים ואופקיים), המשך לחיתוך הפריסה.
שלב 5
בעזרת כלי החיתוך שנבחר לעיל, גזור את הפריסה על ידי לחיצה שמאלית על תחילת כל קו מנחה ומתיחת השדה שהופיע לגודל האובייקט הרצוי שברצונך לחתוך. שחרר את כפתור העכבר השמאלי כך שמספר סידורי יופיע בפינה השמאלית של השבר החתוך.
שלב 6
התאם את גבולות השברים על ידי מתיחה ידנית. כדי לשמור את החלקים הפרוסים של התמונה הכוללת, לחץ על האפשרות "שמור לדפי אינטרנט" בתפריט קובץ ובחר בתבנית JPEG. בחלון השמירה בחר "כל השברים".
שלב 7
לאחר שמירת חלקי התמונה החתוכים בנפרד, שמרו את כל האלמנטים הוויזואליים של עיצוב הדף - גושי טקסט, כפתורים, קווים וכו '.
