أحدث المشاركات
صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 10 من 20

الموضوع: [ كيفية صنع الأشكال والنصوص المتحركة ]

  1. #1
    الصورة الرمزية شهاب قلم نشيط
    تاريخ التسجيل : Dec 2006
    المشاركات : 498
    المواضيع : 33
    الردود : 498
    المعدل اليومي : 0.08

    افتراضي [ كيفية صنع الأشكال والنصوص المتحركة ]



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

    فمن المعروف لدى الجميع أن الإنسان يلتفت إلى الأشياء المتحركة أكثر من التفاته إلى الأشياء الساكنة.
    فمثلاً لو فكرت أن أضع في توقيعي إعلاناً لجذب انتباه الأعضاء إلى موضوعي الجديد، فأيهما ترونه أكثر لفتاً لانتباهكم؟

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

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

    ومن هنا يمكننا القول أن الغاية من استخدام الصور والكلمات المتحركة هي لفت الانتباه إلى أشياء مهمة ومحددة.
    ومن الضروري التأكيد هنا.. أن الإسراف في استخدام العناصر المتحركة سيؤدي إلى تشتيت الانتباه بدلاً من جذبه!

    [line]

    طريقة إنشاء العناصر والنصوص المتحركة باستخدام برنامجي الPhotoShop والImageReady :

    ــــــــــــــــــــــــ

    • في برنامج الPhotoShop

    - افتح ملف جديد وليكن مثلاً بقياس 500 عرض × 100 طول.
    - اكتب أي نص نريده، على سبيل المثال "ملتقى رابطة الواحة الثقافية"
    - اضغط بالزر الأيمن للفأرة على طبقة النص ثم اختر Blending Option أو اضغط مرتين على طبقة النص.
    - من مربع Drop Shadow نختار الإعدادات التالية:

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

    - من مربع Color Overlay نختار اللون الأحمر -أو أي لون آخر مختلف- كما بالصورة التالية:

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

    - انتقل الى برنامج الImageReady بالضغط على الأيقونة الموضحة في الصورة:

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

    ــــــــــــــــــ

    • في برنامج الImageReady

    - تأكد من إظهار صناديق أدوات الـLayers و الـAnimation.. وذلك من خلال قائمة Windows.
    - في صندوق ال Layers نظهر التنسيقات الخاصة بطبقة النص بالضغط على السهم الموجود بجانب اسم الطبقة، ثم أخفي التنسيق الخاص باللون.. وذلك بإزالة إشارة العين من أمام مربع Color Overlay.. كما بالصورة التالية:

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

    - في صندوق ال Animationأدرج إطار جديد بالضغط على الأيقونة المحددة بالصورة التالية:

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

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

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

    - في صندوق ال Animation حدد إطارات الحركة بالضغط على الإطار الأول مع الضغط على زر Shift من لوحة المفاتيح ثم الضغط على الإطار الأخير مع الاستمرار في الضغط على زر Shift.
    - نغير مدة مكوث الإطارات وذلك بالضغط على الوقت بجانب أحد الإطارات - أثناء بقاء الإطارات محددة- ثم نختار أحد التواقيت الموجودة أو حدد أي وقت آخر من خلال الضغط على Other. ولمثالنا هذا نختار 0.2 ثانية.

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

    - من صندوق الLayers يمكننا الآن حذف إطار الخلفية البيضاء إن أردنا.. وذلك بتفعيل طبقة الخلفية ثم الضغط على زر Delete في لوحة المفاتيح.

    - لحفظ الملف على شكل صورة Gif.. من قائمة File ثم Save Optimized As أو بالضغط على Ctrl+Shift+Alt+S من لوحة المفاتيح.


    وهذه هي النتيجة النهائية:
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
    ـــــــــــــــــــــــــ ـــــــــــــــ
    لتحميل الدرس على شكل ملف PDF
    - اضغط هنـــــــــا -

    [line]

    بقي أن أقول أن برنامج الImageReady يقدم الكثير من المزايا التي يمكن من خلالها على الحصول على نتائج رائعة جداً..
    وقد أتمكن مستقبلاً بإذن الله من تقديم طرق وأفكار جديدة في هذا المجال..
    ختـــاماً.. أرجو أن يكون الموضوع قد نال على رضاكم..
    و تقبـــــــلوا تحيــــــاتي


  2. #2

  3. #3

  4. #4
    الصورة الرمزية سحر الليالي أديبة
    تاريخ التسجيل : Sep 2005
    الدولة : الحبيبة كــويت
    العمر : 38
    المشاركات : 10,147
    المواضيع : 309
    الردود : 10147
    المعدل اليومي : 1.50

    افتراضي

    رائع بحق أخي شهاب
    شكرا لك حد بحجم السماء

    بارك ربي بجهودك
    تقبل خالص إمتناني وتقديري وباقة ورد

  5. #5
    الصورة الرمزية شهاب قلم نشيط
    تاريخ التسجيل : Dec 2006
    المشاركات : 498
    المواضيع : 33
    الردود : 498
    المعدل اليومي : 0.08

    افتراضي

    اقتباس المشاركة الأصلية كتبت بواسطة مصطفى الجزار مشاهدة المشاركة
    أنت رائع يا شهاب
    وأنا دائماً في انتظار جديدك
    فأنا أحب الفوتو شوب ولكنني لست ماهراً فيه
    ودروسك هذه أطبقها وأستفيد منها كثيراً
    تحياتي وشكري
    أخي مصطفى
    مرحباً بك دومـــــــــــاً..
    سعدت جداً بكلماتك الرائعة..
    عاجز عن شكرك..
    تقبل خالص امتناني

  6. #6
    الصورة الرمزية شهاب قلم نشيط
    تاريخ التسجيل : Dec 2006
    المشاركات : 498
    المواضيع : 33
    الردود : 498
    المعدل اليومي : 0.08

    افتراضي

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

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

    أختي الفاضلة نورا القحطاني
    أسعدني مرورك وتشجيعك..
    وآمل أن يكون الموضوع قد نار رضاكِ..

    عاجز عن شكركِ
    تقبلي خالص تقديري

  7. #7
    الصورة الرمزية شهاب قلم نشيط
    تاريخ التسجيل : Dec 2006
    المشاركات : 498
    المواضيع : 33
    الردود : 498
    المعدل اليومي : 0.08

    افتراضي

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

    أسعد دومـــاً بمرورك في مواضيعي المتواضعة..
    تقبلي خالص شكري وتقديري

  8. #8
    عضو غير مفعل
    تاريخ التسجيل : May 2006
    المشاركات : 876
    المواضيع : 30
    الردود : 876
    المعدل اليومي : 0.13

    افتراضي

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

    أخي الفاضل / شهـاب
    درس قيم و متقن ومجهود رائع من مبدع اعتدنا تميزه

    نتمنى أن تكون بخير أخي ، و بانتظار عودتك
    تحيتـــي

  9. #9

  10. #10
    عضو غير مفعل
    تاريخ التسجيل : Sep 2007
    الدولة : فوق الأرض..وتحت السماء..وحيث اللحاف..النجوم!
    العمر : 32
    المشاركات : 2,044
    المواضيع : 86
    الردود : 2044
    المعدل اليومي : 0.34

    افتراضي

    الأستاذ الكريم المفضال شهاب....
    أعتقد -والله أعلم- أن هذا هو أول موضوع أقرؤه لك...
    وإن شاء الله يكون الأول..وليس الأخير...................>>>
    مودتي وتقديري

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

