כותרת אתר בפוטושופ

• מאי 7, 2024

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

הצעד הראשון שלנו הוא לבנות את הכותרת ב- Photoshop. נניח כל אלמנט עיצובי על שכבה משלו כהכנה לעבודה איתם ב- Flash Catalyst. כפי שאתה יכול לראות, יהיו לנו 6 אלמנטים עיצוביים.

1. רקע
2. סרגל תחתון לרוחב הכותרת
3. שם חברה
4. כרטיס יום הולדת
5. פנקס דלעת
6. כרטיס חג המולד

1. בואו נתחיל פרויקט חדש בפוטושופ. הגדר את הרוחב ל 1000 פיקסלים, גובה ל 225 פיקסלים והרקע לשקוף. גודל זה ישתלב יפה בראש דף האינטרנט שלנו.
   
   
2. האלמנט היחיד שייראה בראשית האנימציה הוא הרקע הלבן. מלאו את השכבה הראשונה של התמונה בצבע הרקע שתבחרו. בחלונית Layers, שנה שם לשכבה זו "רקע".
   
   
3. כדי ליצור את הקצה המוצל, השתמשתי בסגנון שכבת הצל הפנימית. לחץ פעמיים על שכבת הרקע וסמן את התיבה לצד צל פנימי. הגדר את המרחק והחנק ל 0 וגודל ל 49.
   
   
4. בשלב הבא נוסיף את הגבול הדק סביב התמונה עם סגנון שכבת המשיכה. הגדרתי את הצבע לחום (# 6e674f), הגודל ל -2 והמיקום בפנים.
   
   בשלב הבא נוסיף את הקלפים. צמצמתי את גודל כרטיסי הברכה שלי ל -230 x 175 פיקסלים. זה ישמור אותם ביחס לגודל הכותרת.
   
   
5. בואו להעתיק / להדביק את כרטיס הדלעת לכותרת שלנו. תן שם לשכבה החדשה "דלעת". לחץ על ערוך - טרנספורמציה חופשית כדי לסובב את הכרטיס מעט ימינה. לחץ על שכבת הדלעת והחל את סגנון שכבת הצלליות, תוך שמירה על הגדרות ברירת המחדל.
   
   
6. חזור על השלב האחרון עבור כרטיס יום ההולדת וגם חג המולד.
   
   בשלב הבא נוסיף את הסרגל בתחתית הכותרת. נתקע את הקלפים שלנו מאחורי סרגל זה כדי לחקות קלפים על מדף.
   
   
7. הוסף שכבה חדשה לחלונית 'שכבות' והכנה אותה בשם 'סרגל'.
   
   
8. בעזרת הכלי Marquee Rectangular, בחר את האזור התחתון של הכותרת, ממש בתוך הגבול החום. בחר צבע לסרגל שלך ומלא את הבחירה בצבע זה.
   
   
9. לחץ לחיצה כפולה על השכבה והוסף את סגנון שכבת השבץ כפי שעשית לשכבת הרקע.
   
   
10. לחץ על הכלי סוג אופקי ובחר גופן לשם העסק שלך. השתמשתי באותו צבע חום כמו צבע הגבול. הקלד את שם העסק בצד שמאל של הכותרת.
    
    
11. שלב זה הוא לא חובה. אנו נרקם את הטקסט. לחץ באמצעות לחצן העכבר הימני על שכבת הטקסט ובחר בסוג Rasterize מהתפריט.
    
    
12. שמור את הפרוייקט שלך בפורמט Photoshop .psd.
    
    

זכויות יוצרים 2018 Adobe Systems Incorporated. כל הזכויות שמורות. צילומי מסך של מוצרי אדובי הודפסו מחדש עם אישור של Adobe Systems Incorporated. אדובי, פוטושופ, אלבום פוטושופ, אלמנטים פוטושופ, אילוסטרייטור, InDesign, GoLive, Acrobat, Cue, Premiere Pro, אלמנטים בכורה, גשר, After Effects, InCopy, Dreamweaver, Flash, ActionScript, זיקוקים, לתרום, לכידת, Flash Catalyst ונייר פלאש. הוא / הם [a] סימנים מסחריים רשומים או סימנים מסחריים של Adobe Systems Incorporated בארצות הברית ו / או במדינות אחרות.

הוראות וידאו: מדריכי עיצובים - איך להכין טקסט יפה (מאי 2024).