تصميم زر 3D

أولا نقوم بفتح برنامج الفوتوشوب و ظبطه على الأعدادات التالية



تم نقوم بملئ الخلفية باللون التالي : ebebeb# و بعد دالك نقوم بأظافة بعض التأتيرات على الخالفية و دالك بالدهاب ألى :



و نقوم بأدخال الأعدادات التالية :



و الأن نقوم برسم الزر و دالك بأداة المربع دائرية الحواف و نقوم بأخد نفس الأعدادات الموجودة في الصورة :



تم نقوم بأظافة التدرج التالي لنفس اللير الخاص بالزر :





الألوان من اليمين ألى اليسار [56bbff] – [#3f8abc#]

تم نقوم بأظافة الأعدادات التالية :



و أيظا :



الألوان :



أكواد الألوان من اليمين ألى اليسار [4598d0] – [#5aaae0] – [#6cafdc#]

و بعد دالك نقوم بمظاعفة اللير الخاص بالزر و أزاحته نحو الأسفل لنحص على النتيجة التالية :



و نقوم بأظافة ظل بسيط للير عبر الأعدادات التالية :



و الأن نقوم بالكتابة فوق الزر كالتالي :



و لو أردنا تزيين النص أو أظافة لمسات خفيفة كما في الأعلى يمكنكم دالك عبر :



تم :



الألوان :



الألوان من اليمين ألى اليسار [e1e1e1] – [#ffffff#] لنحصل على النتيجة السابقة .

و الأن لأظافة تأتير جميل على الزر نقوم بتحديد الزر :



تم نختار أداة الفرشاة مع الأعدادات التالية :



و نقوم بعمل ظغطة من الأعلى و ظغطة من الأسفل لنحصل على النتيجة التالية :



و هكدا أنتهينا من التصميم , الأن نقوم بمظاعفة الزر تلات مراة و دالك لـ :
Normal
Active
Hover

ليكون لدينا كالتالي :


الأول : فهو الزر الدي قمنا بتصميمه
التاني : الزر قمنا بتبديل التدرج (*الصورة التالية)
التالت : قمنا بأزاحة اللير السفلي للأعلى قليلا .





الألوان من اليمين ألى اليسار [569bca] – [#3f8abc#] .

ads Around the World