دورة تصنيع الاستايلات من البدايه الى الاحتراف [الأرشيف]


منتديات منارة سورية > الأقسام التقنية و المعلوماتية > قسم تصميم وتطوير المواقع > قسم تطوير المنتديات > دورة تصنيع الاستايلات من البدايه الى الاحتراف المساعد الشخصي الرقمي مشاهدة النسخة كاملة : دورة تصنيع الاستايلات من البدايه الى الاحتراف ahmad 07-12-07, 02:04 AM لكي نصعد السلم فعلينا ان نصعد من الاسفل للاعلى ومن هنا نبدا ... فاتمنى من الجميع ومن لديه معلومه ان لايبخل بها علينا وبالنسبه عني فلن ابخل باي نقطه اعرفها كما احب ان اذكر في حالة ان نسيت شئ في الشرح فاتمنى تنبيهي ومن لديه اي استفسار او اي نقطه غامضه فاتمنى ان يسئل عنها كي لاتتكاثر عليه نقاط الغموض في حال الانتقال من درس الى اخر سوف تتمثل الدروس المطروحه في التصوير الجزئي لاي شئ بحيث ساجعل الصوره تشرح نفسها كي لايحس احدنا بعدم فهم لاي شرح وننطلق بحفظ الله ورعايته قم بفتح برنامج الفوتوشوب Adobe Photoshop 7.0 ME كما في الصوره [Link nur für registrierte Benutzer sichtbar] - قم بالضعط من اعلى برنامج Adobe Photoshop 7.0 ME جهة اليسار على كلمة file ستندرج لك قائمه ومن ضمنها كلمة new (اضغط عليها) [Link nur für registrierte Benutzer sichtbar] 3- سيظهر لك مربع حوار وسجل به مثلما تشاهد المحدد باللون الاحمر العرض = width = 780 الطول = height = 460 الخلفيه = white ثم ok [Link nur für registrierte Benutzer sichtbar] سوف يظهر لك مادونته بالاعلى [Link nur für registrierte Benutzer sichtbar] انتهينا من مرحلة تجهيز الاساس نبدى الان بالترميم من جهة اليمين ستشاهد مثل مافي الصوره وهي مكونات عملك وكل عمل تضيفه سوف يظهر بلير جديد واول عمل انت او انتي قمت به هو تكون عمل جديد وخلفيه بيضاء [Link nur für registrierte Benutzer sichtbar] من جهة اليسار نضغط على مربع الالوان ونختار اي لون يناسب ذاقتنا ونعبئ الخلفيه [Link nur für registrierte Benutzer sichtbar] بعد اختيار اللون ننتقل لنفس مربع الادوات ونختار اداة التعبئه [Link nur für registrierte Benutzer sichtbar] نذهب للعمل ونعبئ اللون المختار [Link nur für registrierte Benutzer sichtbar] الان ننتقل مره اخرى للادوات ونختار اداة التحديد [Link nur für registrierte Benutzer sichtbar] بعد اختيار اداة التحديد نقوم بانشاء لير جدير مثل ما نشاهد بالصوره [Link nur für registrierte Benutzer sichtbar] ملاحظه : اخذنا اداة التحديد + فتحنا لير جديد = قم بالتحديد فيمكان اقل من حجم الخلفيه لكي تبني الاساس الاخر للبرواز ومن ثم عبئه باي لون يناسبك شاهد الصوره [Link nur für registrierte Benutzer sichtbar] الان افتح لير ثالث + استخدم اداة التحديد وحجمه اقل من اللير الذي قبله + عبئه باي لون [Link nur für registrierte Benutzer sichtbar] سيصبح بهذا الشكل [Link nur für registrierte Benutzer sichtbar] الان لو ضغطنا على الصوره السابقه ورائيناها بحجمها الطبيعي سوف نشاهد شئ وهو حدود بيضاء على حواف كل مربع او مستطيل كيف قمنا بهذا الامر؟ عن طريق هذه الصوره نختار مثلاً اللير الوسط ونضغط عليه لكي نبدى الشغل على تحديده ملاحظه : عند الضغط على اللير سوف تشاهده باللون الازرق كما في الصوره اضغط على حرف f من الاسفل وستخرج لك قائمه وفي اخرها كلمة stroke اضغط عليها [Link nur für registrierte Benutzer sichtbar] بعد الضغط على كلمة stroke سيخرج لك مربع حوار size= 1px calor= اختv اللون الذي ترغب به اعتمد ok شاهد الصوره [Link nur für registrierte Benutzer sichtbar] [Link nur für registrierte Benutzer sichtbar] انتهينا من الدرس وهذا الدرس وهو الذي يعتمد عليه واتمنى المحافظه على العمل الذي ستطبقون عليه لانه مرتبط مع ahmad 07-12-07, 02:15 AM الدرس الثاني تقطيع البراوزر العادي الان بعد ان صممنا البرواز العادي البسيط ... ناتي لطريقة تقطيعه الى ثمان قطع لاحظ ان مجموع القطع في البرواز العادي لكي نحوله الى استايل تكون ثمان قطع من اين نبدى في عمليه التقطيع؟ نبدى من حيث انتهينا حيث اننا حفظنا البرواز على صيغة jpg الخطوه الاولى : نقوم بفتح برنامج الفوتوشوب Adobe Photoshop 7.0 ME [Link nur für registrierte Benutzer sichtbar] ثم نقوم بفتح العمل المحفوظ على صيغة jpg مثل الذي موجود في الصوره وقد تحدثنا عنه سابقاً [Link nur für registrierte Benutzer sichtbar] اللحين فتحنا البرنامج ونزلنا فيه العمل فيه على اليسار الادوات وهي ادوات الاستخدام لبرنامج الفوتوشوب ونختار منها اداة التحديد انظر الصوره [Link nur für registrierte Benutzer sichtbar] ونختار منها اللي محدد باللون الاحمر واللي جاي على شكل مربع منقط ==================================== الخطوه الثانيه نروح على البرواز ومعانا اداة التحديد اللي من شوي ونروح نحدد الزاويه اليمنى العلويه بشكل متساوي من الاطراف من غير زياده او نقصان [Link nur für registrierte Benutzer sichtbar] اللي مايعرف كيف يوزن الاطراف راح تجي صوره في الشرح توضح الوزنيه =================================== حددنا الزاويه العلويه من الجهه اليمنى طيب نجي اللحين وننسخها وعملية النسخ تجي بطريقتين 1- اما Ctrl +C او 2- من فوق في برنامج الفوتوشوب على اليسار نروح لكلمة Edit ثم Copy شاهد الصوره [Link nur für registrierte Benutzer sichtbar] اللحين نسخنا اللي حددناه طيب وين نلصقها؟!! الطريقه المبسطه والسهله هي بعد عمليه النسخ للي حددناه تروح الى كلمة fill من اعلى الفوتوشوب وتضغط عليها وبتنزل لك قائمه منسدله وفيها كلمة new على طول اضغط على كلمة new وراح يطلع لك مربع حوار جاهز بالمقاسات اللي انت حددتها شاهد الصوره [Link nur für registrierte Benutzer sichtbar] [Link nur für registrierte Benutzer sichtbar] اضغط ok راح يطلع لك مربع خلفيته بيضاء اعمل لصق اما عن طريق 1- اما Ctrl +V او 2- من فوق في برنامج الفوتوشوب على اليسار نروح لكلمة Edit ثم Paste شوف وش راح يطلع معاك [Link nur für registrierte Benutzer sichtbar] ================================= اللحين بعد ان عرفنا كيف نحدد وننسخ ونلصق جينا على الباقي والباقي مثل ماسوينا في الزاويه الاولى فوق على اليمين راح نطبق على البقيه حتى ينتج معنا ثمان زوايا.... وثمان اوساط [Link nur für registrierte Benutzer sichtbar] لاحظوا الاسهم اللي في الكي بورد [Link nur für registrierte Benutzer sichtbar] قلنا التحديد مازال موجود يالله نسحب بالسهم اليسار على اخر زاويه فوق على اليسار ونسوي نسخ وفتح عمل جديد ولصق وهكذا حتى ننتهي من الزوايا الاربعه ونفس اللي سويناه مع الزوايا نسويه مع الاوساط وكل وسط نسخ وفتح عمل جديد ثم لصق بكذا انتهينا من التقطيع وانتظروا الدرس الجاي عن : [الدرس الأول - C ] تركيب قطع البرواز العادي على المنتدى ملاحظتي اللي قلتها في السابق من حيث اخذ مسافه بالطول والعرض متساويه عن طريق التالي: من اعلى برنامج الفوتوشوب نختار كلمة window ثم info ونضع امامها صح [Link nur für registrierte Benutzer sichtbar] وبعد ان وضعنا صح الان راح نشوف الطول والعرض ومن غير لازياد ولانقصان [Link nur für registrierte Benutzer sichtbar] ahmad 07-12-07, 02:28 AM الدرس الثالث تركيب البراوزر العادي ابي منكم الله لايهينكم تحفظون القطع الثمان ( اربع زوايا وارعه اوساط في مجلد خاص باي مكان بالجهاز ) اللحين بعد ان حفظتوا القطع الثمان ضمن مجلد واسميتموه ماشئتم نجي اللحين للتطبيق اللي اعتبره اساس الانطلاقه في عالم التركيب للاستايل في الدرسين السابقه كنت اطلب فتح برنامج الفوتوشوب الان اللي ابيه فتح برنامج الفرونت بيج Microsoft Office FrontPage 2003 [Link nur für registrierte Benutzer sichtbar] فتحنا الان برنامج الفرونت بيج ومنها الى التعليمات البرمجيه وامسحوا مافيه ولاتخلون شئ شاهد الصوره [Link nur für registrierte Benutzer sichtbar] بيصير شكله كذا [Link nur für registrierte Benutzer sichtbar] اللحين تنتقلون الى كلمة تصميم من اسفل الفرونت بيج على اليمين [Link nur für registrierte Benutzer sichtbar] بعد ان ضغطنا كلمة تصميم فيوجد فوق ايقونه انشاء جدول [Link nur für registrierte Benutzer sichtbar] بعد ان ضغطنا على ايقونه انشاء جدول فراح تندرج جداول نضلل منها تسعه فقط انظر الصوره [Link nur für registrierte Benutzer sichtbar] طبيعي على عدد الجداول راح نشوف في ارضيه الفرونت بيج تسعه جداول [Link nur für registrierte Benutzer sichtbar] اللحين نضغط على اي مكان في ارضيه الفرونت بيج بالماوس الايمن وبيظهر لنا مستطيل وفيه كلمة خصائص الصفحه [Link nur für registrierte Benutzer sichtbar] نختار اللي محدد باللون الاحمر ثم موافق [Link nur für registrierte Benutzer sichtbar] الان نروح لاي مكان في الجدول ونختار خصائص الجدول [Link nur für registrierte Benutzer sichtbar] قم بوضع القيم اللي محدده باللون الاحمر [Link nur für registrierte Benutzer sichtbar] الان اصبح الجدول جاهز لوضع القطع الثمان عليه ولكن لابد ان نركز في الخانات اللي مبينه باللون الازرق انها الزوايا واللي بالاحمر هي الاوساط الزوايا = ادراج صوره الاوساط =خلفيه خليه [Link nur für registrierte Benutzer sichtbar] اللحين نروح لاول خليه في الجدول فوق على اليمين ونضع الماوس عليها ومن ضم نضغط على ايقونه ادراج صوره كما هي محدده باللون الاحمر [Link nur für registrierte Benutzer sichtbar] ضغطنا على ايقونه الصوره وبحثنا عن اسم مجلد القطع الثمان فوجدنا اسمه test اضغط على المجلد مرتين حتى تشوف الصوره الثمان داخله [Link nur für registrierte Benutzer sichtbar] مثل مانشوف الصوره الثمان الان واللي توضحه الصوره طيب حنا ضغطنا على في السابق على اول خانه في الجدول او اول خليه من فوق يمين طيب الان نبي ندور على الصوره اللي تناسبها وش بتكون نشوف الصوره ! [Link nur für registrierte Benutzer sichtbar] ahmad 07-12-07, 02:35 AM ضغطنا على الصوره او الزاويه اليمنى اللي فوق كلك مرتين ونزلت في اول خانه مثل مانشوف في الصوره [Link nur für registrierte Benutzer sichtbar] نكمل الان بقية الزوايا مثل اللي سويناه من شوي للزاويه اللي فوق على اليمين [Link nur für registrierte Benutzer sichtbar] الزوايا واتوقع كانت سهله طيب الاوساط وش كنت اقول من شوي كنت اقول لاتوضع كادراج صوره وانما كاخلفيه [Link nur für registrierte Benutzer sichtbar] نروح للاربع خلايا او اوساط ونضغط بطرف الماوس يمين ومن ثم نضغط على خصائص الخليه [Link nur für registrierte Benutzer sichtbar] نختار كل خلفيه ونضعها في مكانها المناسب واخر شئ يصير معانا الشكل كذا [Link nur für registrierte Benutzer sichtbar] جينا لموضوع شد الاطراف لاحظوا منطقه الوسط تشوفون سهم متجه يمين وسهم متجه يسار نروح نشد الجهتين الى اخر اليمين والى اخر اليسار [Link nur für registrierte Benutzer sichtbar] صار الشكل كذا وهو المطلوب [Link nur für registrierte Benutzer sichtbar] ahmad 07-12-07, 02:43 AM إعتماد البراوزر العادي اللحين نبي نعرف وشلون نركبه على المنتدى وكيف يكون راكب بدون اخطاء [Link nur für registrierte Benutzer sichtbar] في نفس الخلايا وفي النص في الفراغ اللي موضوع بالصوره الجايه نحط الماوس فيه ونضغط على التنصيف [Link nur für registrierte Benutzer sichtbar] بعد ماضغطنا على التنصيف عشان يكون شغلنا موزون ومرتب نروح اسفل الفرونت بيج ونضغط على كلمة التعليمات البرمجيه لمشاهده الاكواد راح نشاهد هالصوره الجايه واللي يبين فيها عمليه التوسيط وانه انوجد فيها كلمة CENTER [Link nur für registrierte Benutzer sichtbar] اللحين بتشوفون الجدول منقسم نصين وانا قسمته بلونين اللون العلوي نص الخلايا واللون السفلي نص الخلايا السفليه طيب التقسيم من وين تم ؟ تم من بعد كلمة center وهذا مربط الفرس [Link nur für registrierte Benutzer sichtbar] تعالوا نشوف وش المقصود من التقسيم باللونين قلنا نصف علوي ماقبل كلمة <p align="center"> ونصف سفلي مابعد كلمة <p align="center"> اللي قبل يوضع في تمبلت الـ header اللي بعد يوضع في تمبلت الـ footer [Link nur für registrierte Benutzer sichtbar] كيف يتم وضعها؟! الطريقه السليمه والصحيحه هي: نقوم بالتوجه الى لوحة تحكم المنتدى ومن اليمين نشوف مثل هالصوره [Link nur für registrierte Benutzer sichtbar] نضغط على كلمة Style Manager وعلى طول تنقلنا الصفحه على مجموعة الاستايلات المركبه عندك وبنلقاها في الجهه اليسرى اختار الاستايل اللي تبي تسوي فيه البرواز وانا فضلت استايل الشركه ( من يوم تشوفه وانت ناوي تعدل عليه روح واضغط على كلمة اذهب اللي محدده باللون الاحمر) شوف الصوره راح يظهر لك هالصوره [Link nur für registrierte Benutzer sichtbar] اللحين وصلنا للنقطه الفاصله اما نكون او لا نكون مع ثقتي انكم راح تكونوا بنشوف الهيدر ومحدد باللون الاحمر والفوتر محدد باللون الاحمر وهنا شغلنا بس ننسخ محتويات الجزء العلوي اللي في هالصوره [Link nur für registrierte Benutzer sichtbar] ونحطه قبل جملة $spacer_open $_phpinclude_output وننسخ الجزء السفلي اللي في هالصوره [Link nur für registrierte Benutzer sichtbar] ونحطه بعد جملة <********************** type="text/************************"> <!-- // Main vBulletin ************************ Initialization vBulletin_init(); // Initialize 'Active' Table Cells //vBulletin_init(); //--> </********************> [Link nur für registrierte Benutzer sichtbar] ثم نضغط حفظ او موافق او اعتمد على حسب اللغه الموجوده لديك [Link nur für registrierte Benutzer sichtbar] تعالوا للمنتدى ونشوفه [Link nur für registrierte Benutzer sichtbar] ahmad 07-12-07, 02:43 AM إعتماد البراوزر العادي اللحين نبي نعرف وشلون نركبه على المنتدى وكيف يكون راكب بدون اخطاء [Link nur für registrierte Benutzer sichtbar] في نفس الخلايا وفي النص في الفراغ اللي موضوع بالصوره الجايه نحط الماوس فيه ونضغط على التنصيف [Link nur für registrierte Benutzer sichtbar] بعد ماضغطنا على التنصيف عشان يكون شغلنا موزون ومرتب نروح اسفل الفرونت بيج ونضغط على كلمة التعليمات البرمجيه لمشاهده الاكواد راح نشاهد هالصوره الجايه واللي يبين فيها عمليه التوسيط وانه انوجد فيها كلمة CENTER [Link nur für registrierte Benutzer sichtbar] اللحين بتشوفون الجدول منقسم نصين وانا قسمته بلونين اللون العلوي نص الخلايا واللون السفلي نص الخلايا السفليه طيب التقسيم من وين تم ؟ تم من بعد كلمة center وهذا مربط الفرس [Link nur für registrierte Benutzer sichtbar] تعالوا نشوف وش المقصود من التقسيم باللونين قلنا نصف علوي ماقبل كلمة <p align="center"> ونصف سفلي مابعد كلمة <p align="center"> اللي قبل يوضع في تمبلت الـ header اللي بعد يوضع في تمبلت الـ footer [Link nur für registrierte Benutzer sichtbar] كيف يتم وضعها؟! الطريقه السليمه والصحيحه هي: نقوم بالتوجه الى لوحة تحكم المنتدى ومن اليمين نشوف مثل هالصوره [Link nur für registrierte Benutzer sichtbar] نضغط على كلمة Style Manager وعلى طول تنقلنا الصفحه على مجموعة الاستايلات المركبه عندك وبنلقاها في الجهه اليسرى اختار الاستايل اللي تبي تسوي فيه البرواز وانا فضلت استايل الشركه ( من يوم تشوفه وانت ناوي تعدل عليه روح واضغط على كلمة اذهب اللي محدده باللون الاحمر) شوف الصوره راح يظهر لك هالصوره [Link nur für registrierte Benutzer sichtbar] اللحين وصلنا للنقطه الفاصله اما نكون او لا نكون مع ثقتي انكم راح تكونوا بنشوف الهيدر ومحدد باللون الاحمر والفوتر محدد باللون الاحمر وهنا شغلنا بس ننسخ محتويات الجزء العلوي اللي في هالصوره [Link nur für registrierte Benutzer sichtbar] ونحطه قبل جملة $spacer_open $_phpinclude_output وننسخ الجزء السفلي اللي في هالصوره [Link nur für registrierte Benutzer sichtbar] ونحطه بعد جملة <******************** type="text/************************"> <!-- // Main vBulletin ************************ Initialization vBulletin_init(); // Initialize 'Active' Table Cells //vBulletin_init(); //--> </**********************> [Link nur für registrierte Benutzer sichtbar] ثم نضغط حفظ او موافق او اعتمد على حسب اللغه الموجوده لديك [Link nur für registrierte Benutzer sichtbar] تعالوا للمنتدى ونشوفه [Link nur für registrierte Benutzer sichtbar] ahmad 07-12-07, 02:54 AM قم بفتح عمل جديد [Link nur für registrierte Benutzer sichtbar] والمقاس كما في الصوره [Link nur für registrierte Benutzer sichtbar] بيكون بهذا الشكل [Link nur für registrierte Benutzer sichtbar] الان انشئ لونين على حسب اختيارك ويكون لون خفيف والثاني اثقل منه طبعا الخفيف فوق والثقيل تحت [Link nur für registrierte Benutzer sichtbar] اصبغ الخلفيه باللون الخفيف مثل هذا الشكل [Link nur für registrierte Benutzer sichtbar] اللحين نضغط على اداة تدرج اللون [Link nur für registrierte Benutzer sichtbar] ونختار من فوق اللي محدد باللون الاحمر [Link nur für registrierte Benutzer sichtbar] اللحين نضغط على الونيين المدموجين [Link nur für registrierte Benutzer sichtbar] واللحين الصور بتشرح نفسها ولازم نركز فيها [Link nur für registrierte Benutzer sichtbar] [Link nur für registrierte Benutzer sichtbar] [Link nur für registrierte Benutzer sichtbar] اللحين من فوق نختار التالي للتخطيط الدقيق [Link nur für registrierte Benutzer sichtbar] مثل مانشوف كيف صار التخطيط [Link nur für registrierte Benutzer sichtbar] افتح لير جديد [Link nur für registrierte Benutzer sichtbar] ahmad 07-12-07, 03:04 AM اللحين ناخذ اداة التحديد الخاص ونحدد بشكل مناسب من الاطراف [Link nur für registrierte Benutzer sichtbar] شوف الشكل بالتحديد [Link nur für registrierte Benutzer sichtbar] اللحين نستعمل اداة التدرج الخاص باللون [Link nur für registrierte Benutzer sichtbar] ومازال التحديد موجود نسحب بالتدرج اللون من فوق الى تحت [Link nur für registrierte Benutzer sichtbar] اللحين نلغي التحديد اضغط Ctrl+D ومن فوق نسوي مثل اللي في الصوره [Link nur für registrierte Benutzer sichtbar] اللحين نروح على لير اللون المتدرج ونضغط من الاسفل حرف f ومن ثم كلمة stroke لكي نضع له تحديد خارجي [Link nur für registrierte Benutzer sichtbar] وهذي قيم التحديد وانتبه للون المحدد لابد ان يكون متوافق مع الالوان المختاره من قبل ليكون الشكل مناسب [Link nur für registrierte Benutzer sichtbar] ثم نسوي دبل للير اللي اشتغلنا عليه [Link nur für registrierte Benutzer sichtbar] ثم نضغط Ctrl+T ليتم تحديد الشكل وسحبه الى اعلى بحيث يصبح عمود مناسب الشكل [Link nur für registrierte Benutzer sichtbar] ادبل اللير الخاص بالعمود ليصبح لدينا عمود في الاعلى وعمود في الاسفل [Link nur für registrierte Benutzer sichtbar] اللحين العمودين نضغط على كل واحد فيهم Ctrl+G بحيث تدخل في القالب الاساسي الام [Link nur für registrierte Benutzer sichtbar] وهذا شكل الليران المدخله في القالب الاساسي [Link nur für registrierte Benutzer sichtbar] اللحين نروح للير الام اللي محدد باللون الاحمر ونضغط على حرف F ثم DROP SHOW لاعطائه ضل مناسب [Link nur für registrierte Benutzer sichtbar] وهذي قيم الظل [Link nur für registrierte Benutzer sichtbar] وهذا الهيدر اصبح جاهز للاضافات من صور ومن كتابه ... الخ [Link nur für registrierte Benutzer sichtbar]