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


فضاء المعلم
 
الرئيسيةLatest imagesالتسجيلدخول
بحـث
 
 

نتائج البحث
 
Rechercher بحث متقدم
المواضيع الأخيرة
» تقييم كل الوحدات
كيفية صنع صور متحركة Images10أمس في 12:16 من طرف capitano77

» مذكرة تواصل شفوي الوحدة 1 اليوم 6
كيفية صنع صور متحركة Images10الإثنين 28 نوفمبر 2022, 22:56 من طرف ezzafatma

» مذكرة تواصل شفوي الوحدة 1 اليوم 7
كيفية صنع صور متحركة Images10الإثنين 28 نوفمبر 2022, 22:53 من طرف ezzafatma

» شبكة تقييم بناء الاختبارات
كيفية صنع صور متحركة Images10الإثنين 28 نوفمبر 2022, 14:37 من طرف Hamed Ben Amor

» مذكرات ادماج -الوحدة1 :عيد الاضحى
كيفية صنع صور متحركة Images10الإثنين 28 نوفمبر 2022, 12:23 من طرف mootezteboulbou

» الوحدة الأولى عربية
كيفية صنع صور متحركة Images10الإثنين 28 نوفمبر 2022, 12:16 من طرف mootezteboulbou

» اختبار انتاج كتابي ثلاثي 1
كيفية صنع صور متحركة Images10الإثنين 28 نوفمبر 2022, 11:53 من طرف happybengood

» انتاج كتابي الوحدة الثانية
كيفية صنع صور متحركة Images10الإثنين 28 نوفمبر 2022, 11:51 من طرف happybengood

» الوحدة الثانية لغة عربية
كيفية صنع صور متحركة Images10الأحد 27 نوفمبر 2022, 15:22 من طرف thamer taieb

» مخطط الوحدة1 إيقاظ علمي س 6
كيفية صنع صور متحركة Images10الأحد 27 نوفمبر 2022, 08:56 من طرف hachmoun

» مخطط الوحدات لغة عربية
كيفية صنع صور متحركة Images10الأحد 27 نوفمبر 2022, 08:49 من طرف hachmoun

دخول
اسم العضو:
كلمة السر:
ادخلني بشكل آلي عند زيارتي مرة اخرى: 
:: لقد نسيت كلمة السر
المواضيع الأكثر نشاطاً
مذكرات كتابة للغة الفرنسية " -S-U-V-A-E-F-I-L -J-M-N-O-OI-OU-P-R"
مخطط متميز للثلاثي الأول في جميع المواد
كل دروس الايقاظ العلمي
مذكرات اللغة الفرنسية للسنة الثالثة
مجموعة هامة للتقييم و الدعم و العلاج فرنسية
كل مذكرات التعبير الشفوي فرنسية
كراس تقييم و متابعة لمادة الرياضيات السنة الأولى
كل ما يحتاجه المعلم من وثائق
مجموعة هامة من مذكرات اللغة الفرنسية
ملف متكامل لبعض مناظرات السنة السادسة مرفقة بالاصلاح
المواضيع الأكثر شعبية
كل دروس الايقاظ العلمي
كل ما يحتاجه المعلم من وثائق
مجموعة هامة من مذكرات اللغة الفرنسية
كراس تقييم و متابعة لمادة الرياضيات السنة الأولى
مجموعة هامة للتقييم و الدعم و العلاج فرنسية
ملف متكامل لبعض مناظرات السنة السادسة مرفقة بالاصلاح
مذكرات اللغة الفرنسية للسنة الثالثة
كل مذكرات التعبير الشفوي فرنسية
مخطط متميز للثلاثي الأول في جميع المواد
مذكرات كتابة للغة الفرنسية " -S-U-V-A-E-F-I-L -J-M-N-O-OI-OU-P-R"
أفضل 10 فاتحي مواضيع
baraket69
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
محمد الحبيب التويس
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
Med chebaane82
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
noureddine_rasjebel
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
mohamedhab
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
abouyousser
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
moez1979
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
smile
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
زهراء
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
nou_a
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
أفضل 10 أعضاء في هذا الأسبوع
happybengood
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
ezzafatma
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
mootezteboulbou
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
capitano77
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
Hamed Ben Amor
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
أفضل 10 أعضاء في هذا الشهر
ezzafatma
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
olfa lina foufa
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
mahran2019
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
happybengood
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
Hamed Ben Amor
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
hachmoun
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
Hamdi Achraf
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
كريم بن علي
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
alislamdini
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
ilyes2012
كيفية صنع صور متحركة Poll_rightكيفية صنع صور متحركة Poll_centerكيفية صنع صور متحركة Poll_left 
احصائيات
هذا المنتدى يتوفر على 15663 عُضو.
آخر عُضو مُسجل هو yassin05 فمرحباً به.

