=== بسم الله الرحمن الرحيم ===


[دورة] Creative Animation with CSS Xhtml JQuery
[درس مفصل 1] Creative Animation Button With CSS Xhtml
[درس مفصل 1..1] Design Button

=== وصف الدرس مفصل===
سيتم على تصميم زر بCss Xhtml
وستكون بدايه من تصميم الازرار واخراجها الى تكويدها وعمل الملفات
ستنقسم الى جزئين وكل جزء درس مفصل خاص به
حتى تتم الدروس بسهوله ولا نكبر حجم الدرس مفصل ونوجع الراس
الاول : تصميم الزر واخراجه
الثانى : تجهيز الملفات والتكويد
===البرامج المستخدمه فى هذا الدرس مفصل===
Adobe Photoshop CS5
=== الدرس مفصل ===
Setp1
setp2
Drop shadow


Gtadient Overlay


Stroke


ألنهايه

Setp 3
الكتابه على الزر
font: Helvetica LT Bold
font-size: 35px



color: #343434
Drop shadow


الناتج

Setp 4
عمل الزر الثانى

لاحظ تحت وضعط
120 px
لانى ضربت مساحة الطول فى 2
حتى اخرج مكان لزر الثانى

هنا
عملت من كل لير ليرين ونظمتهم فى جروبات

ها هو الشكل الان

اختار لير طبقة الزر الذى تحت الذى سياتى عند مرور الماوس واعمل له
Graidient Overlay


stroke

الان هو هذا الناتج النهائى




=== الدرس مفصل القادم ===
سيكون التكويد بإذن الله
=== هام ===
انتظر الدعم والتشجيع
لدوره لا تستفيد وترحل
قم بتشجيعى ولو بكلمه حتى اكمل
المسيره
والله ولى التوفيق
 اقتباس

هذا ملف تدريجات من عندى جاهزه قمت بعملها
http://www.4shared.com/file/7046fQFC/7_online.html

وهذا ملف خطوط فيه 80 خط اجنبى وغير موجودين بالعالم العربى وغير مجاني freeين
قمت بتحميلهم تورنت
http://www.dzbatna.com/showthread...3#post14801573

=== السلام عليكم ورحمة الله وبركاته ===


الصور المصغرة المرفقة



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©