שטיגליץ עיצובים

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


מאי 11, 2015 6:31 pm

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

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

download2

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

download211

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

download3

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

downloadfour

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

כתיבת תגובה

ספק שם מלא

@

אנא ספק כתובת דוא"ל תקפה

אנא ספק כתובת אינטרנט תקפה. כגון: http://www.yoursite.com

Show Buttons
Hide Buttons