درس تصميم موقع كامل من الألف الى الياء شرح ممل

بسم الله الرحمان الرحيم
و الصلاة و السلام على أشرف المرسلين
و على آله وصحبه و التابعين






بداية الدرس:

1- فتح برنامج الفوتوشوب ثم فتح عمل جديد بالمقاسات المطلوبه...شاهد الصوره




2-نقوم بانشاء طبقه جديده ثم نرسم مستطيل كم بالصور



3-نقوم بتعبئة المستطيل باللون الي تبي وانا اخترت كما بالصوره



4- نقوم الان بعمل التأثير التدرجي اللوني للمستطيل



5-نقوم الان بعمل حد للمستطيل الذي سويناه



6-الحين نقوم بانشاء طبقه جديده ونرسم مستطيل البنر كما بالصوره



7-ثم نقوم بنعبئة مستطيل البنر باللون المتدرج كما بالصوره



8-شاهد نتيجة عملنا السابق....
نقوم بعمل نسخه اخرى من المستطيل الاول الرمادي وهو الحد العلوي للبنر



9-نعمل نسخه اخرى من المستطيل الاول كما ذكرنا ..بالضغط بزر الماوس اليمين
على الطبقه...كما بالصوره



10- الان يكون عندنا نسخه من الحد العلوي




11-نقوم الان بسحب الحد اللي سوينا له نسخه الى اسفل البنر
عشان يكون حد ثاني للبنر




12-هذه عملية السحب والصوره توضح




13- فيكون عندنا هذا الشكل بعد كل الخطوات التي عملناها

14- الان نقوم بعملية مؤثر الباترن وتعبئة البنر..كما بالصوره



15-نقوم بانشاء صندوق محتويات لروابط او ازرار او نصوص



16-الان نرسم رأس الصندوق كما بالصوره



17-تكملة تصميم رأس الصندوق




18-الان نقوم بنسخ نفس مؤثرات اللي سويناها على احد الحدين..كما بالصوره




19-الان ننشئ طبقه لنرسم عليها مستطيل في الجزء اليمين لرأس الصندوق..كما بالصوره




20-فينتج لنا هذا الشكل كما بالصوره




21- نقوم بتعبئته باللون اللي يناسبك وانا اخترت البني القريب من البنر




22- نقوم الان بعمل مؤثرات على الرسم اللي رسمنا...كما بالصوره


23-الان نقوم بعمل كما بالصوره

الدرس 3



1-نقوم بانشاء مجلد مخزن الطبقات..لنجمع طبقات المحتوي
فيه بحيث نستطيع عمل منه نسخه اخرى بدل تصميمه من جديد
ليكون عندنا صندوق محتوى ثاني



2-الان لديك مجلد الطبقات والطبقات بداخله...والشكل يوضح




3- لعمل نسخه من صندوق المحتوى نضغط على زري
ctrl+j فينشئ لنا نسخه منه نسحبها بالاسهم الى اقصى اليسار لتكون لنا صندوق اخر




4-ننشئ مجلد خازن طبقات وذلك لنصنع الصندوق الكبير اللي بيجي في الوسط




5-لصنع صندوق المحتوى الكبير نعمل كما عملنا في الصندوق الاول
وكيف انشأناه طبعا بيكون العرض فيه اكبر بشوي
وباقي الامور زي ماهي




6- الان جاء دور الفوتر ولتصميمه اعمل كما بالصوره التاليه