دورة شاملة لتصميم الاستايلات

أساسيات تصميم الأستايلات للجيل الثالث Vb3


بسم الله الرحمن الرحيم
نقاط لابد ان نحرص عليها وهي التي تتوفر لدي
لكي تصبح مصمم أستايل منتديات الجيل الثالث فلابد أن يتوفر لديك التالي:

• خبرة في برنامج الفوتوشوب بنسبة 50%
• أن يكون لديك برنامج فوتوشوب ويفضل Adobe Photoshop 7.0 ME
• أن يكون لديك برنامج Microsoft Office FrontPage
• أن يكون لديك سيرفر شخصي لعملية التطبيق
• تقطيع الاستايل فلابد ان يكون لديك خبرة تقطيع الاستايل في برنامج الفوتوشوب بنسبة 100%
• خبرة التعامل مع Microsoft Office FrontPage عند زرع الاجزاء المقطعه
• الخبره في تركيب الاستايل داخل لوحة تحكم المنتدى ورفع الصور
• توليف الالوان في اجزاء المنتدى مع الاستايل باسلوب فني

هذا مالدي الان من نقاط مهمه واي اضافه تضاف مني او منكم سوف نضعها من ضمن النقاط المهمه

[الدرس الأول - A ] تصميم البرواز العادي

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

وننطلق بحفظ الله ورعايته

قم بفتح برنامج الفوتوشوب Adobe Photoshop 7.0 ME كما في الصوره
أضغط على الصوره لتراها بحجمها الطبيعي


2- قم بالضعط من اعلى برنامج Adobe Photoshop 7.0 ME جهة اليسار على كلمة file
ستندرج لك قائمه ومن ضمنها كلمة new (اضغط عليها)



3- سيظهر لك مربع حوار وسجل به مثلما تشاهد المحدد باللون الاحمر
العرض = ..... = 780
الطول = ...... = 460
الخلفيه = white
ثم ok



سوف يظهر لك مادونته بالاعلى
أضغط على الصوره لتراها بحجمها الطبيعي


انتهينا من مرحلة تجهيز الاساس

نبدى الان بالترميم
من جهة اليمين ستشاهد مثل مافي الصوره وهي مكونات عملك وكل عمل تضيفه سوف يظهر بلير جديد واول عمل انت او انتي قمت به هو تكون عمل جديد وخلفيه بيضاء



من جهة اليسار نضغط على مربع الالوان ونختار اي لون يناسب ذاقتنا ونعبئ الخلفيه


بعد اختيار اللون
ننتقل لنفس مربع الادوات ونختار اداة التعبئه


نذهب للعمل ونعبئ اللون المختار
أضغط على الصوره لتراها بحجمها الطبيعي


الان ننتقل مره اخرى للادوات ونختار اداة التحديد



بعد اختيار اداة التحديد
نقوم بانشاء لير جدير مثل ما نشاهد بالصوره




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


الان افتح لير ثالث + استخدم اداة التحديد وحجمه اقل من اللير الذي قبله + عبئه باي لون



سيصبح بهذا الشكل
أضغط على الصوره لتراها بحجمها الطبيعي


الان لو ضغطنا على الصوره السابقه ورائيناها بحجمها الطبيعي سوف نشاهد شئ وهو حدود بيضاء على حواف كل مربع او مستطيل
كيف قمنا بهذا الامر؟
عن طريق هذه الصوره
نختار مثلاً اللير الوسط ونضغط عليه لكي نبدى الشغل على تحديده
ملاحظه : عند الضغط على اللير سوف تشاهده باللون الازرق كما في الصوره
اضغط على حرف f من الاسفل وستخرج لك قائمه وفي اخرها كلمة stroke اضغط عليها

بعد الضغط على كلمة stroke سيخرج لك مربع حوار
size= 1px
calor= اختv اللون الذي ترغب به
اعتمد ok
شاهد الصوره
أضغط على الصوره لتراها بحجمها الطبيعي



أضغط على الصوره لتراها بحجمها الطبيعي


انتهينا من الدرس وهذا الدرس وهو الذي يعتمد عليه واتمنى المحافظه على العمل الذي ستطبقون عليه لانه مرتبط مع الدرس القادم وهو :
[الدرس الثاني- B ] تقطيع البرواز العادي
اي استفسار تفضلوا وخذوا راحتكم

