الصفحة رقم 1 من 2 12 الأخيرةالأخيرة
مشاهدة النتائج 1 الى 20 من 34
  1. #1

    رائع طريقة عمل بانر متحرك

    besm4

    سنتعلم إن شاءالله من خلال هذا الدرس كيفية صنع بانر أو تصميم متحرك كهذا :

    image001

    وسيكون الشرح إن شاءالله لبرنامج Image Ready الذي ينزل تلقائيا مع برنامج الفوتوشوب.

    أولاً ... نفتح ملف جديد في برنامج الفوتوشوب.

    image002

    ثم نحدد المقاس وهو 460 × 60 ( هذا هو المقاس الموحد للبانرات في صفحات الإنترنت ).

    image003

    - أو يمكنك اختيار " Web Banner " من المقاسات الجاهزة في برنامج الفوتوشوب ... إذا لم تكن تعرف المقاس :

    image004

    - بعدها صمم الشكل الذي تريده للبانر ... وفي درسنا سنستخدم هذا الشكل :

    image005


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

    image006


    - بعدها نقوم بتكوين طبقة جديدة لكتابة الجملة الثانية ... ولكي نكون طبقة جديدة نذهب إلى : Layer --> New --> Layer..

    image007


    - بعدها نضغط أوكي ... وستلاحظ إن الطبقة الجديدة تكونت ... ( إذا لم تكن نافذة الطبقات ظاهرة.. تستطيع إظهارها من ) : ( Windows --> Layers )
    - وقبل أن تكتب الجملة الثانية.. هناك ملاحظة مهمة يفضل تطبيقها حتى لا يحدث خطأ.. وهي إخفاء طبقة الكتابة الأولى.. ولكي نخفيها نضغط على صورة العين في الطبقات : ( المحددة بالمربع الأحمر )

    image008


    - ثم نختار الطبقة الجديدة ومن ثم نكتب الجملة الثانية المطلوبة ... وهي على سبيل المثال " عدد خلقه ".
    - وهكذا نكرر الطبقات والجمل التي نريدها إلى أن ننتهي من كتابة كل الجمل المطلوبة.
    - الآن يفضل أن نقوم بحفظ الملف ... بعدها ننتقل إلى برنامج " Image Ready " ... ونستطيع الانتقال إلى البرنامج مباشرة من خلال برنامج الفوتوشوب عن طريق : Files --> Jumb To --> Adobe Image Ready

    image009


    - ستلاحظ بعدما يفتح البرنامج أن الملف الذي كنت تعمل عليه يفتح تلقائيا مع البرنامج.
    - والآن قبل أن نكمل الخطوات ... أرجو أن تتحقق من ظهور نافذتين مهمتين جداً هما : " Layers " ( الطبقات ) و" Animation " ( للتحكم بالحركة ) وتستطيع التأكد من ظهورهما من قائمة Windows حيث يجب أن يكون عليهما علامة صح، فإن لم تكن علامة الصح موجودة اضغط على الاختيار وستظهر النافذة المطلوبة :

    image010


    - الآن لاحظ ... في نافذة الـ( Animation ) يوجد إطار واحد فقط ... ( الإطار هو المربع الموجود في الصورة ) :

    image011


    - كل إطار سيكون لجملة ... لذا عدد الإطارات التي تحتاجها هي بحسب عدد الجمل التي تريد ظهورها.
    - في البانر الذي نصممه في درسنا نحتاج إلى " خمس " إطارات ( Frames ) ... لكل جملة إطار.
    - ولتكوين إطار جديد ... نضغط على الدائرة التي على اليمين التي بداخلها سهم ... ومن ثم New Frame :

    image012

    - بعد ما نكون الإطارات المطلوبة ... نضغط على الإطار الأول :

    image013

    - ومن ثم نخفي جميع الـ( Layers )( الطبقات )، ما عدا الطبقة التي نريدها أن تظهر :

    image014

    عندها ستظهر الجملة المكتوبة فقط وليس باقي الجمل.
    - بعدها ننتقل إلى الإطار الثاني ... نضغط عليه :

    image015

    - ومن ثم نخفي جميع الطبقات ما عدا الطبقة التي نريد ظهورها في هذا الإطار :

    image016


    - وهكذا إلى أن ننتهي من تنسيق جميع الإطارات والطبقات.
    - الآن سننتقل إلى مرحلة تحديد مدة ظهور كل إطار ... ( وهذه هي الخطوة الأهم في تصميم البانر والتي ستجعل شكل البانر ملفت وجذاب ).
    - ويمكننا تحديد مدة ظهور الإطار من خلال الضغط على الرقم الموجود في الاطار ( كما في الصورة ) :

    image017



    - عند الضغط عليها ستظهر قائمة أرقام ... الأرقام هي مدة ظهور الإطار بالثواني ... اختار الوقت الذي تريده من القائمة ... أو إذا لم يكن الوقت المطلوب موجوداً يمكنك تحديده من خلال اختيار " Other.. " :

    image018

    ومن ثم نطبق الخطوة السابقة على جميع الإطارات الأخرى.
    - بعدها نقوم بتحديد حركة البانر ... هل تريدها دائمة ؟ أم تريده أن يتحرك مرة واحدة ومن ثم يتوقف ؟ ... هذا الاختيار تستطيع تحديده من خلال الضغط على كلمة " Forever " في الإطارات :

    image019



    - وستظهر لك قائمة تحدد منها اختيارك ... " Once " تعني أن البانر سيعمل لمرة واحدة فقط ومن ثم يتوقف ... و" Forver " تعني إلى الأبد، أي أن البانر سيبقى متحركا بدون توقف :

    image020


    - أو يمكنك تحديد عدد مرات معينة عن طريق اختيار " Other "، وعندها سيظهر لك هذا المربع الذي تحدد منه عدد المرات المطلوبة :

    image021


    - الآن وصلنا إلى الخطوة الأخيرة ... وهي خطوة حفظ البانر ... البانر المتحرك يجب أن يحفظ بصيغة " Gif "، ولكي نحفظه على هذه الصيغة نذهب إلى : File --> Save Oprimized

    image022

    - وأخيرا أصبح البانر بهذا الشكل :

    image001
    c6bb18273cf4c8554cec305601ccba24


  2. ...

  3. #2
    مشكووور على الشرح هشااام رجب

    وننتظر كل جديدك المميز

    gooood
    كان لا بد من عودة شبوح الى دياره "مكسات" مرة اخرى

  4. #3
    استطعت ان اصنعها اولا قلت اجرب واكيد مش هتطلع حلوة بس الحمد لله عرفت انت مدرس ممتاز ممكن تطلع مدرس هههههههههههه وها هى نتيجة عملى
    b1187b9e6b
    اعذرنى فهذا قرارى....فجرحك لم يكن اختيارى

  5. #4

  6. #5

  7. #6
    وااااااااااااوووووووو يا إستاذي الثاني eek

    شرحك مميز جدا جدا جدا gooood كووول كل الخطوات موضحة

    ما شاء الله بتصير إستاذ حاسوب في المستقبل biggrin لوووووووووول

    ألف شكر أخوي على الشرح المميز فعلا smile تسلم يمينك ودمت بكل ود ومحبة smile
    A%20Promise

  8. #7
    شكرا لكم جميعا على مروركم الطيب بالموضوع

    وأسعدني إنكم استفدتم من الموضوع ^^

  9. #8
    ششششششششششكرا و يعطيك العافيه على الدرس الحلو ..و رائع gooood asian

    مع تحيات : هدوء العاصفه
    406247f7a74d2d0f8

  10. #9
    شكرا لكي أختي هدوء العاصفة على مرورك الطيب بالموضوع

  11. #10
    مشكووور اخووي على الشرررح
    سهل كثير ..... يسلموووو gooood
    [IMG]http://dc01.******.com/i/00173/e0lb2n994dhi.gif[/IMG]

  12. #11
    شكرا شكرا شكرا

    على الموضوع الرائـــــــع ..

    وانشاء الله يثبت الموضوع ..

    سلااااااااام
    attachment
    شكرا للاخ كيلوا على التوقيع الرائــــــــــــــــع

    index

  13. #12
    مشكووووووووووووووووووووووووور على الدرس
    N6t13430
    قالو علامك رافع الراس وعينك قويه........ قلت العفو كلنا بشر بس انا اماراتي
    90548406f0590add

  14. #13
    مشكوووووووووووووووووووووووووووووووور

    على الشرح وهذا اهو التطبيق

    3ce67c6416

  15. #14
    السلام عليكم

    مشكوور أخــوي

    انتـظر كـل جديدكـ


    مـعـ السلامه


    يسلمووو cow-chan عالهدية الرووعة ..

  16. #15

  17. #16
    مشكورين على الموضوووع الحلوووو واتمنى المزيد
    [IMG]http://www.*************/up/uploads/3e0db48eaa.png[/IMG]

  18. #17
    thaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanx a lot my brother
    ♥ وبحثتُ عن سرِ السعادةِ جاهداً فوجدتُ هذا السرَ في تقواكَ ♥

  19. #18
    مشكووووور

    وهذا تطبيق الرس rolleyes


    في المرفقات
    [CENTER]1161120062100559
    c7018bdd38
    [GLOW]
    [/GLOW]

  20. #19
    شكرا لكم جميعا إخوتي على مروركم الطيب وتشريفكم للموضوع

  21. #20
    رووووووووووووعة الدرس

    ساااااااااهل وحلوووووو جدااااااااا

    تسلم ايديك
    2302c192c2a912c70ae65ee231525deb

الصفحة رقم 1 من 2 12 الأخيرةالأخيرة

بيانات عن الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

عدد زوار الموضوع الآن 1 . (0 عضو و 1 ضيف)

المفضلات

collapse_40b قوانين المشاركة

  • غير مصرّح لك بنشر موضوع جديد
  • غير مصرّح بالرد على المواضيع
  • غير مصرّح لك بإرفاق ملفات
  • غير مصرّح لك بتعديل مشاركاتك
  •  

مكسات على ايفون  مكسات على اندرويد  Rss  Facebook  Twitter