اختر لونك:


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

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

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

أضف رد جديد
 
أدوات الموضوع انواع عرض الموضوع

قديم 2010-03-24, 12:27 PM   #1
الصورة الرمزية سمو الأحساس
مسؤول بشبكة تيفا
تاريخ التسجيل: 2009-08-09
المشاركات: 2,772
التقييم: 631
إرسال رسالة عبر مراسل Yahoo إلى سمو الأحساس
الصورة الرمزية سمو الأحساس
مسؤول بشبكة تيفا
تاريخ التسجيل: 2009-08-09
المشاركات: 2,772
التقييم: 631
إرسال رسالة عبر مراسل Yahoo إلى سمو الأحساس
افتراضي كيفية عمل صوره متحركه بالصور


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

بعد التحية المحلاة بذكر الله اخواني الكرام ..

أقدم لكم اليوم درس حصري ..

" كيفيةتحريك الصورة بالفوتوشوب "

الكثير منا يقول : هل من الممكن أن أسوي صورة متحركة بالفوتو شوب ؟؟

انتظرواااااا دعوني أفكر لحظة و أرد عليكم ..

امممممممم

الآن تستطيع أن تسوي صورة متحركة بالفوتو شوب .. إجابة غاية في السهولة ..

دعونا من المقدمات الكثيرة و تعالوا معا نبدأ الدرس ..

لكن لي رجاء قبل أن أبدأ ..

عليكم بالتطبيق ثم التطبيق ثم التطبيق .. اخطأ و اسئل و انا بجاوبك لكن لا تمر على هذا الدرس مرور الكرام لأن هذا الدرس اللي بيفرق المصمم الكسول من المصمم

المحترف ..

على بركة الله نبدأ ..

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

الصورة الأصلية هي التالية ..

كيفية عمل صوره متحركه بالصور 2859.imgcache

و أنا قطعتها لثلاث صور ..

كالتالي ..

- 1 -

كيفية عمل صوره متحركه بالصور 2860.imgcache

- 2 -

كيفية عمل صوره متحركه بالصور 2861.imgcache

- 3 -

كيفية عمل صوره متحركه بالصور 2862.imgcache

هنا قد أسأل سؤال ..

و هو ..

لماذا قطعت الصورة السابقة ؟؟

اخخخ سؤال صعب .. لكن إجابته موجودة ..

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

الطبقات ( الشفافيات ) ...

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

نتبع التالي من قائمة File نختار New او من لوحة المفاتيح Ctrl + N و نحدد المقاسات التالية ..

كيفية عمل صوره متحركه بالصور 2863.imgcache

العرض : 467 بيكسل ( Width )

الطول : 286 بيكسل ( Hight )

و بتكون الصورة فارغة كالتالي ..


كيفية عمل صوره متحركه بالصور 2864.imgcache

نبدكما في الصورة التالية أ الآن بتركيب الـ Layers أو الطبقات ..



كيفية عمل صوره متحركه بالصور 2865.imgcache

بعد أن ركبنا الطبقات .. أقول لك ألف مبروووووووووووووووك الأن أنت أتممت نصف العملية ..

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

هيا بنا معا لأهم نقطة و التي أنشيء من أجلها هذا الدرس ..

يوجد برنامج مرافق للفوتو شوب اسمه Adobe ImageReady ..

ما هذه البرنامج ؟؟

هذا البرنامج في غاية الأهمية و هو الذي سنقوم برسم الحركة به ان شاء الله ..

نريد أن ننتقل إلى هذا البرنامج كيف ؟؟

هذا سؤال في غاية الأهمية .. بعد أن قمنا بإعداد التصميم و تجهيزه أقول لك انتقل إلى هذا البرنامج من خلال لوحة المفاتيح Ctrl + Shift + M أو انظر الصورة التالية ..

كيفية عمل صوره متحركه بالصور 2866.imgcache




كيفية عمل صوره متحركه بالصور 2867.imgcache

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

بقول له نعم و كلاالبرنامجين
يكملان بعضهم البعض ..

و هنا لدينا مشكلة ..

من أين سأقوم بإعداد الحركة ؟؟

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

و من أين أستطيع أن أظهر هذه النافذة ؟؟

أقول لك انظر للصورة التالية ..
كيفية عمل صوره متحركه بالصور 2868.imgcache

و بعد تفعيل خيار الحركة او Animation ..

تعالى معي و انظر ما سأقوم به الآن .. ما سأقوم به أنني سأستدعي جميع الطبقات في نافذة الحركة ..

كيفية عمل صوره متحركه بالصور 2869.imgcache

أسمع أحدكم يقول :

ماذا يقول هذا الشخص ؟؟

اقول لك أخي الكريم كن صبورا و اتبع الدرس معي و لا تقلق كل شيء سيكون على ما يرام بإذن الله ..

انظر الصورة التالية ..


كيفية عمل صوره متحركه بالصور 2870.imgcache

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

و بهذا أقول لك للمرة الثانية ألف مبروووووووووووووووك ..

