kaito kodo
28-1-2007, 01:30 AM
http://www.9m.com/upload/28-01-2007/0.8755701169937458.jpg
السلام عليكم ورحمه الله وبركاته
كيف حال الجميع أتمنى أن يكون الجميع بخير وان يكون الجميع قد أنهى الأمتحانات على خير أن شاء الله .
اليوم أقدم لكم درس فى تصميم واجهه موقع أو Home Page لقد قلت لنفسى أن أقدم للجميع درس قوى بمناسبه أنتهاء
موسم الأمتحانات أتمنى أن يعجبكم الدرس أن شاء الله وأى سؤال فى الدرس أنا حاضر لإجابه أى سؤال أن شاء الله والأن إلى الدرس .
لنفتح برنامج الفوتوشوب ونفتح صفحه جديده بمقاس 778X584 بيكسل طبعا وبخلفيه بيضاء أيضا كما بالشكل .
http://www.9m.com/upload/28-01-2007/0.4943201169937554.jpg
يجب عند تصميم واجهه موقع ان يكون هناك دقه كبيره جدا فى ترتيب العمل لذلك سنقوم بأضافه Grid للعمل
وهذا الأختيار يمكننا من تحديد المساحه التى نريدها من خلال المربعات التى ستظهر فى ساحه العمل .
http://www.9m.com/upload/28-01-2007/0.94501169937685.jpg
ثم بعد ذلك سنقوم بأضافه Layer جديد وسيكون بالأسفل وسنحدده بثلاث مربعات من أسفل التصميم ويتم تلوينه بأى لون تختارته
أو ليتم تلوينه كما بالشكل أكتب الكود التالى 356AC8 فى المكان الموجود بالشكل وهو كود اللون طبعا
http://www.9m.com/upload/28-01-2007/0.38901169988645.jpg
ثم بعد ذلك سنقوم بأضافه Layer جديد للعمل ولكن هذه المره سيتم أضافته من أعلى الصفحه ونقوم بأستخدام
أداه التدرج (Gradient) وذلك لأضافه تردج لونى من لونين الى هذه المنطقه .
http://www.9m.com/upload/28-01-2007/0.6735801169937827.jpg
مره أخرى نضيف Layer جديد للعمل ونحدد مربع ونصف فقط من الأعلى ثم نضيف أليه اللون بالكود السابق 356AC8
ثم بعد ذلك نفتح صندوق Blending Options ونختار منه Drop Shadow
ولمن لا يعرف كيفيه الوصول الى الى صندوق Blending Options عن طريق :
الضغط مرتين متتاليتين على اللير الذى به العمل فسيظهر لك صندوق Blending Options ونختار منه Drop Shadow
وهناك طريقه اخرى
من القائمه الرئيسيه نختار Layer > Layer Style > Drop Shadow
http://www.9m.com/upload/28-01-2007/0.154011699336.jpg
وعلى نفس التحديد الموجود نختار أداه Single Row Marquee ونقوم بتعبئتها
ثم نضع لها Stroke باللون الأبيض بمقدار 1 بيكسل من صندوق Layer Style كما تم شرحه بالفقره الماضيه .
http://www.9m.com/upload/28-01-2007/0.7811501169938781.jpg
بعد ذلك نقوم بأضافه Layer جديد وسنحدده بمربعين ونصف من بدايه أنتهاء اللون الأزرق كما بالشكل ثم نضيف أليه
تدرج لونى بلونين الأبيض والبرتقالى كما بالشكل .
ثم نضيف له Drop Shadow
http://www.9m.com/upload/28-01-2007/0.54701169938844.jpg
حتى الأن من المفترض ان نكون قد وصلنا الى هذه المرحله من الشكل ومن لم يصل الى ذلك الشكل فهناك خطأ ما لديه
فعليه مراجعه الخطوات
http://www.9m.com/upload/28-01-2007/0.45118011699389.jpg
بعد ذلك نقوم بأضافه بعض اللمسات النهائيه للواجهه والمواضيع التى سوف تكتب بها مثل ما تم أضافته للشكل
وبعض الخطوط أيضا والرموز للخروج بالشكل النهائى كما هو بالشكل
http://www.9m.com/upload/28-01-2007/0.663011699318.jpg
أتمنى أن يكون الدرس قد حاز على رضاكم وأعجابكم
وكل ما أرجوه منكم الدعاء الصالح
وشكرا جزيلا لكم مع تحياتى
Kaito Kodo
السلام عليكم ورحمه الله وبركاته
كيف حال الجميع أتمنى أن يكون الجميع بخير وان يكون الجميع قد أنهى الأمتحانات على خير أن شاء الله .
اليوم أقدم لكم درس فى تصميم واجهه موقع أو Home Page لقد قلت لنفسى أن أقدم للجميع درس قوى بمناسبه أنتهاء
موسم الأمتحانات أتمنى أن يعجبكم الدرس أن شاء الله وأى سؤال فى الدرس أنا حاضر لإجابه أى سؤال أن شاء الله والأن إلى الدرس .
لنفتح برنامج الفوتوشوب ونفتح صفحه جديده بمقاس 778X584 بيكسل طبعا وبخلفيه بيضاء أيضا كما بالشكل .
http://www.9m.com/upload/28-01-2007/0.4943201169937554.jpg
يجب عند تصميم واجهه موقع ان يكون هناك دقه كبيره جدا فى ترتيب العمل لذلك سنقوم بأضافه Grid للعمل
وهذا الأختيار يمكننا من تحديد المساحه التى نريدها من خلال المربعات التى ستظهر فى ساحه العمل .
http://www.9m.com/upload/28-01-2007/0.94501169937685.jpg
ثم بعد ذلك سنقوم بأضافه Layer جديد وسيكون بالأسفل وسنحدده بثلاث مربعات من أسفل التصميم ويتم تلوينه بأى لون تختارته
أو ليتم تلوينه كما بالشكل أكتب الكود التالى 356AC8 فى المكان الموجود بالشكل وهو كود اللون طبعا
http://www.9m.com/upload/28-01-2007/0.38901169988645.jpg
ثم بعد ذلك سنقوم بأضافه Layer جديد للعمل ولكن هذه المره سيتم أضافته من أعلى الصفحه ونقوم بأستخدام
أداه التدرج (Gradient) وذلك لأضافه تردج لونى من لونين الى هذه المنطقه .
http://www.9m.com/upload/28-01-2007/0.6735801169937827.jpg
مره أخرى نضيف Layer جديد للعمل ونحدد مربع ونصف فقط من الأعلى ثم نضيف أليه اللون بالكود السابق 356AC8
ثم بعد ذلك نفتح صندوق Blending Options ونختار منه Drop Shadow
ولمن لا يعرف كيفيه الوصول الى الى صندوق Blending Options عن طريق :
الضغط مرتين متتاليتين على اللير الذى به العمل فسيظهر لك صندوق Blending Options ونختار منه Drop Shadow
وهناك طريقه اخرى
من القائمه الرئيسيه نختار Layer > Layer Style > Drop Shadow
http://www.9m.com/upload/28-01-2007/0.154011699336.jpg
وعلى نفس التحديد الموجود نختار أداه Single Row Marquee ونقوم بتعبئتها
ثم نضع لها Stroke باللون الأبيض بمقدار 1 بيكسل من صندوق Layer Style كما تم شرحه بالفقره الماضيه .
http://www.9m.com/upload/28-01-2007/0.7811501169938781.jpg
بعد ذلك نقوم بأضافه Layer جديد وسنحدده بمربعين ونصف من بدايه أنتهاء اللون الأزرق كما بالشكل ثم نضيف أليه
تدرج لونى بلونين الأبيض والبرتقالى كما بالشكل .
ثم نضيف له Drop Shadow
http://www.9m.com/upload/28-01-2007/0.54701169938844.jpg
حتى الأن من المفترض ان نكون قد وصلنا الى هذه المرحله من الشكل ومن لم يصل الى ذلك الشكل فهناك خطأ ما لديه
فعليه مراجعه الخطوات
http://www.9m.com/upload/28-01-2007/0.45118011699389.jpg
بعد ذلك نقوم بأضافه بعض اللمسات النهائيه للواجهه والمواضيع التى سوف تكتب بها مثل ما تم أضافته للشكل
وبعض الخطوط أيضا والرموز للخروج بالشكل النهائى كما هو بالشكل
http://www.9m.com/upload/28-01-2007/0.663011699318.jpg
أتمنى أن يكون الدرس قد حاز على رضاكم وأعجابكم
وكل ما أرجوه منكم الدعاء الصالح
وشكرا جزيلا لكم مع تحياتى
Kaito Kodo