درس photoshop عالم التصميم - دروس تصميم

الموضوع في 'منتدى دروس برامج التصميم والمونتاج' بواسطة @ بنت قطر @, بتاريخ ‏أغسطس 27, 2010.

حالة الموضوع:
مغلق
  1. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    [MARK="#66CCFF"]مساااء الخير ...[/MARK]


    درسنا اليوم راح يكون تصميم فلاشي ,,,

    التطبيق ,,, تصميم عادي

    [​IMG]

    تصميم فلاشي ,,,


    (مرر الماوس)

    الشرح ,,,

    *
    *
    قريبااااا
     
  2. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
  3. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    صبااااح الخير ...[​IMG]

    [​IMG]


    الأمثلة

    [​IMG]

    [​IMG] [​IMG]


    [​IMG]

    [​IMG]


    [​IMG]

    [​IMG]

    دمتم بود
     
  4. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    أسعد الله صباحكم بكل خير ,,,

    درسنا غدااً أن شاء الله راح يكون با أعضاااااء

    (مطر متحرك بالفوتوشوب )


    تطبيق ...

    [​IMG]


    أنتظرووني غداً

    دمتم بود
     
  5. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    الشرح

    [​IMG]

    النتيجة ...

    [​IMG]
     
  6. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    [MARK="#33FF00"]صبااااااااح الخير ,,,[/MARK]



    درس جديد وخطوات سهله والنتيجة حلوه ...


    النتيجة ...

    [​IMG][​IMG]

    الشرح ...

    :?:


     
  7. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    السموووووووحه يا أعضاء زيزوم والمتابعين للدروس

    ما راح اقدر انزل لكم اليوم الدرس لأني تعبانه , بكره أن شاء الله بيكون عندكم

     
  8. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    [​IMG]


    1) افتح الصورة التي ترغب بتطبيق الدرس عليها ..
    عن طريق: File >> Open

    2) قم بتحديدها بالضغط على Ctrl + A من لوحة المفاتيح .. لاحظ التحديد

    [​IMG]

    3) بعد التحديد ننسخ الصوره , سيكون اللصق في فتح عمل جديد ولصق الصوره

    4) مهم : نقوم بفتح مساحة عمل جديدة .. عن طريق ..File >> New

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

    الصورة السابقة حجمها .. 295 × 215

    لذا سأختار حجم مساحة العمل
    200 × 150


    طبعاً الخلفية يجب أن تكون شفافة Transparent لا حظوا الصوره الأصلية والمنسوخه (الحجم)


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


    [​IMG]




    5) انتهينا من العمل في الأدوبي فوتوشوب Photoshop سننتقل الآن للإمج ردي ImageReady هذا المشهد الذي يفترض ان تشاهده في الأمج




    [​IMG]



    6) في شريط الأنيميشن قم بنسخ البرواز مرتين .. وذلك عن طريق الضغط على المربع الصغير[​IMG]الموجود أسفل شريط الحركة ..



    [​IMG]


    7) اتجه لأداة المؤشر [​IMG] .. ستجده في قائمة الأدوات وعن طريق أسهم الكيبورد حرك الصوره

    لمنسوخه في الأنميشن لجهة اليسار لاحظ الصوره بعد التحريك لا تترك اي فر اغ عند التحريك


    [​IMG]


    8) نقوم بنسخ الير رقم 2 , بعد ذلك نقوم بتحرك الصوره

    لمنسوخه (رقم 3) في الأنميشن للأعلى لاحظ الصوره بعد التحريك


    [​IMG]

    9) نقوم بنسخ الير رقم 3 , بعد ذلك نقوم بتحرك الصوره

    لمنسوخه (رقم 4) في الأنميشن لجهة اليمين لاحظ الصوره بعد التحريك




    [​IMG]

    10 ) نقوم بنسخ الير رقم 4 , بعد ذلك نقوم بتحرك الصوره

    لمنسوخه (رقم 5) في الأنميشن للأسفل لاحظ الصوره بعد التحريك



    [​IMG]



    11) بعد الانتهاء من نسخ الصور وتحريكها نقوم بنسخ الليرات


    الطريقه

    اضغط بالماوس ـ الفأرة ـ على البرواز رقم 1 كي يصبح لونه أزرقاً ..
    والآن قم بالضغط على رمز التوينز Tweens [​IMG]
    ستظهر لك هذه النافذة .. قم باختيار الإعدادات المبينة في الصورة

    [​IMG]




    الان سنقوم بعملية حسابية بسيطه وهي



    رقم البرواز الذي سنطبق عليه التوينز + عدد البراوزات المضافة + 1<< رقم ثابت

    1+15+1=17


    اضغط على البرواز رقم 17 حتى يصبح لونه أزرق قم بالضغط على رمز التوينز Tweens [​IMG]

    وطبق عليه نفس الأعدادت

    [​IMG]


    الان .. سنطبق التوينز على البرواز رقم 17 ) + عدد البراوزات المضافة + 1 << ثابت

    17+15+1= 33

    اضغط على البرواز رقم 33 حتى يصبح لونه أزرق قم بالضغط على رمز التوينز Tweens [​IMG]

    وطبق عليه نفس الأعدادت

    [​IMG]

    سنطبق التوينز على البرواز رقم 33

    33+15+1=49

    اضغط على البرواز رقم 33 حتى يصبح لونه أزرق قم بالضغط على رمز التوينز Tweens [​IMG]

    وطبق عليه نفس الأعدادت


    [​IMG]


    الآن اصبح لدينا (65) نعم عدد البراويز كثيره :d:
    يمكنك تقلل من عدد البراوزات .. أو تزيد من عددها .. لكن تذكر كلما زدت العدد ستحصل على حركة أجمل


    [MARK="#006633"]النتيجة[/MARK]


    [​IMG]

    [​IMG]
     
  9. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    [MARK="#000000"]أسعد الله صباااحكم...[/MARK]


    [​IMG]

    [​IMG]

    [​IMG]
     
  10. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    فااااااااااصل ...

    درس عمل أطار منقط

    هنااااا

    لعمل أطار منقط متحرك ...

    [​IMG]


    [​IMG]


    [​IMG]

    [​IMG]



     
  11. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    مساء الخير ...

    الدرس ...

    ( طريقة تمرير النص )

    التطبيق ...

    [​IMG]

    الشرح ..

    ؟
    ؟
     
  12. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
  13. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    السلام عليكم ورحمة الله وبركاته

    درس خفيف وسهل ,, ونتيجته روعه على التصاميم


    [MARK="#000000"]المربعات على الصورة[/MARK]


    التطبيق


    [​IMG]


    [​IMG]


    [​IMG]


    الشرح ...


    بعدين :d: جهزوا الصور ​
     
    1 person likes this.
  14. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
  15. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    مساااء الحب ,,,

    الصور المستخدمه ...

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    النتيجة ...

    [​IMG]

    الشرح ...

    :d: مااااافي شرح يالله بروحكم صمموا وطبقوا الدروس على التوقيع :angry:

    ومو شرط نفس الخطوات ضيفوا من عندكم اهم شي الدمج والتنسيق


     
  16. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    أسعد الله صباحكم ...​

    الدرس ... ( عمل أوسمة )​

    التطبيق ...

    [​IMG]


    [​IMG]


    [​IMG]

    الشرح ..

    قريبااا :d:​
     
  17. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    قبل ,,,

    [​IMG]

    الشرح ,,,

    [​IMG]

    *
    *
    *

    التطبيق,,,

    [​IMG]


    همسة,,, :er: الشرح جنني على ما ضبط مليون مره اعيده
     
  18. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    باااااااااااك

    نسيت أحط لكم صور لبعض الأوسمه :cr:

    [​IMG]
     
  19. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    صبااااااح الورد ...

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

    كان عندي كم تصميم خلصتهم :d:


    درسنا اليوم ,,,,


    [MARK="#333333"](( تحريك النص بطريقة الفلاش بالفوتوشوب ))[/MARK]

    النتيجهــ ...

    [​IMG]


    الشرحــ ...

    :d:
     
  20. @ بنت قطر @

    @ بنت قطر @ زيزوومي مبدع

    إنضم إلينا في:
    ‏يوليو 22, 2009
    المشاركات:
    1,704
    الإعجابات المتلقاة:
    77
    نقاط الجائزة:
    690
    برامج الحماية:
    Avira
    نظام التشغيل:
    Windows Vista
    [​IMG]

    النتيجه ...

    [​IMG]
     
حالة الموضوع:
مغلق

مشاركة هذه الصفحة

جاري تحميل الصفحة...