درس توافق الصور والكلمات مع الصوت ..

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

صباح / مساء الخير عليكم جميعاً ..

بصراحه كثرت الأسأله والطلبات حول ( تبادل عدد من الصور في التصميم / توافق النص مع الصوت )

ولكثرة الطلبات حول ذالك حبيت اسوي شرح مبسط وسهل لفهم الطريقه وتطبيقها بالشكل الصحيح ..

وصراحه تعبت في شرحه بالفكره البسيطه وتوصيلها بالشكل الصحيح ان شاء الله .. رغم بساطتها ..

ولا اطلب منكم سوا الدعاء لي ولوالدي عن ظهر غيب ..

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

نبداء بالجزء الأول ( طريقة تبادل الصور مع الصوت )

نظيف الصور المطلوبه وانا اظفت 3 صور ..



وهذا مساحة شريط الفريمات ..



لو نلاحظ اننا اظفنا لكل صوره فريمين ( ظهور -و- أختفاء )

مثلاُ انا اضفت صوت اللي هو بالشريط اللون الاخظر .. ووضحت مثال عليه كلمات الانشوده ..

مثلا الصوره الأولى بالشريط اللون الازرق الفاتح .. لو تلاحظ توافقها مع الصوت ظهور الصوره مع الكلمات ( فرقى الذي دايم من قلوبنا اقراب لمن طرالي ذكرهم وقت هبه ) بعدين اختفاء الصوره وبدايتها من الفريم 1 لين 35 ..

ونجي للصوره الثانيه بالشريط اللون الوردي .. تكون ظهور الصوره من بداية الكلمات الثانيه ( يطيح دمع العين من بين الاهداب ويحسسك فرقاه معنى المحبه ) بعدين اختفاء الصوره .. وبدايتها من الفريم 25 لين 72 ..

تأثير الظهور ( Fade In )
تأثير الاختفاء ( Fade Out )

وهذا تطبيقي للتوضيح ..



---------------------

الجزء الثاني ( توافق الكلمات والصور مع الصوت )

نظيف الكلمات او النصوص المطلوبه في التصميم .. وانا اظفت نصوص وجعلت كل نص فوق الصوره له للتوضيح ..



وهذي مساحة شريط الفريمات ..



طبعاً جعلت كل صوره مخصص لها نص يظهر ويختفي معها .. ولو تلاحظون كل صوره ونص محدده بشريط لون خاص ..

مثلاً الصوره الاولى والنص اللي فوقها .. ظهورهم مع بعض واختفائهم مع بعض ..

المشهد الاول ( صوره ونص ) .. المشهد الثاني ( صوره ونص ) .. المشهد الثالث ( صوره ونص )

والطريقه تقريباً مثل ماسوينا بالجزء الاول نجعل النص يظهر مع بداية الكلمات ويختفي مع نهاية الكلمات ..

وهذا تطبيقي للتوضيح ..



------------

بخصوص طريقة التأثيرات
تأثير الظهور ( Fade In )
تأثير الاختفاء ( Fade Out )



-------------

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



------------

واخيراً وليس أخراً .. هذا التطبيق النهائي على الدرس ..



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

اتمنى ان الدرس كان سهل ومفهوم لديكم ..

تمنياتي لكم بالتوفيق والنجاح يارب ..

الملفات المرفقة

	النموذج الثاني.zip‏ (440.3 كيلوبايت, المشاهدات 96)
	النموذج الثالث.zip‏ (725.1 كيلوبايت, المشاهدات 109)
	النموذج الاول.zip‏ (439.3 كيلوبايت, المشاهدات 91)