كيفية عمل smiles على لفوتوشوب رهيب

[احمد مصطفى]

يتناول هذا الشرح تفاصيل صناعة وجه تعبيري حسب الطلب والرغبة، وذلك من خلال المراحل الآتية:

1) الفكــرة
2) التخطيط
3) الإدراك
4) تحريك الصور
5) تحقيق الأمثلية والقص
6) تقديم العمل إلى المستخدم.

"فـكــرة" كل منا - بشكل طبيعي - يولد وبداخله "مولّد أفكار" لذا سأتجاوز هذه المرحلة ونوفر الحديث فيها لمراحل أخرى.

التخطيط Sketching هو تطبيق مرئي للفكرة على الورق، هذا يجعل الأمور أوضح وأنظف. مثال:

http://www.arabsgate.com/eduimages/images1/485810/1.jpg

البرامج المستخدمة
هنالك العديد من البرامج التي يمكن من خلالها إنشاء صور متحركة، لكن سنستخدم الفوتوشوب والإيميج ريدي Photoshop - ImageReady

وهذه هي اللوحات palettes التي تلزمنا بالعمل:

Tools

Layers

Swatches

أما في برنامج الإيميج ريدي

Animation

Optimization

Color Table


بالإمكان إغلاق اللوحات الأخرى لتوفير مساحة للعمل

------| نبداء الشرح |-------

الإنشـاء

في برنامج الفوتوشوب، من قائمة ملف File نختار جديد New ونعطي اسماً للمستند الجديد. نحدد مساحة العمل، يفضل أن تكون 60x60 pixels. فيما بعد بإمكانك زيادة المساحة لو اقتضى الأمر.
ثم اختر الشفافية Transparent، بعد ذلك أنقر على موافق OK

http://www.arabsgate.com/eduimages/images1/485810/8.gif

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

الآن، من شريط الأدوات اختر أداة القلم pencil واجعل القطر 15 بيكسل

http://www.arabsgate.com/eduimages/images1/485810/9.gif

واختر اللون الأسود

http://www.arabsgate.com/eduimages/images1/485810/10.gif

اعمل بقعة في منتصف صفحة العمل

http://www.arabsgate.com/eduimages/images1/485810/11.jpg

الآن غير لون القم إلى الأصفر واجعل القطر 13 بيكسل واعمل بقعة منتصف البقعة السابقة تماماً

http://www.arabsgate.com/eduimages/images1/485810/12.gif

استعمل أداة التكبير لتكبير مساحة العمل.
حتى الآن كل شيء يبدو إبداعاً، أليس كذلك؟ إذا لم يكن كذلك - تنهّد (خذ نفساً) - وابدأ من جديد، طبعا
هذا الوقت المهدور في الإعادة ليس لمجرد تضييع الوقت وإنما يزيد من قدرتك في استعمال برنامج الفوتوشوب.

الآن نلقي نظرة على ورقة التخطيط (هات الورقة من فضلك) لا أتحدث إليك طبعاً (والآن اخرج واتركني أعمل بهدوء)، لنرى ماهي العناصر الأخرى التي نحتاجها .. آها - نحتاج أربعة أزواج من العيون!

الصورة رقم (6) ننشئ طبقة جديدة ونعطها اسماً وليكن eyes1

http://www.arabsgate.com/eduimages/images1/485810/13.gif

الصورة رقم (7) اجعل القلم حاداً بمقدار 1 بيكسل واللون أسود وارسم كما يلي

http://www.arabsgate.com/eduimages/images1/485810/14.gif
يمكن أن يكون للعيون أي شكل، مثل http://www.al-samer.net/vb/images/smilies/tears.gif أو http://www.al-samer.net/vb/images/smilies/flex.gif أو http://www.al-samer.net/vb/images/smilies/bigsmile.gif

كل الألوان يمكن أن نغيرها ونبدلها، لا تقلق حول ذلك وتابع العمل.

الصروة رقم (8) ننسخ الطبقة eyes1 ونعيد تسميتها إلى eyes2

http://www.arabsgate.com/eduimages/images1/485810/16.gif

الصور رقم (9) من شريط الأدوات نختار أداة التحريك Move ونزيح الطبقة eyes2 إذا احتجنا لذلك، حسب التخطيط.
استخدم أدوات الممحاة Eraser والقلم Pencil لإنجاز المهمة.

http://www.arabsgate.com/eduimages/images1/485810/17.jpg


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

جميع العناصر يجب أن تكون على طبقات منفصلة.

الصورة رقم (10) الأيدي. لا نستطيع أن نعمل بدونها، طبقاً للتخطيط سنحتاج لثلاثة أزواج منها. ننشئ طبقة جديدة ونرسم:

http://www.arabsgate.com/eduimages/images1/485810/18.gif

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

http://al-samer.org//uploads/images/al-samer-115f635cab.jpg



أتمنى أن أشوف تطبيقاتكم قريبآ وتطبيقي السمايل البنوته و بهديه لأعضاء همس