[מדריך]כפתור מדיה פלייר
טוב אז ככה.. היום אנחנו נכין את כפתור ה-Play של המדיה פלייר.
אפשר להפוך את זה לעוד כל מני דברים אחרים..כמו הדוגמה שאני הבאתי
רמת קושי: קל.
תוצאה:
יאללה בואו נתחיל
שלב I:
דבר ראשון פותחים מסמך חדש באיזה גודל שאתם רוצים אני בחרתי 70/70.
שמים רקע כלשהו.. השתמשתי ב-Grandient Tool עם הצבעים:
1.#0f172a
2.#1e3053
כך זה נראה אצלי:
עכשיו אנחנו רוצים ליצור את המעגל של הכפתור.. זה יהיה הבסיס שלנו לכל הדרך
יוצרים מעגל וצובעים אותו .. לא משנה איזה צבע כרגע אנחנו נערוך אותו.
יפה.. נעשה Ctrl+D - Deselect ונוסיף לשכבה הזו את האפקטים הבאים:
1.Inner Glow
2.Grandient Overlay
Grandient Overlay I
Grandient Overlay II
3.Stroke
אמורה להתקבל תוצאה כזו בערך:
ניססס!! .. טוב יצרנו את הבסיס שלנו.. עליו אנחנו נעבוד וננסה לעשות אותו כמה שיותר יפה !!
נמשיך..
שלב II:
נפתח שכבה חדשה ונעשה בה עיגול קטן בצדן ימין יותר קטן מן העיגול שלנו ונצבע בלבן:
אוקיי Ctrl+D - Deselect, נשכפל את השכבה, את השכבה המשוכפלת נוזיז לצד כך שיתקבלו שתי מעגלים שנוגעים אחד בשני!
יפה!! עכשיו לעקוב טוב!!,
נוריד לשכבה המשוכפלת את ה-Opacity ל-50% ואת ה-Fill ל-76%
אותו דבר לשכבה שאותה שכפלנו.
נאחד את שתי השכבות ע"י Ctrl+E - Merge Down, זה אמור להראות כך:
עכשיו נעבוד טיפה על שתי העיגולים עם כלי המחק, מברשת מטושטשת, Opacity - 30-40%. ככה:
יאללה עוד שכבה חדשה, בה נעשה עיגול נוסף, יפה יותר קטן מהעיגול הראשון! לא יותר מדי ולא פחות מדי! נצבע בלבן גם כן
שוב.. Deselect, הפעם נעשה מעגל נוסף שיחתוך את המעגל הראשון
נעשה אותו ונלחץ Delete.
נעגל את הפינות עם כלי המחק ככה:
*הערה:ניתן לעשות את עיגול הפינות בשיטה אחרת.. אני לא אוהב אותה.. ארוכה ומסורבלת. אז פשוט אחרי שחתחנו את המעגל הלבן שלנו נסמן את השכבה שלו - Select, נלך למעלה Select>Modify>Contract ונעשה על 1px, נפתח שכבה חדשה, נצבע את הסימון שהתקבל בלבן נמחק את השכבה הקודמת (שעליה עשינו Contract) והנה יש לנו פינות מעוגלות..
אני אישית לא אוהב את השיטה אם זה עוזר לכם תשתמשו :\
בקיצור בסופו של נתן לשכבה הזו את הערכים הבאים:
Opacity - 62%
Fill - 92%
אמורים להגיע לתוצאה דומה לזו:
שלב III:
נסמן את הכלי - Custom Shape Tool ונבחר את הצורה הבאה:
נצייר אותה כך:
לחצו עכשיו Ctrl+T - Free Transform, ונגיע לתוצאה הבאה:
ניתן לו טיפה Filter>Blur>Gaussian Blur, ככה על 0.5 אפילו פחות.. כשהתוכנה תציג לכם את ההודעה האם אתם רוצים להפוך הת הצורה לשכבה רגילה תסמנו שכן!
נגדיר את השכבה כך:
Opacity - 81%
Fill - 89%
אמורה להתקבל התוצאה הבאה:
תוצאה סופית:
את התוצאה אפשר להפוך לכל מני דברים.. לא חייב להשים את סימן ה-Play באמצע.. אפשר דברים אחרים וזה מאוד יפה לאתרים.. בהצלחה!!!
נ.ב
מקווה שנהנתם,לחצו כאן כדי להורד את קובץ העריכה של מדריך זה (PSD).
אממ.. אם אתם מפרסמים את זה במקום אחר.. רק קרדיט לי אחים שלי!
המדריך היה לחברים ובגלל זה הוא כזה מפורט.. מקווה שעזר לכם במשו
ציטוט ההודעה
נכתב במקור על ידי Flash
