abohmam
04-03-2009, 08:27 PM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم و رحمة الله و بركاته
هذه دورة جميلة وإحترافية لتصميم إستايل وتركيبه على اسكربت الصور الشهير
وقام بإعداد الدروس الأخ AhMeD جزاه الله خيرا أنقلها لكم مع الإحتفاظ بحقوقه كاملة لهذا الجهد الطيب والمبارك
* روابط دروس الدورة:
تصميم واجهة موقع أو استايل للمنتدى (http://www.abc4web.net/vb/showthread.php?t=2291)
تحميل اسكربت vCard3 (http://www.abc4web.net/vb/showthread.php?t=2290)
الدرس الأول (http://www.abc4web.net/vb/showthread.php?t=2289)
الدرس الثاني (http://www.abc4web.net/vb/showthread.php?t=2288)
الدرس الثالث (http://www.abc4web.net/vb/showthread.php?t=2287)
الدرس الرابع (http://www.abc4web.net/vb/showthread.php?t=2285)
:bar:
أهلا و سهلاً بكم إخواني الكرام في أول حلقة من دورة تصميم استايل vCard3 ،،،
* لتحميل السكربت بالإصدار vCard3.1 مع شرح التركيب :
http://www.abc4web.net/vb/showthread.php?t=2290
باسم الله نبدأ :
أولاً : عليك بمراجعة الحلقة الأولى في دورة تصميم الواجهات لتصميم هيكل الواجهة (الاستايل) فالدورة هنا ستعتمد على نفس التصميم :
اضغط هنا لمراجعة الحلقة الأولى في تصميم الواجهات (http://www.abc4web.net/vb/showthread.php?t=2291)
ثانياً : إضافة صور و لمسات فنية على التصميم و اختيار منطقة تمدد :
الآن يمكن تلاقي منطقة العمل صغيرة و لازم تصمم و هي على دقتها الأخيرة يعني 100% عشان ما يطلع التصميم مشوه و إنت بتصمم على الصغيرة و بعدين تكبرها يعني من القوائم في الأعلى اختر Window وبعد ذلك Navigator و راح تطلع لك منطقة مكتوب فيها 50% أو أي رقم كان و إنت أكتب بدلاً منه 100 و اضغط Enter .. الآن قم بإنشاء طبقة (لير) جديدة و خليها في منطقة الليرات بعد طبقة الخلفية يعني آخر شي تحت و بتكون الثانية من تحت و الكل عارف كيف ينشئ طبقة (ياشيخ قلنا كيف و اسكت :bleh:) Ctrl + Shift + N ... و بعد كل هذا نختار لون على حسب لون واجهتنا و يكون غامق شوي و بعدها نختار أداة الفرشاة و من هذا الدرس تستطيع رؤية جميع الأدوات و طريقة استخدامها و بعض مهام و أوامر الفوتوشوب :
http://www.abc4web.net/vb/showthread.php?goto=newpost&t=2293
الآن و بعد اختيار أداة الفرشاة و اللون نقوم بالتلوين بالماوس على المكان الفارغ في الواجهة في البانر طبعا لأنه الصور سيتم إضافتها فقط في البانر يعني نلون المنطقة الفارغة بين أول الواجهة و المستطيلات اللي أنشأناهم للبانر في الأعلى و بكون اللون كما في الصورة (الفكرة بتوصلك عند مشاهدة الصورة) :
http://www.abc4web.net/vb/imgcache/7621.abc4web.gif
و تستطيع استخدام أداة التحديد و رسم مستطيل في الأعلى على المكان الفارغ كاملاً و من ثم تعبئته باللون و هذه الطريقة أسرع طبعا و لكن حبيت أبسط لكم لمعرفة طرق أخرى .. الآن و بعد التلوين نقوم بفتح الصور التي نريدها في البانر و إضافة التأثيرات عليها و مثل ما قلتلكم عندكم دروس التأثيرات و درس الأوامر و التعرف على الأدوات أرجو منكم جميعا مراجعتها جيدا .. بعد إضافة التأثيرات على الصورة الأولى مثلا و الضغط على Ctrl + Shift + E نقوم بسحبها إلى منطقة العمل في الواجهة و أهم شي تكون فوق طبقة التلوين اللي أنشأناها قبل قليل يعني تكون الثالثة من تحت في منطقة الطبقات و من ثم نختار الـ Mode لطبقة هذه الصورة Luminosity من منطقة الطبقات كما في الصورة :
http://www.abc4web.net/vb/imgcache/7622.abc4web.gif
الآن إذا كانت الصورة كبيرة و شفناها في جميع أنحاء الواجهة إما أن نقوم بقص الزوائد بواسطة أداة التحديد يعني نحدد على المكان الزائد بعد المستطيلان يعني بعد البانر و نقوم بالضغط على زر Delete أو أن نقوم بالضغط على Ctrl + T لتصغير الصورة و جعلها في الاعلى فقط في البانر و من ثم نختار علامة الصح فوق على اليمين في الأعلى كما في الصورة :
http://www.abc4web.net/vb/imgcache/7623.abc4web.gif
الآن نقوم بإضافة باقي الصور و طبعا كلها نضيفها في البانر (لا تنسى منطقة التمدد أهم شيء) و نسوي نفس الطرق و لما نجمع الصور كلها نبدأ بالدمج بواسطة هذا الدرس التالي :
http://www.abc4web.net/vb/showthread.php?t=298
يعني بواسطة دروس دمج الصور نستطيع الدمج بين الصور و الآن نكون قد انتهينا من البانر و أضفنا الصور و دمجناها و حددنا منطقة لتمدد الاستايل فيها و هذا الشكل النهائي بعد الدمج :
http://www.abc4web.net/vb/imgcache/7624.abc4web.gif
أتمنى أن يكون الدمج سهل و ركزوا على درس الدمج و أهم شيء كما ذكرنا أكثر من مرة "منطقة التمدد" و إن شاء الله بتلاقوا كل شي سهل معاكم ... و الآن نستطيع إضافة بعض الجماليات إلى تصميمنا كالكتابة و الفرش و ما شابه .. و اللي طلع معاي كما في الصورة :
http://www.abc4web.net/vb/imgcache/7625.abc4web.gif
الآن نقوم بتخزين الاستايل بصيغة JPG حيث سيتم تقطيعه فيما بعد
أتمنى لكم التوفيق إخواني .. نراكم في الحلقة القادمة ... شكرا لكم و السلام عليكم ..
أخوكم AhMeD
منقـ(مع أجمل تحية للكاتب)ـول
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم و رحمة الله و بركاته
هذه دورة جميلة وإحترافية لتصميم إستايل وتركيبه على اسكربت الصور الشهير
وقام بإعداد الدروس الأخ AhMeD جزاه الله خيرا أنقلها لكم مع الإحتفاظ بحقوقه كاملة لهذا الجهد الطيب والمبارك
* روابط دروس الدورة:
تصميم واجهة موقع أو استايل للمنتدى (http://www.abc4web.net/vb/showthread.php?t=2291)
تحميل اسكربت vCard3 (http://www.abc4web.net/vb/showthread.php?t=2290)
الدرس الأول (http://www.abc4web.net/vb/showthread.php?t=2289)
الدرس الثاني (http://www.abc4web.net/vb/showthread.php?t=2288)
الدرس الثالث (http://www.abc4web.net/vb/showthread.php?t=2287)
الدرس الرابع (http://www.abc4web.net/vb/showthread.php?t=2285)
:bar:
أهلا و سهلاً بكم إخواني الكرام في أول حلقة من دورة تصميم استايل vCard3 ،،،
* لتحميل السكربت بالإصدار vCard3.1 مع شرح التركيب :
http://www.abc4web.net/vb/showthread.php?t=2290
باسم الله نبدأ :
أولاً : عليك بمراجعة الحلقة الأولى في دورة تصميم الواجهات لتصميم هيكل الواجهة (الاستايل) فالدورة هنا ستعتمد على نفس التصميم :
اضغط هنا لمراجعة الحلقة الأولى في تصميم الواجهات (http://www.abc4web.net/vb/showthread.php?t=2291)
ثانياً : إضافة صور و لمسات فنية على التصميم و اختيار منطقة تمدد :
الآن يمكن تلاقي منطقة العمل صغيرة و لازم تصمم و هي على دقتها الأخيرة يعني 100% عشان ما يطلع التصميم مشوه و إنت بتصمم على الصغيرة و بعدين تكبرها يعني من القوائم في الأعلى اختر Window وبعد ذلك Navigator و راح تطلع لك منطقة مكتوب فيها 50% أو أي رقم كان و إنت أكتب بدلاً منه 100 و اضغط Enter .. الآن قم بإنشاء طبقة (لير) جديدة و خليها في منطقة الليرات بعد طبقة الخلفية يعني آخر شي تحت و بتكون الثانية من تحت و الكل عارف كيف ينشئ طبقة (ياشيخ قلنا كيف و اسكت :bleh:) Ctrl + Shift + N ... و بعد كل هذا نختار لون على حسب لون واجهتنا و يكون غامق شوي و بعدها نختار أداة الفرشاة و من هذا الدرس تستطيع رؤية جميع الأدوات و طريقة استخدامها و بعض مهام و أوامر الفوتوشوب :
http://www.abc4web.net/vb/showthread.php?goto=newpost&t=2293
الآن و بعد اختيار أداة الفرشاة و اللون نقوم بالتلوين بالماوس على المكان الفارغ في الواجهة في البانر طبعا لأنه الصور سيتم إضافتها فقط في البانر يعني نلون المنطقة الفارغة بين أول الواجهة و المستطيلات اللي أنشأناهم للبانر في الأعلى و بكون اللون كما في الصورة (الفكرة بتوصلك عند مشاهدة الصورة) :
http://www.abc4web.net/vb/imgcache/7621.abc4web.gif
و تستطيع استخدام أداة التحديد و رسم مستطيل في الأعلى على المكان الفارغ كاملاً و من ثم تعبئته باللون و هذه الطريقة أسرع طبعا و لكن حبيت أبسط لكم لمعرفة طرق أخرى .. الآن و بعد التلوين نقوم بفتح الصور التي نريدها في البانر و إضافة التأثيرات عليها و مثل ما قلتلكم عندكم دروس التأثيرات و درس الأوامر و التعرف على الأدوات أرجو منكم جميعا مراجعتها جيدا .. بعد إضافة التأثيرات على الصورة الأولى مثلا و الضغط على Ctrl + Shift + E نقوم بسحبها إلى منطقة العمل في الواجهة و أهم شي تكون فوق طبقة التلوين اللي أنشأناها قبل قليل يعني تكون الثالثة من تحت في منطقة الطبقات و من ثم نختار الـ Mode لطبقة هذه الصورة Luminosity من منطقة الطبقات كما في الصورة :
http://www.abc4web.net/vb/imgcache/7622.abc4web.gif
الآن إذا كانت الصورة كبيرة و شفناها في جميع أنحاء الواجهة إما أن نقوم بقص الزوائد بواسطة أداة التحديد يعني نحدد على المكان الزائد بعد المستطيلان يعني بعد البانر و نقوم بالضغط على زر Delete أو أن نقوم بالضغط على Ctrl + T لتصغير الصورة و جعلها في الاعلى فقط في البانر و من ثم نختار علامة الصح فوق على اليمين في الأعلى كما في الصورة :
http://www.abc4web.net/vb/imgcache/7623.abc4web.gif
الآن نقوم بإضافة باقي الصور و طبعا كلها نضيفها في البانر (لا تنسى منطقة التمدد أهم شيء) و نسوي نفس الطرق و لما نجمع الصور كلها نبدأ بالدمج بواسطة هذا الدرس التالي :
http://www.abc4web.net/vb/showthread.php?t=298
يعني بواسطة دروس دمج الصور نستطيع الدمج بين الصور و الآن نكون قد انتهينا من البانر و أضفنا الصور و دمجناها و حددنا منطقة لتمدد الاستايل فيها و هذا الشكل النهائي بعد الدمج :
http://www.abc4web.net/vb/imgcache/7624.abc4web.gif
أتمنى أن يكون الدمج سهل و ركزوا على درس الدمج و أهم شيء كما ذكرنا أكثر من مرة "منطقة التمدد" و إن شاء الله بتلاقوا كل شي سهل معاكم ... و الآن نستطيع إضافة بعض الجماليات إلى تصميمنا كالكتابة و الفرش و ما شابه .. و اللي طلع معاي كما في الصورة :
http://www.abc4web.net/vb/imgcache/7625.abc4web.gif
الآن نقوم بتخزين الاستايل بصيغة JPG حيث سيتم تقطيعه فيما بعد
أتمنى لكم التوفيق إخواني .. نراكم في الحلقة القادمة ... شكرا لكم و السلام عليكم ..
أخوكم AhMeD
منقـ(مع أجمل تحية للكاتب)ـول