[دورة التعامل مع الصور المتحركة ]

[خواف]

بسم الله الرحمن الرحيم
.
السلام عليكم ورحمة الله وبركاته
.
معا اليوم في :
.
::: دورة التعامل مع الصورة المتحركة :::

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

::: البرامج :::

نستخدم في الدورة برنامج الايميج ريدي التابع لبرنامج الفوتوشوب بأي اصدار .


وانا شخصيا أفضل الاصدار التاسع Adobe Photoshop CS2 ME


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

::: فهرس الدورة :::


|| 1 || درس إضافة إطار لصورة متحركة ..
|| 2 || شرح كيفية تصغير الصور المتحركة والتقليل من حجمها لتتناسب مع قوانين المنتدى.
|| 3 || درس دمج صورة متحركة مع صورة ثابثة.
|| 4 || درس دمج صورتين متحركتين .
|| 5 ||
والعديد ان شاء الله .

.
.

:. دعواتكم بالتوفيق .:

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

الدرس الاول : درس إضافة إطار لصورة متحركة .
.
.
مثلا لدينا هذه الصورة المتحركة .

http://www.elebd3gate.com/vb/imgcache/10899.imgcache

نفتح برنامج الايميج ريدي ونقوم بإستعراض الصورة

http://www.elebd3gate.com/vb/imgcache/10900.imgcache

سوف تظهر هكذا

http://www.elebd3gate.com/vb/imgcache/10901.imgcache

نضيف لير جديد لبوكس الليرات في الاعلى

http://www.elebd3gate.com/vb/imgcache/10902.imgcache

نقوم بعمل تحديد للير الذي أضفناه

http://www.elebd3gate.com/vb/imgcache/10903.imgcache

ثم من قائمة Edit نختار Stroke

http://www.elebd3gate.com/vb/imgcache/10904.imgcache

نضع الاعدادت التالية :

http://www.elebd3gate.com/vb/imgcache/10905.imgcache

(ويمكن أيضا قبل هذه الخطوة الانتقال لبرنامج الفوتوشوب للتحكم اكثر في لون الاطار .)

بعد دلك يتم حفظ العمل بصيغة Gif طبعا .

وهذه النتيجة :

http://www.elebd3gate.com/vb/imgcache/10906.imgcache

..
..
..

ويمكن أيضا الكتابة على اللير الذي أضفناه

والنتيجة

http://www.elebd3gate.com/vb/imgcache/10907.imgcache

الى اللقاء في الدرس التاني إن شاء الله .

أجمل تحية .

[خواف]

في هذا الدرس سوف يتم شرح كيفية تصغير الصور المتحركة
التي نريد وضعها في التوقيع.

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

أنا لدي هذا التصميم وأريد ان أصغر من أبعاده و حجمه
ليتناسب مثلا مع حجم ومقاس معين يطلبه منتدى معين
( تصميم فوتوشوب - ايميج ريدي 100% ) ( رسمه)

http://www.elebd3gate.com/vb/imgcache/10908.imgcache

لمعرفة حجمه وأبعاده نضغط عليه بيمن الماوس ونختار خصائص :

http://www.elebd3gate.com/vb/imgcache/10909.imgcache

من النافدة أعلاه يظهر لنا :

حجم التصميم 139 Ko ...والمطلوب مثلا تصميم أقل من 30 Ko

أبعاد التصميم 600x400 ...والمطلوب مثلا تكون أقل من 375x225

..
..
..

نفتح الصورة المتحركة ببرنامج الايميج ريدي .

إما نضغط عليها بيمن الماوس ونختارفتح الصورة بالاييج ريدي :

http://www.elebd3gate.com/vb/imgcache/10910.imgcache


او من خلال برنامج الايميج ريد ي نفتح الصورة عن طريق file و Open

http://www.elebd3gate.com/vb/imgcache/10911.imgcache

كل الطرق تؤدي الى روما عاصمة المكسيك http://www.elebd3gate.com/vb/imgcache/10912.imgcache

الان فتحنا الصورة : ( تطور كبير) http://www.elebd3gate.com/vb/imgcache/10913.imgcache

http://www.elebd3gate.com/vb/imgcache/10914.imgcache

أول شئ نقوم به هو تصغير حجم الصورة :

http://www.elebd3gate.com/vb/imgcache/10915.imgcache

سوف تظهر لنا ابعاد الصورة قبل التصغير :

http://www.elebd3gate.com/vb/imgcache/10916.imgcache

نقوم بتصغير الصورة بتغيير الـطول الى المقاس المطلوب (225pixels)
وسوف يتغير العرض لوحده ..

والنتجية :

http://www.elebd3gate.com/vb/imgcache/10917.imgcache

نضغط ok .

.
.
.
الان تغيرت الابعاد الى الأبعاد المطلوبة :

http://www.elebd3gate.com/vb/imgcache/10918.imgcache

ربما نتوقف هنا ان كان حجم التصميم اصبح اقل من 30Ko

تعالو نشوف ..
.
.
.
.
بعد التأكد من حجمها ..اتضح انه لازال اكبر من الحجم المطلوب http://www.elebd3gate.com/vb/imgcache/10919.imgcache

http://www.elebd3gate.com/vb/imgcache/10920.imgcache
.
.
.

الان ننتقل الى برنامج الفوتوشوب : http://www.elebd3gate.com/vb/imgcache/10921.imgcache

http://www.elebd3gate.com/vb/imgcache/10922.imgcache

ومن قائمة الفوتوشوب نذهب الى File و save for ***

http://www.elebd3gate.com/vb/imgcache/10923.imgcache

سوف تظهر لنا النافدة التالية :

http://www.elebd3gate.com/vb/imgcache/10924.imgcache

نغير الاعدادت الموضحة في الصورة التالية حتى يصبح الحجم اقل من 30
والحجم يتغير مباشرة كلما غيرنا الاعدادت ويظهر في الاسفل على اليسار :

http://www.elebd3gate.com/vb/imgcache/10925.imgcache

بعد ظبط الاعدادت حسب الحجم المطلوب نحفظ الصورة بالضغط على save

والنتيجية النهائية >> صورة متوافقة مع شروط المنتدى ، حجما وابعادا :

http://www.elebd3gate.com/vb/imgcache/10926.imgcache



http://www.elebd3gate.com/vb/imgcache/10927.imgcache

رغم أنها مكونة من 22 لير http://www.elebd3gate.com/vb/imgcache/10913.imgcache

http://www.elebd3gate.com/vb/imgcache/10928.imgcache

.
.
.

دمتم بخير http://www.elebd3gate.com/vb/imgcache/10921.imgcache

[خواف]

درس دمج صورة متحركة مع صورة ثابثة

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

مثلا لدينا هذه الصورة المتحركة ونريد دمجها مع صورة ثابثة

http://www.ojqji.net/upload_center/2007/15/a6cd71ea99.gif

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



سوف يظهر لنا بوكس الليرات هكذا :

http://www.ojqji.net/upload_center/2007/15/efc0035e4c.jpg

نضيف إليه Set

ومن الكيبورد نضغط على CTRL+A لتضليل كل الليرات .

http://www.ojqji.net/upload_center/2007/15/48ba3e8acc.jpg

بعد تضليل الليرات نسحبها في مرة واحدة بالماوس الى داخل اللير

نضغط على السهم الصغير الذي يوجد بجانب الـ Set لجمع هذه الليرات داخله .

وسوف يظهر هكذا :

http://www.ojqji.net/upload_center/2007/15/eaade3ceb5.jpg

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

انا اخترت هذه

http://www.ojqji.net/upload_center/2007/15/41375ada5b.gif


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

ونقوم بسحبها عن طريق الماوس

http://www.ojqji.net/upload_center/2007/15/46b149e09a.jpg


نظهر الأن بوكس شريط الحركة :

http://www.ojqji.net/upload_center/2007/15/18136b9bc9.jpg


ثم نستعرض الليرات في شريط الحركة

http://www.ojqji.net/upload_center/2007/15/b0463926da.jpg


ونقوم بحدف شفيفة الصورة الثابثة من شريط المتحركة :

http://www.ojqji.net/upload_center/2007/15/715d130ebe.jpg


سوف يظهر الشريط هكذا :

http://www.ojqji.net/upload_center/2007/15/53d8015bc1.jpg


ننتقل الان الى بوكس الليرات

سوف يظهر هكذا :

http://www.ojqji.net/upload_center/2007/15/8f39e8a7c6.jpg


نظهر العين أمام لير الصورة الثابثة :

http://www.ojqji.net/upload_center/2007/15/6ab0fb223f.jpg


ومباشرة سوف يتحول شريط الحركة الى هذا الوضع :

http://www.ojqji.net/upload_center/2007/15/2d5e383563.jpg


بعد ظبط سرعة الحركة وفق سرعة حركة الصورة الثابثة

نقوم بحفظ النتيجة بصيغة Gif

http://www.ojqji.net/upload_center/2007/15/a53626e05f.jpg


والنتيجة النهائية :

http://www.ojqji.net/upload_center/2007/15/bdb7f3867d.gif
.
الشكر لصاحب الدرس zooorooo7

[خواف]

بالامكـان التطبيق للدمج
الصوره المتحركه :

http://up.x333x.com/uploads/4ff7b3ad9b.gif (http://up.x333x.com/)


الصورة الثابته :

http://up.x333x.com/uploads/cb06ddfea4.jpg (http://up.x333x.com/)

[яσ3αн]

ماقصرت على هذهـ الدروس
المتكاملهـ والله


ربي يعطيكـ الف عافيهـ
و يديمكـ بخير


لكـ تحيتيّ

[بحر الشوق]

خواف

الله يعطيك العافية يالغلا ولاهنت وماقصرت وبانتظار المزيد من ابداعك

دمت بود

[..هنـــو..]

دروس حلوهـ


والله تحمست اطبقهم

تسلم يمناك خيو خواف


ماتقصر مديرنا

[Mя Ťẅịx]

روووعهـ روووعهـ يابوو عهد

والدرس الثاني جديد علي

الله يعطيك الف الف عافيه ياخلفهم

من جد افدتني فيهم

موفق أخوي خواف : )

[MhAgEeR]

يامال العافية خواف
والصراحة اعشق الاميج ردي

مهاجر

[mr.sass]

الف شكر لك اخوي على الموضوع والشرح الاكثر من رائع

بأنتظار الجديد من ابداعك

[كــفــاك غــــــــرور]

[ خـواف ]

/

الله يعطيك العافيه يالغالي على الـدروس

[خواف]

ماقصرت على هذهـ الدروس
المتكاملهـ والله


ربي يعطيكـ الف عافيهـ
و يديمكـ بخير


لكـ تحيتيّ


خواف


الله يعطيك العافية يالغلا ولاهنت وماقصرت وبانتظار المزيد من ابداعك


دمت بود



دروس حلوهـ


والله تحمست اطبقهم

تسلم يمناك خيو خواف


ماتقصر مديرنا



روووعهـ روووعهـ يابوو عهد

والدرس الثاني جديد علي

الله يعطيك الف الف عافيه ياخلفهم

من جد افدتني فيهم

موفق أخوي خواف : )

يامال العافية خواف
والصراحة اعشق الاميج ردي

مهاجر


الف شكر لك اخوي على الموضوع والشرح الاكثر من رائع


بأنتظار الجديد من ابداعك


[ خـواف ]

/

الله يعطيك العافيه يالغالي على الـدروس
شكـرا لمروركمـ جميعـاً

[S o l a]

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

مشكور أخوي خواف على هذه الدروس القيمة .. بطبقها إن شاء الله .. ^^

دمت بخير و صحة وعافية ..

[شيخ العرب]

مشكوور على الدروس هذي ما قصرت يا خواف

[مشاعر صادقه]

يعطيك الف عافيه

طرح رائع

لك مني كل الشكر

[@جوري@]

جميل جدا،، يعطيكم العافية،،