المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس مفصل تصميم الوسط من الزير<< الجزء الثالث والنهائي



salima
10-30-2013, بتوقيت غرينيتش 02:59 AM
السلام عليكم


كيفكم ان شالله بخير



اخواني


تعلمنا كيف نصميم الهيدر header والفوتر بالدروس الماضيه واليوم


ننهي التصميم الي هو الوسط




بسم الله




نروح تحت مره في تحت الهيدر header والفوتر



ونضيف طبقه جديده





تكون تحت الهيدر header والفوتر مهم جدا



نتختار الشكل الموضح بالصوره

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7971



بعدها كلك يمين ونتختار اي شكل يعجبك انا اختر الشكل هذا


http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7968


اللحين نرسم الشكل الموضوح بالصوره ونسوي له رسترايز او صوره نقطيه


نتابع الصوره كيف طالع معنا


http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7978


شفتو كيف صاير تحت الهيدر header والفوتر

كذا تمام


اللحين نسوي عليه تأثير مثل الي بالصوره
http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7980

شفتو كيف طلع بالتأثير
http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=8052



مشالله طلع شكله حلو

نكمل الاجزا الباقيه



ونتختار شكل ثاني بطبقه جديد تحت


مثل الصوره<<انا كتبت علمنا والكلمه عملنا<<<<الله يرج مدرس مفصل الاملاءhttp://www.dzbatna.com/images/smilies/nosweat.gif http://www.dzbatna.com/images/smilies/nosweat.gif


http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=8054


ونسوي علية التأثير بالنقطة المحفوره

مثل تأثير الشكل السابق بس اللون يفرق شوي

تابع الصوره

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7984


كذا تمام



اللحين نضيف شكل لتجميل ولازم اضافه طبقه ونسوي لها رسترايز او صوره نقطيه

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7979

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

نتابع

اللحين شو كيف طلع

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7987



اللحين نضيف شكل جديد بس تحت الاشكال كلها


نتابع


http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7976


نفس التأثير بس اللون نغيره اوكي<<<<انتو عاد تقولون اوكيييييييييييييي<< ينكتhttp://www.dzbatna.com/images/smilies/nosweat.gif

شوفو وش طلع معي
بعد التأثير مثل الاشكال السابقه
http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7977


كذا انتهينا من الشكل



اللحين


نضيف الازارا


تابع ونضيف طبقه جديد بس فوق االاشكال

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=8051

ونضيف عليه تاثر

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7988


اللحين ننسخ الازار على حسب الازارا الي تبيها

اللحين طلع لي كذا

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=8050


اللحين نسوي مربع الشات


ونحطه بالوسط تابع


http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=8057


اللحين سوينا مربع الشات


ونسخنا الازارا بعد جمعها مع الشكل

تابع وتفهمها

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7973



اللحين نختار الاداه الموضحه بالصوره


http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=8055



ونرسمه ويفضل يكون غامق مثل الهيدر header


http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=8053



ونسوي نسخ لطبقه نفسها ونسحب الشكل لتحت تابع

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7969


ونسوي عليه الانعكاس


بعد مانغير حجمه مثل الصوره
http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7986



كذا تمام اللحين ناخذ المساحه

ونمسح من الطرف السفلي


تابع

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=8056



اللحين مشالله قربنا نخلص


ندمج الطبقه الموجوده فوق والي مسحناها سوا


انا طلع لي كذا


http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7989



اللحين باقي الخلفيه



نروح اخر شي تحت مره مهم مهم مهم



ونختار اللون الوردي او احمر اهم شي يكون قريب

ونبدا نسحب التدرج على كل العمل الي سويناه


تابع الصوره

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7970



اللحين تمام

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

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7972



اللحين تمام التمام

نسوي عليه باترن


تابع

http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7975







وهذا تطبيقي المتواضع




http://www.dzbatna.org/up/pic.php?u=2628Arha2&i=7985





وهذاوصلي وسلم على نبينا محمد






اي استفسار انا حاضر



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى