איך פורסים פריסה

תוכן עניינים:

איך פורסים פריסה
איך פורסים פריסה

וִידֵאוֹ: איך פורסים פריסה

וִידֵאוֹ: איך פורסים פריסה
וִידֵאוֹ: לימוד פריסת קלפים 2024, מאי
Anonim

קיבצתם פריסה מקורית עם אלמנטים גרפיים והייתם רוצים לבצע פריסה? ראשית, עליכם ללמוד כיצד לפרוס את הפריסה כך שכל אחד מהאלמנטים הגרפיים יהיה לאחר מכן במקום הנכון באמצע העמוד, בראשו או בתחתיתו.

איך פורסים פריסה
איך פורסים פריסה

הוראות

שלב 1

בבחירת טכניקות לחיתוך פריסה, זכור שכל מעצב פריסה משתמש בשיטות חיתוך משלו בעת עבודה עם פריסות PSD. לכן, בשלב הראשון בחר רק בטכניקות הפשוטות ביותר, הכוללות חיתוך הפריסה שנוצרה עם גרפיקה לחתיכות, וזה נוח למתחילים. ראשית, ראשית דמיין בראשך לאילו חלקים תחלק את הפריסה שלך, חשוב על כל אחד מחלקיה הנפרדים ורק אז המשך לחלק הטכני של התהליך עצמו. זכור כי פריסת ה- PSD מחולקת ל"נתחים "בהתאם למורכבותה, ומחלקת אותה לאלמנטים נפרדים. יתר על כן, כל אלמנט גרפי חייב להיות בלתי תלוי בכל שאר הפרטים.

שלב 2

כאשר מחליטים כיצד לגזור פריסה עם כותרת המורכבת מכפתורים, שכבת רקע נפרדת ושכבות טקסט, זכרו שבמקרה זה לא ניתן לחתוך את הכותרת כולה כתמונה. במצב כזה, עדיף לחתוך לתמונות בנפרד את כל שכבות הטקסט, כל כפתור, כמו גם את שכבת הרקע של הכותרת. שנית, חיתוך פריסה מניח שמעצב הפריסה מבצע פעולות ברצף הבא. אם הטקסט הוא רק חלק מהקישוט, השתמש בו לפני פריסת HTML / CSS.

שלב 3

ראשית, פתח את הפריסה עצמה בפוטושופ כך שחלונית השכבות תופיע בצד ימין, הנחשב לעמוד השדרה הדרוש להפעלת הפריסה. במקרה בו ניתן ללחוץ על כל התמונות, פתח את גרסת הרזולוציה המלאה של הפריסה שלך. לאחר מכן, פרוס את כל האלמנטים הגרפיים כך שייראו זהה לפורמט HTML, לכן שמור כל אלמנט גרפי בולט בפורמט הרצוי: GIF,.

שלב 4

לבחירת האלמנט הגרפי הנדרש, השתמש בכלי כזה כמו הכלי Marquee Rectangular, המאפשר לך לסמן את האזור שנבחר בקו מנוקד. לאחר מכן, חתוך את שאר הפריסה עד לאלמנט המקווקו באמצעות תפריט תמונה> חיתוך. כדי להיפטר משכבות רקע מיותרות, יש למלא מילוי שיפוע ולכבות את הנראות של שכבות הרקע. לאחר מכן, גזמו את פינות החלק שנבחר ואז שמרו על כל שאר השכבות שקופות.

מוּמלָץ: