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

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


يقال :

نص الشغل أو أكثر بيظهر في الإخراج وخاصة فى الاعلانات

وقبل أن ابتدى فى الشرح اسأل سؤال

ما الفرق بين GIF و  JPG



والاجابه هى :

الصور التي تجدها على المواقع على شبكة الانترنت هي عبارة عن بيانات مضغوطة، وفي العادة، تكون الصورة الواحدة منها مصغرة، واذا أردت مشاهدتها بالحجم الكبير، عليك أن تضعط عليها بالماوس· وهناك طرق عدة لضغط البيانات في الصور وما يعرف بالنسق أو الهيئة Format فكل شركة أو هيئة تصمم طريقة خاصة بها بالنسبة الى الصور· يمكنك التعرف على الفرق بين هيئة ال GIF و JPG و PSD و BMP .. وغيرها من الهيئات الخاصة للصور.

هناك نسقان معروفان ومنتشران بكثرة في الصور التي على شبكة الإنترنت وهما النسق ·GIF والنسق JPEG وتستطيع بسهولة ويسر أن تفتح وتشاهد الصور التي تكون بأحد هذين النسقين، كما أن كلا من المتصفحين نت سكايب ومايكروسوفت اكسبلورر، قادر على فتح هذه الصور لمشاهدتها· وكما ذكرنا، فان كل نسق من هذين النسقين يتم ضغط البيانات فيه بهدف تقليص المساحة التي يحتلانها في ذاكرة الكمبيوتر، ولكن النسق JPEG يحتوي على معلومات اللون أكثر من GIF ولهذا السبب، يستخدم عادة للصور التي يكون فيها اللون أو ظلال اللونين الرمادي والأسود ذات أهمية كبيرة·

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

فى انتظار باقى الشرح

الاخوة الاعزاء

اليكم الفيديو الاول

أعلم ان الغالبية العظمى على علم بما اشرحه بهذا الفيديو

لكنى اقصد بدايه بسيطه للدخول الى الموضوع الاساسى

واطمنكم ان البرامج بسيطه والعمل عليها بسيط



وأتمنى ان الفيديو يعمل على جميع الانظمة

ولو فيه اى مشكله اتمنى تفيدونى للاستمرار بالتسجيل على نفس البرنامج

الاخوة الاعزاء

اليكم الفيديو الثانى



وفيه نتعرف على البرنامج Paint Shop 5 الذى سيتم الشرح عليه فى الفيديوهات القادمه لتعدد امكانياته

وبدأنا اليوم بطرق الحفظ المختلفه والتعرف على الفرق بينهم وسنلاحظ ان الصورة بالحفظ GIF

اقل مساحة من الصورة الاخرى

ولو لاحظتو ان الصورة بالبرنامج Paint Shop 5 بطريقة GIF

انقى واوضح من برنامج paint



واليكم الفيديو

الاخوة الاعزاء

نتعرف فى البداية على أدوات البرنامج


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

القوائم الرئيسيه في البرنامج

file:- وهذا معروف كيفية تطبيق فيه الأوامر من سيف ..وسيف از ..وفتح...ألخ

edit:- وهذا ايضا معروفة تطبيق اوامره من كوبي وبست ...ألخ

view:- وفيه زوم ...وألخ

Imag:-وفيه خصائص صورة وحجمة وتغير حركة الصوره

Effect:-لأضافة التأثيرات علي الصورة

Colorc:هو تحكم فيه الوان الصورة

Layerc:وهو أضافه صورة او دمج اكثر من صورة في بعض

objects:وهو يتحكم في وضعة الصورة اذا كانت داخل صورة وكيفية تحكم في وضعها

Selections: وهو فيه تحديد الكل وفيه بعض التأثيرات

Masks:وهو تحكم في القناع المدمج أو اضافة قناع او حذف قناع



اليوم نتعرف على كيفية تلوين خريطه على سبيل المثال بالالوان المطلوبة

وهذه الخطوة سنتفيد بها فى المراحل القادمة

الاخوة الزملاء

نتعرف على الادوات المستعملة فى البرنامج



1888770_639838216053487_277965618_o.jpg?



شرح الادوات

1- تحريك الصورة بأي اتجاه

2-تكبير الصورة

3-هو تحديد مربعي وتستطيع فيها من ....(من اليمين واليسار والي اعلي وتحت

4-هذا زر تحدد فيه لقص صور مربعيه مثل ( عندك صورة فيها برواز وتريد تشيل البرواز تستطيع بهذه الاداه عمل ذلك هوان تحدد ثم تضغط بست

5-وهو الذي ينقل بين الصور

6-تحديد منقط

7- وهو قص أشياء متعرجة

8-وهو تحديد مبعثر

9-شفاط وهو الأداة التي تختار لك الألوان

10- فرشاه وهو اذا عملت حد في الصورة في اي مكان وتريد انا تعطيها لون اخر بمكانك تعطيها بهذي الأداة

11-فرشاة لاستخدامات أخرى

12-تبديل لون

13- أضافه لمسة.... مثال(إضافة حاجه شبيه بالهتان

14-وهو أزاله خشونة الصورة

15-الممحاة

16-هذا الاداه شبية بالبخاخ

17-البخاخ

18-اضافة لون للخلفية

19-الخط

20-وهو عمل سهم اوخط

21-وهو عمل دوائر والمربعات والمستطيل

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






1620667_639992676038041_163207471_n.jpg?



1-عمل جديد

2- فتح ملف

3- حفظ العمل

4- طباعة العمل

5- تراجع عن

6- القص

7- عملية النسخ

-8 وهو لرؤية الصوره كامل

9- الحجم الطبيعي للصورة

10- وهو ظهور خط الادوات

11- وهو ظهور مربع أضافه للخلفيه


12- وهو ظهور خط الألوان

13- تحديد الألوان المستخدمه في اعمالك

14- وهو ظهور مربع الشرائح

15- وهو ظهور حجم الصورة

16- وهو لتعليمات

شرح لوحة مزج الألوان والتعرف عليها

1622807_640060639364578_867692287_a.jpg?




أولا : لوحة مزج الألوان، ونستخدمها لانتقاء الألوان المطلوبة.

وعندما تمرر مؤشر الفأرة عليها نلاحظ أن المستطيل الموجود في الأسفل يتغير لونه

بحيث يعكس اللون الذي يقع عليه المؤشر في تلك اللحظة.

أما المستطيلين الموجودين في منتصف هذه اللوحة فهما يميزان الألوان الفعالة حالياً للرسم

وهنا هما اللونين الأحمر والأبيض). وبعبارة أخرى فإن أي عملية تحرير أو رسم نجريها على

الصور فسوف تتم باستخدام هذه الألوان المحددة.

أحيانا قد تجد صعوبة في انتقاء اللون الذي تريده من لوحة الألوان هذه نظراً لدقة الألوان

وتداخلها وفي هذه الحالة ما عليك إلاّ أن تنقر نقراً مزدوجاً على أحد المستطيلين فيظهر

صندوق الحوار التالي



1922499_640063466030962_2092026409_n.jpg



وإليك شرح لأقسامه حسب الترقيم المبين:

1= في هذا القسم تجد 48 مربعاً صغيراً تضم الألوان الأساسية المحددة مسبقاً Basic Colors. والتي تستطيع انتقاء اللون المطلوب منها مباشرة.

2= مربعات الألوان المخصصة Custom Colors وهي مربعات عددها 16 وتكون أصلاً خالية من أي ألوان محددة مسبقة لذلك تجدها بيضاء اللون. فهي مكرسة لحاجة المستخدم لإضافة أي ألوان مخصصة يحتاجها هو ويستخدمها بشكل متكرر. (فعند تحديدك لأحد الألوان تستطيع ضغط زر Add Custom لإضافته إلى أحد هذه المربعات حيث يبقى ثابتاً فيه، وفي المرات اللاحقة يمكنك الرجوع إلى هذه اللوحة واختيار هذا اللون المخصص تماماً كما تختار الألوان الأساسية... ولاحظ أن هناك 5 ألوان مخصصة قمت بتحديدها في هذه المربعات).

3 = هذا القسم هو جزء من منطقة تسمى Current Color أي اللون الحالي. وفيه نشاهد نسب الألوان الثلاثة الأساسية سالفة الذكر والتي تشكل اللون الحالي الذي تم اختياره (وهو اللون البنفسجي) وبالطبع فإن هذه النسب تتغير وتتبدل تلقائياً بحسب اللون المختار. كما أنك تستطيع العمل بشكل عكسي أي كتابة النسب المكونة للون المطلوب مباشرة في هذه المربعات (إذا كنت تعرفها مسبقاً) ليظهر هذا اللون في المربع المخصص.

4= في هذا القسم نشاهد طريقة أخرى لتمثيل واختيار الألوان وهي تسمى HSL ، فبدلاً من التعامل مع النسب اللونية واختيار الألوان الأساسية تعتمد هذه الطريقة على إختيار:

درجة التدرج في الألوان Hue


درجة السطوع Saturation


ودرجة الإضاءة Light


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

5= ضع المؤشر على هذه الدائرة واسحبها على مسار الحلقة وذلك لتحديد اللون الذي تريده.

6= في هذا المربع نقوم بتحديد درجتي السطوع والإضاءة. وذلك كخطوات مكملة لما قمنا به عند

اختيار اللون الأساسي من الحلقة. وبالفعل سوف تلاحظ أن اللون الغالب في هذا المربع أصبح هو

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

إلى تغيير درجة الإضاءة (تزداد كلما تحركنا إلى الأسفل) وتحريكها أفقياً يؤدي إلى تغيير درجة

السطوع (تزداد كلما تحركنا إلى اليمين).

7= أخيراً، نشاهد في هذا القسم الشيفرة التي تمثل اللون المختار بالنظام الرقمي السداس

عشري وهذه تفيد في حالة أردنا تطبيق هذا اللون في صفحات HTML.



هذا نهاية شرح هذا البرنامج وننتظر الفيديوهات للشرح

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

اليوم سنتعرف على إمكانية أخرى لبرنامج Paint Shop 5

بالاستعانة ببرنامج GIFAnimator



وهى كيفية تفريغ صورة وتحويلها من صورة JPG

إلى صورة بخلفية مفرغة Gif



الشرح على فيديو



وسنتكلم ان شاء الله ونشرح البرنامج GIFAnimator



فى الايام القادمة

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

اليوم سنتعرف على إمكانيات برنامج

GIFAnimator



صورة للبرنامج مع الشرح



1966903_640749932628982_1062519130_n.jpg



وظيفة كل زر حسب الترقيم
1- صفحة جديدة
2- فتح ملف
3- حفظ
4- إدراج صور متسلسلة وهي أهم إيقونة بالبرنامج
5- حفظ ككل
6- أدوات قص - لصق - نسخ - حذف
7- تحديد الكل لعمل تحريك الصور
8- للتبديل بين الصور
9- مشاهدة العرض
10- خيارات
11- الحركة
12- الصور
13- الصور التي قمت بإدراجها



وشكرا لكل من يتابع الشرح

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

اليوم سنتعرف على إمكانية أخرى لبرنامج Paint Shop 5

بالاستعانة ببرنامج GIFAnimator



وهى كيفية تفريغ صورة لخريطة بطريقة القص الحر

ثم نقلها إلى البوربوينت بعد تحويلها إلى GIF



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

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

اليكم برنامج Paint Shop 5



حمل البرنامج ونتمنى عرض اعمالكم بالصفحة



حتى يشجعنى ذلك لتحميل البرنامج التالى

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

سنتعرف اليوم بشرح برنامج يعتبر من البرامج الرائعه والمهمه..
وهو يختص في مجال الانميشن...

البرنامج:: Animation shop 3.10
الشركة::jasc..
وهو يأتي ملحق مع برنامج البينت شوب برو من نفس الشركه ايضا..

وهو موجود بالملف السابق

والان اليكم رابط الشرح

http://www.damasgate.com/vb/t20868/

تريد أن تصمم صور متحركة بإخراج إحترافي تريدها تكون الأفضل وتضيف عليها

الفلاتر والتنسيقات الجذابة أذن عليك بهذا البرنامج الرائع الذي

أثبت نفسه من بين برامج التصاميم فهو المتخصص

في مجال إنشاء البنرات وهي الصور المتحركة

والتي يجد البعض صعوبة في إخراجها

فهذا البرنامج مزود بعدة فلاتر

مع إمكانية تحريرها

لتكن أفضل

وجذابة .

*** مميزات البرنامج ***

1- يصمم لك بنرات جذابة مع إمكانية تحريرها بشكل أفضل من قبل .

2- إمكانية إضافة إطارات جميلة وجذابة .

3- سهولة الإخراج ويحتفظ بالصورة لأي أتجاه تريد .

4- إضافة فلاتر مميزة وجذابة


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

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


الصورة الأولى: ( فتح ملف الصورة المتحركة المراد تصغيرها)



الصورة الثانية : (إختيار جميع الإطارات المكونة للصورة المتحركة )



الصورة الثالثة : (من Edit تختار كلمة ( cull Animation) و معناها تقليل الحركة)


الصورة الرابعة : (توضح عدد الإطارات المكون للصورة المتحركة )


الصورة الخامسة : ( توضح طريقة التحكم فى عدد الإطارات المحذوفة )

animationshop5uf1.gif

الصورة السادسة : (توضح طريقة الحفظ بعد تصغير الحجم )



الصورة السابعة توضح بدء البرنامج فى تحسين و تصغير الصورة)

animationshop7bm1.gif

الصورة الثامنة : (قبل الضغط على Next يجب أن تنتظر حتى الإنتهاء كما بالصورة)



الصورة التاسعة لتوضيح الفرق بين الصورة الأصلية و المحسنة).


....لا يوجد فرق بينهم سوى زيادة سرعة الحركة فى الصورة المحسنة.....



الصورة العاشرة : ( توضح حجم التصغير للصورة الأصلية)



الموضوع منقول