النتائج 1 إلى 7 من 7

الموضوع: درس عمل فواصل متحركة

  1. #1
    الصورة الرمزية Arashi
    Arashi غير متصل مراقبة عامة على الفئات العامة

    •.¸.•Dragon of Heaven龍•.¸.•

    التسجيل
    16-01-2006
    الدولة
    DoHa
    المشاركات
    8,755

    درس عمل فواصل متحركة




    ^^^^
    بدينا عياره XD


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

    أولا تحتاج صور متحركة (يفضل تكون حركتها بسيطة ما تتجاوز 3 حركات للمرة الأولى)

    مثل










    الدرس


    افتح ملف جديد بقياس 800×800 واجعل محتوى الخلفية شفاف (حجم كبير لتكون المساحة اكبر وحرية اضافة الصور)




    اكتب النص المراد "السلام عليكم" ثم قم بنسخه مرتين بزرّي Ctrl+J (ليكون أوضح)





    بالضغط مرتين على النسخة الأخيرة (والتي تكون في المقدمة) اختر Stroke ثم قم بتعديل حجم اللون المحيط بالكتابة واللون حسب ما يناسب الصورة المتحركة (ملاحظة: يجب أن تختار الصورة المتحركة قبل البدء بهذه الخطوة لأنك لن تستطيع تعديل الألوان بسهولة لاحقاً)

    وان أردت تعديل لون الكتابة اختر Color Overlay من نفس القائمة...ولكن...يجب أن تغير لون الكتابة لكل النسخ في الخلف




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

    مثلا


    طبعا لن تتحرك هكذا في الفوتوشوب


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





    الصورة المتحركة تحتوي على عدة Layers (كل واحد يكوّن حركة...هنا عددها 3)...اضغط عليها واحدة واحدة وأنت ممسك بزر Ctrl لتظللها جميعاً (ولا تنسى أن تتذكر عدد الثواني) ثم انقل الـLayers كلها إلى مكان الكتابة "السلام عليكم" ولا تترك زر Ctrl



    (لا تترك زر Ctrl) رتب مكان الـLayers المنقولة لتجعلها خلف Layers الكتابة "السلام عليكم" (أو أمامها ان أحببت) ثم من قائمة Edit اختر Free Transportation




    (أيضاً للحيطة لا تترك زر Ctrl)
    عدّل حجم الصورة المتحركة وقلبها وتحريكها كما تشاء حتى تصبح بالشكل والمكان المطلوب (في الواقع أنت تتحكم في مجموعة من الـLayers للصورة المتحركة في آن واحد لكنك لن تلاحظ ذلك)




    الآن اختر أوّل Layer لمجموعة ليرات الصور المتحركة (أول واحد في الأسفل) واجعله ظاهراً مع ترك الباقين مخفيين...ثم من صندوق الأنيميشن (التحكم بالحركة) حدد عدد الثواني بالضعط على السهم الأسود في أول مربع للحركة...اجعل عدد الثواني مطابقاً للصورة الأصلية (كما قلت يجب أن تتذكر الرقم)




    الآن في صندوق الأنيميشن قم بنسخ الحركة الآولى بالضغط على مربع أبيض يمين أسفل الصندوق...واجعل الـLayer الأول للصورة المتحركة مخفي..والتالي فوقه مباشرة ظاهراً (أي: كل مربع حركة يقابله Layer معيّن)




    ونفس الأمر مع الحركة الثالثة والرابعة...الخ (حسب عدد الحركات)...ثم راجع حركة الصورة كاملة بالضغط على زر Play




    أخيراً...من أداة Crop Tool حدد حجم الصورة بما يناسبك واضغط Crop




    من قائمة Files اختر Save for Web & Devices وقم مرة أخرى بمراجعة الحركة من زر Play...واحفظ الصورة




    النتيجة





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

    اعذروني على عدم تنسيق وكتابة الدرس بالفوتوشوب لكن نسختي لا تدعم اللغبة العربية ^^"



    ملاحظة: للذين ليس لديهم فوتوشوب يدعم اللغة العربية...يمكنكم كتابة النص ببرنامج Power Point بخط كبير وواضح وحفظ الشريحة بصيغة jpeg...وعمل الآتي:

    1-فتح الصورة (الكتابة) في الفوتوشوب
    2-الضغط على الـLayer مرتين لتحويله من Background إلى Layer 0
    3-استخدام أداة Magic Wand Tool لمسح الخلفية البيضاء
    4-اضغط على الـLayer مرتين ليظهر صندوق اختيارات واختر Color Overlay وغير لون الكتابة
    5-قم بعمل نسختين اضافيتين من الكتابة وأكمل باقي خطوات الدرس





    وتم بحمدلله..في انتظار تطبيقاتكم ^_^

    02 : 11 :11


    المزيد من الرعب في الجزء الثاني


  2. #2
    التسجيل
    24-07-2010
    الدولة
    .•°Kuwaitـﬗـالكويت°•.
    المشاركات
    6,925

    رد: درس عمل فواصل متحركة

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

    درس رائع اراشي

    هذا تطبيقي



    وهذا بشكل أخر


  3. #3
    التسجيل
    08-03-2011
    الدولة
    Somewhere in this weird world ~
    المشاركات
    1,077

    رد: درس عمل فواصل متحركة

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

    نايس ! درس من اراشي ^^
    لازم اطبقه P:
    بالعكس الدرس بسيط بمجرد انو الواحد يطبقه !
    وشرحك وافي للطريقة سوو مافي مشكلة ^^
    تطبيقي:


    وهادي الصورة اللي استخدمتها:


    ان شالله اكون اتقنته ياابلة O.O !
    وتسلمي عالدرس اللزيز x3 !!
    ننتظر دروس اخرى منك ^^

    Good Luck

  4. #4
    الصورة الرمزية Ghosts of hope
    Ghosts of hope غير متصل

    الفائزة الثالثه في مسابقة تصميم الاختبارات  

    ◥Top Designer ◤ 

    التسجيل
    28-08-2011
    الدولة
    K.S.A
    المشاركات
    58

    رد: درس عمل فواصل متحركة

    وعليكم السلام..
    درس جميل
    التطبيق :


    والفاصل المستخدم :


    يعطيكِ العافية Arashi
    Keep up


    .. ^^ Thank U MyBlackEyez..

  5. #5
    )(FanTasy)( غير متصل سـبحـان الله وبـحـمـده
    الفائز الاول بمسابقة اليوم المميز
    التسجيل
    07-10-2009
    الدولة
    in my lovely home .. Kuwait
    المشاركات
    2,082

    رد: درس عمل فواصل متحركة


    وعـلـيـكـُم السـَّـلام ورَحـمـَة ُالله وبـرَكـاتـه

    الله يـعـطـيـك الـعـافـيـة
    ، شـرح وافـي ومـمـتـاز

    بصـراحـة ضـعـت فـي بـعـض النقـاط المـذكـورة

    بـس اليـوم تعلـّمـت أشـيـاء جـديـدة ومـا أدري أنهـا ممكـنـة فـي Ps








    مـن بعـد اليـوم مـا أحـتـاج بـرامـج تصـنـع صـور بصـيغـة GIF

    لـكـن لازم أطـبـّق الدرس ثـلاث أربـع مـرّات عـلـى الأقـل
    .

  6. #6
    Iris غير متصل °•»Łίցнт×Đαгĸηєѕs«•°
    التسجيل
    25-02-2008
    المشاركات
    6,826

    رد: درس عمل فواصل متحركة



    ^^^^^
    تطبيقي,,

    حلوة تطبيقاتكم, هيرت, لوكا, هوب, فانتازي,

    nice فكرة الدرس اراشي والخطوات,
    يس بهذه الطريقة يقدرون يسوون فواصل بالطريقة الي تعجبهم,
    الصورة المتحركة الي تعجبهم + الجملة المختاره,

    و ايضا للسهوله, لو حجم الصوره مناسب,
    فقط الي يحتاجونه انهم يفتحون الصوره من برنامج الفوتوشوب و يضيفون الجمله الي يبونها فيه مباشره,
    دون تغير في الحركه او خط الانيميشن,,

    مشكوvه اراشي على مشاركتنا الدرس الـ nice,
    الصور المصغرة للصور المرفقة الصور المصغرة للصور المرفقة try.gif‏  
    سُبْحَانَ اللَّهِ وَبِحَمْدِهِ عَدَدَ خَلْقِهِ وَرِضَا نَفْسِهِ وَزِنَةَ عَرْشِهِ وَمِدَادَ كَلِمَاتِهِ
    ..

    ..

  7. #7
    التسجيل
    26-01-2011
    الدولة
    الامارات
    المشاركات
    110

    رد: درس عمل فواصل متحركة

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

    والله موضوع حلو + مفيد

    هذا هو تطبيقي
    اضغط على الصورة لعرض أكبر

الاســـم:	121.gif
المشاهدات:	3
الحجـــم:	56.7 كيلوبايت
الرقم:	353089

    و ان شاء الله ينال اعجابكم

الكلمات الدلالية لهذا الموضوع

ضوابط المشاركة

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