almrsal 6y0f 6y0f

درس تقطيع و تصميم و تركيب النيوك .. (((بالصور)))

الموضوع في 'التصاميم و الجرافيكس' بواسطة أبو سعد, بتاريخ ‏مايو 20, 2005.



  1. السلام عليكم

    الدرس : كيفية تقطيع و تصميم و تركيب النيوك ؟!

    من اعداد اخوكم الطاووس ..

    بسم الله نبدأ :

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

    1- تصميم البانر و تقطيعة :-
    البانر هو الجزء الموجود اعلى الصفحة و يسمى برأس الصفحة header و ملفة الرئيسى هو header.html .
    طبعا اول شىء بتاخد اى ثيم مجانى عشان تقدر تعدل علية .
    يتم تصميم البانر بالطريقة التى تناسب موقعك و على الشكل الذى تريد (( مثال على ذلك )) :

    [​IMG]

    * طريقة تقطيع الheader بالفوتو شوب

    [​IMG]

    * البلوك و طريقة تقطيعة على الفوتو شوب :- (( مثال على صورة البلوك ))

    [​IMG]

    طريقة التقطيع

    [​IMG]

    طريقة تقطيع صور ملفات ال story_home.html و ال story_page و هى واحدة ,, طبعا مع زوقك وفى اختلاف احدهما عن الاخر او عم شكل لهذا غير هذا . (( و اليكم صورة الأخبار )) story_home .

    [​IMG]

    طريقة التقطيع

    [​IMG]

    طريقة تقطيع الفوتر و هى مثل تقطيع البانر بالظبط :-

    [​IMG]

    هناك ملاحظات هامة جدا يرجى مراعاتها فى التصميم :-

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

    2- عند وضع الصور تأكد تماماً ان الجزء اللى سوف يكتب علية سواء من قبل الزوار او المجلة يتم وضعة بطريقة cell proprties و قد اوضحناها فى مثال سابق كام فى الصورة :-

    [​IMG]

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

    مثال موضح بالصورة :-

    [​IMG]

    [​IMG]

    طبعا راح تسئلونى اخيراً عن طريقة تصميم الرسائل :-
    الرسائل يخصها ملف table.php و هناك ملف مرفق به كل شىء فقط يمكنكم التعديل على عناوين الصور للعناوين اللى صممتوها .

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

    http://alhodaway.net/psdfile
    و يمكنكم تحميل الثيم بالصور و ملفات الفرونت بيج لكى تتعلموا كيف تم وضعها من الرابط التالى
    http://alhodaway.net/prog/themes/blue.zip

    قال رسول الله صلى الله عليه و سلم (( إذا مات ابن آدم , انقطع عملة إلا من ثلاث , صدقة جارية و علم ينتفع به وولد صالح يدعو له )) .

    طبعا هذة بداية التصميم و التقطيع و لكل مصمم وجههة نظرة فى التقطيع و كيفية الرسم فهناك طرق احترافية كثيرة و هذة هى البداية الحقيقية ...
     
  2. محب الله ورسوله

    محب الله ورسوله مشــرف عــام إداري

    إنضم إلينا في:
    ‏أكتوبر 20, 2004
    المشاركات:
    6,705
    الإعجابات المتلقاة:
    2,168
    نقاط الجوائز:
    128
    الجنس:
    ذكر
    جزاك الله خيرا
    وأسمح لي بنقل الموضوع لقسم شروحات الجرافيكس لينال مكانه الأفضل
    وأتمني أن نري لك أعمالاً أخري :)
     
  3. ahmedmido14

    ahmedmido14 Guest

    شرح ولا اروع اخى الكريم
    تحياتى
    احمد
     

مشاركة هذه الصفحة