درس العدسة المتحركه ~ بمزيدٍ من التفصيل ~

[ليلى^^]

بسم الله الرحمن الرحيم

اهلا بكم اعزائي

الكثير طلب توضيح درس العدسة المتحركة خطوة بخطوة

و انا وعدت بان اشرحه

لكن تأخرت بسبب ظروف جهازي الانيق :D

و ها انا اليوم اتيت بشرح تفصيلي له

على الاصدار cs3

اتمنى المتابعه معي خطوة بخطوة

اولا : افتح الصورة التي ترغب بالتطبيق عليها

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-151b449174.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-151b449174.jpg)


ثانيا : كرر الصورة بالضغط على ctrl + j

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-96113302ed.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-96113302ed.jpg)

ثالثا : اختر الطبقة السفلى و طبق الفلتر الآتي :

filter -> Blur -> Gaussain Blur

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bbdd6152e1.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bbdd6152e1.jpg)

رابعا : من اداة الدائرة

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4ed0d0da6b.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-4ed0d0da6b.jpg)

قم برسم الشكل و سيكون بهذه الصورة

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-c2fb871e9c.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-c2fb871e9c.jpg)

خامسا : قم بعمل ماسك للصورة العليا بحيث تكون كدائرة بالضغط على ctrl + alt + g

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6cbf403dbf.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-6cbf403dbf.jpg)

سادسا : حتى تبرز الدائرة و تكون اكثر وضوحا لابد من اضافة بعض التأثيرات عليها :

نقوم بالنقر مرتين على طبقة الدائرة فتظهر لنا النافذه و نضيف لها تأثير الظل كما في الصورة

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-634db400be.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-634db400be.jpg)


الى هنا نكون انتهينا من عملنا في الفوتوشوب

[ليلى^^]

الآن ننتقل الى الحركة .. و هي عن طريق

اولا : نذهب الى قائمة window و نختار منها animation

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-c78df62071.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-c78df62071.jpg)


ثانيا : ستظهر لنا نافذة كما في الصورة .. نذهب الى السهم على اليمين و نختار منه make fram form layer


http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-2cead2fd99.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-2cead2fd99.jpg)

ثالثا : نتأكد ان العيون ظاهره في جميع الطبقات كما في الصورة

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-49e2218483.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-49e2218483.jpg)

رابعا : نقوم بنسخ الطبقة الاولى اكثر من مرة كما هو موضح في الصورة

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bbe2626869.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bbe2626869.jpg)

خامسا : في كل نسخة من النسخ نقوم بتحريك الدائرة الى منطقة معينه كما نحب .. انظروا وضعيات الدائرة لدي


http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-9dd18ab759.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-9dd18ab759.jpg)

سادسا : نقوم بوضع الفتره الزمنية المناسبة لبقاء الدائرة و هي التي تحدد الانتقاله بين الحركة و الاخرى .. انا اخترت .2 و انتم حسب ذوقكم و طبعا يتم اختياره لكافة الطبقات في الحركة .

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-36ae7a5885.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-36ae7a5885.jpg)

سابعا : الحفظ من قائمة file نقوم باختيار save for web and device

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-b9c2b8bb0f.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-b9c2b8bb0f.jpg)

ثم نطبق كما في الصورة

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bd600943b9.jpg (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-bd600943b9.jpg)


و هذا هو الناتج :D

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-8474d0bd80.gif (http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-8474d0bd80.gif)

اتمنى يكون الدرس واضح

و اي استفسار تفضلوا

بانتظار تطبيقاتكم .. :)

[Pearl Sea]

مشكورة عزيزتي

[ليلى^^]

اهلا بكِ عزيزتي

و ننتظر التطبيقات :)

[Pearl Sea]

شكرا لكي
انا اول مرة اسوي شي يتحرك بالفوتوشوب :)
اليك التطبيق البسيط
هذا اللي سويته..

:(
:(
:(

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

[ليلى^^]

اهلا بكِ عزيزتي

لا اعلم لما اصبح الحجم كبير لديكِ هكذا

وضحي لي الخطوات

موفقه ,,

[لله عشقي]

يعطيك ألف عافيه خيتو
وهذا التطبيق
http://store1.up-00.com/Apr10/xov71649.gif
انا ايدي تاكلني وحست في صفحت الحفظ وتغيرت عنديالالوان كيف ارجعها http://store1.up-00.com/Apr10/xbB71858.jpg

[درة النجف]

احب هاي المواضيع...انشاء الله اجربهه
شكرا اختي...

درة النجف

[الميامين (يا فاطمة الزهراء)]

http://img689.imageshack.us/img689/1510/30489045.gif
اللهمّ صلِّ على محمّد وآل محمّد وعجّل فرجهم والعن أعدائهم
اللهمّ صلِّ على فاطمة وأبيها وبعلها وبنيها والسر المستودع فيها عدد ما أحاط به علمك وأحصاه كتابك


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

أحسنت أختي العزيزة والغالية " ليلى" ... دائما رائعة ومبدعة في طرحك

وهذا تطبيقي
http://img85.imageshack.us/img85/4121/44813445.gif

بس عزيزتي عندي سؤال : ليش جودة الصورة المتحركة غير واضحة ( يعني غير صافية ) ؟؟؟

نسألكم الدعاء

[ليلى^^]

يعطيك ألف عافيه خيتو

وهذا التطبيق
http://store1.up-00.com/Apr10/xov71649.gif
انا ايدي تاكلني وحست في صفحت الحفظ وتغيرت عنديالالوان كيف ارجعها http://store1.up-00.com/Apr10/xbB71858.jpg



تطبيق جميل جدا عزيزتي

لو لا الدقة

تحتاج اكثر من محاولة لتضبط بالشكل المطلوب

لكن لديك dither ربما لو جعلتيه 100% كان الوضع أفضل

و ضحي لي اي خيار هو الذي قمتِ بتغييره

موفقه

[ليلى^^]

احب هاي المواضيع...انشاء الله اجربهه
شكرا اختي...

درة النجف


اهلا بكِ عزيزتي

و ننتظر تجربتكِ

موفقه ،

[ليلى^^]

عزيزتي الميامين

قمتِ بالتطبيق بشكل عكسي

اي ان الخلفية المفترض تكون مموهه

بينما الدائرة هي التي تعمل كالعدسه لتوضح التمويه

لكن لا بأس

بالنسبة لسؤالكِ

عندي سؤال : ليش جودة الصورة المتحركة غير واضحة ( يعني غير صافية ) ؟؟؟

المعروف ان أقصى عدد للألوان في تنسيق gif هو 265 لون في جدول لون يدعى Palette بما أن الصورة تتألف من ملايين التدرجات اللونية, فإن التطبيقات في الفوتوشوب عند حفظ الصورة على هيئة GIF تختار الأفضل من هذه الألوان لتمثيل الجميع. عند العرض, فإن كل بيكسل في الصورة يأخذ أحد الألوان المتوفرة في الجدول فقط , ومع ذلك فإن أحجام الصور المخزنة به كبير نسبياً مقارنة بتنسيق JPG.

لكن هناك مزايا رائعة ينفرد بها تنسيق GIF مما يستدعي استخدامه في صفحات الويب، أولها القدرة على تخزين صور بخلفيات شفافة Transparent Images وثانيها الصور المتحركة Animated Gifs


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

[Pearl Sea]

عدتُ مجدداً..
كنتُ قد أخترت مسبقا صورة حجمها كبير وبعد تطبيق الدرس عليها اصبح حجم صورة gif اكثر من 2 ميغا ؟
والان هذا تطبيقي اتمنى يعجبكم..
:)

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-c32717e544.gif

[ليلى^^]

بسم الله الرحمن الرحيم

احسنتِ عزيزتي

لكن لا اعلم هل تتحرك الدائرة لديكِ ؟

لاني فتحت الصفحه لأكثر من مرة و لا اراها تتحرك ..

موفقه لكل خير

[Pearl Sea]

الصورة عندي تتحرك بس مااعرف ليش هنا بالصفحة ما تتحرك؟؟
اخزينيها على حاسبتك ( اذا ما فيها خلل :) ) وتشوفيها تتحرك ..
وهذه الصورة مرة اخرى عسى انها تتحرك هنا ..

http://www.alshiaclubs.net/upload//uploads/images/alshiaclubs-fd6fdf16ce.gif

[ربيبة الزهـراء]

اللهم صلي على محمد وال محمد


احسنتٍ ليلى على الدرس
جهود رائع ..
بارك الله بيج

موفقة

[ليلى^^]

فعلا حين حفظتها تحركت

شكرا لكِ عزيزتي

تطبيق اكثر من رائع

موفقه ,

[ملاك الورد]

يعطيكِ الف عافيه ع الدرس الجميل والشرح الرائع ..
تسلمـ ايدكـ يامبـــدعــــــــة ..
،ُ،
وهذا التطبيقـ معـ بعض الأفكار او اللمســات الخاصة ^_^ ..

http://www.badr-3.com/up/uploads/e234035008.gif



http://www.badr-3.com/up/uploads/1dc0b2e799.gif
أرق التحااياا

[ليلى^^]

تطبيق اكثر من رائع عزيزتي

اعجبتني الفكرة و كذلك العمل

جزيل شكري و امتناني لكِ ,,,

وفقتِ

[عاشقة أهل البيت]

واخيرا استوى :d

تسليم العقوبة الثالثة والاخيرة ~ للتحرير من السجن (http://www.asdali.com/vb/showthread.php?t=100936)
عاشقة أهل البيت
http://www.jannatalhusain.info/2010/uploads/a9db61e594.gif

[ليلى^^]

و اخيــــــــــــرا تحررتِ عاشقة

مبروك و شكرا لتطبيقكِ ،،