منتديات بعد حيي

منتديات بعد حيي (https://www.b3b7.com/vb/index.php)
-   منتدى الكمبيوتر والإنترنت - وتطوير المنتديات (https://www.b3b7.com/vb/forumdisplay.php?f=98)
-   -   شرح كامل لتصميم الاستايلات لمنتديات vb (https://www.b3b7.com/vb/showthread.php?t=38153)

نورالدنيا 01-24-2009 02:28 AM

شرح كامل لتصميم الاستايلات لمنتديات vb
 
[align=center]
السلام عليكم ورحمة الله وبركاته
اقدم لكم دورة الكامله في تصميم الاستايلات لمنتديات
.. :: ][ .. تصميم الإستايل .. ][ ::..
لكل شخص طريقته في التصميم و لكل شخص إحترافيته ..
بسم الله نبداء ,,
أفتح الفوتوشوب < تحتاج صورة ؟
نفتح عمل جديد مثل ماهو موضح بالصورة ..
http://www.ta-u.net/hteef/style/s1/1.jpg
نختار المقاسات مع اسم التصميم
http://www.ta-u.net/hteef/style/s1/2.jpg
الان فتح العمل أمامنا .. لوحة بيضاء فارغه ..
كل اللي أريده منك تتخيل أن هذا هو الإستايل اللي راح تصممه ..
و هذا هو العمل أمامك تلعب فيه على راحتك .. و راح يكون بمثابة ستايل خاص فيك ..
/
طيب ..
خطوة قبل التعديل .. و دايم يستخدمونها مصممين الإستايلات ..
اللي هي عمل الشبكه على التصميم ..
طريقة عمل الشبكه مثل ماهو واضح بالصورة ..
من الخيارات بالأعلى إختار ..
http://www.ta-u.net/hteef/style/s1/3.jpg
مجرد تضع علامة الصح على كلمة Extras
راح تلاحظ إن تصميمك تحول على هيئه شبكه .. و إذا تبغى تلغي الشبكه ألغيها بإزالة الصح ..
الى الآن تمام يا جماعه ؟
طيب
الحين نبداء بمرحله أوليه .. اللي هي إختيار لون الإستايل
من صندوق الأدوات اللي على يسار الفوتوشوب .. إختار أداة [السطل] و صورتها زي كذا :
http://www.ta-u.net/hteef/style/s1/21.jpg
بعدها إختار لك لون على ذوقك .. اي لون مو مهم
و نقره وحده على التصميم راح يتلون لك التصميم على اللون اللي أنت أخترته ..
نجي الحين للنقطه المهمه اللي هي تصميم الهيدر ..
الهيدرهو أعلى المنتدى
طيب نبغى نصمم هيدر خفيف و مو صعب على الجميع .. يعني أي شخص يقدر يتقنه ..
و آخر الدرس راح أتطرق لنقطه كيف تجعل هيدرك إحترافي ..
لا تستعجلون على رزقكم
من الأدوات على اليسار نختار أداة الشكل المستطيل و هذي صورتها ..
http://www.ta-u.net/hteef/style/s1/22.jpg
بالتأكيد راح يكون لون الهيدر مختلف إختلاف بسيط عن لون الخلفيه اللي قبل شوي سويناه ..
بعد إختيارك للأداه .. إختر أداة الألوان و أختار لك لون مشابة للون اللي قبل شوي ..
و مو مشكله لو كان لون ثاني ..
أهم شي يكون فيه تناسق مع اللون اللي قبله .. حلو ؟
http://www.ta-u.net/hteef/style/s1/23.jpg
طيب أرسم مستطيل أعلى التصميم ..
مثل الصورة هذي ..
http://www.ta-u.net/hteef/style/s1/4.jpg
لو تلاحظون لنقاط الشبكه .. تحصلون أخذت 9 نقاط .. صحيح ؟
الحقيقه هي على كيفك .. بس أعتبر إن هذا هيدر
يعني لا ينزل كثير ..
حلو .. خلصنا من الهيدر ..
نبغى نتلاعب فيه شوي .. يعني نضيف عليه لمسات خفيفه ,
من صندوق الليرات نختار ..
http://www.ta-u.net/hteef/style/s1/5.jpg
و ثم
http://www.ta-u.net/hteef/style/s1/6.jpg
ثم
http://www.ta-u.net/hteef/style/s1/7.jpg
أضغط ok آخر شي ..
نكون كذا خلصنا من الهيدر .. ايش باقي ؟
باقي إضافة الصور عليه ..
و لا تخافون راح أتطرق لعملية دمج الصور
خلصنا من الهيدر .. متبقي علينا الفوتر
الفوتر هو عكس الهيدر .. أي أن الهيدر هو أعلى المنتدى
الفوتر هو أسفل المنتدى ..
ما يحتاج أقولك أبداء و أشتغل من جديد .. لا
نبغى يكون تصميم الفوتر مشابه لتصميم الهيدر ..
و العمليه سهله جداً ..
على لاير الهيدر .. كليك يمين و أختار دبل مثل الصورة هذي ..
http://www.ta-u.net/hteef/style/s1/8.jpg
ثم إختار أداة التحريك ..
http://www.ta-u.net/hteef/style/s1/9.jpg
الأن روح لمنطقة الهيدر و كليك يسار بالفاره و أسحبه لين تحت ..
تحصل إن الهيدر بقي مثل ما هو و الطبقه الثانيه نزلت لين تحت ..
حط فـ بالك شي واحد ..
إن الفوتر دايم مقاسه أقل من الهيدر يعني أنا أخذت 9 نقاط في الهيدر ..
راح آخذ أقل من الـ 9 نقاط بالفوتر و نقول مثلاً 4 نقاط
لاحظوا كيف ..
http://www.ta-u.net/hteef/style/s1/10.jpg
مثل ما تشوفون إن مقاس الهيدر أكبر من مقاس الفوتر
لحد الحين تمام .. ؟
خلاص ماحنا بحاجه للشبكه نزيلها و مثل ما وضحت فوق طريقة إزالتها ..
راح يصبح معنا التصميم زي كذا ..
http://www.ta-u.net/hteef/style/s1/11.jpg
زي ما أتفقنا مو ناقص علينا غير الصور .. و هي نقطتنا القادمه
:
:
.. :: ][ .. دمج الصور داخل الأشكال .. ][ ::..
خليك على التصميم السابق ..
و ظلل اللاير حق الهيدر .. بعدين أفتح صورة من الفوتوشوب ..
طريقة فتح الصورة مثل ما توضحه الصورة هذي ..
http://www.ta-u.net/hteef/style/s1/12.jpg
http://www.ta-u.net/hteef/style/s1/13.jpg
الحين اللاير حق الصورة ..
راح يكون فوق لاير الهيدر .. حلو ,,
من لوحة المفاتيح أضغط على Ctrl+G
راح تحصل إن الصورة دخلت تلقائي داخل الشكل .. بس يبغالك شي واحد اللي هو تمسح الحدود حقت الصورة
من أداة الممحاه ..
و إذا تبي الصورة تكون ألوانها متناسقه مع لون التصميم
غير المود للصورة من Normal الى luminosity
يمكن يسألني أي شخص كيف أغير مود الصورة ؟
تغيير المود كذا .. ضلل لير الصورة و غير ..
http://www.ta-u.net/hteef/style/s1/15.jpg
إن شاء الله أتضحت الفكره عند الجميع ..

صوره على يمين الهيدر و صورة على يسار الهيدر ..
المنطقه اللي في المنتصف أتركها فارغه .. و هي اللي راح تكون نقطة التمدد ..

.. :: ][ ..عمل الهيدر بالمنحنيات .. ][ ::..
أداة الباث .. أساس إحتراف أي ستايل ..
أداة موجوده داخل الفوتوشوب تساعد في عمل المنحنيات .. و أغلب الإستايلات تعتمد عليه ..
الميزه اللي يستصعبها الشخص فيها .. إن مالها شكل محدد ..
مجرد تتعلمها راح تسوي اللي في بالك فيها .. حتى تقدر تكتب اسمك و ترسم اي شكل فيها ..
و العرب شخص ما يحب يفكر .. يبغى كل شي جاهز و عشان كذا صعبه
المهم .. بعد رسمك للمستطيل حق الهيدر ..
نختار أداة الباث من هنا
http://www.ta-u.net/hteef/style/s1/16.jpg
نحدد نقاط على مستطيل الهيدر .. في أي منطقه ما يهم
على حسب تشكيلك ..
http://www.ta-u.net/hteef/style/s1/17.jpg
بعد تحديد النقاط .. نختار الأداة هذه
http://www.ta-u.net/hteef/style/s1/18.jpg
بعد إختيارها نروح لأماكن النقاط اللي حددناها قبل شوي .. و نرفع بالاداه اللي أخذناها فوق و تحت .. تحصل راح تجي معاك منحنيات .. تعمق بالشغل و راح تحصل لك على انحناء يرضيك
http://www.ta-u.net/hteef/style/s1/19.jpg
كررت لاير الهيدر ثلاث مرات .. و كل لاير خليت له تاثير مختلف
و زي كذا الفكره ..
http://www.ta-u.net/hteef/style/s1/20.jpg
و بس ..
:
:
/
منقوووول
[/align]

احلام ـآلطفوله 01-25-2009 08:15 AM



Ϡ₡ईܔ ǁ|[نور الدنيا ]|ǁ ܔईϠ₡

سلمت آناملك يالغلا
على الشرح الوافي والمميز


كواري 01-25-2009 05:19 PM

اشكرك اشكرك نور وفقتي ووفقك الرب

هـــايـــدي 01-26-2009 05:38 AM




* نور *

الله يعطيكِ العافية ..
ع الشرح المصور ..
بوركتِ .








كريستال 01-26-2009 09:51 PM

الله يعطيكِ العافية ..
ع الشرح المصور :h64::h64:

روعه 01-26-2009 09:55 PM

يسلمو هالايادي
نور الدنيا
ينور دربك

شباصة أجوديه 01-27-2009 08:52 AM

[glow1=6699ff]نور الدنيا

الله يعطيك العافيه ع الشرح

دمتي في حفظ الرحمن[/glow1]

الـ ساري 01-27-2009 01:41 PM

بيض الله وجهك اختي نور الدنيا
ماقصرتي كفيتي ووفيتي بالشرح والصوره

ஜبوووحஜ 01-27-2009 09:27 PM

[align=center]
[align=center]

نور
الله يوفقك ....شرح واضح ومميز
شكرا لك على النقل المفيد
[/align][/align]

صالح السقاف 01-28-2009 12:55 AM

[frame="4 98"]نور الدنيا

الله يعطيك العافيه شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . [/frame]

سبيعي 01-28-2009 01:22 PM

الله يعطيكِ العافية

صدى احساس 01-29-2009 11:48 PM

نور
الله يوفقك ....شرح واضح ومميز

المزيون 01-30-2009 11:58 AM

كل الشكر لك نور دنيا
شرح واضح
بارك فيك

بـدر البدور 01-30-2009 07:22 PM

..~..

تسلمين يالغلا ع الطرح

القيم , يعطيك الف عافيه

ملتاع شمر 01-31-2009 01:03 AM

بدر البدور
جمايلك غطت المنتدى

حبر وسطر 02-01-2009 12:02 AM

جمل الله حالك وطاب فالك

مناهي 02-27-2009 05:41 AM

نور الدنيا
تسلمين على هالشرح الوافي
الله يعطيكِ العافيه

اورنس 02-28-2009 02:14 PM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

عيون قطر 02-28-2009 06:02 PM

فديتج مشكوره

صالح السقاف 03-01-2009 11:12 PM

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

عذب المعاني 03-09-2009 10:41 PM

[rainbow]
[align=center]Ϡ₡ईܔ ǁ|[نور الدنيا ]|ǁ ܔईϠ₡

سلمت آناملك يالغلا
على الشرح الوافي والمميز[/align]
[/rainbow]

نورالدنيا 03-14-2009 10:33 AM

[align=center]
مشكورين الجميع على المرور العطر
لاخلا ولاعدم


ملتاع شمر
سلامة النظر ياخوي:000:
[/align]

عقاب النهار 03-25-2009 05:55 AM

نور
يعطيك العافيه
شرح مميز وربي وافى

لاهنتى

بس ابى افتح منتدى سوى لى تصميم




تقديرى

نورالدنيا 03-26-2009 12:56 AM


[align=center]

عقاب النهار
لاهنت على مرورك
وابشر بالتصميم بس ماني مسئولة عن النتيجة:)

[/align]


الساعة الآن 04:07 PM.

Powered by vBulletin® Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. TranZ By Almuhajir
HêĽм √ 3.2 OPS BY: ! ωαнαм ! © 2010

mamnoa 5.0 by Abdulrahman Al-Rowaily