||०° • ثرى احباب • °०||

هلآ والله منور المنتدى بوجودكم ! Razz
عفواً !! اذا كانت هذه زيارتكـ الأولى للمنتدى نرجوا منكـ التسجيل في المنتدى !!!
Rolling Eyes

انضم إلى المنتدى ، فالأمر سريع وسهل

||०° • ثرى احباب • °०||

هلآ والله منور المنتدى بوجودكم ! Razz
عفواً !! اذا كانت هذه زيارتكـ الأولى للمنتدى نرجوا منكـ التسجيل في المنتدى !!!
Rolling Eyes

||०° • ثرى احباب • °०||

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

.......................................


2 مشترك

    [[درس تحريك آلصور بطريقه افلأام الكرتون]]

    }.. pretty girl
    }.. pretty girl


    عدد الرسائل : 239
    تاريخ التسجيل : 16/02/2009

    dd [[درس تحريك آلصور بطريقه افلأام الكرتون]]

    مُساهمة من طرف }.. pretty girl الخميس أغسطس 20, 2009 9:59 am

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

    يسرني ان اكون اول من يقدم درس في هذا المنتدى !!

    في هذا الدرس :

    سنتعلم من خلاله كيفية تحريك الأشياء في التصميم بشكل سلس ومتناسق، وفي خطوات سهلة وبسيطة.

    أسعدنا بمتابعتك.... Razz

    مثال على الدرس :


    [[درس تحريك آلصور بطريقه افلأام الكرتون]] Ex


    لتطبيق الدرس يمكنك أن تختار أي شكل ترغب فيه، سواءً اخترت صورة خارجية، أو شكل من الأشكال المتوافرة في الفوتوشوب (shapes)، أو أن تقوم برسمك الخاص في الفوتوشوب. حسب خبرتك أو حاجة تصميمك.

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


    [[درس تحريك آلصور بطريقه افلأام الكرتون]] Rabbit

    إذا أردت أن تستخدم هذه الصورة، قم بتخزينها في جهازك، ثم افتح برنامج الفوتوشوب واتجه لقائمة File واختر Open، استخرج الصورة من المكان الذي قمت بتخزينه.



    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 1

    هل لاحظت وجود علامة القفل[[درس تحريك آلصور بطريقه افلأام الكرتون]] Qfl على لير الأرنب في بوكس الليرات؟
    عليك أن ترفع هذا القفل المزعج .. كي نستطيع أن نكمل عملنا بسهولة ..:

    شاهد وضعية القفل في هذه الحالة
    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 2
    قم بالنقر على لير الصورة في بوكس الليرات مرتين متتاليتين فيظهر لك هذا البوكس ..


    [[درس تحريك آلصور بطريقه افلأام الكرتون]] LaerNewB2

    وتضغط على Ok

    وانتهى الأمر
    -----------------------

    أو أن تذهب لقائمة Layers وتختر New ومنثم Layer From Background

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] LaerNewB

    سيظهر لك هذا البوكس

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] LaerNewB2
    اختر الطريقة التي تلائمك ..
    ففي كلتا الحالتين ،، ستكون النتيجة كالتالي ..

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 3

    يتــبع..[/center]


    عدل سابقا من قبل }.. pretty girl في الخميس أغسطس 20, 2009 10:40 am عدل 1 مرات
    }.. pretty girl
    }.. pretty girl


    عدد الرسائل : 239
    تاريخ التسجيل : 16/02/2009

    dd رد: [[درس تحريك آلصور بطريقه افلأام الكرتون]]

    مُساهمة من طرف }.. pretty girl الخميس أغسطس 20, 2009 10:03 am

    الخطوة الثانية

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

    لذا .. تابع معي

    طبق الأمر التالي
    Select >> Load Selection

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] LoadSelection

    ستظهر لك هذه النافذة ..

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] LoadSelection2

    اضغط على Ok

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

    لاحظ مساحة العمل


    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 4


    والآن قم بنسخ ما قمت بتحديده

    هناك طريقتان لتنفيذ عملية النسخ ..

    1- إما أن تضغط على Ctrl + C من لوحة المفاتيح ..

    2- أو أن تتجه لقائمة Edit وتختر أمر Copy


    [[درس تحريك آلصور بطريقه افلأام الكرتون]] Copy

    بعد هذه العملية .. اترك الأرنب ليرتاح قليلاً .. واتجه للخطوة الثالثة .. Wink
    }.. pretty girl
    }.. pretty girl


    عدد الرسائل : 239
    تاريخ التسجيل : 16/02/2009

    dd رد: [[درس تحريك آلصور بطريقه افلأام الكرتون]]

    مُساهمة من طرف }.. pretty girl الخميس أغسطس 20, 2009 10:22 am

    الخطوة الثالثة

    قم بفتح مساحة عمل جديدة ،، عن طريق:
    File >> New

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] New

    سيظهر لك بوكس آخر كي تدخل البيانات المطلوبة لمساحة العمل .. وقد اخترنا البيانات التالية

    العرض = 300 = Width
    الطور = 140 = Height
    Resolution = 72
    Color Mode = RGB Color / 8 bit
    Background Contents = Transparent

    تابع البيانات السابقة في الصورة التالية
    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 2

    بعد أن تنتهي من إدخال بيانات مساحة العمل في البوكس السابق، اضغط على Ok ، ستلاحظ ظهور مساحة العمل بالشكل التالي:

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 3

    والآن .. ألصق ما قمت بنسخه ..

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

    1- إما أن تضغط على Ctrl + V من لوحة المفاتيح

    2- أو أن تتجه لقائمة Edit وتختر آمر Paste


    [[درس تحريك آلصور بطريقه افلأام الكرتون]] Paste

    لاحظ مساحة العمل بعد أن قمت بعملية اللصق

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 5

    الخطوة الرابعة

    هل نجحت في نقل الأرنب لمساحة العمل الجديدة؟
    إذا أجبت بنعم .. فهذا يعني أنك أنهيت الجزء الخاص في الفوتوشوب .. وحان الوقت للانتقال للإمج ردي ..

    الأرنب مستعد للانتقال .. هل أنت مستعد؟؟

    عفواً .. كيف أنتقل للإمج ردي؟!!
    من لوحة المفاتيح .. اضغط على Shft + Ctrl + M Smile

    يفترض أن تجد العناصر الثلاثة أمامك في برنامج الإمج ردي

    مساحة العمل
    بوكس الليرات Layers
    شريط الحركة Animation


    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 6

    الخطوة الخامسة

    اتجه لشريط الحركة .. وقم بنسخ برواز الأرنب عن طريق الضغط على المربع الصغير[[درس تحريك آلصور بطريقه افلأام الكرتون]] Layerالموجود أسفل شريط الحركة ..

    لاحظ الصورة المتحركة

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 7

    يتبــع..
    }.. pretty girl
    }.. pretty girl


    عدد الرسائل : 239
    تاريخ التسجيل : 16/02/2009

    dd رد: [[درس تحريك آلصور بطريقه افلأام الكرتون]]

    مُساهمة من طرف }.. pretty girl الخميس أغسطس 20, 2009 10:31 am

    الخطوة السادسة

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

    لاحظ أن إطار البرواز رقم 1 تحول للون الأزرق .. أي أن التأثيرات التي سنحدثها في مساحة العمل ستخزن على البرواز رقم 1 ..

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 8

    والآن اختر أداة المؤشر[[درس تحريك آلصور بطريقه افلأام الكرتون]] MoAsherjewels ستجده في قائمة الأدوات الموجود على يسار شاشة الإمج ردي .. ستكون في أعلى زاوية اليمين ..

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

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] MoAsherImageready


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

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] Keyboard0

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

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] KeyboardR

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

    لاحظ وضع مساحة العمل مع شريط الحركة بعد تنفيذ الخطوة السابقة ..

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 10



    الخطوة السابعة

    والآن .. انتقل مرة أخرى لشريط الحركة Animation وقم بتفعيل البرواز رقم 2 .. وذلك عن طريقة الضغط عليه بالفأرة ـ الماوس ـ كما فعلنا في المرة الأولى ..
    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 9


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

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] KeyboardL

    انقل السيارة لليسار حتى تختفي .. وتصبح مساحة العمل فارغة ..

    وبذلك انتهينا من الخطوة السابعة ..

    الخطوة الثامنة

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

    لكن قبل أن نبدأ بذلك .. علينا أن نغير توقيت البروازين .. لاحظ معي في شريط الحركة .. أسفل كل برواز ستجد هذه الكتابة ([[درس تحريك آلصور بطريقه افلأام الكرتون]] 0sec)اضغط عليها بالفأرة ـ الماوس ـ ستظهر لك قائمة صغيرة اختر منها l .. 0.1 secondsنظر للصورة التوضيحية

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 11

    يتتــبع..
    }.. pretty girl
    }.. pretty girl


    عدد الرسائل : 239
    تاريخ التسجيل : 16/02/2009

    dd رد: [[درس تحريك آلصور بطريقه افلأام الكرتون]]

    مُساهمة من طرف }.. pretty girl الخميس أغسطس 20, 2009 10:39 am

    كرر نفس العملية مع البرواز رقم 2

    والآن .. قم بتفعيل البرواز رقم 1 كما فعلت في المرة السابقة .. وذلك عن طريق الضغط عليه بالفأرة ـ الماوس ـ

    ثم اتجه لأسفل شريط الحركة .. ستجد أيقونة صغيرة تتكون من دوائر صغيرة [[درس تحريك آلصور بطريقه افلأام الكرتون]] Tweens وهي رمز التوين Tween .. ستلاحظ ظهور نافذة لتحدد إحداثيات التوين ..

    أدخل البيانات الموضحة في الصورة .. ثم اضغط على Ok

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] 12

    هل لاحظت التغيير الذي طرأ على شريط الحركة Animation ?

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

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

    الخطوة التاسعة

    قم بتخزين العمل عن طريق في الإمج ردي ..

    اتجه لـ

    File >> Save Optimized As
    [[درس تحريك آلصور بطريقه افلأام الكرتون]] Save-Optimaized-As

    ثم اختر اسما مناسبا واضغط OK

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

    [[درس تحريك آلصور بطريقه افلأام الكرتون]] Ex


    وانتهيـــنآأأأ من آلدرس الأول Cool


    << بإنتظآاار تطبيقاتكم & ردودكم
    cute girl
    cute girl
    [مديرهـ]
    [مديرهـ]


    عدد الرسائل : 507
    تاريخ التسجيل : 11/02/2009

    dd رد: [[درس تحريك آلصور بطريقه افلأام الكرتون]]

    مُساهمة من طرف cute girl الأحد أغسطس 23, 2009 8:39 pm

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

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

    وان شاء الله نستفيد منه

    وانا بطبقه ولي عوده
    }.. pretty girl
    }.. pretty girl


    عدد الرسائل : 239
    تاريخ التسجيل : 16/02/2009

    dd رد: [[درس تحريك آلصور بطريقه افلأام الكرتون]]

    مُساهمة من طرف }.. pretty girl الثلاثاء أغسطس 25, 2009 10:23 am

    تسللمي كيووت

    بإنتظاركـ Surprised

      الوقت/التاريخ الآن هو السبت نوفمبر 16, 2024 1:57 pm