تصميم الوجوه التعبيريه !!

02-13-2008, 06:47 PM

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

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

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

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

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

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

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

Tools

Layers

Swatches

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

Optimization

Color Table

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

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

الإنشـاء

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

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

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

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

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

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

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

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

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

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

يمكن أن يكون للعيون أي شكل، مثل أو أو حتى

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

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

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

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

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

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

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

الصورة رقم (11) كيف يتم العمل:

الآن، نحن لدينا مايلي:
جسم أصفر مع حدود سوداء ............................ قطعة واحدة
عيون متنوعة .............................................. أربع قطع
أيدي، زوجين أحدهما كل على طبقة منفصلة ......... ثلاث قطع

الـتـحــريــك

انتقل إلى الإيميج ريدي من خلال الأيقونة أسفل شريط الأدوات أو الضغط على Shft+Ctrl+M.

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

بمعنى كم من الثواني يبقى الإطار مرئياً دون الحاجة لإزعاج المشاهد.

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

الطبقة يتم النقر مرة واحدة على الطبقة أو الإطار المراد العمل عليه.

لــنـــبــدأ ...

الإطار الأول يتضمن Layer1 و eyes1

الإطار الثاني. افتح إطاراً جديداً وأغلق عيون الوجه بالتحويل من eyes1 إلى eyes3:

الإطار الثالث هو نسخة كاملة من الإطار الأول، ببساطة ننسخه ونحركه إلى نهاية التسلسل:

يتبع

02-13-2008, 06:49 PM

الإطار الرابع. نفتح إطار جديد، ثم نفتح عيون الوجه الواسعة بالتحويل طبقة eyes1 إلى eyes2 ووضع الأيدي

hands1.

الإطار الخامس. في هذا الإطار نغلق طبقتي eyes3 و hands1 ونفتح hand_left و hand_right، يبدو الأمر

ساحراً، أليس كذلك؟

الإطار السادس. نفتح العيون eyes4 ونستخدم أداة التحريك لنزيح الأيدي بعيداً عن بعض.

حسنا، نعمل بشكل جيد لحد الآن. طيب سؤال .. ماذا عملنا؟ دعنا نرى:

تأكد من اختيار Forever من لوحة التحريك، وذلك لضمان بقاء الصورة التعبيرية تتحرك بشكل مستمر.

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

تم تحديد 1 ثانية زمن تأخير لكل إطار مع 0.2 ثانية لعملية الرمش، اضغط على زر معاينة لرؤية التغييرات:

________

لإنشاء مثل هذا التحريك، نحدد زمن التأخير للإطار الرابع بـ 0 ثانية، نستنسخه، ننشط طبقة Layers1، نربط جميع الطبقات ذات الصلة ونزيحها بيكسل أو 2 بيكسل بأداة التحريك.

نختار الإطارات 4 و 5 ونفتح إطار جديدا.

الآن نحتاج إلى إطار جديد آخر لإضافة انتقال ناعم وسلس بين البداية والنهاية. ننسخ الإطار الأول، نحركه حتى نهاية التسلسل، نفصل الربط بين Eyes1 وبين Layer1 ثم نحرك العيون إلى منتصف المسافة حيث هي في الإطار الأول والأخير. زمن التأخير يكون 0 ثانية:

وهنا معاينة أخرى

[ ]

تحقيق الأمثلية Optimization

"وزن" حجم الصورة المنشورة على الويب مهم جداً، الأقل هو الأفضل، دعنا نرى نجعل هذا الوجه يخسر بعض البايتات:

1) File Format menu قائمة صيغة الملف: الخيار الوحيد أمامنا هو GIF.

2) Color Reduction menu قائمة تخفيض الألوان: إنشاء جداول ألوان.

3) Dither menu قائمة التردد: بعض الصور على الويب تنشر باستعمال 24 بت، لكن معظم متصفحات الإنترنت تعرض فقط ألوان 8 بت (نمط 256 لون). بحيث نسعمل أقل ألوان ممكنة والتي سيتم عرضها في جميع المصتفحات.

4) Transparency الشفافية: بحيث يبدو الوجه واضحا على أي خلفية أخرى.

5) Interlaced: غير مهم، لا تشغل بالك به.

6) Compression الضغط: تخفيض حجم الملف بشكل انتقائي للبيانات.

7) Colors الألوان: من خلال التصميم في الفوتوشوب والانتقال إلى التحريك في الإيميج ريدي، تم توليد جدول ألوان تضمن في النهاية أربعة ألوان.

8) matte: غير مهم.

9) *** Snap: نفس رقم 8.

من قائمة ملف اختر Save Optimized واضغط موافق.

الـقــص Cropping

الآن دعنا نقص المساحات الزائدة من مساحة العمل.

نفتح الملف من جديد بصيغة Gif، وباستعمال أداة التحريك نحدد دلائل القص من خلال السحب من

المسطرة.

[IMG]من شريط الأدوات نختار أداة القص knife Crop، ثم نقطع على حدود الدلائل ثم نضغط على مفتاح الإدخال من الكيبورد Enter key.[/IMG]

تمام، من الآن نقدر أن نغير أي لون للوجه

من لوحة جدول الألوان أنقر على اللون الذي ترغب بتغييره، ومن لوحة انتقاء الألوان اختر أي لون آخر، مثلاً البرتقالي، اضغط موافق واستعرض الوجه في المتصفح:

وبكذا نكون انتهينا من الدرس

اتمني ان يكون في تطبيقات حتي يكون قد وفقت في الشرح ..

وترا تعبت فيه يعني ابي اشوف تطبيقات وردود ياليت ..

منقول

")

[/color]

02-22-2008, 05:53 AM

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

02-22-2008, 02:32 PM

يعطيك الف عافيه اختي عاشقه على هالدرس ... رووعه

مثبت + 5 ستآرز

مميز للغآيهـ

02-23-2008, 03:01 PM

عشوووووقهـ

يسلمووو ع الدررس الروووعهـ

يسلم لناا منقوولك يااذووق ..

وهذا تطبيق على قدي ..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

دمتي راائعه ..

02-25-2008, 12:06 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة الشاعر الولهان

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

تستااهلوونه

خليناا نشووف التطبيق الشااعر

مشكور ع الطله

02-25-2008, 12:08 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة بـــارع

يعطيك الف عافيه اختي عاشقه على هالدرس ... رووعه

مثبت + 5 ستآرز

مميز للغآيهـ

يعافيك ربي بارع

مشكور ع التثبيت

والفايف ستار <<< الموضوع يستاهل

02-25-2008, 12:11 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة سـ إبتسامتي ــر

عشوووووقهـ

يسلمووو ع الدررس الروووعهـ

يسلم لناا منقوولك يااذووق ..

وهذا تطبيق على قدي ..

[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات . إضغط هنا للتسجيل]

دمتي راائعه ..

الله يسلمك يالغلا

<<<< مستانسه في احد طبق

والله انج كذا

يعطيك العااافيه يالغلا وحلوو التطبيق


العضو المميز	الموضوع المميز	المشرف المميز
وردة سورية	جزء من واقع المجتمع السعودي !!	ـآ‘لـ ً‘ـرٍآبـً‘ ـح

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
خمن - تصميم مين ده ؟	-المبدع-	دروس وملحقات الفوتشوب	96

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

الإهداءات
إضافة إهداء