العاب قص شعر/العاب دبابات/العاب كرة قدم/العاب مكياج/العاب سيارات سباق/العاب سبونج بوب/العاب ماريو/العاب تلبيس/العاب اكشن نار/ adslsolutionsالعاب مغامرات/العاب ذكاء/العاب اطفال/العاب طبخ بنات/العاب باربي/العاب بن تن/العاب بوس/العاب تلوين/العاب ديكور


العودة   نادى الاتصالات والتقنية > اقسام التصميم والتطوير > منتدى تطوير وإدارة وتصميم المواقع

إضافة رد
 
أدوات الموضوع طريقة عرض الموضوع
قديم 06-08-2010, 07:33 PM   #1
انا غيييير
عضو نشيط
 
تاريخ التسجيل: Jun 2010
المشاركات: 40
افتراضي دورة تصميم استايل vCard3 و تركيبه بالكامل


السلام عليكم و رحمة الله و بركاته
أهلا و سهلاً بكم إخواني الكرام في أول حلقة من دورة تصميم استايل
vCard3 ،،،

* لتحميل السكربت بالإصدار
vCard3.1 مع شرح التركيب :

باسم الله نبدأ :


أولاً : عليك بمراجعة الحلقة الأولى في دورة تصميم الواجهات لتصميم هيكل الواجهة (الاستايل) فالدورة هنا ستعتمد على نفس التصميم :



ثانياً : إضافة صور و لمسات فنية على التصميم و اختيار منطقة تمدد :

الآن يمكن تلاقي منطقة العمل صغيرة و لازم تصمم و هي على دقتها الأخيرة يعني
100% عشان ما يطلع التصميم مشوه و إنت بتصمم على الصغيرة و بعدين تكبرها يعني من القوائم في الأعلى اختر Window وبعد ذلك Navigator و راح تطلع لك منطقة مكتوب فيها 50% أو أي رقم كان و إنت أكتب بدلاً منه 100 و اضغط Enter .. الآن قم بإنشاء طبقة (لير) جديدة و خليها في منطقة الليرات بعد طبقة الخلفية يعني آخر شي تحت و بتكون الثانية من تحت و الكل عارف كيف ينشئ طبقة (ياشيخ قلنا كيف و اسكت ) Ctrl + Shift + N ... و بعد كل هذا نختار لون على حسب لون واجهتنا و يكون غامق شوي و بعدها نختار أداة الفرشاة و من هذا الدرس تستطيع رؤية جميع الأدوات و طريقة استخدامها و بعض مهام و أوامر الفوتوشوب :



الآن و بعد اختيار أداة
الفرشاة و اللون نقوم بالتلوين بالماوس على المكان الفارغ في الواجهة في البانر طبعا لأنه الصور سيتم إضافتها فقط في البانر يعني نلون المنطقة الفارغة بين أول الواجهة و المستطيلات اللي أنشأناهم للبانر في الأعلى و بكون اللون كما في الصورة (الفكرة بتوصلك عند مشاهدة الصورة) :


و تستطيع استخدام أداة التحديد و رسم مستطيل في الأعلى على المكان الفارغ كاملاً و من ثم تعبئته باللون و هذه الطريقة أسرع طبعا و لكن حبيت أبسط لكم لمعرفة طرق أخرى .. الآن و بعد التلوين نقوم بفتح الصور التي نريدها في البانر و إضافة التأثيرات عليها و مثل ما قلتلكم عندكم دروس التأثيرات و درس الأوامر و التعرف على الأدوات أرجو منكم جميعا مراجعتها جيدا .. بعد إضافة التأثيرات على الصورة الأولى مثلا و الضغط على
Ctrl + Shift + E نقوم بسحبها إلى منطقة العمل في الواجهة و أهم شي تكون فوق طبقة التلوين اللي أنشأناها قبل قليل يعني تكون الثالثة من تحت في منطقة الطبقات و من ثم نختار الـ Mode لطبقة هذه الصورة Luminosity من منطقة الطبقات كما في الصورة :


الآن إذا كانت الصورة كبيرة و شفناها في جميع أنحاء الواجهة إما أن نقوم بقص الزوائد بواسطة أداة التحديد يعني نحدد على المكان الزائد بعد المستطيلان يعني بعد البانر و نقوم بالضغط على زر
Delete أو أن نقوم بالضغط على Ctrl + T لتصغير الصورة و جعلها في الاعلى فقط في البانر و من ثم نختار علامة الصح فوق على اليمين في الأعلى كما في الصورة :


الآن نقوم بإضافة باقي الصور و طبعا كلها نضيفها في البانر (
لا تنسى منطقة التمدد أهم شيء) و نسوي نفس الطرق و لما نجمع الصور كلها نبدأ بالدمج بواسطة هذا الدرس التالي :

http://www.traidnt.net/vb/showthread.php?t=1049735


يعني بواسطة دروس دمج الصور نستطيع الدمج بين الصور و الآن نكون قد انتهينا من البانر و أضفنا الصور و دمجناها و حددنا منطقة
لتمدد الاستايل فيها و هذا الشكل النهائي بعد الدمج :


أتمنى أن يكون الدمج سهل و ركزوا على درس الدمج و أهم شيء كما ذكرنا أكثر من مرة "
منطقة التمدد" و إن شاء الله بتلاقوا كل شي سهل معاكم ... و الآن نستطيع إضافة بعض الجماليات إلى تصميمنا كالكتابة و الفرش و ما شابه .. و اللي طلع معاي كما في الصورة :


الآن نقوم بتخزين الاستايل بصيغة
JPG حيث سيتم تقطيعه فيما بعد

أتمنى لكم التوفيق إخواني




من مواضيعي في المنتدي

انا غيييير غير متواجد حالياً   رد مع اقتباس
إضافة رد

أدوات الموضوع
طريقة عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر رد
دورة تصميم استايل غير متمدد انا غيييير منتدى تطوير وإدارة وتصميم المواقع 0 06-08-2010 08:14 PM
دورة تصميم استايل vCard3 و تركيبه بالكامل تنسيق الاستايل CSS انا غيييير منتدى تطوير وإدارة وتصميم المواقع 0 06-08-2010 07:39 PM
دورة تصميم استايل vCard3 و تركيبه بالكامل إنشاء الجداول و تركيبها في السكربت انا غيييير منتدى تطوير وإدارة وتصميم المواقع 0 06-08-2010 07:36 PM
دورة تصميم استايل vCard3 و تركيبه بالكامل تقطيع الاستايل انا غيييير منتدى تطوير وإدارة وتصميم المواقع 0 06-08-2010 07:34 PM
شرح تصميم استايل المكتبة الاسلامية ابو عمر منتدى تطوير وإدارة وتصميم المواقع 0 06-05-2010 05:00 PM


الساعة الآن 09:06 AM.


dsl.adslsolutions.net