כפתור הורדה עם אפקט תלת-מימד



שתפו את הפוסט

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

אנחנו נעבוד עם fureworks אבל אין שום מניעה לעשות את אותה עבודה גם עם תוכנות גרפיות אחרות.
נפתח את התוכנה וניצור מסמך חדש.
נבחר את כלי המלבן (rectangular tool) נצייר ריבוע. נוסיף roundness של 38% או כמה שתרצו. ניתן גריידיאנט לצורה וסטרוק של 7 פיקסלים. ובנוסף הוספתי פילטר של hue and saturation. כך נוכל לשנות בקלות את צבע הכפתור. וזו התוצאה כרגע:

download2

בשלב השני נוסף עיגול בצבע שחור או אפור כהה וניתן לו פילטר בלר (blur) כך שהאפקט שייוצר הוא של חור או מנהרה:

download211

עתה ניצור חץ כלפי מטה (שהרי מדובר בכפתור הורדה. נשכפל את החץ ומהשכבה התחתונה ניצור מעין צל לחץ העליון:

download3

ועתה כל שנותר הוא להוסיף טקסט ואולי שיכבה היוצרת תחושה של זכוכית בוהקת וסיימנו:

downloadfour

וזהו.
על מנת להפוך את הכפתור לדינאמי יותר ניתן לחשוב על הבאתו לפלאש ויצירת אנימציה של החץ.
מקווה שנהנתם.



שתפו את הפוסט

אולי יעניין אתכם לקרוא גם:


כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

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