• 0
  • مالي خلق
  • أتهاوش
  • متضايق
  • مريض
  • مستانس
  • مستغرب
  • مشتط
  • أسولف
  • مغرم
  • معصب
  • منحرج
  • آكل
  • ابكي
  • ارقص
  • اصلي
  • استهبل
  • اضحك
  • اضحك  2
  • تعجبني
  • بضبطلك
  • رايق
  • زعلان
  • عبقري
  • نايم
  • طبيعي
  • كشخة
  • النتائج 1 إلى 7 من 7

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

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

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

      مشتط
       
      التسجيل
      16-01-2006
      الدولة
      DoHa
      المشاركات
      8,755
      المواضيع
      541
      شكر / اعجاب مشاركة

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




      ^^^^
      بدينا عياره 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
      Heartbeat غير متصل .° σαςђ₡ °.
      0
       
      التسجيل
      24-07-2010
      الدولة
      .•°Kuwaitـﬗـالكويت°•.
      المشاركات
      6,925
      المواضيع
      290
      شكر / اعجاب مشاركة

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

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

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

      هذا تطبيقي



      وهذا بشكل أخر


    3. #3
      MyBlackEyez غير متصل عضو مميز
      نايم
       
      التسجيل
      08-03-2011
      الدولة
      Somewhere in this weird world ~
      المشاركات
      1,077
      المواضيع
      64
      شكر / اعجاب مشاركة

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

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

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


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


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

      Good Luck

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

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

      ◥Top Designer ◤ 

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

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

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


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


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


      .. ^^ Thank U MyBlackEyez..

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

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


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

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

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

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








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

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

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

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



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

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

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

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

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

      ..

    7. #7
      الصورة الرمزية xxma7moodxx
      xxma7moodxx غير متصل عضو جديد
      طبيعي
       
      التسجيل
      26-01-2011
      الدولة
      الامارات
      المشاركات
      110
      المواضيع
      13
      شكر / اعجاب مشاركة

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

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

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

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

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

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

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

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

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