©{« تـصـمـيـمـ آسـتـآيـل مـنـتــدى ـرسـمـيـ غـيــر مـتـمــدـد »}©

جبرني الوقت · 26 مايو 2008، 22:16

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

,,,,

تصميم استايل منتدى (رسمي) غير متمدد....

نبدأ بالشرح على طول ... بس ركزوا وياي عدل ^^

نفتح برنامج الفوتوشوب ثم File وبعدين New ونختار القيم الظاهرة في الصورة امامكم

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F220d6af0c0.jpg'][/URL]

بعد ماتفتح معنـا اللوحه فاضيه .. نضغط زر الدلو بالفوتوشوب [URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F83e1b121cb.jpg'][/URL] ونختـار اللون الي نبغاهـ ، وأنا أخترت البيج الفاتح .. رقمـ اللون هذا : f2eed0

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F3bca3f1a09.jpg'][/URL]

وبعدين نفتح لير جديد ونبدأ نرسم مستطيل بالحجم اللي نبيه للهيدر (انا افضل يكون وسط) .. بإستخدام آداة المستطيل هذي

نضغط كلك يمين على لير المستطيل ونضغط : Blending Options...

نتبع الخطوات اللي بالصور التالية ..
(1)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F6706fde714.jpg'][/URL]

بعد ماتضغط المكان المؤشر علية مرتين راح يظهر لك هالمربع

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fec016bacb8.jpg'][/URL]

وأختار اللون هذا :

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F7482e1c70f.jpg'][/URL]

ونكمل على نفس الطريقة بالوسط ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fcaf33d24c7.jpg'][/URL]

(لو كان المثلث الي تضغط عليه بالوسط موب موجود .. اضغط على مكانه مره وحده بالماوس ويطلع لك) ..

ثم نختار اللون هذا :

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F4b70b5a832.jpg'][/URL]

ونفس الطريقة نروح للمثلث اللي ع اليمين .. ونضغط مرتين ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F23b86408d0.jpg'][/URL]

وأختار اللون :

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fe61927005e.jpg'][/URL]

بعدين تضغط موافق [ OK ]

(2)

نرجع لقائمة Blending Options...

ونتبع الخطوات اللي بهالصورهـ ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F6cdc9ffe53.jpg'][/URL]

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F1635ad8742.jpg'][/URL]

نختار هاللون...

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Feb4132e5ae.jpg'][/URL]

وعقب نسوي مثل خطوات الصورة ...

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fda846cf29b.jpg'][/URL]

وبعدها نضغط [ OK ]

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F0d99cf2aa7.jpg'][/URL]

نبدأ بتزيين الخلفيـة ..

نضيف لير جديد ..

ونطبق الي بهالصـورة ^_^

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F7e773725d2.jpg'][/URL]

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F4ad0886942.jpg'][/URL]

نضغط على هذه الآداة ونختار Add Anchor Point Tool + ونروح للمستطيل الأسود الي رسمناه ، ونحدد على ايطار المستطيل نقطتين متساوية الأبعاد مثل اللي بالصورة ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F67133f6f70.jpg'][/URL]

بعد كذا نختار آداة Convert Point Tool [URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F35ca0643ad.jpg'][/URL]..

نضغط على النقطـة A مرة وحده ، بعدين نرفع بالأسهم - بالكيبورد - لفوق 40 مره ^ـ^ تحملوا عاد شو نسوي بعد هع

وجي بيطلع لكم ^^

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Ffc313d5005.jpg'][/URL]

بعد مايصير جي .. أضغط على اللير ، بعدين اضغط J + ctrl .. راح تلاحظ ان اللير تكرر مرتين ..حدد اللير الثاني ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F0e43606e12.jpg'][/URL]

روح لقـائمة Edit وأختـار Transform Path ثم Flip Vertical ..
بتلاحظ أن اللير الثاني أنقلب فوق تحت ..

روح مرة ثانية لقـائمة Edit وأختـار Transform Path ثم Flip Horizontal ..

بتلاحظ أنه راح للجهه الثانيه ونغير مكانه ونرفعه لفوق نفس الصورة..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F7d66f613a2.jpg'][/URL]

الحين نبي نستخدم الفرش .. وهذا طبعا على ذوقكم ..

نضيف لير جديد ونغير الشفيفة ل Overlay ...

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F2abcc44b50.jpg'][/URL]

لون الفرشه : رصاصي غامق ، رمز اللون : 393432

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fe95d2a4cf0.jpg'][/URL]

راح يكون جي ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fefa291e428.jpg'][/URL]

...

عند آداة المستطيل ، فيه آداة الدائره ، اختارها وأرسم ثلاث دوائر .. دائرة كبيره .. ودائرتين صغار ..
مثل الصوره هذي (على ذوقكم طبعا) ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fc91289d3e2.jpg'][/URL]

أختم رسم الهيدر بسطر سفلي وعلوي نفس لون الدوائر ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Ffc54ef2da0.jpg'][/URL]

والحين دور الكتـابة .. بالدائرة الكبيرة نكتب اسم المنتدى ..
والدائرتين الصغيرات نحط التسجيل + الرئيسية .. والي يبي يزيدها ويحط دوائر فيها تعليمات او الإتصال بنا ^_^

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fcbb3717135.jpg'][/URL]

أنتهينــا من الهيدر ولله الحمد ..

جبرني الوقت · 26 مايو 2008، 22:17

والحين نسوي مستطيل تحت الهيدر .. بنفس لون الدوائر .. بالطريقة هذي ..

ونكتب عليه الكلمات الي نلقاها بالمنتديات عادتاً ..

الرئيسية | التسجيل | التعليمات | قائمة الأعضاء | التقويم | المشاركات الجديدة | البحث ِ| تسجيل الدخـول

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F379b16441f.jpg'][/URL]

الحين .. نبدأ بالأعمده .. ولازم تدققون وتركزون معي ..

الأعمده سهله ، نرسم مستطيل على اليمين .. ونضبطه من فوق ومن تحت ..

* لازم تكون الأعمده لونها ساده ، ومافيه مانع من الضل وأشياء خفيفه ، لأن الأعمدة تتمدد ولما يكون فيها باترن ثقيل راح يشوه شكلها

نرسم مستطيل على جهة اليسار ، لونه يكون عنابي ، رمز اللون : 860825

نروح على لير المستطيل ، كلك يمين ونضغط Blending Options...ونتبع التنسيقات التالية

(1)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fd58cf5d2b3.jpg'][/URL]

(2)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fd49cf383d4.jpg'][/URL]

(3)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F499fbbb5bf.jpg'][/URL]

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F7831493a9a.jpg'][/URL]

(4)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F0d5fc59e49.jpg'][/URL]

بعدين نضغط موافق [ OK ] .. وراح يكون جي ^_^

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F35099182ce.jpg'][/URL]

نبدأ الحين بتجميل العمودين .. وجعلهم كأعمدة قلعـة

نرسم بهذه الآداة مربع صغير جدا في أعلى العمود ..
ثم نذهب للير العمود ثم كلك يمين ، ونضغط على Copy Layer Style ..ونرجع للير المربع الصغير الي رسمناه وكلك يمين ثم نضغط على paste Layer style

هذي الحركه تنسخ التعديلات الي سويناها بالعمود الى المربع الصغير ..

المهم نضغط على المربع الصغير ونكررهـ بالضغط على J+ctrl
وننلقها للعمود الثاني
وراح يكون بهالشكل ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fe4733d9466.jpg'][/URL]

فوق الدائرتين الصغيرات ، راح نرسم دائرة أطول، بنفس الأداة ، وبنفس الطريقه نسوي كوبي لير ستايل ...وبيست لير ستايل .... ونكررها بالضغط على كنترول + J

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F3086251f78.jpg'][/URL]

ونكرر نفس الطريق بالجزئين السفليين من الأعمده ..
لين مايصير جي ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F2ffdf7a4f1.jpg'][/URL]

بعدين راح نرسم الفوتر + الحقوق ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fb02884ae37.jpg'][/URL]

الحين نجمل الفوتر .. ونرسم بنفس آداة المستطيل هذي فوق المستطيل الي رسمناه قبل شوي ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F9e58927fd7.jpg'][/URL]

والحين نحدد نقطتين مثل ما سوينا فالهيدر

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F27d53d69cf.jpg'][/URL]

نضغط بالآداة هذي : على النقطه A مره وحده ، ثم بالأسهم اللي بالكيبورد نرفع 13 مره ..

لحد مايصير جي ...

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F576cf40ab9.jpg'][/URL]

ونفس الطريقه بالنقطة B ، نرفع 13 نقطه ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F6dfc71615d.jpg'][/URL]

بعد كذا نروح للير الهيدر أول مستطيل رسمناه (لونه برتقالي مدرج ) نضغط كلك يسار على اللير ونختار : Copy Layer Style ..
ونرجع للير الفوتر البرتقالي الي رسمناه قبل شوي وكلك يمين ثم نضغط على paste Layer style

وراح نلاحظ ان التنسيقات الي كانت على الهيدر انتقلت نسخه منها على الفوتر ..

بعدين ، بالآداة هذي راح نرسم بوسط الفوتر ، بنفس اللون العنابي ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F60bf7f4adf.jpg'][/URL]

نسوي دوائر على يمين ويسار الشكل ، نفس الدوائر الي سويناها بالهيدر .. ويستحسن كتابة اسم الموقع معه

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F0d45691d17.jpg'][/URL]

وآخر شي نحط الحقوق .. وبجي سوينا ستايل منتدى ..

ويطلع معانا جي ...

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F1c339b0a0a.jpg'][/URL]

وباقي علينـا البارات ، والأزرار ..

جبرني الوقت · 26 مايو 2008، 22:18

البارات والازرار...

[ البار الأول]

نفتح برنامج الفوتوشوب .. ونضغط على New <=== File

ونتبع نفس الخطوات الي بالصورة هذي ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F1d9069f10a.jpg'][/URL]

وبـآداة الدلو هذي راح نصبغ الخلفية .. بحيث أنها تكون ألوانه متناسقه مع لون الخلفية ..
ونختار اللون هذا ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fb3c93907ee.jpg'][/URL]

وراح يكون جي ...

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F3beda8bacf.jpg'][/URL]

نختار الآداة هذي .. ونرسم مستطيل بالوسط على نفس التنسيقات الي بالهيدر والفوتر اللي سويناها

ويكون بهالشكل ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F31d9457f15.jpg'][/URL]

وبنفس الآداة نرسم بالوسط بهالطريقة .. وانتبهو انه يكون بالوسط

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2F9c77f5f701.jpg'][/URL]

ونبدأ بتزيينه ، وكل واحد يزينه على ذوقه ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads%2Fb687b204bc.jpg'][/URL]

وبجي خلصنا من البار الأول ..

جبرني الوقت · 26 مايو 2008، 22:19

[B]البار الثــاني ..

وغالبا البار الثاني اما يكون ساده او متدرج ..

نضغط على New <=== File

ونسوي مثل اللي بهالصوره ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/465207ff97.jpg']

[/URL]

بعد ماتفتح ، راح نلاحظ أنه نفس طول وحجم البار الأول ..

نضغط على هالآداة هذي ..

ونضغط مرتين على هذا :-

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/f88015cbde.jpg']

[/URL]

راح يفتح لنا هالبوكس ونسوي الي بهالصور ..

(1)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/5feaa1fd47.jpg']

[/URL]

(2)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/833d2dc303.jpg']

[/URL]

(3)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/7d866e087a.jpg']

[/URL]

(4)

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/b4203fbba4.jpg']

[/URL]

بعدين نمشي مع الماوس من فوق لتحت مع الضغط على زر shift من لوحة التحكم

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/321ecded23.jpg']

[/URL]

وراح يكون جي

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/983f8c4f57.jpg']

[/URL]

[/B]

جبرني الوقت · 26 مايو 2008، 22:20

[B]الأزرار ،،،

نضغط على New <=== File

وناخذ القيم التالية ..

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/db658da54e.jpg'][/URL]

وباداة المربع .. راح نرسم على نفس الحجم .. باللون العنابي ..

مثل هالصورة ..

ونبدأ نزينه باللون البرتقالي .. بنفس التنسيق البرتقالي اللي بالهيدر والفوتر ..

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

وراح يطلع معانا هالشكل

[URL='http://www.gbrny-time.com/vb/vcheckvirus.php?url=http%3A%2F%2Fwww.33uae.com%2Fup%2Fuploads/f9edd26d99.png'][/URL]

وهذا كل شي

وان شاء الله نكون وفقنا بالشرح

وبالاخير ما اطلب منكم سوى دعواتكم الخالصة ....

سلامي

اخوكم

جًِْبٌَِرٌٍنْيَ آلوٍقٌٍتُِِّْ

[/B]

الزعيم ميلانو · 26 مايو 2008، 22:47

مشكوور اخوي عالموضوع
لكنه شوي معقد

جبرني الوقت · 26 مايو 2008، 23:17

بالعكس شيخي هالدرس مفصل من بدايه دخول البرنامج وكيفيه عمل استايل

لكن حاول انك تتعلم وطال عمرك راح اتواصل معاك في موضوع

يعطيك ربي الف عافيه

مراحب · 31 مايو 2008، 10:54

شكراااااااااااااا خيو ع الشرح الاكثر من رائع

بانتظارك دروسك القادمه

:)

لـولـو · 9 يونيو 2008، 13:21

شكرا عالدرس

ان شاء الله بطبقه قريب
:)

مشاركة