أعضاؤنا قدموا 686689 مساهمة في هذا المنتدى في 5601 موضوع
تسجيل صفحاتك المفضلة في مواقع خارجية
تسجيل صفحاتك المفضلة في مواقع خارجية reddit      

قم بحفض و مشاطرة الرابط فضاء المعلم على موقع حفض الصفحات

قم بحفض و مشاطرة الرابط فضاء المعلم على موقع حفض الصفحات
التبادل الاعلاني

 

 كيفية صنع صور متحركة

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
baraket69
 
 
baraket69


عدد المساهمات : 6817
نقاط : 19906
السٌّمعَة : 22
تاريخ التسجيل : 21/10/2010

كيفية صنع صور متحركة Empty
مُساهمةموضوع: كيفية صنع صور متحركة   كيفية صنع صور متحركة Images10الجمعة 29 أكتوبر 2010, 09:03

إنشاء صور ويب المتحركة
لا بد أنك لاحظت تغيرات نوعية في أساليب تصميم صفحات ويب، خلال الفترة القصيرة الماضية. فأينما أبحرت اليوم في ويب، تجد أشياء تتحرك، وأخرى تومض، وغيرها تتغير باستمرار، وكأنما نشهد ولادة الملتيميديا من جديد، لكن هذه المرة، ليس على أقراصٍ مدمجة، بل على إنترنت. ولا يقتصر وجود الصور المتحركة، على مواقع شركات البرمجيات الكبرى، بل تنتشر كذلك، في مواقع الأعمال الصغيرة، وحتى في المواقع الشخصية. فإذا كنت تشعر أن موقعك أصبح متأخراً عن بقية المواقع، ولا يسير مع "ركب التطور"، فتابع معنا قراءة هذا الموضوع، الذي نعرض من خلاله أساليب عمل هذه التقنية، بالإضافة إلى مثالٍ يمكنك اتباعه لإنشاء صور متحركة خاصة بك.

ستلاحظ عند تصفح الانترنات عدداً من الصور المتحركة، التي تظهر كأيقونات، يقصد منها إثارة انتباه المستخدم بطريقةٍ فنية مميزة، وربما يكون ذلك هو السبب الرئيسي الذي يدفع المصممين إلى إضافة الصور المتحركة إلى صفحاتهم. ولا ينتمي هذا النوع من الصور المتحركة إلى أيٍّ من التقنيات ذات الأسماء اللامعة في عالم ويب، مثل: جافا، أو ActiveX، أو Flash، لكنه تقنية شائعة أخرى، تختص بمعالجة ملفات صوَرية متعددة الإطارات من هيئة GIF، والتي لا تتطلب أدوات تحكم، أو برامج مضافة plug-ins، أو نصوصاً برمجية scripts، لتوليد الحركة، وكل ما تحتاج إليه، هو صور عادية بسيطة، وهي بالتالي، تتوافق تماماً مع جميع أنواع المتصفحات، بعكس التقنيات الحديثة الأخرى القادرة على توليد الحركة، والتي لا تعمل إلا مع إصداراتٍ محددة من المتصفحات.

نبذة عن صور GIF المتحركة
ظهرت صور GIF المتحركة في صفحات ويب، مع إطلاق شركة نتسكيب الإصدارة 2.0 من المتصفح نافيجيتور، والتي وفرت الدعم للإصدارة GIF89a من هيئة GIF، التي طورتها شركة Compuserve عام 1989، وهي تسمح بتخزين عدة صور مستقلة، ضمن ملف واحد بالهيئة ذاتها، وعرض هذه الصور بشكلٍ متسلسل، لتعطي انطباعاً بأنها تتحرك، تماماً كما يحدث عند عرض الأفلام والرسوم المتحركة. وتقدم هذه الهيئة كذلك، إمكانية إضافة ميزة الشفافية للصور، التي تسمح بظهورها كجزءٍ من خلفية الصفحة. وتستخدم صور GIF، المتحركة اليوم، بشكلٍ رئيسي، لإنشاء الأشرطة الإعلانية في صفحات ويب.

أطقم أدوات توليد الحركة
كي تتمكن من توليد صورٍ متحركة، تحتاج إلى طقمٍ من الأدوات، مؤلف من ثلاثة برامج ذات وظائف محددة، هي: محرر رسومي graphics editor، ومحسّن صوريّ image optimizer، ومولد للحركة animator. وتتوفر هذه البرامج ضمن أطقمٍ تشمل الأنواع الثلاثة، أو كبرامج منفردة، يؤدي كل منها إحدى المهمات الثلاث السابقة. إذ يمكن، مثلاً، استخدام واحد من البرامج التالية، كمحرر رسومي: برنامج PhotoShop من شركة Adobe -ويمكن استجلاب نسخة تجريبية من الإصدارة 5.0 منه، من الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] - أو برنامج CorelDraw8 من شركة Corel -يمكن الحصول على نسخة تجريبية من الإصدارة 8، بطلبها من الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] أو برنامج PhotoDraw2000 من شركة مايكروسوفت -يمكنك الحصول على مزيد من المعلومات من الموقع [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] أو برنامج Paint Shop Pro من شركة Jasc -ويمكن استجلاب نسخة تجريبية من الإصدارة 5.0، من الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] أو برنامج تحرير الرسوم، المرفق مع الإصدارة الثانية من برنامج ناشرنت، من شركة صخر-لمزيد من المعلومات، يمكنك زيارة الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] لكن، يجب الانتباه إلى أن بعض هذه البرامج، لا يدعم الخطوط العربية.

أما برامج تحسين الصور، فهي تستخدم بشكلٍ رئيسي، لتصغير حجم ملفات GIF، وتحصل بدونها على ملف ضخم، تستغرق المتصفحات وقتاً طويلاً نسبياً في استجلابه، وهو أمر مزعج، بالنسبة لزائر الموقع، وكلما كان برنامج تحسين الصور بارعاً، كان حجم ملف GIF الناتج أصغر. وتتوفر حالياً، عدة برامج تؤدي تلك المهمة، منها برنامج Image Ready، من شركة Adobe، ويمكن استجلاب نسخة تجريبية من الإصدار 1.0، من الموقع:

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] وبرنامج DeBabelizer، من شركة Equilibrium، الذي يعتبر واحداً من أقوى البرامج في هذا المجال، فهو يوفر إمكانيات ممتازة لتصغير حجم الملف المستخدم، وتعديل بكسلات معينة من الصورة، واختيار أنسب طقم ألوان، لتطبيقه عليها، ويمكن استجلاب نسخة تجريبية من الإصدارة 4.5، من الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] لكنك، لن تضطر إلى شراء برنامج خاص لإنجاز عمليات تحسين الصورة، حيث تتضمن جميع برامج توليد الحركة أدوات خاصة لتحسين الصور، لأن معظم المطورين حرصوا على إرفاق هذه الأدوات مع برامج توليد الحركة، خاصةً بعد اكتشافهم الإمكانيات الكبيرة التي تستطيع صور GIF تقديمها، وبعد تزايد الطلب كذلك، على مثل هذه الأدوات. أما أشهر برامج توليد الحركة المتوفرة الآن فهي: برنامج GIF Movie Gear، من شركة Gamani Productions، المتوفر بإصدارةٍ مشتركة، في الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] وبرنامج GIF Animator، المرفق مع المجموعة الكاملة من برنامج FrontPage، من شركة مايكروسوفت، ولمزيد من المعلومات، يمكنك زيارة الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] وبرنامج GIF Animator، من شركة Ulead، الذي يعتبر من أقوى برامج توليد الحركة، وتتوفر إصدارةٍ تجريبيةٍ منه، في القرص المدمج المرفق مع عدد إبريل/نيسان من مجلتنا، بالإضافة إلى أنه يمكنك استجلابها من الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

يمكن، كما ذكرنا، استخدام أطقم متكاملة، تؤدي المهام الثلاث اللازمة، عوضاً عن استخدام ثلاثة برامج مستقلة، يؤدي كل منها إحدى هذه المهمات. وهو ما يعطي المستخدم وثوقيةً وسهولةً أكبر. ويعتبر طقم Fireworks، من شركة Macromedia، وطقم Image Ready، من شركة Adobe، من أقوى الأطقم المتوفرة لهذا الغرض. وتشبه واجهة طقم Image Ready، واجهة برنامج Photoshop الذي تصدره الشركة ذاتها، لكن، توجد بعض الصعوبة في طريقة استخدام الأداة المرافقة للبرنامج، والمسؤولة عن توليد حركة صور GIF، بعكس طقم Fireworks، الذي يمتاز بمجموعة أدوات رائعة، لتوليد الحركة، وهو يسمح بالإضافة إلى ذلك، بإنجاز عمليات تحسين الصور في خطوةٍ واحدة، ويمكن استجلاب نسخة تجريبية من الإصدارة 2.0، من الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ويتوفر بالإضافة للطقمين السابقين، أطقم أخرى عديدة، منها طقم Web Painter، من شركة Totally Hip Software، الذي يمكن استجلاب نسخة تجريبية من الإصدارة 3.0 منه، من الموقع: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

القواعد العامة للرسوم المتحركة
نذكر بأن ملفات GIF المتحركة تتكون من عددٍ من صور GIF الثابتة، وأول خطوة في إنشائها، هو إنشاء هذه الصور، ثم تحديد التسلسل الذي ستظهر به. والأسئلة المطروحة في هذه المرحلة، هي: ما الصورة الذي ترغب بتحريكها؟ وما الحجم المناسب للإطارات المكونة للصورة؟ وكم إطاراً تحتاج لإتمام عملية الحركة؟

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

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

تؤثر عدة عوامل في حجم ملف الصور المتحركة، وهي: مدى تعقيد الصور أو الرسوم، وعدد الألوان فيها، وعدد الإطارات المستخدمة، ومساحتها. فإذا استخدمت، مثلاً، عشرة إطارات في صورة معينة، وكان حجم كل إطار 5 كيلوبايت، ستحصل على ملف صور متحركة بحجم 50 كيلوبايت، ويعتبر هذا الحجم كبيراً، بالنسبة للمتصفحات، التي ستستغرق وقتاً طويلاً، نسبياً، في استجلابه.

ويمكنك إنشاء صورة متحركة من أي صورةٍ ثابتة متوفرة لديك، كإنشاء صورةٍ متحركة من شعار الشركة التي تعمل لديها، أو إنشاء رمز شخصيٍّ متحرك -اسمك مثلاً- وإضافته لصفحتك الخاصة، أو إضافة الصورة المتحركة إلى الصفحة كوصلةٍ تشعبية معينة. لكن، تذكر ألا تضع الكثير من الصور المتحركة في الصفحة، وإلا أصبحت مزعجة لنظر زائر الموقع.

أساليب الانتقال بين الإطارات
يقصد بأساليب الانتقال بين الإطارات: طريقة تحميل المتصفح الإطار التالي من صورة GIFالمتحركة، وعلاقته بالإطار الذي يسبقه. وتوجد العديد من هذه الأساليب، إلا أن الطرق التالية هي أكثر انتشاراً:

إبقاء الإطار السابق leave: توجه هذه الطريقة، المتصفح إلى إبقاء الإطار السابق ظاهراً، خلال عملية الانتقال إلى الإطار الحالي.

إعادة تحميل الخلفية restore background: توجه هذه الطريقة، المتصفح إلى إعادة تحميل خلفية الإطار السابق، خلال عملية عرض الإطار الحالي.

إعادة تحميل الإطار السابق restore previous: يتم في هذه الطريقة، إعادة رسم الإطار السابق، خلال عملية تحميل الإطار الحالي.

الانتقال غير المعرف undefined: يتم في هذه الطريقة، الانتقال من إطارٍ إلى إطار، بدون استخدام أي نوع من أساليب الانتقال.

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

تحسين الصور المتحركة
إذا أنشأت صورةً متحركةً بسيطةً تحتوي على 5 إطارات، بمساحة 100x100 بكسل، وعددٍ قليلٍ من الألوان، فسيتراوح حجم الملف ما بين 7 إلى 12 كيلوبايت، اعتماداً على برنامجي تحرير الرسوم، وتوليد الحركة المستخدمين. ويعد هذا الملف كبيراً، نسبياً، على الرغم من بساطته، وبالتالي، إذا كانت الصور أكثر تعقيداً، أو عدد الإطارات فيها أكبر، فلن يقل حجم الملف عن 50 كيلوبايت. تتضح بذلك، أهمية القيام بعمليات تحسين الصور، التي تعمل على التقليل من حجم الملف، ومن الوقت اللازم لاستجلاب المتصفحات له. وتستخدم البرامج التي تسمح بتحسين الصور، عدة أساليب لإنجاز هذه المهمة، أهمها، إنشاء لوحة الألوان العامة global palette، حيث تحتوي الملفات من الهيئة GIF، على 256 لوناً على الأكثر، تخزن ضمن الملف في ما يسمى لوحة الألوان العامة global palette. وتخزن عادةً، مع كل إطارٍ من الإطارات المكونة لملفات GIF المتحركة، لوحة ألوان موضعية local palette، بالإضافة للوحة الألوان العامة للملف. ويجب لذلك، استخلاص الألوان المستخدمة في جميع الإطارات، ودمجها في لوحة ألوان عامة، ثم إلغاء اللوحات الموضعية لكل إطار. وتتضمن معظم برامج توليد الحركة، خدمات تقوم بالمهمة السابقة، وذلك باستخلاص الألوان تلقائياً من الإطارات، وإضافتها إلى لوحة الألوان العامة، ثم إزالة الألوان غير المستخدمة منها، وتحديد عدد الألوان المناسب، الذي يجب أن تتضمنه اللوحة.

وتوجد تقنية أخرى لتحسين الصور، تعمل كذلك، على التقليل من حجم الملف، وتسمى "تحسين الإطار" frame optimization، وتعمل على تحسين كل إطار بشكلٍ مستقل. وتعتمد هذه التقنية على جعل الإطار الأول، الركيزة التي يتم الانطلاق منها، فهو الإطار الوحيد الذي يجري حفظه. أما في بقية الإطارات، فتُحفظ فقط، التغييرات التي جرت على كل منها، مقارنةً بالإطار السابق، حيث يتم حفظ الجزء الذي تغير في الصورة، وإهمال كل ما عداه، ثم تحديد إحداثيات النقطة التي سيتوضع فيها هذا الجزء.

التحسين المؤتمت للصور

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

1طريقة المستطيل ذي التحديد الأدنى minimum bounding rectangle: يتم في هذه الطريقة حفظ الفروقات بين كل إطارين متتاليين، كمناطق مستطيلة. فإذا استُخدِمت هذه الطريقة في مثال الكرة، المذكور سابقاً، ستكون المنطقة المحفوظة مربعاً يحتوي الكرة تماماً.

2التحسين بطريقة الضغط lzw Lempel-Zif-Welch: تقارن هذه الطريقة مجموعات من البكسلات، في الصورة، لإيجاد أصغر منطقة مشتركة يمكن حفظها. وفي مثال الكرة السابق، سيتم حفظ المنطقة دائرية الشكل، الممثلة للكرة تماماً.

3تباين الإطارات frame differencing: تقارن هذه الطريقة بين كل بكسلين متقابلين في كل إطارين متتاليين، ثم تحفظ، البكسلات التي تتغير من إطارٍ إلى آخر، فقط.

التحسين المؤتمت للصور عبر إنترنت

تتوفر في بعض مواقع إنترنت، خدمات لتحسين الصور، لكنها تقدَّم في معظم هذه المواقع، كدعايةٍ لبرنامج معين، يسمح للزائر بتجريبه. ومن هذه المواقع:

WebSiteGarage

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

GifWorks

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

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

إضافة نصوص عربية للصور GIF المتحركة

إذا أردت إضافة نصوص عربية، لصور GIF المتحركة، فيمكنك إما استخدام المحرر الرسومي المرفق مع ناشرنت، أو الإصدارات الداعمة للخطوط العربية، من Adobe PhotoShop، و CorelDraw، أو أي برنامج تحرير رسومي آخر، يدعم الخطوط العربية. أما إن أردت إنشاء بعض الصور المتحركة البسيطة، التي تحتوي على نصوصٍ عربية، فننصحك باستخدام برنامج الرسام PaintBrush، المرفق مع نظام التشغيل ويندوز الداعم للغة العربية، وحفظ الملفات به على هيئة GIF، عوضاً عن شراء هذه البرامج المكلفة. لكن، تذكر أن إمكانيات هذا البرنامج محدودة للغاية.

وتوجد طريقة أخرى لإضافة النصوص العربية إلى صور GIF، لكنها أكثر تعقيداً، وهي كتابة النصوص ضمن محرر نصوص، مثل وورد، بالخط والحجم واللون المطلوب، ثم نسخ واجهة المحرر باستخدام ALT+PrintScreen، ولصقها في أي محررٍ رسومي، ثم قص الجزء المطلوب، وإضافته إلى الصورة.

خطوات إنشاء صورة GIF متحركة

لا بد أنك متحمس الآن، لإنشاء صورة متحركة خاصة بك، وإضافتها إلى صفحتك، وتوضح الخطوات التالية طريقة عمل ذلك. سنستخدم في شرحنا لطريقة إنشاء الصورة المتحركة، البرنامجين التاليين: برنامج Image Composer، من شركة مايكروسوفت، لتحرير الرسوم، وبرنامج GIF Animator، من شركة Ulead، لتحسين الصور، وتوليد الحركة. والذي توجد إصدارة التجريبية منه على القرص الهدية المرفق مع عدد نيسان/إبريل من مجلتنا، كما يمكن جلبه من إنترنت من العنوان التالي: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] وتوجد العديد من البرامج، التي تؤدي المهام السابقة ذاتها، والتي يمكن استخدامها كبدائل للبرنامجين المذكورين. وتنطبق الإجراءات المشروحة في بقية المقالة، على جميع هذه البرامج.

1استخدِم برنامج تحرير رسومي، لإنشاء الإطار الأول من الصورة بالأبعاد المطلوبة، ثم ارسم الشكل الرئيسي الذي ترغب بتحريكه، وأجرِ له عملية قص، لتتمكن من لصقه في الموقع الذي ستبدأ منه الحركة في الإطار، ثم احفظ الإطار بهيئة GIF. ويفضل أن تسمي الملفات بأسماء مرقمة مثلاً، .GIFإطار01، لتسهيل عملية ترتيب الإطارات. ويمكنك إضافة أي رسومٍ أو صورٍ موجودة لديك مسبقاً، إلى الإطارات، بمجرد إجراء عملية نسخ ولصق. وقد شكلنا في مثالنا، إطاراً بمساحة 150x250 بكسل، باستخدام برنامج Image Composer، ورسمنا شكل كرة تحتوي على شعار مجلة إنترنت العالم العربي، ثم نسخناها، ووضعناها في الموقع المطلوب، وخزنّا الملف باسم .GIFإطار1.

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

3 حمّل جميع ملفات GIF، التي تشكّل الإطارات، باستخدام برنامج توليد الحركة، ثم رتبها بالتسلسل المطلوب، وحدد زمن عرض كل إطار. وحمّلنا في مثالنا، الإطارات السبعة من الخطوة 2، باستخدام برنامج Ulead Gif Animator، بواسطة مرشد توليد الحركة animation wizard، الذي يسمح بتحميل ملفات فيديو كذلك، وتحويلها إلى هيئة GIF، ثم حددنا نوع محتويات الملف: رسومية text-oriented images أم صورية photo-oriented images، حيث تتضمن الملفات الرسومية، الأشكال المرسومة باستخدام برنامج رسم خطي، والرسوم التي تحتوي على نصوص أيضاً، أما الأشكال الصورية، فهي المحفوظة كصور، إما عن طريق المسحscan، أو الالتقاطcapture، وتتم هذه العملية ليحدد البرنامج مدى ضرورة إجراء عملية "تَراوُح"dither، والتي تعد ضروريةً بالنسبة للملفات الصوَرية، لكنها تؤدي إلى تشويه الملفات الرسومية. ثم حددنا بعد ذلك، زمناً قدره 20 جزءاً من المائة من الثانية، لعرض كل إطار. وتؤدي عملية التراوح dither، إلى توليد لون أو ظل جديد، يتراوح بين عدة ألوان، أو ظلال، موجودة أصلاً، في اللوحات اللونية palette للملف.

4 يمكنك الآن، تحديد خصائص معينة للصورة، مثل عدد مرات إعادة عرض المشهد الممثل بالصورة، أو استمرار هذا العرض، أو أساليبالانتقال بين الإطارات، المشروحة سابقاً، أو المؤثرات الخاصة، أو إضافة تعليقات ضمنية بين الإطارات في الصورة، لا يمكن قراءتها إلا عبر برامج توليد الحركة، ويمكن أن تحتوي على تعليقاتٍ عن الصورة، والمؤلف، وغيرها من المعلومات، ويمكن تحديد العديد من الخصائص التي تتيحها معظم برامج توليد الحركة. لكن، تذكر أن معظم هذه الخصائص تزيد حجم الملف، وتقلل سرعة عرض الصورة.

5بعد حفظ ملف الصورة المتحركة، المشروح في الخطوات السابقة، والذي يحتوي على سبعة إطارات بمساحة 150x250 بكسل، وبدون إضافة أية خصائص أو مؤثرات، حصلنا على ملف بحجم 18.4 كيلوبايت. وللتقليل من حجم الملف، أجرينا عملية تحسين للصور، حيث يقدم برنامج Ulead Gif Animator، ثلاثة أساليب لتحسين الصور، أولها: أسلوب التحسين حسب المواصفات مسبقة الإعداد presets، والذي ينجز المهمة، بدون أي تدخل من المستخدم. وقد أدى، في مثالنا، إلى إنقاص حجم الملف بنسبة 42 في المائة، إلى حوالي 8 كيلوبايت، بدون التقليل من جودة الرسم، أو الألوان. وينفذ الأسلوب الثاني، باستخدام مرشد تحسين الصور optimization wizard، الذي يعطي الخيارات للمستخدم باستخلاص لوحة الألوان العامة من الإطارات، وتحديد عدد الألوان بها، وإزالة البكسلات المكررة في الإطارات، والتعليقات الضمنية. وقد حصلنا بواسطة هذه الطريقة، على ملف بحجم أقل بنسبة 58 في المائة، من الملف الأصلي، وذلك باختيار 16 لوناً في لوحة الألوان العامة. أما الأسلوب الثالث، فهو يدوي تماماً، حيث يسمح بمعالجة البكسلات مباشرةً، أو تعديل لوحات الألوان العامة global palette، والموضعية local palette، ويوفر هذا الأسلوب تحكماً تاماً بالمواصفات، إلا إنه يحتاج إلى خبرة جيدة في معالجة الصور.

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://fadhaelmouallem.ahlamontada.com
أبو شهد
 
 
أبو شهد


