المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : [17] شرح طريقة تصميم ترسين متحركين بالفوتوشوب فقط و بالتفصيل المفصل .



said
10-30-2013, بتوقيت غرينيتش 04:32 AM
السلام عليكم ورحمة الله وبركاته...


تحياتي اليكم اينما كنتم http://www.ojqji.net/vb/images/smilies/1/36_6_10[1].gif http://www.dzbatna.com/images/smilies/bleh.gif

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

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

- كيفية استخدام ادوات الـ Shapes وادخال تغيرات عليها
- إستخدام الـ Set للتحكم في عدة ليرات مرة واحدة
- إستخدام الـ Tronsform للتلاعب بإبعاد الصور
- تصميم الـ Styles وحفظه
- ضبط الحركة في برنامج 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

وسوف يتكون لدينا ستايل style نقوم بحفظه بالضغظ على 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

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

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

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

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

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

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

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

وهذه هي النتيجة النهائية ( ترسين متحركين 3D بليرين فقط )

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

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

هذا الدرس مفصل كان حلا لإختبار تم طرحه من هنا:

http://www.dzbatna.com/images/icons/smile.gifhttp://www.dzbatna.com/design-dzbatna-vb/misc/paperclip.gif (http://www.dzbatna.com/search.php?searchid=4116804) http://www.dzbatna.com/design-dzbatna-vb/misc/thread_open.gif (http://www.dzbatna.com/t496095/) [إختبار فوتوشوبي] تصميم ترسين متحركين 3d ؟ (http://www.dzbatna.com/t496095/) (http://www.dzbatna.com/design-dzbatna-vb/misc/multipage.gif 1 (http://www.dzbatna.com/t496095/) 2 (http://www.dzbatna.com/t496095-2/))

هذه هي الطريقة الوحيدة للحصول على النتيجة أعلاه وفق المواصفات المطلوبة

الفكرة خاصة وغير منقولة والشرح طريقة متعوب عليه http://www.dzbatna.com/images/smilies/icon31.gif
,
,
وفقكم الله دائما.

ودمتم بألف خير.

,


الصور المرفقة http://www.traidnt.net/vb/attachments/157647d1185453500-02.gif


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى