[1] دورة تصميم استايل vCard3 و تركيبه بالكامل .. تصميم الاستايل و زخرفته

[abohmam]

	بسم الله الرحمن الرحيم الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين السلام عليكم و رحمة الله و بركاته هذه دورة جميلة وإحترافية لتصميم إستايل وتركيبه على اسكربت الصور الشهير وقام بإعداد الدروس الأخ AhMeD جزاه الله خيرا أنقلها لكم مع الإحتفاظ بحقوقه كاملة لهذا الجهد الطيب والمبارك   * روابط دروس الدورة: تصميم واجهة موقع أو استايل للمنتدى تحميل اسكربت vCard3 الدرس الأول الدرس الثاني الدرس الثالث الدرس الرابع   www.abc4web.net أهلا و سهلاً بكم إخواني الكرام في أول حلقة من دورة تصميم استايل vCard3 ،،، * لتحميل السكربت بالإصدار vCard3.1 مع شرح التركيب : http://www.abc4web.net/vb/showthread.php?t=2290 باسم الله نبدأ : أولاً : عليك بمراجعة الحلقة الأولى في دورة تصميم الواجهات لتصميم هيكل الواجهة (الاستايل) فالدورة هنا ستعتمد على نفس التصميم : اضغط هنا لمراجعة الحلقة الأولى في تصميم الواجهات ثانياً : إضافة صور و لمسات فنية على التصميم و اختيار منطقة تمدد : الآن يمكن تلاقي منطقة العمل صغيرة و لازم تصمم و هي على دقتها الأخيرة يعني 100% عشان ما يطلع التصميم مشوه و إنت بتصمم على الصغيرة و بعدين تكبرها يعني من القوائم في الأعلى اختر Window وبعد ذلك Navigator و راح تطلع لك منطقة مكتوب فيها 50% أو أي رقم كان و إنت أكتب بدلاً منه 100 و اضغط Enter .. الآن قم بإنشاء طبقة (لير) جديدة و خليها في منطقة الليرات بعد طبقة الخلفية يعني آخر شي تحت و بتكون الثانية من تحت و الكل عارف كيف ينشئ طبقة (ياشيخ قلنا كيف و اسكت :bleh:) Ctrl + Shift + N ... و بعد كل هذا نختار لون على حسب لون واجهتنا و يكون غامق شوي و بعدها نختار أداة الفرشاة و من هذا الدرس تستطيع رؤية جميع الأدوات و طريقة استخدامها و بعض مهام و أوامر الفوتوشوب : http://www.abc4web.net/vb/showthread...newpost&t=2293 الآن و بعد اختيار أداة الفرشاة و اللون نقوم بالتلوين بالماوس على المكان الفارغ في الواجهة في البانر طبعا لأنه الصور سيتم إضافتها فقط في البانر يعني نلون المنطقة الفارغة بين أول الواجهة و المستطيلات اللي أنشأناهم للبانر في الأعلى و بكون اللون كما في الصورة (الفكرة بتوصلك عند مشاهدة الصورة) : و تستطيع استخدام أداة التحديد و رسم مستطيل في الأعلى على المكان الفارغ كاملاً و من ثم تعبئته باللون و هذه الطريقة أسرع طبعا و لكن حبيت أبسط لكم لمعرفة طرق أخرى .. الآن و بعد التلوين نقوم بفتح الصور التي نريدها في البانر و إضافة التأثيرات عليها و مثل ما قلتلكم عندكم دروس التأثيرات و درس الأوامر و التعرف على الأدوات أرجو منكم جميعا مراجعتها جيدا .. بعد إضافة التأثيرات على الصورة الأولى مثلا و الضغط على Ctrl + Shift + E نقوم بسحبها إلى منطقة العمل في الواجهة و أهم شي تكون فوق طبقة التلوين اللي أنشأناها قبل قليل يعني تكون الثالثة من تحت في منطقة الطبقات و من ثم نختار الـ Mode لطبقة هذه الصورة Luminosity من منطقة الطبقات كما في الصورة : الآن إذا كانت الصورة كبيرة و شفناها في جميع أنحاء الواجهة إما أن نقوم بقص الزوائد بواسطة أداة التحديد يعني نحدد على المكان الزائد بعد المستطيلان يعني بعد البانر و نقوم بالضغط على زر Delete أو أن نقوم بالضغط على Ctrl + T لتصغير الصورة و جعلها في الاعلى فقط في البانر و من ثم نختار علامة الصح فوق على اليمين في الأعلى كما في الصورة : الآن نقوم بإضافة باقي الصور و طبعا كلها نضيفها في البانر (لا تنسى منطقة التمدد أهم شيء) و نسوي نفس الطرق و لما نجمع الصور كلها نبدأ بالدمج بواسطة هذا الدرس التالي : http://www.abc4web.net/vb/showthread.php?t=298 يعني بواسطة دروس دمج الصور نستطيع الدمج بين الصور و الآن نكون قد انتهينا من البانر و أضفنا الصور و دمجناها و حددنا منطقة لتمدد الاستايل فيها و هذا الشكل النهائي بعد الدمج : أتمنى أن يكون الدمج سهل و ركزوا على درس الدمج و أهم شيء كما ذكرنا أكثر من مرة "منطقة التمدد" و إن شاء الله بتلاقوا كل شي سهل معاكم ... و الآن نستطيع إضافة بعض الجماليات إلى تصميمنا كالكتابة و الفرش و ما شابه .. و اللي طلع معاي كما في الصورة : الآن نقوم بتخزين الاستايل بصيغة JPG حيث سيتم تقطيعه فيما بعد أتمنى لكم التوفيق إخواني .. نراكم في الحلقة القادمة ... شكرا لكم و السلام عليكم .. أخوكم AhMeD منقـ(مع أجمل تحية للكاتب)ـول