قسم الأرشيف والمواضيع المحذوفة قسم خاص بجميع المواضيع المحذوفة و المُكررة والتي لاتنطبق على الشروط والقوانين والتي لا شأن لها في أي قسم من أقسام المُنتدى |
#1
|
||||
|
||||
[1] دورة تصميم استايل vCard3 و تركيبه بالكامل .. تصميم الاستايل و زخرفته
السلام عليكم و رحمة الله و بركاته
أهلا و سهلاً بكم إخواني الكرام في أول حلقة من دورة تصميم استايل vCard3 ،،، * لتحميل السكربت بالإصدار vCard3.1 مع شرح التركيب : اضغط هنا باسم الله نبدأ : أولاً : عليك بمراجعة الحلقة الأولى في دورة تصميم الواجهات لتصميم هيكل الواجهة (الاستايل) فالدورة هنا ستعتمد على نفس التصميم : اضغط هنا لمراجعة الحلقة الأولى في تصميم الواجهات ثانياً : إضافة صور و لمسات فنية على التصميم و اختيار منطقة تمدد : الآن يمكن تلاقي منطقة العمل صغيرة و لازم تصمم و هي على دقتها الأخيرة يعني 100% عشان ما يطلع التصميم مشوه و إنت بتصمم على الصغيرة و بعدين تكبرها يعني من القوائم في الأعلى اختر Window وبعد ذلك Navigator و راح تطلع لك منطقة مكتوب فيها 50% أو أي رقم كان و إنت أكتب بدلاً منه 100 و اضغط Enter .. الآن قم بإنشاء طبقة (لير) جديدة و خليها في منطقة الليرات بعد طبقة الخلفية يعني آخر شي تحت و بتكون الثانية من تحت و الكل عارف كيف ينشئ طبقة (ياشيخ قلنا كيف و اسكت :bleh:) Ctrl + Shift + N ... و بعد كل هذا نختار لون على حسب لون واجهتنا و يكون غامق شوي و بعدها نختار أداة الفرشاة و من هذا الدرس تستطيع رؤية جميع الأدوات و طريقة استخدامها و بعض مهام و أوامر الفوتوشوب : http://www.traidnt.net/vb/showthread.php?t=1046299 الآن و بعد اختيار أداة الفرشاة و اللون نقوم بالتلوين بالماوس على المكان الفارغ في الواجهة في البانر طبعا لأنه الصور سيتم إضافتها فقط في البانر يعني نلون المنطقة الفارغة بين أول الواجهة و المستطيلات اللي أنشأناهم للبانر في الأعلى و بكون اللون كما في الصورة (الفكرة بتوصلك عند مشاهدة الصورة) : و تستطيع استخدام أداة التحديد و رسم مستطيل في الأعلى على المكان الفارغ كاملاً و من ثم تعبئته باللون و هذه الطريقة أسرع طبعا و لكن حبيت أبسط لكم لمعرفة طرق أخرى .. الآن و بعد التلوين نقوم بفتح الصور التي نريدها في البانر و إضافة التأثيرات عليها و مثل ما قلتلكم عندكم دروس التأثيرات و درس الأوامر و التعرف على الأدوات أرجو منكم جميعا مراجعتها جيدا .. بعد إضافة التأثيرات على الصورة الأولى مثلا و الضغط على Ctrl + Shift + E نقوم بسحبها إلى منطقة العمل في الواجهة و أهم شي تكون فوق طبقة التلوين اللي أنشأناها قبل قليل يعني تكون الثالثة من تحت في منطقة الطبقات و من ثم نختار الـ Mode لطبقة هذه الصورة Luminosity من منطقة الطبقات كما في الصورة : الآن إذا كانت الصورة كبيرة و شفناها في جميع أنحاء الواجهة إما أن نقوم بقص الزوائد بواسطة أداة التحديد يعني نحدد على المكان الزائد بعد المستطيلان يعني بعد البانر و نقوم بالضغط على زر Delete أو أن نقوم بالضغط على Ctrl + T لتصغير الصورة و جعلها في الاعلى فقط في البانر و من ثم نختار علامة الصح فوق على اليمين في الأعلى كما في الصورة : الآن نقوم بإضافة باقي الصور و طبعا كلها نضيفها في البانر (لا تنسى منطقة التمدد أهم شيء) و نسوي نفس الطرق و لما نجمع الصور كلها نبدأ بالدمج بواسطة هذا الدرس التالي : http://www.traidnt.net/vb/showthread.php?t=1049735 يعني بواسطة دروس دمج الصور نستطيع الدمج بين الصور و الآن نكون قد انتهينا من البانر و أضفنا الصور و دمجناها و حددنا منطقة لتمدد الاستايل فيها و هذا الشكل النهائي بعد الدمج : أتمنى أن يكون الدمج سهل و ركزوا على درس الدمج و أهم شيء كما ذكرنا أكثر من مرة "منطقة التمدد" و إن شاء الله بتلاقوا كل شي سهل معاكم ... و الآن نستطيع إضافة بعض الجماليات إلى تصميمنا كالكتابة و الفرش و ما شابه .. و اللي طلع معاي كما في الصورة : الآن نقوم بتخزين الاستايل بصيغة JPG حيث سيتم تقطيعه فيما بعد أتمنى لكم التوفيق إخواني .. نراكم في الحلقة القادمة ... شكرا لكم و السلام عليكم .. AhMeD :icon31: |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه للموضوع [1] دورة تصميم استايل vCard3 و تركيبه بالكامل .. تصميم الاستايل و زخرفته: | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
[4] دورة تصميم استايل vCard3 و تركيبه بالكامل .. تنسيق الاستايل CSS | العاشق 2005 | قسم الأرشيف والمواضيع المحذوفة | 0 | 02-26-2009 10:30 PM |
[3] دورة تصميم استايل vCard3 و تركيبه بالكامل .. إنشاء الجداول و تركيبها في السكربت | العاشق 2005 | قسم الأرشيف والمواضيع المحذوفة | 0 | 02-23-2009 12:50 AM |
[2] دورة تصميم استايل vCard3 و تركيبه بالكامل .. تقطيع الاستايل | العاشق 2005 | قسم الأرشيف والمواضيع المحذوفة | 0 | 02-23-2009 12:50 AM |
تصميم استايل غير متمدد ( الدرس الثاني ) | العاشق 2005 | قسم الأرشيف والمواضيع المحذوفة | 0 | 02-23-2009 12:50 AM |
[درس] : دورة تصميم هوست لتطوير المنتديات | العاشق 2005 | قسم الأرشيف والمواضيع المحذوفة | 0 | 12-07-2008 05:41 AM |