-
1 נבחר בצורת המרובע מעוגל הפינות שבכלי הצורות הוקטורית. אפשר לבחור אותה ע"י לחיצה מאורכת על הכלי בסרגל הכלים, או למעלה בסרגל אפשרויות הכלי. ה-Radius שולט בכמה מעוגלות יהיו פינות המרובע. הכפתור שלי מעוגל רק קצת (חמישה ס"מ), אבל גם כפתורים עם פינות מעוגלות יותר הולכים יופי.
טיפ: מחקרים מראים שגולשי אינטרנט נוטים ללחוץ על כפתורים ירוקים יותר מאשר על כפתורים בצבע אחר. מנחשים למה? חשבו מה הכפתור הכי לחיץ אצל משתמשי חלונות...
-
2 אחרי שציירנו את הכפתור בגודל ובצורה המתאימה, נפתח את חלון האפקטים ע"י לחיצה עם הכפתור הימני של העכבר על השכבה ובחירה באפשרות ה-Blending Options (או לחיצה כפולה על השכבה).
האפקט הראשון שנוסיף הוא מעבר צבע. יש לתת לכפתור גרדיאנט שיתחיל מצבע בינוני בכהותו, ולקראת תחתית הצורה ייעשה בהיר ומבריק (כדאי ללכת על הצבע שנמצא בפינה הימנית עליונה בפלטה).
-
3 האפקט השני: Inner Shadow. אנחנו למעשה מכהים את חלקו העליון של הכפתור, כדי שההשתקפות המוארת שתבוא בקרוב תבלוט עליו היטב. ההגדרות המדוייקות תלויות בגודל הכפתור שיצרתם ובצורתו, כך שאין צורך להעתיק אותן מכאן; צריך להגיע למצב שהצל מאוד רך (מחוון ה-Size) ומכסה את החלק העליון של הכפתור אבל לא את הגוון הבהיר יותר. חשוב שהזווית ממנה מגיע הצל תהיה 90 מעלות.
-
4 האפקט השלישי פשוט: קו מתאר מסביב לכפתור. זה שלב שאפשר לוותר עליו, אבל הוא מגדיר את הכפתור היטב. אני בחרתי בגוון כהה של ירוק, אבל אם הכפתור יושב על רקע כהה, אפשר להבליט אותו עם קו מתאר בצבע בהיר.
-
5 עכשיו להשתקפות הויסטה-ית המפורסמת. נצייר מרובע מעוגל-פינות נוסף בחלקו העליון של הכפתור שלנו, כשבינו לבין הכפתור רווח של פיקסל אחד (אפשר יותר, אבל חשוב שמכל הצדדים יהיה אותו מרחק). בקצה התחתון, ההשתקפות תגיע כמעט עד אמצע הכפתור.
-
6 נפתח את תיבת האפקטים עבור השכבה החדשה שיצרנו (קליק עם הלחצן הימני של העכבר ו-Blending Options) ונתחיל בעריכת ה-Gradient. במקום השחור הדיפולטי נכניס לבן, כך שלמעשה יש לנו (בינתיים!) מעבר צבעים קצת טפשי בין לבן ללבן. עכשיו נלחץ על החץ הקטן *שמעל* פס הגרדיאנט בצד שמאל, ובשדה שהסתמן נכניס 10. החצים שמעל פס הגרדיאנט אחראיים על השקיפות שלו באזורים שונים, ובעזרתם יצרנו גרדיאנט מלבן ל(כמעט) שקוף.
-
7 בינתיים נראה ששום דבר לא השתנה, מכיוון שאנחנו עדיין רואים את צבע הבסיס של הצורה שמציץ מתחת לגרדיאנט השקוף. בשביל להפטר ממנו נוריד את ה-Fill של השכבה ל-0. ככה מוצגים רק האפקטים של השכבה, ולא צבעי הבסיס שלה.
טא-דאא! הכפתור כבר כמעט מוכן. אפשר לשחק קצת עם ה-Opacity של התאורה הלבנה כדי לעדן אותה קצת, אבל מתחת ל-85% היא כבר מאבדת מהרושם שלה.
-
8 הטקסט והפונט הוא כמובן לבחירתכם. הצבע המומלץ לכפתורים האלה הוא לבן, או גוון בהיר של צבע הכפתור. אפשר לתת לטקסט Stroke עדין כדי להבליט אותו קצת, אבל לא כדאי להגזים עם אפקטים על הטקסט שיסתירו את יצירת המופת שיצרתם תחתיו.
-
9 לשיפוץ אחרון אפשר להוסיף Drop Shadow עדין, בצבע מעט כהה יותר מהרקע, שמוסיף לתחושה התלת-מימדית של הכפתור.
-
10 זהו, הרי לכם כפתור אקווה נעים לעין שיביא לכם קליקים לרוב או לפחות "אווווו.." מכל מי שיסתכל. אפשר לשנות את הגוון של הכפתור לכל מה שנראה לכם, רק חשוב לזכור לשנות את כל האפקטים בהתאם: גרדיאנט, Inner Shadow ו-Stroke לכפתור עצמו ו-Stroke לטקסט.
שימו לב: מכיוון שהכפתור עשוי כולו מצורות וקטוריות אפשר להגדיל, להקטין ולעוות אותו כמה שרוצים, אבל עדיף לעשות זאת ע"י הזזת הנקודות הוקטוריות בעזרת החץ הלבן (מקש קיצור A) ולא ע"י Transform, כדי לא לפגוע בעיגול הקצוות המדויק.
כל הזכויות שמורות ל-www.pisty.co.il
|