صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 22

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

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



    بسم الله الرحمن الرحيم
    الصلاة والسلام على أشرف الأنبياء والمرسلين نبينا محمد وعلى آله وصحبه أجمعين ومن تبعهم بإحسان إلى يوم الدين أما بعد

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

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

    وبعد ذالك في موضوع مستقل آخر سيتم شرح طريقة تركيب النموذج في صفحة إنترنت وكتابة الكود الخاص بإرسال الرساله عن طريق ASP بلغة البرمجة #C

    المصدر : http://www.abdulmalik.althari.com
    بعد تنفيذ هذا الدرس ستقوم بعمل نموذج مراسله مثل هذا إن شاء الله تعالى

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

    -------------------

    1 - أفتح برنامج الفوتوشوب



    2 - أفتح صفحه جديده



    بالمقاسات التالية , العرض 500 والإرتفاع 470 كما في الصورة التالية



    3 - الأن في صندوق الأدوات الموجود في الفوتوشوب كما في الصوره أختر أداة المربع ذات الزوايا المائلة
    وأكتب في خانة Radius رقم 10 وهو يمثل درجة ميلان الزوايا



    4 - الأن أرسم مربع كبير يمثل خلفية نموذج المراسله كما في الصورة التالية



    5 - من نافذة الطبقات Layers ( إذا لم تكن مفتوحه أضغط F7 لتضهر ) قم بالضغط على الطبقه المربعه التي تمثل خلفية نموذج المراسله بالزر الأيمن من الفاره
    وأختر الخيار Blending , ستضهر لك نافذه مهمه وهي نافذة Layer Style وتمثل ستايل او شكل او تنسيق الطبقه

    الأن قم بعمل كما في الصور







    ليضهر كما في الصورة







    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً




  2. 6 - الأن سنقوم بتصميم مستطيل يمثل عنوان النموذج كما في الصورة



    ومن Layer Style أعمل كما في الصور







    لتضهر النتيجة


    الأن سنقوم بإضافة حركه جميله لتزيد مستطيل العنوان أكثر جمالاً وهي لمعه بسيطه ولكنها مؤثره

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



    ثم قم بمسح التأثيرات التي عليها لتكون ( ساده )



    أضغط على هنا وأختر اللون الأبيض



    الأن أضغط على الطبقه الزر الأيمن من الفاره وأختر Resterize Layer ليمكنك قص المستطيل

    وكما في الصوره



    الأن قم بقص المستطيل هكذا







    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً



  3. ثم أختر درجة الشفافية 50%


    لتضهر النتيجة



    7 - الأن سنقوم بإضافة تصميم مستطيل للحقول الخاصه بنموذج المراسله

    أرسم مستطيل كما في الصوره



    ثم أعطه التأثيرات التاليه










    لتضهر النتيجه كما في الصوره



    الأن أضغط على الطبقه بالزر الأيمن واختر هذا الخيار ليتم مضاعفة الطبقه



    ثم أنزلها قليلاً







    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً



  4. كرر العمليه لتقوم بمضاعفة الطبقه مره أخرى



    الأن يأتي دور حقل نص الرساله نقوم بتصميم مربع بهذا الشكل



    ثم نقوم بإضافة التأثيرات التاليه







    الأن نقوم بتصميم مربع زر الإرسال كما في الصوره



    ونضيف التأثيرات عليه







    الأن أنتهينا ما بقي إلا عناوين النموذج نقوم بكتابتها بكل سهوله عن طريق أداة الخط







    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً



  5. ليضهر النموذج بهذه النتيجة ...





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

    من صندوق الأدوات أختر أداة التقطيع



    وقم بتقطيع النموذج كما في الصوره



    بعد ذالك أضغط على File >> Save for Web...



    ثم أضغط Save

    وأختر المجلد الذي تريد حفظ الملفات فيه



    ستكون الملفات هكذا

    index.htm <<< صفحة الإنترنت الذي سيعرض فيه النموذج مقطع ومركب في جداول وجاهز للإستخدام
    images <<< مجلد الصور وهي مقطعه أتوماتيك هديه من الفوتوشوب ^_~

    قم بفتح ملف index.htm لترى تطبيق عملك كاملاً على صفحة إنترنت *_^

    لتكملة الدرس إنتقل إلى الخطوة التاليه ...........

    ---# إنتهى الدرس الأول #---


    أتمنى أني أفدت الكثير بجهداً وفير , وشكراً لكم لحسن إستماعكم ^_^

    وهديه لكم (( ملف الفوتوشوب لنموذج المراسلة + نموذج المراسلة مقطع ومركب ))

    ملف مضغوط Winrar
    ملف مضغوط Winzip





    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً



  6. لتكملة الدرس بالنسبة للبرمجة وتطبيقه على صفحة من هنا :
    http://www.swalif.net/softs/showthread.php?p=1321524

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

    , لأي إستفسارات انا موجود إن شاء الله تعالى ..

    تحيه طيبه







    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً

  7. #7
    عضو نشيط
    تاريخ التسجيل
    Nov 2005
    المشاركات
    212


    nice





    __________________
    مجموعة مجتمع الامارات
    اول شبكه اماراتيه اجتماعية خاصه
    ا
    foxboy غير متواجد حالياً

  8. #8
    عضو فعال
    تاريخ التسجيل
    Sep 2004
    المشاركات
    1,157


    ما شاء الله تبارك الله ..
    شرح كافي ووافي اخوي ..
    لا تحرمنا من جديدك ..





    __________________
    مدونتي
    mjh00l غير متواجد حالياً



  9. اقتباس المشاركة الأصلية كتبت بواسطة foxboy
    nice
    أنت الـ nice والله ردك اعجبني خخخ

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

    الله يخليك يارب كلك ذوق وإن شاء الله الجاي أحلى , شرفني مرورك

    تحيه طيبه





    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً

  10. #10


    ألسلام عليكم
    ماشاء الله شرح وافي و كافي ، بارك الله فيك اخوي على الدرس المفيد .





    __________________
    IWEBPLUS....
    mobdi3.com غير متواجد حالياً

  11. #11
    عضو فعال
    تاريخ التسجيل
    May 2006
    المشاركات
    1,477


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

    يعني بغير لغه ممكن يصير بدون مستخدم برامج ثانيه





    __________________
    استمع واشكرني
    سطام سعد غير متواجد حالياً

  12. #12
    عضو شرف
    تاريخ التسجيل
    Jun 2005
    المشاركات
    2,348


    شرح قوي , وتطبيق رائع





    __________________
    القوانين وضوابط الكتابة

    ill always owe you, swalif.
    arabSquad غير متواجد حالياً



  13. اقتباس المشاركة الأصلية كتبت بواسطة mobdi3.com
    ألسلام عليكم
    ماشاء الله شرح وافي و كافي ، بارك الله فيك اخوي على الدرس المفيد .

    وعليكم السلام ورحمة الله وبركاته , تسلم يالغالي وشكراً على مرورك

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

    يعني بغير لغه ممكن يصير بدون مستخدم برامج ثانيه
    هلا والله هاجس , والله يالغالي عادي بإمكانك ما تستخدم الفيجوال ستيديو وتكتب الأكواد كتابة بدون اي مشاكل

    اهم شي انه فيه IIS في جهازك وهذا سيرفر شخصي يركب في الجهاز مثل الأباتشي لكن الـ IIS تبع مايكروسوفت ويجي مع سي دي ويندوز بروفيشنال

    أحلى تحيه ,,


    اقتباس المشاركة الأصلية كتبت بواسطة ArabSQuad
    شرح قوي , وتطبيق رائع
    ألف شكر , يسلم لي مرورك الكريم


    تحيه ,,





    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً

  14. #14
    عضو فعال
    تاريخ التسجيل
    Feb 2003
    المشاركات
    1,181


    أخي القافلة العربية

    مشكور وجعله الله في ميزان حسناتك

    لقد تم تطبيق الشرح وكان هذا ناتج عملي بالرغم ليس لدي أي سابق خبرة:


    بالتوفيق للجميع





    alshargawi غير متواجد حالياً



  15. اقتباس المشاركة الأصلية كتبت بواسطة alshargawi
    أخي القافلة العربية

    مشكور وجعله الله في ميزان حسناتك

    لقد تم تطبيق الشرح وكان هذا ناتج عملي بالرغم ليس لدي أي سابق خبرة:


    بالتوفيق للجميع

    ما شاء الله عليك أخوي الشرقاوي :nice: إبداع ما بعده إبداع

    وشاكر لك مرورك الجميل والحمد لله انك استفدت من الدرس وتطبيقه 10/10

    أحلى تحيه يالغالي وإن شاء الله بالتوفيق للجميع





    __________________
    القافلة العربية ( لخدمة استضافة المواقع والتصاميم الإحترافية )
    www.alqafelh.com
    sales@alqafelh.com
    966550508108+

    >>> أقوى العروض وأرخص الأسعار <<<
    القافلة العربية غير متواجد حالياً





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

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

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