♥منتدى البنوتات♥

السلام عليكم ورحمة الله وبركاته
انتي الان غير مسجلة معنا
ونتمنا ان تكوني معنا وتمرحي
بالضغط على زر
(التسجيل)

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

♥منتدى البنوتات♥

السلام عليكم ورحمة الله وبركاته
انتي الان غير مسجلة معنا
ونتمنا ان تكوني معنا وتمرحي
بالضغط على زر
(التسجيل)

♥منتدى البنوتات♥

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

&..^^♥ منتدى✿البنوتاات ♥^^..&


2 مشترك

    صور متحركة(درس)

    احلى واغلى بنوتهـ
    احلى واغلى بنوتهـ
    عضوة ماسية


    العذراء
    النمر
    عدد المساهمات : 948
    نقاط : 1266
    تاريخ الميلاد : 26/08/1998
    تاريخ التسجيل : 03/10/2010
    العمر : 25
    الموقع : دايماً في قلب السوجو
    العمل/الترفيه : مصممة ازياء المستقبل
    المزاج : عادية

    صور متحركة(درس) Empty صور متحركة(درس)

    مُساهمة من طرف احلى واغلى بنوتهـ الأحد مارس 27, 2011 6:23 pm

    المقدمة
    في هذا الدرس سنتعلم كيفية توظيف أداة رسم الأشكال Shape لتصميم صورة متحركة جميلة ..
    حيث ستكتسب مهارات جيدة في التعامل مع أكثر من صورة ودمجها في مساحة عمل واحدة .. وكيفية تحريكها في الإمج ردي ..
    درس 3 × 1 = مميز ومسلي ومفيد ..
    صور متحركة(درس) 337

    مثال على الدرس
    صور متحركة(درس) 28
    صور متحركة(درس) 337
    خطوات التنفيذ
    الخطوة الأولى
    اختر عدداً من الصور التي ترغب بتطبيق الحركة عليها ،، وافتحها في برنامج الفوتوشوب عن طريق
    File >> Open

    في الدرس .. اخترت 3 صور .. وهي كالآتي:
    صور متحركة(درس) 1
    صور متحركة(درس) 3
    صور متحركة(درس) 2
    عند كل صورة ستقوم بفتحها في برنامج الفوتوشوب ،، ستلاحظ وجود علامة القفل صور متحركة(درس) Qfl في بوكس الليرات ..

    مثلاً عندما فتحت الصورة الأولى ..
    صور متحركة(درس) 01

    كان وضع بوكس الليرات كالآتي:
    صور متحركة(درس) 0


    عليك أن ترفع علامة القفل ..

    عفواً .. ما هو علامة القفل؟؟ ولماذا علي رفعه؟؟ وكيف أرفعه أصلاً؟؟صور متحركة(درس) Thinking
    سؤال جيد .. ولتحصل على الإجابة ،، والمزيد من المعلومات عن القفل ,, اتبع الرابط التالي صور متحركة(درس) Content ..

    عليك أن ترفع القفل من جميع الصور ،، المستخدمة كل على حدا
    بعد أن تنتهي من تجهيز الصور ،، اتركها على جنب ،، واتجه للخطوة الثانية
    صور متحركة(درس) 337
    الخطوة الثانية
    قم بفتح مساحة عمل جديدة ،، عن طريق:
    File >> New

    صور متحركة(درس) FileNewJ

    سيظهر لك بوكس لاختيار الحجم ،، أدخل المقاييس التالية: 300 × 300 Pixels واجعل الخلفية شفافة = Transparent
    لاحظ الصورة ...
    صور متحركة(درس) 4
    لاحظ
    أننا اخترنا مساحة متوسطة الحجم ،، أنصحك باستخدام نفس المساحة ـ على
    الأقل عند تطبيقك الأول للدرس ، خاصة إن كنت مبتدئً ـ حتى يسهل عليك
    السيطرة على الصور في التطبيق ،،

    انتقل للخطوة الثانية
    صور متحركة(درس) Ryadhah2


    _________________
    احلى واغلى بنوتهـ
    احلى واغلى بنوتهـ
    عضوة ماسية


    العذراء
    النمر
    عدد المساهمات : 948
    نقاط : 1266
    تاريخ الميلاد : 26/08/1998
    تاريخ التسجيل : 03/10/2010
    العمر : 25
    الموقع : دايماً في قلب السوجو
    العمل/الترفيه : مصممة ازياء المستقبل
    المزاج : عادية

    صور متحركة(درس) Empty رد: صور متحركة(درس)

    مُساهمة من طرف احلى واغلى بنوتهـ الأحد مارس 27, 2011 6:23 pm

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

    اتجه لقائمة الأدوات واختر أداة رسم الأشكال ـ Shape ـ ورمزه صور متحركة(درس) Shape

    الآن قم باستخدام الشكل في مساحة العمل ..

    لاحظ مساحة العمل بعد تنفيذ هذه العملية ..
    صور متحركة(درس) 7
    جميل !

    معلومة .. تلاحظ أن الشكل باللون الأسود .. هذا لأن الألوان عندي وقت تنفيذ الخطوة السابقة كانت كالآتي صور متحركة(درس) Blakwhite
    أي أن اللون في الواجهة كان أسوداً ،، والخلاصة أن الـ Shape يتلون بلون الواجهة ،، فلو كانت الواجهة باللون الأزرق صور متحركة(درس) Blue لكان الشكل هكذا صور متحركة(درس) 8

    على كلٍ ،، عامل اللون غير مؤثر في درسنا اليوم ،، فأي لون سيفي بالغرض صور متحركة(درس) Colora12 ،،
    عفواً .. مازلت مبتدئ في الفوتوشوب ،، ولا أعرف أين أجد أداة الـ Shape في قائمة الأدوات .. ولا كيفية استخدامه؟؟
    ستحصل على كل ما تحتاجه من معلومات حول الأشكال Shape إذا اتبعت هذا الرابط ..

    صور متحركة(درس) 337

    الخطوة الرابعة
    بعد أن أرحنا الشكل على مساحة العمل ،، واسترحنا منه مبدئياً صور متحركة(درس) Woosht.. وحصلنا على بعض المعلومات العامة عن الـ Shape
    سنقوم بإضافة بعض التأثير عليه من خلال الـ Style

    اختر ما يلي ..
    Layer >> Layer Style >> Blending Options

    تابع الصورة
    صور متحركة(درس) LStyleBO
    سيظهر لك بوكس كبير على يساره قائمة بالخصائص المتنوعة ،، سنستخدم خاصيتين ،، وهما Drop Shadow و Stroke
    اتبع الخطوات التي في الصورة ..
    صور متحركة(درس) 9

    إذا واجهت صعوبة في تطبيق الخطوات الموضحة في الصورة اتبع الشرح ..
    1- Drop Shadow .. اضغط بالماوس ــ الفأرة ــ على المربع الصغير التي بجانب الخاصية ،، لتحديدها بعلامة صح .
    2- اضغط بالماوس ـ الفأرة ـ على كلمة Stroke نفسها ،، حتى يتغير محتو البوكس لتظهر لنا أوامر التحكم بالخاصية ،، وسنقوم بتغير الآتي :
    3- Size ،، غالباً ما ستجد الرقم عند هذا الأمر 3 .. قم بتغييرها لـ 1 .. وهو يحدد سمك الحدود ..
    4-
    Position ،، أي وضعية الحدود ،، هل تريها من الخارج = Outside ،، أم
    الداخل Inside ،، أم الوسط = Center ،، وفي الدرس اخترته من الداخل أي
    Inside
    شاهد الصورة
    صور متحركة(درس) 10
    5- لنحدد
    لون الخط ،، واختيارك للون يعتمد على الألوان الغالبة في الصور التي
    ستستخدمها في التصميم ،، وبالنسبة لصوري وجدت أن اللون الأحمر الترابي ـ إن
    صح الوصف ـ مناسب للتصميم ،، ودرجته 996666 #
    أما عن كيفية إظهار
    بوكس الألوان ،، فما عليك إلا الضغط على المربع الملون الصغير الذي ستجده
    بجانب كلمة Color ثم اختر اللون المناسب ..

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

    بعد أن تنتهي من تحديد الخصائص ،، أكد الأمر بالضغط على OK

    شاهد النتيجة بعد هذا العمل
    صور متحركة(درس) 11
    حدث تغيير بسيط صور متحركة(درس) Smile.. لكن سيظهر بشكل أفضل بعد أن نضيف الصور للعمل ..

    لذا .. انتقل للخطوة الخامسة
    صور متحركة(درس) Tzalj
    احلى واغلى بنوتهـ
    احلى واغلى بنوتهـ
    عضوة ماسية


    العذراء
    النمر
    عدد المساهمات : 948
    نقاط : 1266
    تاريخ الميلاد : 26/08/1998
    تاريخ التسجيل : 03/10/2010
    العمر : 25
    الموقع : دايماً في قلب السوجو
    العمل/الترفيه : مصممة ازياء المستقبل
    المزاج : عادية

    صور متحركة(درس) Empty رد: صور متحركة(درس)

    مُساهمة من طرف احلى واغلى بنوتهـ الأحد مارس 27, 2011 6:24 pm

    الخطوة الخامسة
    انتقل لصور الآنسات .. ثم قم بتفعيل الصورة الأولى التي ستعمل عليها ..


    عفواً كيف أفعّل الصورةصور متحركة(درس) Shay؟؟
    اضغط على الصورة كي يصبح لون الإطار أزرق فاقع ،، وبذلك تكون قد فعّلت الصورة ..

    شاهد معي كيف
    صور متحركة(درس) 12

    والآن من لوحة المفاتيح .. اضغط على Ctrl + A ،، وذلك لتحديد كل عناصر اللير ،، وهي صورة الفتاة كاملة ..
    يفترض أن تحصل على هذه النتيجة ..
    صور متحركة(درس) 13
    بالمناسبة .. بإمكانك أن تطبق أمر تحديد الكل باتباع الأمر التالي ..
    Select >> All

    والآن سنقوم بنسخها ،، أيضاً من لوحة المفاتيح اضغط على Ctrl + C
    أو من القائمة الرئيسية اتبع الأمر التالي ..
    Edit >> Copy

    والآن عد لمساحة العمل التي رسمنا عليها الشكل ـ Shape ـ

    قم بتفعيلها أولا .. هل تذكر كيف فعّلنا صورة الفتاة ،، اتبع نفس الطريقة ،، فقط اضغط علي مساحة العمل ،،
    بعد التفعيل ،، من لوحة المفاتيح اضغط على Ctrl + V
    أو من القائمة الرئيسية ،، اتبع الأمر التالي ..
    Edit >> Past

    ملاحظة .. هناك طريقة أخرى لنقل الصور من مساحة عمل إلى أخرى ،، وهي سحبها بأداة المؤشر صور متحركة(درس) MoAsherjewels
    ،، إن كنت من محبي استخدام هذه الطريقة ،، فعليك رفع علامة القفل كما
    ذكرناه في بداية الدرس ،، وإن استخدمت طريقة التحديد والنسخ واللصق ،، فلن
    تحتاج لرفعه .. ولكن بالتأكيد تعلمت الكثير عن الأقفال وكيفية رفعها ،، فلم
    تخسر شيءً على أي حال ..

    كيف حال مساحة العمل عندك ..
    سأريك الحال عندي ..
    صور متحركة(درس) 14
    لاحظ مساحة العمل مع وضع بوكس الليرات ..

    إن لم تجد بوكس الليرات على الشاشة ،، اتبع الرابط التالي ،،

    من لوحة المفاتيح مجدداً .. اضغط على التالي ..
    Ctrl + G
    أو من القائمة الرئيسية .. اتبع الأمر التالي ..
    Layer >> Group with previous

    صور متحركة(درس) 337
    عفواً .. أقوم بتطبيق الخطوة السابقة كما تم ذكره بالضبط .. لكني لا أصل لنفس النتيجة؟!! صور متحركة(درس) Mmmm
    هذا الدرس تم تطبيقه على النسخة السابعة Adobe Photoshop 7.0 me ..
    هل تستخدم الإصدار الأخير Adobe Photoshop CS ؟؟



    هام لمستخدمي الإصدار الأخير Adobe Photoshop CS

    بعض الأوامر قد تم تغيير أماكنها في النسخة الأخيرة من البرنامج ..
    لكن لا تقلق .. فالأمر تحت السيطرة صور متحركة(درس) Smile

    يمكنكم تطبيق الأمر السابق .. بإتباع التالي:
    Layer >> Create Clipping Mask
    واختصاره من لوحة المفاتيح
    Alt + Ctrl +G


    شاهد التغيير العجيب الذي سيحصل في مساحة العمل ،، وبوكس الليرات صور متحركة(درس) Eyelove..
    صور متحركة(درس) 15

    والآن
    قم بتعديل وضعية صورة الفتاة ،، تأكد من تحديد لير الفتاة ،، أي أن يكون
    لونه أزرق فاقع ،، كما في تم توضيحه في الصورة التي بالأعلى ــ لاحظ بوكس
    الليرات في الصورة السابقة ــ ،،
    ثم استخدم أداة المؤشر
    صور متحركة(درس) MoAsherjewels من قائمة الأدوات ــ ستجده في أعلى القائمة ــ ،، واتجه لمساحة العمل ،، واضغط على صورة الفتاة وعدل من وضعيتها ..

    لاحظ مساحة العمل ،، بعد أن قمت بتعديل وضعية الصورة حسب الشكل ـ
    Shape ـ الذي رسمته ..
    صور متحركة(درس) 16

    مبرووووووووووووك صور متحركة(درس) Kloloosh .. أنهيت الخطوة الخامسة ،، وهي الخطوة الجذرية في الدرس ،، سنجعل الخطوة السادسة عبارة عن اختبار لمراحل هذه الخطوة ..
    هل أنت جاهز؟؟
    نحن لها .. إلى الخطوة السادسة .. هيا بنااااااا صور متحركة(درس) 79an

    صور متحركة(درس) 337

    الخطوة السادسة
    كرر نفس العملية في الخطوة الخامسة ،، مع الصورتين الباقيتين معنا ،،
    بعد أن تتقنها ،، ستجدها ممتعة ،، كأنها لعبة مسلية ،، ثق بكلامي
    إبدأ

    ::

    ::
    ::
    أين وصلت
    ::
    ::
    ::
    بالنسبة لي .. لقد انتهيت من نقل الصورة الثانية
    شاهد مساحة العمل عندي مع وضع بوكس الليرات ..
    صور متحركة(درس) 17

    ::
    ::
    ::
    ما الأخبار عندك؟؟
    جيد ،،
    شاهد عملي بعد الانتهاء من نقل الصورة الثالثة والأخيرة ،، مع وضع بوكس الليرات ..
    صور متحركة(درس) 18


    هل انتهيت؟

    أحسنت .. تتعلم بسرعة صور متحركة(درس) Wooow.. لك مستقبل باهر في الفوتوشوب صور متحركة(درس) Thum3..
    اصعد على متن الطائرة المتجهة من الفوتوشوب للإمج ردي على خطوط طيران جواهر الإمارات .. كابتن الطائرة jewels سيسرها اصطحابك إلى هناك ..
    صور متحركة(درس) Sfar2

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

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

    صور متحركة(درس) Plane2


    _________________
    احلى واغلى بنوتهـ
    احلى واغلى بنوتهـ
    عضوة ماسية


    العذراء
    النمر
    عدد المساهمات : 948
    نقاط : 1266
    تاريخ الميلاد : 26/08/1998
    تاريخ التسجيل : 03/10/2010
    العمر : 25
    الموقع : دايماً في قلب السوجو
    العمل/الترفيه : مصممة ازياء المستقبل
    المزاج : عادية

    صور متحركة(درس) Empty رد: صور متحركة(درس)

    مُساهمة من طرف احلى واغلى بنوتهـ الأحد مارس 27, 2011 6:24 pm

    الخطوة السابعة
    الحمد لله على السلامة صور متحركة(درس) Flowers

    وصلت على الوقت صور متحركة(درس) Time

    يفترض أن تشاهد أمامك التالي ..
    صور متحركة(درس) 19
    كما تلاحظون ،، مساحة العمل ،، وبوكس الليرات ،، وشريط الأنيميشن من أساسيات عملنا ..

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

    سنعمل أولاً على بوكس الليرات ..

    قم برفع علامة العين صور متحركة(درس) Yey من ليري الفتاتين اللاتي في الأعلى ..

    توضيح .. علامة العين هي هذهصور متحركة(درس) Yey
    ،، ستجدها موجودة على يسار كل لير في بوكس الليرات ،، ولكي ترفعها ،، عليك
    أن تضغط عليها بالفأرة ــ الماوس ــ ويمكنك إعادتها بنفس الطريقة ،،
    والفائدة من هذه العين هي تحديد ما ترغب بظهوره في مساحة العمل ،، فبمجرد
    أن ترفع علامة العين من أي لير سيختفي محتوى اللير من مساحة العمل والعكس
    صحيح،،


    شاهد بوكس الليرات بعد أن قمت برفع علامة العين من الليرين المذكورين
    صور متحركة(درس) 20

    من المفترض أن تلاحظ تغييراً في مساحة العمل ..

    سنعمل الآن على شريط الأنيميشن ،،
    قسم بنسخ البرواز .. عن طريق الضغط على المربع الصغيرصور متحركة(درس) Layer الموجود بأسفل شريط الحركة Animation
    صور متحركة(درس) 21
    ستلاحظ تكرار البرواز الأول ..

    شاهد الصورة بعد إضافة البرواز الجديد
    صور متحركة(درس) 22

    والآن عد إلى بوكس الليرات .. وارفع علامة العينصور متحركة(درس) Yey من اللير فتاة ذات الخلفية الزرقاء وضعة على لير الفتاة التي بالأعلى ..

    شاهد معي الصورة
    صور متحركة(درس) 23

    بعد هذه العملية ،، سيكون الوضع في شريط الأنيميشن كالتالي ..
    صور متحركة(درس) 25

    هل فهمت الخدعة .. في كل برواز تنسخهصور متحركة(درس) Layer .. عليك رفع علامة العين
    صور متحركة(درس) Yey من لير الفتيات كلها .. وإبقاءها على صورة واحدة فقط .. هكذا حتى تنهيها كلها ..
    بقيت مهنا صورة واحدة ..

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


    شاهد وضع بوكس الليرات بعد تنفيذ ما سبق
    صور متحركة(درس) 24


    والوضع النهائي لشريط الأنيميشن يجب أن يكون هكذا
    صور متحركة(درس) 337


    الخطوة الثامنة
    ضبط التوقيت ..

    في شريط الأنيميشن ،، ستلاحظ وجود صور متحركة(درس) 0sec
    تحت كل برواز .. قم بالضغط عليه ليظهر لك قائمة صغيرة فيها مجموعة من
    الاختيارات ،، وهي لتحديد الفترة التي ترغب ببقاء البرواز قبل أن ينتقل
    للبرواز الذي يليه ..

    لقد ضبطت الوقت على ثانيتان

    شاهد كيفية تغيير التوقيت
    صور متحركة(درس) 27

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

    إن أحسست بأن الحركة سريعة أو بطيئة يمكنك تعديل التوقيت باختيار رقم أكير أو أصغر .. حسب ما يناسبك ..

    صور متحركة(درس) 337
    الخطوة التاسعة
    قم يتخزين العمل عن طريق في الإمج ردي ..
    اتجه لـ
    File >> Save Optimized As
    صور متحركة(درس) FileSaveOptimized
    ثم اختر اسما مناسبا واضغط OK

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

    وهذه هي النتيجة النهائية
    صور متحركة(درس) 28
    صور متحركة(درس) Cool

    صور متحركة(درس) 337
    شكراً على المتابعة
    جزاكم الله خيراً
    avatar
    البنوتة الحتوتة
    عضوة جديدة


    العذراء
    القط
    عدد المساهمات : 9
    نقاط : 10
    تاريخ الميلاد : 07/09/1987
    تاريخ التسجيل : 01/05/2011
    العمر : 36
    الموقع : مالكم دخل هههههههههههههههه
    العمل/الترفيه : طالبة
    المزاج : رايقة

    صور متحركة(درس) Empty رد: صور متحركة(درس)

    مُساهمة من طرف البنوتة الحتوتة الأحد مايو 01, 2011 9:03 am

    يسلمووووووووووووووووووو ياافضل معلمة فوتشوب صور متحركة(درس) 360480 صور متحركة(درس) 360480 صور متحركة(درس) 360480 صور متحركة(درس) 60161 صور متحركة(درس) 60161 صور متحركة(درس) 192142 يا صور متحركة(درس) 944842 صور متحركة(درس) 940402 صور متحركة(درس) 639321 صور متحركة(درس) 3وهذي من عندك شو رايك ههههه صور متحركة(درس) 786757 صور متحركة(درس) 786757 صور متحركة(درس) 786757 صور متحركة(درس) 786757 صور متحركة(درس) 786757 صور متحركة(درس) 786757

      الوقت/التاريخ الآن هو الإثنين مايو 20, 2024 7:34 am