دوره مصوره لتعلم تصميم استايلات المنتديات

ليالى111 · #1 (**permalink**) 02-24-2010, 10:57 PM

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

اليوم موعدنا مع دوره متكامله للمبتدئين فى تصميم الاستايلات

للنتقل الى احراف التصميم

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

على بركة اله نبداء

نفتح برنامج الفوتوشوب Adobe Photoshop 7.0 ME كما في الصوره

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

سيظهر لك مربع حوار سجل به مثلما تشاهد المحدد باللون الاحمر
العرض = width = 780
الطول = height = 460
الخلفيه = white
ثم ok (( انظر الصورة ))

سوف يظهر لك مادونته بالاعلى (( انظر الصورة ))

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

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

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

نبدء بتعديل المربع العلوي لأعطائه شكل افضل وهذا بالضغط على اداة التعديل اسفل قائمة اللير (( انظر الصورة ))

نختار الخيار الأخير وهو خيار لاعطاء تحديد للبنر ونقوم بضبط الاعدادات كما تلاحظ بالصوره ... وارجوا الانتباه والتطبيق كما بالصوره .. واذا تعرفت على الخصائص تقدر تعدل على حسب تصميمك .. نتابع الصوره التالية

ننتقل للخيار الثاني وهو اعطاء بروز للمربع .. نطبق الاعدادات كما بالصورة التالية

ثم الخيار الثالث وهو لاعطاء ظل داخلي للمربع .. تابع الصوره وطبق الاعدادات كما تلاحظ

وننتقل للخيار الاخير وهو اعطاء ظل خارجي للمربع نطبق الاعدادات وبعد الانتهاء نضغط على زر ( new style ) او نمط جديد راح تظهر رساله اضغط على موافق وبعدها اضغط على موافق في الخيارات لحفظ اعدادات المربع العلوي وبكذا نكون انتهينا من المربع العلوي

وبالنسبه للمربع السفلي نطبق نفس الخيارات وللتسهيل نختار النمط المحفوظ لدينا من قائمة وندوز او نوافذ ونطبقها على المربع السفلي كما بالصوره

راح يظهر الشكل كما بالصوره التاليه

الحين اضف بعض اللمسات او اكتب اسم الموقع مع حفظ الحقوق بالاسفل كما بالصوره

وبكذا نكون خلصنا من الحلقة الاولى لتصميم الستايل للمبتدئين

تقطيع الستايل

نفتح برنامج فوتوشوب ونفتح الستايل الذي صممناه في الحلقه الاول من فتح واختيار الملف المفتوح من الجهاز

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

نبداء بالتقطيع .. نختار أداة التقطيع من الأدوات وهي محدده باللون الاحمر بالصوره التاليه .... عند التقطيع نضغط بالزاويه الاولى المحدده بالنقطه الحمراء ونسحب الى النقطة الثانيه الحمراء

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

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

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

تابع الصوره .. والمنطقه باللون الازرق .. ومقاسها .. عرض 50 مربع .. وارتفاع نفس الارتفاع للبنر او الفوتر

خلصنا التقطيع ... وهذا الشكل النهائي بعد التقطيع

الآن نبدء بحفظ الستايل بعد تقطيعه .. وطريقة الحفظ كالتالي ::

نختار ملف أو file *تابع الصورة

بعد اختيار الحفظ كصفحه انترنت .. تطلع صفحه اضغط على حفظ أو save تابع الصورة

الآن تابع الصورة التالية :: والشرح بعدها ::

رقم 1 :: اختر مكان حفظ المجلد للستايل .. اختر أي مكان بجهازك وليكن المستندات

رقم 2 :: اختر اسم لصور الستايل اختر اي اسم وليكم des-ksa ولكن انتبه لا تضع الاسم عربي ولا تضع مسافات اكتبه اسم او اختصرها وضع حرف انجليزي واحد وخلاص

رقم 3 :: اختر الحفظ على شكل صور فقط كما هو واضح بالصورة

رقم 4 :: اضغط حفظ بعد الانتهاء ... واذهب للمكان ال1ي حفظت المجلد به وشاهد ستايلك مقطع وباقي عليه التركيب فقط ...

ليالى111 · #2 (**permalink**) 02-24-2010, 11:00 PM

تركيب الاستايل

البرامج التي ستحتاج لها >>> برنامج فرونت بيج 2003 عربي

:: نبــــــــــدء ::

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

اذهب لتعليمات برمجيه وامسح جميع الأكواد داخلها ... ( انظر الصورة )

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

اتبع الصورة التالية وستعرف ما تفعل

نذهب الى ادراج جدول وندرج 3 اعمده و 3 صفوف ( انظر الصورة )

نضغط بالزر الايمن باي مكان بالجدول ونختار خصائص الجدول ( انظر الصورة )

اضبط الإعدادات كما في الصورة التالية

الآن نبداء بأدراج الصور وطبعا ليست جميع الصور تدرج .... منطقة التمدد لابد ان تكون على شكل خلفيه ... تابع وراح يتضح كل شي ....

ندرج الان الزوايا ... نذهب الى مكان الزاويه اليمنى ونضغط مره واحد داخل المربع المخصص له ونضغط على زر ادراج صوره ( انظر الصورة )

نختار الزاويه من الجهاز ونضغط على إدراج ( انظر الصورة )

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

الان نريد ترتيب الزوايا ... وهذا يتم بشد الوسط الى اليمين واليسار ... لاحظ الصوره .. مكان الدائره اذا مررت مؤشر الفاره راح يتغير شكله اول مايتغير االمؤشر اضغط وسحب بأتجاه السهم .

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

نختار الصوره التي نريد ادراجها

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

الان نعطي البنرات اتجاه اليمين .. وهذه الخطوه لكي لاينتج اخطاء عند تمدد المنتدى . كما تلاحظ في الصورة التالية

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

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

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

انتهينا من توزيع الستايل

ابو فهد · #3 (**permalink**) 02-28-2010, 08:03 AM

{درس}:تلويــن الاستايل

تفتح الفوتشوب اولا

تدخل على file ومن ثم open
روح مكان صور الاستايل المراد تلوينه

الحين تظلل جميع الصور وتسوي open

بعد ما سوينا open راح تكون الصور على الشكل الاتي

الحين تروح من قائمة windows وتختار ACtions

الحين تروح على اخر ملف في الاكشنس

تضغط على هذي الصورة..

راح يطلع معاك هالمربع..اكتب بداخله التالي.
بعدين سو ok

الان اصبح بهذا الشكل بعد تكوين المجلد..

الان قوم بعمل اضافة اكشن ..

سيظهر المربع الاتي اكتب البيانات التالية فيه..

الحين روح من قائمة image ثم adjustments ثم ل HUE/saturtion

الان رتب الالوان على حسب هواك..انا اخترت اللون الازرق..

الحين في مربع اكشن رح يظهر لك الاعداد السابق موجود هناك

الحين مابقى الا القليل الحين روح من قائمة file وسو save

راح تشوف ان save ايظا سجلت مع الاعدادت

الان اضغط على زر play كما موضح

بعدين سو play على جميع الصور والصورة بعد ماتسويلها play

سكرها وسو play على الصور اللي بعدها..

الحين روح شوف الصور تلاقاها ملونة..

وهذا تطبيقي بعد ان تم تلوين الصور باللون العشببي ورجعت ولونته باللون البحري

انتهى الدرس

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق
انواع عرض الموضوع
العرض العادي الانتقال إلى العرض المتطور الانتقال إلى العرض الشجري