מדריך לתפריט אתר בפוטושופ




ליצור מסמך חדש עם רקע שחור, ליצור שכבה חדשה, והשתמש בכלי Rounded Rectangle Tool כדי ליצור דוגמה כמו זו:



עבור אל Layer Style (סגנון שכבה) של החלק הנבחר ולעשות ככה:








כעת אתם תקבלו:


צור שכבה חדשה, להחזיק Ctrl + ולחץ על לחצן השכבת  כדי לקבל אפשרויות בחירה

להשתמש Linear Gradient עם צבע לבן, גרור וצור משהו כזה:





שנה את ה- Blend Mode למצב Softlight:



כעת צור שכבה חדשה, בשימוש עם Elip Marquee Tool וצור משהו כזה ,ולמלא אותו בצבע כמו זה:



עבור ל- Layer Style (סגנון שכבה )של החלק הנבחר לעיל:







אתם תקבלו משהו כזה:



כעת צור שכבה חדשה, להמשיך להשתמש שוב ב- Elip ולעשות צורה קטנה יותר ולמלא אותו בצבע לבן כמו זה:



ללכת לסגנון שכבה Layer Style:









אתם תקבלו משהו כזה:



צור שכבה חדשה,תעשה זום על הכפתור ולבצע את הבחירה כמו בתמונה למטה (להתאים אטימות 40%)


אתם תקבלו תוצאה כמו זו:


לבסוף,צריך רק לשכפל את הלחצן לעשות יותר כפתורים ולהוסיף קצת טקסט לכל הכפתורים.

2 תגובות:

  1. Guitar Toolbar אמר/ה...

    very cool guide. First time I encounter such large amount of screenshots in a guide. I may use that for my Spiderman games website menu

  2. אנונימי אמר/ה...

    מדריך יפה.
    ממליץ לשפר וללמד גם קידוד בMargin ובCss של התפריט

הוסף רשומת תגובה

תודה על התגובה.