لكن .. و آه من قسوتها لكن كل طبقة بتظهر منفردة و أنا أبغي ان يكون فيه خلفية ثابتة أقول لك أخي الكريم لقد أتبعتني بأسئلتك ..

لكن أنا تحت أمرك طبعا ..تعالى معي و انظر ما سأقوم بفعله بالصور و الشرائح ..

كيفية عمل صوره متحركه بالصور 2871.imgcache

كيفية عمل صوره متحركه بالصور 2872.imgcache

حينما أفعل طبقة و أقوم بالضغط على مفتاحي Ctrl + J معناها أني أقول لها كوني طبقة ثابتة في الظهور مع جميع الطبقات أثناء العرض ..

و الآن اضغط على زر التشغيل و انظر نتيجة عملك ..

أقول لك ألف مبروووووك للمرة الثالثة ..

و لكن ..

أفااا عليك .. انت كثير الأسئلة .. و لكن اسئل ..

ظهور الشرائح أو الطبقات سريع جدا أريد أن أبطيء السرعة من أين ؟؟

أقول لك تحت أمرك و هذا أخر سؤال أسمح لك به ..

انظر الصورة التالية ..


كيفية عمل صوره متحركه بالصور 2873.imgcache

و الآن هل لديك أي سؤال آخر ؟؟

أسمع أحدكم يقول لا ..

تسئلني من حين لأخر بأسئلة قاتلة و الآن لقد نسيت تسألني عن أهم شيء ..

كيف تقوم بحفظ العمل ؟؟

الإجابة : من قائمة File و تختار الأمر Save optimized as و حدد المسار اللي تريد تحفظ فيه العمل و بيكون بامتداد Gif ثم اضغط Save و بتظهر لك رسالة اجعلها Every time ثم اضغط Ok ..

و هذه هي النتيجة النهائية ..

كيفية عمل صوره متحركه بالصور 2874.imgcache

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

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

أرجو من الله أن أكون قد وفقت في طريقة الشرح و العرض و سامحوني إذا تلفظت بألفاظ غير لائقة ..

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

تحياتي إلى الجميع ..

فأذا فعلت صور فنزلها







اسف اذا كان هناك اي اخطاء
وتقبلو تحياتي

;dtdm ulg w,vi ljpv;i fhgw,v hdqh fhgtd]d, ugl ,lvtr

سمو الأحساس غير متصل   رد مع اقتباس
قديم 2010-03-24, 02:58 PM   #2
الصورة الرمزية Sir.7amato
" المـدير التنفيـذى "
تاريخ التسجيل: 2006-07-29
الدولة: Port Said
المشاركات: 2,560
التقييم: 1436
الصورة الرمزية Sir.7amato
" المـدير التنفيـذى "
افتراضي

ينقل للقسم المناسب ،،
Sir.7amato غير متصل   رد مع اقتباس
قديم 2010-03-24, 04:12 PM   #3
الصورة الرمزية عبدالرحمن م
عضوية الإمتياز
تاريخ التسجيل: 2007-12-07
الدولة: b2aya nahr elneil
العمر: 30
المشاركات: 6,588
التقييم: 3161
الصورة الرمزية عبدالرحمن م
عضوية الإمتياز
افتراضي

كان فى بالى الدرس ده من فترة بس انت سبقتنى ليه

على أى حال إنت شرحته احسن من الشرح اللى كنت هعمله

شكراً سمو
عبدالرحمن م غير متصل   رد مع اقتباس
قديم 2010-03-24, 04:27 PM   #4
الصورة الرمزية سمو الأحساس
مسؤول بشبكة تيفا
تاريخ التسجيل: 2009-08-09
المشاركات: 2,772
التقييم: 631
إرسال رسالة عبر مراسل Yahoo إلى سمو الأحساس
الصورة الرمزية سمو الأحساس
مسؤول بشبكة تيفا
افتراضي

شكرا يا عبدالرحمن م على مروركــ
سمو الأحساس غير متصل   رد مع اقتباس
أضف رد جديد

الكلمات الدلالية (Tags)
متحركه, ايضا, بالصور, بالفيديو, صوره, علم, ومرفق, كيفية


تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
كيفية عمل شبكة محلية ..الشرح بالصور WebCraker شبــــــــكات 17 2013-02-22 01:57 AM
صور شخصيه لمسنجرك MafiawwY أيقونات وافاتارز وابتسامات (للمصممين) 9 2009-02-17 05:40 PM
متوسط - درس إدخال صوره متحركه على صوره ثابته MafiawwY تعليم ايمدج ريدى ImageReady 0 2008-12-07 10:22 AM
كيفية تغيير التوقيع (بالصور) WebCraker كيفية التعامل مع المنتدى 5 2008-11-11 09:15 AM
الحقوا ماندوز جايب صوره غريبه ياترى هتكون ايه Muhamed الغرائب والصور النادر 12 2007-12-03 11:29 AM


Internal & External Links

الساعة الآن 11:48 AM.
Powered by vBulletin Version 3.8.11
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd
استضافة , دعم فنى