درس فى عمل واجه موقع ( Home Page ) للمحترفين

[kaito kodo]

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

كيف حال الجميع أتمنى أن يكون الجميع بخير وان يكون الجميع قد أنهى الأمتحانات على خير أن شاء الله .
اليوم أقدم لكم درس فى تصميم واجهه موقع أو Home Page لقد قلت لنفسى أن أقدم للجميع درس قوى بمناسبه أنتهاء
موسم الأمتحانات أتمنى أن يعجبكم الدرس أن شاء الله وأى سؤال فى الدرس أنا حاضر لإجابه أى سؤال أن شاء الله والأن إلى الدرس .

لنفتح برنامج الفوتوشوب ونفتح صفحه جديده بمقاس 778X584 بيكسل طبعا وبخلفيه بيضاء أيضا كما بالشكل .

يجب عند تصميم واجهه موقع ان يكون هناك دقه كبيره جدا فى ترتيب العمل لذلك سنقوم بأضافه Grid للعمل
وهذا الأختيار يمكننا من تحديد المساحه التى نريدها من خلال المربعات التى ستظهر فى ساحه العمل .



ثم بعد ذلك سنقوم بأضافه Layer جديد وسيكون بالأسفل وسنحدده بثلاث مربعات من أسفل التصميم ويتم تلوينه بأى لون تختارته
أو ليتم تلوينه كما بالشكل أكتب الكود التالى 356AC8 فى المكان الموجود بالشكل وهو كود اللون طبعا




ثم بعد ذلك سنقوم بأضافه Layer جديد للعمل ولكن هذه المره سيتم أضافته من أعلى الصفحه ونقوم بأستخدام
أداه التدرج (Gradient) وذلك لأضافه تردج لونى من لونين الى هذه المنطقه .



مره أخرى نضيف Layer جديد للعمل ونحدد مربع ونصف فقط من الأعلى ثم نضيف أليه اللون بالكود السابق 356AC8
ثم بعد ذلك نفتح صندوق Blending Options ونختار منه Drop Shadow
ولمن لا يعرف كيفيه الوصول الى الى صندوق Blending Options عن طريق :
الضغط مرتين متتاليتين على اللير الذى به العمل فسيظهر لك صندوق Blending Options ونختار منه Drop Shadow
وهناك طريقه اخرى
من القائمه الرئيسيه نختار Layer > Layer Style > Drop Shadow



وعلى نفس التحديد الموجود نختار أداه Single Row Marquee ونقوم بتعبئتها
ثم نضع لها Stroke باللون الأبيض بمقدار 1 بيكسل من صندوق Layer Style كما تم شرحه بالفقره الماضيه .



بعد ذلك نقوم بأضافه Layer جديد وسنحدده بمربعين ونصف من بدايه أنتهاء اللون الأزرق كما بالشكل ثم نضيف أليه
تدرج لونى بلونين الأبيض والبرتقالى كما بالشكل .
ثم نضيف له Drop Shadow



حتى الأن من المفترض ان نكون قد وصلنا الى هذه المرحله من الشكل ومن لم يصل الى ذلك الشكل فهناك خطأ ما لديه
فعليه مراجعه الخطوات



بعد ذلك نقوم بأضافه بعض اللمسات النهائيه للواجهه والمواضيع التى سوف تكتب بها مثل ما تم أضافته للشكل
وبعض الخطوط أيضا والرموز للخروج بالشكل النهائى كما هو بالشكل



أتمنى أن يكون الدرس قد حاز على رضاكم وأعجابكم
وكل ما أرجوه منكم الدعاء الصالح
وشكرا جزيلا لكم مع تحياتى
Kaito Kodo