النتائج 1 إلى 8 من 8

الموضوع: زهقت خلاص..كيف احول ملف PSD لموقع HTML ؟

  1. #1
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2002
    المشاركات
    618

    زهقت خلاص..كيف احول ملف PSD لموقع HTML ؟



    السلام عليكم اخواني الكرام ...

    اولاً : عيدكم مبارك و ينعاد عليكم بالخير و البركات .


    ثانياً : اخواني الكرام .. انا خلاص من جد قرفت من هالموضوع .... انا قاعد اصمم بالفوتوشوب و اشوف دروس لحد ما قرفت خلاص و ابي الحل ...

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

    بصراحة ... انا الحين عندي تصميم بالفوتوشوب ... سويتة بناءً على درس عجبني جداً ...
    و كان الهدف من الدرس تحويل الPDS فايل إلي HTML\CSS ولكن الاخ الي يشرح الدرس .. بمجرد انة خلص التصميم بالفوتوشوب .. انتقل مباشرة لاعداد ملف ال CSS و دون التطرق لقص التصميم و ما الذي حدث للتصميم بعد ذلك و كيف سوف يكون شكل الموقع بعد القص و هل يجب تعديل شيئ علية ....؟؟؟؟؟ كل هذا افتقدة الاخ الذي يقدم الشرح .. ولم يجب اي احد علية

    فياريت اخواني احد يمد لي يد العون لو بطريقة مختلفة حتى .. ويقولي بعد ما اصمم الموقع بالفوتوشوب شنو اسوي فية ....؟؟؟؟؟؟؟؟؟

    رجاءً ....

    و لو يبي ارفقلة التصمييم تيطبق علية و نختصر الوقت فانا حاضر ...

    ولكم مني جزيل الشكر ...





    __________________
    شاهد المواقع و تعلم ... عن نيزك عم بتكلم
    www.nizak.net
    =====================
    قريباً www.arabiaexp.com
    كل ما تريد .. بدون قيود .
    حرية المعرفة.
    SUPER PHP غير متواجد حالياً




  2. كل تصميم له طريقته بالقص بالفوتوشوب
    لذا من الأفضل انك تراسل صاحب التصميم وتشوفه اذا يقدر يشرحلك طريقة قصّه ..

    او انك ترفق التصميم بالمرفقات وان شاء الله احد يقدر يساعدك بالقص!


    كمعلومه:
    للقص نستخدم أداة slice الموجوده بالفوتوشوب..





    __________________
    سبحان الله وبحمده
    > "كتبي، لعلها تفيدك!" *جديد
    > "مدونتي، تصويري.." | LaZqA
    > Twitter
    M. Al-Dhafeeri غير متواجد حالياً

  3. #3
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2002
    المشاركات
    618


    شكراً لك اخي الكريم M. Al-Dhafeeri

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





    الصور المرفقة الصور المرفقة
    • نوع الملف: psd my.psd‏ (1.14 ميجابايت, 31 مشاهدات)
    __________________
    شاهد المواقع و تعلم ... عن نيزك عم بتكلم
    www.nizak.net
    =====================
    قريباً www.arabiaexp.com
    كل ما تريد .. بدون قيود .
    حرية المعرفة.
    SUPER PHP غير متواجد حالياً

  4. #4
    عضو فعال
    تاريخ التسجيل
    Dec 2008
    المشاركات
    1,897


    و عليكم السلام و رحمة الله و بركاته.
    اللهم تقبل ما اكتبه خالصاً لوجهك الكريم .
    اخوي القص في اغلب الاوقات تفقد فيه اغلب اجزاء التصميم تبقي فقط على اجزاء بسيطة تخدم العموم بمعنى اخر خلفية لديك بمقاس 1000*700 سنأخذ منها فقط 3 بكسل في العرض و الطول على حسب التصميم و يمكنك اخذه كاملا(1000) ، اذن فقدنا 697 بكسل من العرض لماذا؟ لاننا سنكرر الخلفية بالـ CSS .
    سنبقي فقط على الاجزاء التي لا يمكننا الحصول عليها الا من طريق الصور مثل الشعار و الكتابة و ما الى ذلك
    مرفق التصميم بعد التقطيع باداة التقطيع (Slice) رغم ان التصميم غير جيدة البتة ! افتح و تصفح اجزاء التقطيع و اضغط على Slice Opition Slice حتى تجد اسم كل قطعة لتعرف مكانها في التصميم





    الصور المرفقة الصور المرفقة
    • نوع الملف: psd my.psd‏ (1.17 ميجابايت, 22 مشاهدات)
    __________________
    راسلني
    وضاء غير متواجد حالياً

  5. #5
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2002
    المشاركات
    618


    شكرً اخي الكريم على سرعة الرد

    و هذا التصميم فقط لكي اعرف منة على اي اساس يتم القص ( و هو غير جيد برايك من اي ناحية ؟؟ من ناحية القص مثلا او ماذا ؟؟ ) فهو فقط للتجربة

    جاري تحميل الملف و رؤية التقطيع .





    __________________
    شاهد المواقع و تعلم ... عن نيزك عم بتكلم
    www.nizak.net
    =====================
    قريباً www.arabiaexp.com
    كل ما تريد .. بدون قيود .
    حرية المعرفة.
    SUPER PHP غير متواجد حالياً

  6. #6
    عضو سوبر نشيط
    تاريخ التسجيل
    May 2002
    المشاركات
    618


    اخي الكريم .. قمت برؤية التقطيع ... و هناك ما لم اعرفة .. انة لماذا لم يتم تقطيع الازرار مثلا ؟؟؟؟
    وبالنسبة للخلفية الزرقاء .. فانت لم تقم باخذ شيئ منها ...فلماذا ؟





    __________________
    شاهد المواقع و تعلم ... عن نيزك عم بتكلم
    www.nizak.net
    =====================
    قريباً www.arabiaexp.com
    كل ما تريد .. بدون قيود .
    حرية المعرفة.
    SUPER PHP غير متواجد حالياً

  7. #7
    عضو فعال
    تاريخ التسجيل
    Dec 2008
    المشاركات
    1,897


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





    __________________
    راسلني
    وضاء غير متواجد حالياً

  8. #8
    عضو نشيط
    تاريخ التسجيل
    Apr 2010
    المشاركات
    95


    من وجهة نظري البسيطة

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

    عليك أن تفهم أن هناك أجزاء من التصميم لابد لنا أن نقصها , مثل ( اللوجو ) في الغالب يكون عبارة عن صورة بإمتداد Png , وهناك أجزاء من التصميم ليس هناك داعي لقصها , مثل لون المحتوى أو Content فلماذا نقص صورة للمحتوى إذا كانت عبارة عن لون فقط ؟!
    نستطيع أن نفعل ذلك عن طريق أوامر الـ CSS ونغير اللون كما يحلو لنا ..

    مثال آخر , لو كانت خلفية التصميم بها تدرج أو كانت مصممة بنمط الـ Pattern فعليك أن تأخذ صورة لهذا التدرج أو الباترن , لكن لو كانت الخلفية عبارة عن لون أحادي كأن تكون سوداء مثلًا , لا نحتاج لأخذ صورة من الخلفية إنما نغيرها عن طريق الـ CSS

    المساحات , 1 بكسل , 10 بكسل , كل تلك التقديرات تخضع للتصميم
    فمثلًا لو فرضنا أن الخلفية متدرجة , عندها لابد للمصمم أن يقطع جزء من هذا التدرج , ويجعلها بمقاس يجعل ظهور التدرج واضح , فلا يزيد ولا ينقص , وهذه مهارة تكتسبها بمرور الوقت ..

    وقبل أن أختم , عليك أن تسأل نفسك سؤالًا محددًا :

    هل هذا الجزء من التصميم أستطيع أن أستبدله بخصائص الـ CSS أم لا ؟
    فلو كانت الإجابة نعم , بالتالي فأنت لا تحتاج لقص تلك الصورة , والعكس صحيح ..

    عليك بتعلم الـ CSS , وخذ الأمور ببساطة

    أتمنى أن أكون أفدتك ولو بالقليل
    دمت بود





    __________________
    سبحان الله وبحمده سبحان الله العظيم
    DesCrew غير متواجد حالياً





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

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