رقم العضوية : 6
عدد المساهمات : 732
نقاط : 5126
السٌّمعَة : 3
تاريخ التسجيل : 22/11/2010

كيفية صنع صور متحركة Empty
مُساهمةموضوع: رد: كيفية صنع صور متحركة   كيفية صنع صور متحركة Images10الإثنين 22 نوفمبر 2010, 09:34

مشكور على المجهود زميلي العزيز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
baraket69
 
 
baraket69


عدد المساهمات : 6817
نقاط : 19906
السٌّمعَة : 22
تاريخ التسجيل : 21/10/2010

كيفية صنع صور متحركة Empty
مُساهمةموضوع: رد: كيفية صنع صور متحركة   كيفية صنع صور متحركة Images10الإثنين 22 نوفمبر 2010, 12:14

شكرا لردك و اتمنى لك الفائدة

_________________
كيفية صنع صور متحركة 1-7
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://fadhaelmouallem.ahlamontada.com
abouyousser
 
 
abouyousser


رقم العضوية : 712
عدد المساهمات : 282
نقاط : 4594
السٌّمعَة : 3
تاريخ التسجيل : 28/09/2011

كيفية صنع صور متحركة Empty
مُساهمةموضوع: رد: كيفية صنع صور متحركة   كيفية صنع صور متحركة Images10الأحد 05 فبراير 2012, 16:14

موضوع متميز جدا جدا
مع أني أعتبره من الأمور الفنية المتطورة نسبيا لأن البعض لا يفهم كثيرا في المصطلاحات والبرمجيات
ولكنه مفيد جدا لكل من يدرك قيمة هذه التقنيات
وأقترح:
* وضع هذا العمل في مستند يمكن للأعضاء تحميله والاستفادة منه ويمكنك أن تترك لي هذه المهمة
* فتح موضوع جديد في المنتدى هدفه تقديم إفادات من هذا القبيل من ذلك كيف ننتج صفحات واب، كيف نتعامل مع بعض برامج الملتيميديا،... حتى تعم الفائدة وفي هذا الإطار نكون فريقا للعمل يتولى تقديم البرامج وشرحها
* وفي نفس الإطار يمكن للمنتدى أن ينفرد بإنتاج مشاريع تربوية وبرامج صغيرة تعليمية
مع الشكر مجددا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
baraket69
 
 
baraket69


عدد المساهمات : 6817
نقاط : 19906
السٌّمعَة : 22
تاريخ التسجيل : 21/10/2010

كيفية صنع صور متحركة Empty
مُساهمةموضوع: رد: كيفية صنع صور متحركة   كيفية صنع صور متحركة Images10الإثنين 06 فبراير 2012, 02:02

اقتراح طيب ونحن معك سنفكر في القسم الجديد المقترح

_________________
كيفية صنع صور متحركة 1-7
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://fadhaelmouallem.ahlamontada.com
tarekkk81
 
 
tarekkk81


رقم العضوية : 2475
عدد المساهمات : 329
نقاط : 4139
السٌّمعَة : 0
تاريخ التسجيل : 25/06/2012

كيفية صنع صور متحركة Empty
مُساهمةموضوع: رد: كيفية صنع صور متحركة   كيفية صنع صور متحركة Images10الإثنين 24 سبتمبر 2012, 14:56

bon projet
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كيفية صنع صور متحركة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» سارع للاعلان بالمنتدى
» كيفية التحميل من اليو تيب
» كيفية البحث على الانترنيت
» كيفية بناء المعين
» الوضوء :كيفية ادائه

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
فضاء المعلم :: تكنولوجيا المعلومات و الاتصال :: مشاريع و مراجع-
انتقل الى: