اساسيات تصميم المواقع
درس تصميم موقع كامل [1]

السلام عليكم ورحمه الله وبركاته

بداية الدرس:

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


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


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


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


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


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


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


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


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


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


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


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


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


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

تابع الدرس القادم

درس تصميم موقع كامل [2]

السلام عليكم ورحمه الله وبركاته


اخواني:
هذا الدرس تكملة درس تصميم موقع كامل [1]


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


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


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


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


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


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


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


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


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


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


يتبع الدرس القادم

درس تصميم موقع كامل [3]

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


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


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


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


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


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