دورة ديزاد باتنة لتصميم الإستايل styleات للمبتدئين | الدرس مفصل الأول

[Chakira]

http://www.dzbatna.com/images/icons/iconrote.gif ط¯ظˆط±ط© طھط±ط§ظٹط¯ظ†طھ ظ„طھطµظ…ظٹظ… ط§ظ„ط¥ط³طھط§ظٹظ„ط§طھ ظ„ظ„ظ…ط¨طھط¯ط¦ظٹظ† | ط§ظ„ط¯ط±ط³ ط§ظ„ط£ظˆظ„ (http://www.dzbatna.com/t724106/)




السلام عليكم ورحمة الله وبركاته
كيفكم حبايب قلبي إن شاء الله بخير
اليوم يبدأ الدرس مفصل الأول من الدورة للمبتدئين
الدروس خاصة للمبتدئين وراح تنزل الدروس كل ثلاث أيام على الكثير http://www.dzbatna.com/images/smilies/cupidarrow.gif
وهو تصميم الإستايل style , طبعاً تصميم الإستايل style يعتمد على المصمم نفسه
عموماً أنا كمصمم اخترت ألوان جميلة وتصميم خفيف ورائع !
نبدأ الدرس مفصل
أولاً نفتح الفوتوشوب على المقاس التالي
http://www.alfhod.net/dwrah/1/1.gif


نأخذ لنا ألوان هادئة بحيث أن اللون الفاتح هو لخلفية الصفحة واللون الغامق هو للإستايل style !


http://www.alfhod.net/dwrah/1/2.gif


نصبغ الصفحة باللون الفاتح الذي اخترناه


http://www.alfhod.net/dwrah/1/3.gif


نختار من أدوات الفوتوشوب هذا المربع الجميل ^
http://www.alfhod.net/dwrah/1/4.gif
نعمل الشكل التالي من خلال المربع السابق


http://www.alfhod.net/dwrah/1/5.gif





الآن اعمل التالي على طبقة الهيدر header !


http://www.alfhod.net/dwrah/1/6.gif



الآن نذهب إلى الأوبيشن أو الضبط للهيدر !



http://www.alfhod.net/dwrah/1/7.gif



الآن نذهب إلى Stroke " الحدود " ونختار حجم الحد " 1 " ولون الحد أغمق من لون الهيدر header !


http://www.alfhod.net/dwrah/1/8.gif


الآن نذهب إلى التدرجات اللونية ونختار لنا لون جميل وهادئ !


http://www.alfhod.net/dwrah/1/9.gif



الآن نذهب إلى الخيار التالي ونطبق مافيه من إعدادات وبعدها نضغط (
ok)


http://www.alfhod.net/dwrah/1/10.gif


انظروا ما أحلى هذا اللون الهادئ الجميل !


إنه الهيدر header أي رأس الإستايل style , <


http://www.alfhod.net/dwrah/1/11.gif


هذا هو الهيدر header بعد إضافة الروابط أو الأزرار كما يسميها البعض


http://www.alfhod.net/dwrah/1/12.gif


الآن نعمل دبل لاير للهيدر لكي نستخدمه فوتر أيضاً !



http://www.alfhod.net/dwrah/1/13.gif


الآن انظروا إلى الهيدر header بعد ما عملنا له دبل لاير واستخدمناه فوتر للإستايل style


http://www.alfhod.net/dwrah/1/14.gif
الآن نستخدم هذا الشكل الجميل


http://www.alfhod.net/dwrah/1/15.gif


الآن نعمل بالشكل السابق عمود على الجهة اليسرى واعكسه على الجهة اليمنى


http://www.alfhod.net/dwrah/1/16.gif


انظروا عندما عكسنا اتجاه العمود الأيسر إلى الجهة اليمنى !


http://www.alfhod.net/dwrah/1/17.gif
بحمد الله تعالى انتهينا من تصميم ستايل style جميل وأنيق ورائع ! ,


http://www.alfhod.net/dwrah/1/18.gif


توضيح بسيط لما مر علينا
الهيدر header => هو الشكل العلوي للإستايل style
الفوتر => هو الشكل السفلي للإستايل style
الأعمدة أو الأجناب => هي الأشكال التي تأتي على يمين ويسار الإستايل style

لتحميل الدرس مفصل

http://upload.dzbatna.net/dld7uG69334.zip.html

لاتنسونا من دعائكم لي ولوالدي ,
محبكم عـبـد الـلـه






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



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