اساسيات تصميم المواقع
درس تصميم موقع كامل [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- الان جاء دور الفوتر ولتصميمه اعمل كما بالصوره التاليه

انا زعلان من الفوتوشوب


بس الدرس رائع

ولج تقييم طشخه (( مب شي طشخه نردها كشخه احلى ^_^ ))

يعطيج العافية

شرح مبسط وبسيـط لفكره واساسيات تصميم الموقع


وطبعا الابداع يعود الى المصم في اخراج التصميم بصوره رائعه

تحياتي ومشكور على الدرس


يستاهل تقيم

شكرا لكي على النقل الموميز

وشكرا لصاحب الدرس على هذا الدرس الرائع

تحياتي

سوري على الرد السابق كان بالخطئ

شكرا على الدرس اختي يعطيكي العافية

تحياتي

مشكوره وبارك الله فيك اختي

طريقة مفيدة شكراً لك اختي