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

مشاهدة النسخة كاملة : تصميم واجة لموقع بطريقة جديدة



salima
10-30-2013, بتوقيت غرينيتش 07:08 AM
بسم الله الرحمن الرحيم

إسم الدرس مفصل : تصميم واجة لموقع إحترافي لكن سهل جداً

في البدايه نفتح عمل جديد بقياس 800 * 850



http://www.la3younk.com/images/u78f8c1but1bdkhbb5q.jpg (http://www.la3younk.com/images/u78f8c1but1bdkhbb5q.jpg)

الأن ندرج اي صوره برخب ان تكون خلفيه كما هو موجود لكم في الشكل

http://www.la3younk.com/images/hdo4uj1tl9vinm9f2n7a.jpg (http://www.la3younk.com/images/hdo4uj1tl9vinm9f2n7a.jpg)

انا إختر هاي الصوره ... (http://www.7arat-jo.com). الصوره موجوده في اخر التصميم

http://www.la3younk.com/images/be420t7uketrrxeih0f8.jpg (http://www.la3younk.com/images/be420t7uketrrxeih0f8.jpg)

الأن نقوم بنقل الصوره الأوله إلى مجال التصميم كما هو موضح لكم

http://www.la3younk.com/images/lw9l33etzd6rzqfcaa82.jpg (http://www.la3younk.com/images/lw9l33etzd6rzqfcaa82.jpg)

الأن قم برسم مستطيل على حقل العمل ولا ننسا ان نضع لير جيد

http://www.la3younk.com/images/at84srozvu1q0wsrhgfu.jpg (http://www.la3younk.com/images/at84srozvu1q0wsrhgfu.jpg)

الأن نلونه المستطيل بلون الرصاصي كما
Alt + delete هو موضح لكم لتلوين المستطيل ننقر من الكيبورد على


control + D يجب ان يكون الشكل كتالي .... لإزالة التحديد نكبس من الكيبورد على

http://www.la3younk.com/images/hac2vzo54mmroqc03bm.jpg (http://www.la3younk.com/images/hac2vzo54mmroqc03bm.jpg)



الأن نقوم بنقر مرتان على الير رقم 2 كما هو موضح ونضع القيم التاليه كتالي... (http://www.vb.7arat-jo.com)
نعيد الكره 3 مرات لاكن بأشكال مختلفه

http://www.la3younk.com/images/cpnfa45f9b7bqqae7jvc.jpg (http://www.la3younk.com/images/cpnfa45f9b7bqqae7jvc.jpg)

http://www.la3younk.com/images/e6rlkii2n25c9eayu0dj.jpg (http://www.la3younk.com/images/e6rlkii2n25c9eayu0dj.jpg)

http://www.la3younk.com/images/2qukgjh4jlf8qdm4b6o9.jpg (http://www.la3younk.com/images/2qukgjh4jlf8qdm4b6o9.jpg)
يجب ان يكون الشكل كتالي

http://www.la3younk.com/images/nq9r7hid6rk481i66o75.jpg (http://www.la3younk.com/images/nq9r7hid6rk481i66o75.jpg)

199ad1 الأن نقوم بتغير الون ونضع القيمه التاليه في اخر مربه كما هو موضح لكم

http://www.la3younk.com/images/7ccxm0skxfxcn818iki9.jpg (http://www.la3younk.com/images/7ccxm0skxfxcn818iki9.jpg)

الأن نضع لير جديد ومن ثم نرسم مستطيل اخر في داخل المستطيل الاول ونلونه بلون الأزرق كما هو موضح في الشكل التالي

http://www.la3younk.com/images/hnvjc3ky4etb7oo3mprj.jpg (http://www.la3younk.com/images/hnvjc3ky4etb7oo3mprj.jpg)

الأن قم بكتابة اي شيء على البنر انا راح اكتب إسم الموقع .. (http://www.vb.7arat-jo.com). الكتابه بلون الأبيض

http://www.la3younk.com/images/swc1f0rmgu1y26zv5vst.jpg (http://www.la3younk.com/images/swc1f0rmgu1y26zv5vst.jpg)

الأن نرسم مستطيل التالي لكي نأخذ شكله كما هو موضح لكم في الشكل التالي...


http://www.la3younk.com/images/erkqycn0yuyltpautcqr.jpg (http://www.la3younk.com/images/erkqycn0yuyltpautcqr.jpg)


الأن نقوم بتحويل المستطيل إلى صوره بأدات المحاي كتالي .. (http://www.vb.7arat-jo.com).. وننقر في اي مكان

http://www.la3younk.com/images/290rlgj7w4e77rv0anzi.jpg (http://www.la3younk.com/images/290rlgj7w4e77rv0anzi.jpg)

الأن بأدات العصى السحريه نقوم بتحديد المستطيل

http://www.la3younk.com/images/3qhz53yauxl7j2tbfbo.jpg (http://www.la3younk.com/images/3qhz53yauxl7j2tbfbo.jpg)
من الكيبورد لتفريغ الون بعد التحديد نكبس على Delete
يجب ان يكون الشكل كتالي ...
(http://www.7arat-jo.com)
http://www.la3younk.com/images/m4tvt50fdw7ra2douz.jpg (http://www.la3younk.com/images/m4tvt50fdw7ra2douz.jpg)

الأن نطبق التالي لأنو اهم شي الأن خليكم مع الصور
الان نطبق الصور الثلاث

http://www.la3younk.com/images/pxa3j2g8j0pu0iky36d.jpg (http://www.la3younk.com/images/pxa3j2g8j0pu0iky36d.jpg)

http://www.la3younk.com/images/sdz029nt7l7jmlphp4ky.jpg (http://www.la3younk.com/images/sdz029nt7l7jmlphp4ky.jpg)

http://www.la3younk.com/images/k893b320q6ccw90jrk.jpg (http://www.la3younk.com/images/k893b320q6ccw90jrk.jpg)



الصوره المستخدمه في التصميم




http://www.la3younk.com/images/k5sg6mhvfpcddo08du5s.jpg (http://www.la3younk.com/images/k5sg6mhvfpcddo08du5s.jpg)


تم بحمد الله الدرس مفصل بنجاح
الشكل النهائي مع الإضافات

TNT أخوكم


http://www.la3younk.com/images/dlguprelda0blu03ya7n.jpg (http://www.la3younk.com/images/dlguprelda0blu03ya7n.jpg)




مع تحيآت فريق عمل منتديات حارات الأردن http://www.dzbatna.com/images/smilies/cupidarrow.gif
http://www.7arat-jo.com (http://www.vb.7arat-jo.com/)
http://www.vb.7arat-jo.com (http://www.vb.7arat-jo.com)





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

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


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