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


درس لتصميم موقع خاص فيك..خطوه خطوه...كامل
فقط طبق معنا الخطوات....ويكون عندك موقع خاص فيك باذن الله


بداية الدرس:

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


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


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


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


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


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


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


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


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


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



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



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



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






يتبقى الان :
الازرار - ومربعات المحتويات - والمؤثرات الجماليه (الباترن - الكونتراكت -
والسموث..وغيرها) ...........يتبع

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


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


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


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



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



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



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



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



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


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

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


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



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



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



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



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





اتمنئ ان يكون الشرح عجبكم اتمنئ لكل اعضاء قلب بغداد التوفيق ان شاء الله