المواضيع المتشابهه

  1. الأشكال الشعرية في العصر العثماني-المستشار حسين الهنداوي
    بواسطة حسين علي الهنداوي في المنتدى قَضَايَا أَدَبِيَّةٌ وَثَقَافِيَّةٌ
    مشاركات: 0
    آخر مشاركة: 16-07-2016, 11:11 PM
  2. الإبداع لا تحده الأشكال
    بواسطة احمد خلف في المنتدى الحِوَارُ المَعْرِفِي
    مشاركات: 2
    آخر مشاركة: 26-07-2011, 08:29 AM
  3. * درس صنع الـGlitters ( اللمعة المتحركة ) بالصور *
    بواسطة شهاب في المنتدى فُنُونٌ وَتَّصَامِيمُ
    مشاركات: 31
    آخر مشاركة: 05-10-2008, 03:53 PM
  4. العرب والرسوم المتحركة, الى متى يظل الرهان مفلسا
    بواسطة عزيز باكوش في المنتدى الإِعْلامُ والتَّعلِيمُ
    مشاركات: 10
    آخر مشاركة: 26-07-2008, 09:05 AM
  5. كيفية صنع كســاء الكعبه
    بواسطة عبلة محمد زقزوق في المنتدى فُنُونٌ وَتَّصَامِيمُ
    مشاركات: 8
    آخر مشاركة: 04-03-2006, 06:16 AM