بسم الله الرحمن الرحيم
الصلاة والسلام على أشرف الأنبياء والمرسلين نبينا محمد وعلى آله وصحبه أجمعين ومن تبعهم بإحسان إلى يوم الدين أما بعد
السلام عليكم ورحمة الله وبركاته
إخواني في هذا الدرس سأقوم بشرح تصميم نموذج مراسلة إحترافي بإستخدام برنامج الفوتوشوب
وبعد ذالك في موضوع مستقل آخر سيتم شرح طريقة تركيب النموذج في صفحة إنترنت وكتابة الكود الخاص بإرسال الرساله عن طريق ASP بلغة البرمجة #C
المصدر : http://www.abdulmalik.althari.com
بعد تنفيذ هذا الدرس ستقوم بعمل نموذج مراسله مثل هذا إن شاء الله تعالى
الأن بسم الله نبدأ الدرس
-------------------
1 - أفتح برنامج الفوتوشوب
2 - أفتح صفحه جديده
بالمقاسات التالية , العرض 500 والإرتفاع 470 كما في الصورة التالية
3 - الأن في صندوق الأدوات الموجود في الفوتوشوب كما في الصوره أختر أداة المربع ذات الزوايا المائلة
وأكتب في خانة Radius رقم 10 وهو يمثل درجة ميلان الزوايا
4 - الأن أرسم مربع كبير يمثل خلفية نموذج المراسله كما في الصورة التالية
5 - من نافذة الطبقات Layers ( إذا لم تكن مفتوحه أضغط F7 لتضهر ) قم بالضغط على الطبقه المربعه التي تمثل خلفية نموذج المراسله بالزر الأيمن من الفاره
وأختر الخيار Blending , ستضهر لك نافذه مهمه وهي نافذة Layer Style وتمثل ستايل او شكل او تنسيق الطبقه
الأن قم بعمل كما في الصور
ليضهر كما في الصورة :)
6 - الأن سنقوم بتصميم مستطيل يمثل عنوان النموذج كما في الصورة
ومن Layer Style أعمل كما في الصور
لتضهر النتيجة
الأن سنقوم بإضافة حركه جميله لتزيد مستطيل العنوان أكثر جمالاً وهي لمعه بسيطه ولكنها مؤثره :)
قم بمضاعفة الطبقه لمستطيل العنوان كما في الصوره
ثم قم بمسح التأثيرات التي عليها لتكون ( ساده )
أضغط على هنا وأختر اللون الأبيض
الأن أضغط على الطبقه الزر الأيمن من الفاره وأختر Resterize Layer ليمكنك قص المستطيل
وكما في الصوره
الأن قم بقص المستطيل هكذا
ثم أختر درجة الشفافية 50%
لتضهر النتيجة :)
7 - الأن سنقوم بإضافة تصميم مستطيل للحقول الخاصه بنموذج المراسله
أرسم مستطيل كما في الصوره
ثم أعطه التأثيرات التاليه
لتضهر النتيجه كما في الصوره
الأن أضغط على الطبقه بالزر الأيمن واختر هذا الخيار ليتم مضاعفة الطبقه
ثم أنزلها قليلاً
كرر العمليه لتقوم بمضاعفة الطبقه مره أخرى
الأن يأتي دور حقل نص الرساله نقوم بتصميم مربع بهذا الشكل
ثم نقوم بإضافة التأثيرات التاليه
الأن نقوم بتصميم مربع زر الإرسال كما في الصوره
ونضيف التأثيرات عليه
الأن أنتهينا ما بقي إلا عناوين النموذج نقوم بكتابتها بكل سهوله عن طريق أداة الخط
ليضهر النموذج بهذه النتيجة :) ...
الأن بإستخدام الفوتوشوب سنقوم بعمل حركه ليتم تقطيع التصميم وإضهاره على صفحة إنترنت
من صندوق الأدوات أختر أداة التقطيع
وقم بتقطيع النموذج كما في الصوره
بعد ذالك أضغط على File >> Save for Web...
ثم أضغط Save
وأختر المجلد الذي تريد حفظ الملفات فيه
ستكون الملفات هكذا
index.htm <<< صفحة الإنترنت الذي سيعرض فيه النموذج مقطع ومركب في جداول وجاهز للإستخدام
images <<< مجلد الصور وهي مقطعه أتوماتيك هديه من الفوتوشوب ^_~
قم بفتح ملف index.htm لترى تطبيق عملك كاملاً :) على صفحة إنترنت *_^
لتكملة الدرس إنتقل إلى الخطوة التاليه ...........
---# إنتهى الدرس الأول #---
أتمنى أني أفدت الكثير بجهداً وفير , وشكراً لكم لحسن إستماعكم ^_^
وهديه لكم (( ملف الفوتوشوب لنموذج المراسلة + نموذج المراسلة مقطع ومركب ))