[الدرس الأول - B ] تقطيع البرواز العادي
بسم الله الرحمن الرحيم

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

هذا الدرس امتداد للدرس السابق

[الدرس الأول - A ] تصميم البرواز العادي

الان بعد ان صممنا البرواز العادي البسيط ... ناتي لطريقة تقطيعه الى ثمان قطع

لاحظ ان مجموع القطع في البرواز العادي لكي نحوله الى استايل تكون ثمان قطع

من اين نبدى في عمليه التقطيع؟

نبدى من حيث انتهينا حيث اننا حفظنا البرواز على صيغة jpg

الخطوه الاولى : نقوم بفتح برنامج الفوتوشوب Adobe Photoshop 7.0 ME

أضغط على الصوره لتراها بحجمها الطبيعي


ثم نقوم بفتح العمل المحفوظ على صيغة jpg مثل الذي موجود في الصوره وقد تحدثنا عنه سابقاً

أضغط على الصوره لتراها بحجمها الطبيعي


اللحين فتحنا البرنامج ونزلنا فيه العمل

فيه على اليسار الادوات وهي ادوات الاستخدام لبرنامج الفوتوشوب ونختار منها اداة التحديد

انظر الصوره



ونختار منها اللي محدد باللون الاحمر واللي جاي على شكل مربع منقط

====================================

الخطوه الثانيه نروح على البرواز ومعانا اداة التحديد اللي من شوي

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




اللي مايعرف كيف يوزن الاطراف راح تجي صوره في الشرح توضح الوزنيه

===================================

حددنا الزاويه العلويه من الجهه اليمنى

طيب نجي اللحين وننسخها

وعملية النسخ تجي بطريقتين
1- اما Ctrl +C او 2- من فوق في برنامج الفوتوشوب على اليسار نروح لكلمة Edit ثم Copy

شاهد الصوره




اللحين نسخنا اللي حددناه

طيب وين نلصقها؟!!

الطريقه المبسطه والسهله هي بعد عمليه النسخ للي حددناه

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

على طول اضغط على كلمة new وراح يطلع لك مربع حوار جاهز بالمقاسات اللي انت حددتها

شاهد الصوره






اضغط ok

راح يطلع لك مربع خلفيته بيضاء

اعمل لصق اما عن طريق

1- اما Ctrl +V او 2- من فوق في برنامج الفوتوشوب على اليسار نروح لكلمة Edit ثم ***te

شوف وش راح يطلع معاك




=================================

اللحين بعد ان عرفنا كيف نحدد وننسخ ونلصق

جينا على الباقي

والباقي مثل ماسوينا في الزاويه الاولى فوق على اليمين

راح نطبق على البقيه حتى ينتج معنا ثمان زوايا.... وثمان اوساط







طيب كيف نقدر نطلع الثمان الزوايا والثمان اوساط وماعرفنا منها الا واحد؟؟؟

شوفوا سلمكم ربي فيه طريقتين ولازم اللحين نركز مضبوط

ان ماركزنا الان فما راح نستفيد شئ

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

تتذكرون يوم حددنا اول زاويه من فوق على اليمين ونسخناه وفتحنا عمل جديد واتوماتيك اعطانا حجمه مثل ماحددناه ولصقناه

طيب اللي ابيه منكم نفس التحديد لانشيله عشان نحتفظ بالمقاسات

شوفوا الصوره




لاحظوا الاسهم اللي في الكي بورد




اللحين قلنا التحديد مازال موجود

يالله نسحب بالسهم اليسار على اخر زاويه فوق على اليسار

ونسوي نسخ وفتح عمل جديد ولصق

وهكذا حتى ننتهي من الزوايا الاربعه

ونفس اللي سويناه مع الزوايا نسويه مع الاوساط

وكل وسط نسخ وفتح عمل جديد ثم لصق

بكذا انتهينا من التقطيع

وانتظروا الدرس الجاي عن :

[الدرس الأول - C ] تركيب قطع البرواز العادي على المنتدى


اخواني واخواتي لو اتذكر شئ فيه اي اضافه راح تلقونها

فاعذروني فطول الدرس ممكن نساني شئ

ملاحظتي اللي قلتها في السابق من حيث اخذ مسافه بالطول والعرض متساويه عن طريق التالي:

من اعلى برنامج الفوتوشوب نختار كلمة window ثم info ونضع امامها صح



وبعد ان وضعنا صح

الان راح نشوف الطول والعرض ومن غير لازياد ولانقصان

[الدرس الأول - C ] تركيب البرواز العادي
بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
هذا الدرس مرتبط بالدرسين السابقه
[الدرس الأول - A ] تصميم البرواز العادي
[الدرس الأول - B ] تقطيع البرواز العادي

======================================
ملاحظاتي على الجميع : تفاعل مميز وقوة في الحضور ومهاره في التطبيق
======================================

هذا الدرس
[الدرس الأول - C ] تركيب البرواز العادي
مهم مهم مهم وغاية اهميته 70% من الاتقان

:::الان نبدى الشرح:::

ابي منكم الله لايهينكم تحفظون القطع الثمان ( اربع زوايا وارعه اوساط في مجلد خاص باي مكان بالجهاز )

اللحين بعد ان حفظتوا القطع الثمان ضمن مجلد واسميتموه ماشئتم
نجي اللحين للتطبيق اللي اعتبره اساس الانطلاقه في عالم التركيب للاستايل
في الدرسين السابقه كنت اطلب فتح برنامج الفوتوشوب
الان اللي ابيه فتح برنامج الفرونت بيج
Microsoft Office FrontPage 2003



فتحنا الان برنامج الفرونت بيج ومنها الى التعليمات البرمجيه وامسحوا مافيه ولاتخلون شئ

شاهد الصوره



بيصير شكله كذا



اللحين تنتقلون الى كلمة تصميم من اسفل الفرونت بيج على اليمين



بعد ان ضغطنا كلمة تصميم فيوجد فوق ايقونه انشاء جدول



بعد ان ضغطنا على ايقونه انشاء جدول فراح تندرج جداول نضلل منها تسعه فقط
انظر الصوره


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



اللحين نضغط على اي مكان في ارضيه الفرونت بيج بالماوس الايمن وبيظهر لنا مستطيل وفيه كلمة خصائص الصفحه



نختار اللي محدد باللون الاحمر ثم موافق



الان نروح لاي مكان في الجدول ونختار خصائص الجدول



قم بوضع القيم اللي محدده باللون الاحمر



الان اصبح الجدول جاهز لوضع القطع الثمان عليه ولكن لابد ان نركز في الخانات اللي مبينه باللون الازرق انها الزوايا واللي بالاحمر هي الاوساط
الزوايا = ادراج صوره
الاوساط =خلفيه خليه



اللحين نروح لاول خليه في الجدول فوق على اليمين ونضع الماوس عليها ومن ضم نضغط على ايقونه ادراج صوره كما هي محدده باللون الاحمر



ضغطنا على ايقونه الصوره وبحثنا عن اسم مجلد القطع الثمان فوجدنا اسمه test
اضغط على المجلد مرتين حتى تشوف الصوره الثمان داخله



مثل مانشوف الصوره الثمان الان واللي توضحه الصوره
طيب حنا ضغطنا على في السابق على اول خانه في الجدول او اول خليه من فوق يمين
طيب الان نبي ندور على الصوره اللي تناسبها
وش بتكون
نشوف الصوره !



ضغطنا على الصوره او الزاويه اليمنى اللي فوق كلك مرتين ونزلت في اول خانه
مثل مانشوف في الصوره



نكمل الان بقية الزوايا مثل اللي سويناه من شوي للزاويه اللي فوق على اليمين



الزوايا واتوقع كانت سهله

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



نروح للاربع خلايا او اوساط ونضغط بطرف الماوس يمين ومن ثم نضغط على خصائص الخليه



نختار كل خلفيه ونضعها في مكانها المناسب واخر شئ يصير معانا الشكل كذا



جينا لموضوع شد الاطراف
لاحظوا منطقه الوسط
تشوفون سهم متجه يمين وسهم متجه يسار
نروح نشد الجهتين الى اخر اليمين والى اخر اليسار



صار الشكل كذا وهو المطلوب





وسلامتكم

رااااااااااائع يا محمد شرح جميل ومنتقن