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

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

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

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

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

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

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

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

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

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

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

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

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

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

أتمنى لكم التوفيق إخواني .. نراكم في الحلقة القادمة ... شكرا لكم و السلام عليكم .. AhMeD

يآ مال العافية يا احمد

مبدع يآ غالي

اقتباس   المشاركة الأصلية أضيفت بواسطة : sumnt.com يعطيك الف عافية اخوي على الشرح وليا الشرف اني اكون اول رد متابع معك الدورة....

اقتباس   المشاركة الأصلية أضيفت بواسطة : ابو شدق مبدع احمد بطل

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

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

اقتباس   المشاركة الأصلية أضيفت بواسطة : R-web يآ مال العافية يا احمد مبدع يآ غالي

اقتباس   المشاركة الأصلية أضيفت بواسطة : alshakicom مبدع مشاء الله عليك

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

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

اقتباس   المشاركة الأصلية أضيفت بواسطة : ZaidoohNet لا تقولي مبدعـــــ يا لؤلؤ جزاك الله خيراا رووعــة انت

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