©°¨¨¨™¤¦¤™«رًٍُْوعـْ~ًٍَُِـة الكْـ~ًًًٍُِــوًًًًًًٍِن»™¤¦¤™¨¨¨°©

©°¨¨¨™¤¦¤™«رًٍُْوعـْ~ًٍَُِـة الكْـ~ًًًٍُِــوًًًًًًٍِن»™¤¦¤™¨¨¨°©
 
الرئيسيةالرئيسية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  الأعضاءالأعضاء  المجموعاتالمجموعات  دخولدخول  

شاطر | 
 

 :::4:::درس تصميم [الوسط+القوائم](دورة تصميم واجهة موقع)

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin
avatar

عدد الرسائل : 15
تاريخ التسجيل : 21/11/2007

مُساهمةموضوع: :::4:::درس تصميم [الوسط+القوائم](دورة تصميم واجهة موقع)   03.12.07 14:59

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

والصلاة والسلام على اشرف الانبياء والمرسلين سيدنا محمد

عليه افضل الصلوات والتسليم

اولا احب ان اقدم اعتذاري عن تأخري عن اكمال الدروس


حقوق الدرس محفوظة للأستاذ المعاقب


واليوم اعود لكم بالدرس الرابع من هذه الدوره وهو من اطول دروسها

ولقد اختصرت بعضا من العمليات بالكلام فقط لأننا قمنا بفعلها بالدروس السابقة

سأقوم بتقسيم هذا الدرس الى قسمين الاول (ما تبقى من الوسط)
الثاني (القوائم )

لنقل بسم الله ونبدا

اختر اداة البن توول

ارسم شكلا حسب الصوره بالاسفل او اي شكل حسب ذوقك



الان قم بالضغط بأستمرار على كل نقطه مع ALT واجعل تحديد الزوايا بشكل منحني



الان لنقم بوضع بعض التعديلات على الخصائص

اذهب الي Blending options
وضع هذه الاعدادات





ملاحظه: بالنسبة للألوان عند الـ Drop shadow اختر لون فاتح قليلا وعند Inner Glow
اختر لون اغمق

الان قم بتكرير اللير وضعه اسفل اللير السابق (فوق الخلفية مباشره )

واختر Layer>>Layer style>>clear لمسح الاعدادات السابقه عن اللير الجديد

اضغط على Ctrl+t وقم بتكبير حجمه قليلا وجعله على طول الواجهة



الان لنقم بأعطائه الخصائص التالية







واجعل الشفافيه 58%

الان قم بتكرير اللير واضغط على Ctrl+T ثم
Edit>>>transform>>>flip horizontal

وضعه في الجهة المقابله

ملاحظة مهمه: ادخل على خصائص اللير الاول (الصغير) وعدل التالي
Drop Shadow غير الـ Angel من 180 الى صفر

وايضا خصائص اللير الثاني( الكبير)
Inner Shadow عدل الـ Angel من صفر الى 180

الان قم بتكرير لير الخلفية الاصليه وضع له هذه الخصائص



الان لننتقل الى القسم الثاني من الدرس وهو القوائم

طبعا هناك عدة افكار بالنسبة للقوائم وكل مصمم وافكاره

ورايت فكره اعجبتني (فوكس) واحببت ان اطبقها في هذا الدرس مثلا انا اخترت الشكل الدائري

ولكن انت تستطيع ان تختار الشكل الذي تريد ....

اختر الشكل وارسم منه شكلا واحدا وكرره اربع مرات وانقله في اماكن متعدده من الواجهة (او مرتين )

وضع له هذه الخصائص:



وهذه النتيجه



والان اختر اداة البن توول وارسم شكلا على ان يكون مطابقا لشكل القائمة كالتالي:



الان لنقم بوضع الاعدادات التالية للشكل الجديد





الان قم بأختيار احد الاشكال للتصميم مثلا هذا



وضعه على زاوية القائمة ولتقم بوضع الخصائص التالية لهذا الشكل




الان كرر اللير واقلبه وضعه على جميع الاشكال الخاصه بالقوائم

وهذه هي النتيجة.....


لنقم بالعبث قليلا بالمنتصف

اختر اداة رسم المربعات



ولنرسم شكلا مربعا



ضع اللير اسفل جميع الليرات وفوق الخلفية وضع له هذه الخصائص







الشفافية 100%

ثم Filter>>disort>>zig zag



ثم كرر الفلتر من 4 الى 6 مرات بالضغط على Ctrl+F

لنقم الان بصنع مربع غير اخر اصغر من السابق واعطائه هذه الخصائص







ثم نطبق الفلتر التالي

Filter>>disort>>Twirl



اختر ما شئت من الاشكال وزين اطراف اخر مربع قمنا برسمه

وهذه هي نتيجة درس اليوم



اتمنى ان اكون قد وفقت في الشرح

واي استفسار انا جاهز الدرس طويل شوي ومتعب

لكن العلم بيحتاج تعب

يلا وروني تطبيقاتكم اخواني

والسموحة على القصور

دمتم بكل ود

^__^
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://h1m1.yoo7.com
 
:::4:::درس تصميم [الوسط+القوائم](دورة تصميم واجهة موقع)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
©°¨¨¨™¤¦¤™«رًٍُْوعـْ~ًٍَُِـة الكْـ~ًًًٍُِــوًًًًًًٍِن»™¤¦¤™¨¨¨°© :: ::• المنتديات التقنية •:: :: منتدى التصميم والجرافيك-
انتقل الى: