شرح تصميم ترسين متحركين بالفوتوشوب فقط و بالتفصيل الممل

[mohamed4385]

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

السلام علكيم


تحياتي اليكم اينما كنتم

;
;
اليوم مع درس تصميم ترسين متحركين بالفوتشوب بالتفصيل المفصل .:p
.
.
والهدف دائما من الدرس ليس هو النتيجة النهائية وانما خطوات التصميم .

والتي من خلالها يمكن الابداع متى تم التمكن منها .
;
;
;
سوف نتعلم في هذا الدرس :

- كيفية استخدام ادوات الـ Shapes وادخال تغيرات عليها
- إستخدام الـ Set للتحكم في عدة ليرات مرة واحدة
- إستخدام الـ Tronsform للتلاعب بإبعاد الصور
- تصميم الـ Syles وحفظه
- ضبط الحركة في برنامج ImageReady
.
.
بسم الله نبدأ .

نفتح عمل جديد بمقاس مناسب وبخلفية شفافة :

http://www.ojqji.net/up_vb/03072/8b2ec69b57.jpg

http://www.ojqji.net/up_vb/03072/9b08dd288d.jpg

ونختار أداة الـ Shapes

http://www.ojqji.net/up_vb/03072/a916e0092c.jpg

ومن بين الاشكال نختار هذا الشكل :

http://www.ojqji.net/up_vb/03072/ac6ffbe7b5.jpg

ونحدد الاعدادات التالية :

http://www.ojqji.net/up_vb/03072/ee67497d4f.jpg

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

http://www.ojqji.net/up_vb/03072/5d83625e01.jpg

ثم نضغط على لير الـ shapes بيمن الماوس ونختار كما في الصورة :

http://www.ojqji.net/up_vb/03072/a454a5e16f.jpg

وسوف يظهر اللير بالشكل التالي :

http://www.ojqji.net/up_vb/03072/5787b3b41e.jpg

ثم نختاراداة التحديد الدائرة :

http://www.ojqji.net/up_vb/03072/a4ab892cbb.jpg

ونحدد دائرة في مركز الشكل الذي رسمناه :

http://www.ojqji.net/up_vb/03072/cac2ede9bf.jpg

ثم نضغط من الكيبورد على Delete وسوف يظهر بالشكل التالي :

الان نقوم بعمل نسخ للير بالضغط على ( CTRL + J ) أو :

http://www.ojqji.net/up_vb/03072/a3e8538ea6.jpg

ولقد حصلنا على ليراين :

http://www.ojqji.net/up_vb/03072/0900b24baa.jpg

ثم نختار اداة التحريك :

http://www.ojqji.net/up_vb/03072/07d06040cc.jpg

ونقوم بسحب احد الليراين الى الجانب الاخر بالشكل التالي :

http://www.ojqji.net/up_vb/03072/7583ffd765.jpg

ثم ننشئ Set كما في الصورة :

http://www.ojqji.net/up_vb/03072/e879d5b2c5.jpg

ونقوم بسحب ليرات العمل اليه عن طريق الماوس .

http://www.ojqji.net/up_vb/03072/db41205940.jpg

هذا هو الـ Set وبدخله الليراين .

http://www.ojqji.net/up_vb/03072/5922b1a8d3.jpg

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

نقزم بنسخ هذا الـ Set ونحصل على الشكل التالي :

http://www.ojqji.net/up_vb/03072/11571a1712.jpg

نخفي العين عن الـ Set الاول

ونفتح الـ Set التاني ونفعل اللير الاول .

http://www.ojqji.net/up_vb/03072/094a34546c.jpg

ونتبع المسار التالي :

http://www.ojqji.net/up_vb/03072/dbe14baf99.jpg

ونحصل على :

http://www.ojqji.net/up_vb/03072/8338a503a4.jpg

وبالماوس نقوم بإمالته قليلا ( نصف سن فقط من أسنان الترس)

http://www.ojqji.net/up_vb/03072/ae71a6215d.jpg

كالشكل التالي :

http://www.ojqji.net/up_vb/03072/d54d361572.jpg

ننتقل الى اللير التاني ونفعله ثم نتبع المسار السابق

ونقوم بظبط لير الترس التاني مع الاول بالشكل التالي :

http://www.ojqji.net/up_vb/03072/df4ff2e537.jpg

ننشئ الان Set اخر

http://www.ojqji.net/up_vb/03072/81a8cba6ad.jpg

ونقوم عن طريق الماوس بسحب الـ set الاول الاصلي والـ set المنسوخ

بحيث يصبحا داخل الـ set الجديد الذي أنشأناه

مع الاشارة الى ان العين غير موجودة على الـ Set الاصلي .

http://www.ojqji.net/up_vb/03072/f8e493e4b2.jpg

وهذا هو الـ Set الذس يجمع بداخله الـ Set الاصلي والـ set المنسوخ.

http://www.ojqji.net/up_vb/03072/51eb79b79e.jpg

بعد تحديد الـ Set كما في الصورة السابقة نضغط من الكيبورد على CTRL+T

حتى نحصل على الشكل التالي :

http://www.ojqji.net/up_vb/03072/b6aa0145f6.jpg

ونقوم عن طريق الماوس بإمالته :

http://www.ojqji.net/up_vb/03072/238b9635e7.jpg

ونضغط على الشكل بيمين الماوس ونختار كما في الصورة :

http://www.ojqji.net/up_vb/03072/2803b8c4ff.jpg

وعن طريق الماوس نقم بالتلاعب بالشكل من جوانبه الاربعة :

http://www.ojqji.net/up_vb/03072/f59e4868bf.jpg

ونقوم بحدف الزائد من مساحة العمل :

http://www.ojqji.net/up_vb/03072/1da0e739c0.jpg

الان نفتح الـ Set وسوف يظهر كما يلي :

http://www.ojqji.net/up_vb/03072/89165e8cdf.jpg

ونحتار احد الليرات من الليرات الاربعة ونتابع:

http://www.ojqji.net/up_vb/03072/3b518248b8.jpg

ونطبق الاعدادات التالية :

http://www.ojqji.net/up_vb/03072/39c18bb37b.jpg

وسوف يتكون لدينا ستايل نقوم بحفظه بالضغظ على New style

ونضغط على ok لتطبيقه على اللير

http://www.ojqji.net/up_vb/03072/ce67b0032e.jpg

الان نقوم بإظهار بوكس الستلايلات اذا لم يكن ظاهر عن طريق :

http://www.ojqji.net/up_vb/03072/048415cf9e.jpg

وننتقل الى لير اخر من ليرات العمل

http://www.ojqji.net/up_vb/03072/070d84030e.jpg

ونطبق عليه الستايل الذي تم حقظه سابقا:

http://www.ojqji.net/up_vb/03072/a9633b7db6.jpg

وسوف يظهر شكل الترس كالتالي :

http://www.ojqji.net/up_vb/03072/7a2896d0a4.jpg

ننتقل الان الى الليرات الاخرى في الـ set الاخر بعد اخفاء العين في الـ set الاول

ونطبق عليها الستايل :

http://www.ojqji.net/up_vb/03072/592738717e.jpg

ونفس الشئ مع اللير الرابع والاخير

http://www.ojqji.net/up_vb/03072/16c911bcff.jpg

ننتقل الان الى الايميج ريدي :

http://www.ojqji.net/up_vb/03072/5292edde67.jpg

نظهر شريط الحركة من خلال windows و Animation

ثم ننسخ لير العمل ونفعل اللير الاول ..

http://www.ojqji.net/up_vb/03072/8eb09909b9.jpg

ونتأكد من كون بوكس الليرات مثل الشكل التالي :

http://www.ojqji.net/up_vb/03072/a150b4cae1.jpg

ثم ننتقل للير التاني في شريط الحركة :

http://www.ojqji.net/up_vb/03072/e9227f3372.jpg

ونتأكد من كون بوكس الليرات مثل الشكل التالي :

http://www.ojqji.net/up_vb/03072/c491879644.jpg

نحدد السرعة في 0.2 S

وهذه هي النتيجة النهائية ( ترسين بليرين فقط )

http://www.ojqji.net/up_vb/03072/3fb82e3c32.gif

وأكيد مع التكرار سوف يتم ظبط شكل الترس أكثر..

,
,
وفقكم الله دائما
منقول للاستفادة

دمتم بالف خير


.

[هاتريك]

مشكوووور على الدرس الرائع

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

[mohamed4385]

لاشكرا على واجب اخي الغالي

[vaiooo]

http://www.lo7a.com/up/uploads/d8dedb91a8.gif

http://www.lo7a.com/up/uploads/585cae16ef.gif

http://www.lo7a.com/up/uploads/b93d42aa34.gif

http://www.lo7a.com/up/uploads/405db37c68.gif

http://www.lo7a.com/up/uploads/6842aa4b07.gif

http://www.lo7a.com/up/uploads/cfa0687c53.gif

[فرووحه]

درس جميل

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

ودمت بود

[totti222]

الله يعطيك العافيه اخى الكريم
ومشكوررررررررررررررررر

[mohamed4385]

لاشكرا على واجب اخوني

[ezmo]

مشكور على الدرس الرائع

[mohamed4385]

العفو اخي الغالي

[ana3sola]

درس رائع اخى محمد
مشكور على النقل المميز
تقبل تحياتى

[mohamed4385]

العفو اختي وشكرا على المرور

[Sniper x]

مشكور اخى
دروس هامه لكل مصمم
تسلم ايدك اخى
ننتظر كل جديدك دائما

[mohamed4385]

لأ شكرا على واجب اخي

[Sad Prince]

جزاك الله خيرا

درس ممتاذ اخي

تسلم ايديك

[lavender]

مشكور علي الدرس الممتاز ... جزاك الله خير

[mohamed4385]

العفو اخواني هذا الواجب

[أمجـاد]

شرح سلس ومضمون رائع
تسلم ايدك على الدرس اخي
الف شكر
تحياتي

[العجمي نت]

ابداع

يسلموووووووووووو

[nikita_ong]

مشكور أخي على الدرس الروعة.

[mohamed4385]

العفو اخواني هذا الواجب

[أبو رامي الحربي]

رااااااااااااائع بس الترس موعندي