عزيزى الزائر ليس لديك حساب فى منتدانا لذا يجب عليك التسجيل معنا ولو لديك حساب مفعل لدينا نرجو منك الدخول

انضم إلى المنتدى ، فالأمر سريع وسهل

عزيزى الزائر ليس لديك حساب فى منتدانا لذا يجب عليك التسجيل معنا ولو لديك حساب مفعل لدينا نرجو منك الدخول

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

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

    dr.hamza
    dr.hamza
    الرتبة :
    الرتبة :


    عدد المساهمات : 58
    نقاط : 148
    السٌّمعَة : 0
    تاريخ التسجيل : 26/08/2010

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

    مُساهمة  dr.hamza الخميس ديسمبر 30, 2010 11:22 am

    clown clown clown
    clown clown clown
    clown clown
    clown
    clown
    clown

    cyclops cyclops cyclops cyclops




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


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

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

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


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

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

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    قم بالضعط من اعلى برنامج Adobe Photoshop 7.0 ME جهة اليسار على كلمة file
    ستندرج لك قائمه ومن ضمنها كلمة new (( انظر الصورة ))
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    سيظهر لك مربع حوار سجل به مثلما تشاهد المحدد باللون الاحمر
    العرض = width = 780
    الطول = height = 460
    الخلفيه = white
    ثم ok (( انظر الصورة ))
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    سوف يظهر لك مادونته بالاعلى (( انظر الصورة ))
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    انتهينا من مرحلة تجهيز الاساس

    نبدى الان بالترميم
    من جهة اليمين ستشاهد مثل مافي الصوره التالية وهي مكونات عملك وكل عمل تضيفه سوف يظهر بلير جديد واول عمل تقوم به هو تكون عمل جديد وخلفيه بيضاء
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    من قائمة الادوات اختر المربع وارسم مربع علوي ( بنر ) ومربع سفلي ( فوتر )
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    نبدء بتعديل المربع العلوي لأعطائه شكل افضل وهذا بالضغط على اداة التعديل اسفل قائمة اللير (( انظر الصورة ))
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    نختار الخيار الأخير وهو خيار لاعطاء تحديد للبنر ونقوم بضبط الاعدادات كما تلاحظ بالصوره ... وارجوا الانتباه والتطبيق كما بالصوره .. واذا تعرفت على الخصائص تقدر تعدل على حسب تصميمك .. نتابع الصوره التالية
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    ننتقل للخيار الثاني وهو اعطاء بروز للمربع .. نطبق الاعدادات كما بالصورة التالية
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    ثم الخيار الثالث وهو لاعطاء ظل داخلي للمربع .. تابع الصوره وطبق الاعدادات كما تلاحظ
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    وننتقل للخيار الاخير وهو اعطاء ظل خارجي للمربع نطبق الاعدادات وبعد الانتهاء نضغط على زر ( new style ) او نمط جديد راح تظهر رساله اضغط على موافق وبعدها اضغط على موافق في الخيارات لحفظ اعدادات المربع العلوي وبكذا نكون انتهينا من المربع العلوي
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    وبالنسبه للمربع السفلي نطبق نفس الخيارات وللتسهيل نختار النمط المحفوظ لدينا من قائمة وندوز او نوافذ ونطبقها على المربع السفلي كما بالصوره
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    راح يظهر الشكل كما بالصوره التاليه
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    الحين اضف بعض اللمسات او اكتب اسم الموقع مع حفظ الحقوق بالاسفل كما بالصوره
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    وبكذا نكون خلصنا من الحلقة الاولى لتصميم الستايل للمبتدئين



    [size=21]تقطيع الستايل [/size]


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

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

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

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

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

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






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

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

    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    بعد اختيار الحفظ كصفحه انترنت .. تطلع صفحه اضغط على حفظ أو save تابع الصورة
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    الآن تابع الصورة التالية :: والشرح بعدها ::
    [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
    رقم 1 :: اختر مكان حفظ المجلد للستايل .. اختر أي مكان بجهازك وليكن المستندات

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

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

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

    dr.hamza
    dr.hamza
    الرتبة :
    الرتبة :


    عدد المساهمات : 58
    نقاط : 148
    السٌّمعَة : 0
    تاريخ التسجيل : 26/08/2010

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

    مُساهمة  dr.hamza الخميس ديسمبر 30, 2010 11:23 am



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


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




    يعد درسنا الأول درس نظري و مقدمة تمهيدية لدخول عالم تصميم المنتديات الـ vb

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

    كما أنه لكل منتدى ستايل ليدل على محتوى المنتدى كـ منتدى شعري او تقني إلخ


    تقسم ستايلات المنتديات إلى نوعين رئيسية :

    (أ) استايل متمدد: و يكون على عرض الشاشة و يحتوي على نقطة تمدد.
    (ب) استايل غير متمدد: ستايل ثابت العرض و يتوسط الشاشة.



    أولاً الستايل المتمدد:


    يتوافق الاستايل المتمدد مع جميع الشاشات من حيث إعدادات الدقة الخاصة بها على سبيل المثال

    الدقه 800*600
    والدقه 1024* 768

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


    مثال على ذلك ستايل المنتدى التالي:

    www.ha-maroc.co.cc

    و النوع الثاني هو الستايل الثابت غير المتمدد:

    النوع الثاني انتشرك في الفترة الأخيرة بكثرة و السبب سهولة تصميمه و المنظر الجمالي اللذي يطفيه على المنتدى

    و الفكرة الخاصة به هي انك تقوم بتصميم ستايل للمنتدى بحيث يتوافق مع عرضي الشاشة الأكثر شيوعاً و هي

    الاول العرض عنده تقريبا 800
    والثاني الدقه عنده بالعرض تقريبا 1024

    حيث يكون متوسط في الحالة الأولى و ملئ الشاشة في الحالة الثانية
    و غالباً ما يكون العرض في التصميم 777



    سنقوم في دورتنا هذا دراسة النوع الثاني من الستايلات

    اي الثابت لسهولة التعامل معه


    إلى ان نبدأ في طرح الدروس الخاصة اترككم في امان الله

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




      الوقت/التاريخ الآن هو السبت سبتمبر 28, 2024 4:24 am