samirkasmi
زيزوومى محترف
غير متصل
من فضلك قم بتحديث الصفحة لمشاهدة المحتوى المخفي



السلام عليكم ورحمة الله تعالى وبركاته.
في البداية آسف على تأخري في تجهيز الدرس بسبب إلتزامات شخصية.
درسنا اليوم حول تصميم كاميرا بطريقة الرسم فوق الصور. وكما الدرس السابق سأقوم بتقسيم الدرس إلى قسمين:
-1- قسم أول نظري سأحاول أن أشرح لكم فيه بعض الأدوات المهمة في البرنامج والتي سنحتاجها في درسنا هذا والتي لم أشرحها في الدرس السابق. ولذلك لمن لم يشاهد الدرس السابق يمكنه الرجوع إليه ومراجعته قبل البدأ في درسنا
المصدر: درس مطول لمثال عن طريقة الرسم فوق الصور ببرنامج Adobe Illustrator
في منتدى : منتدى دروس برامج التصميم
-2- قسم تطبيقي وهو القسم الذي سيكون خاصا بدرس الرسم فوق الصور وفيه سنطبق استعمال الأدوات التي شرحناها في القسم النظري.

بسم الله نبدأ.

لا تنسى مراجعة القسم النظرس للدرس السابق
المصدر: درس مطول لمثال عن طريقة الرسم فوق الصور ببرنامج Adobe Illustrator
في منتدى : منتدى دروس برامج التصميم
في هذا القسم النظرس سأركز على أداة Pen tool واالتي تعد من أهم أدوات البرنامج والتي لن نتمكن من إتقان التعامل معها إلا بفهمنا الجيد لطريقة استعمالها بالإضافة للممارسة المستمرة.
وفيما يلي شرح متواضع لطريقة التعامل مع هذه الأداة القوية:
أولا سأشرح لكم معنى كل رمز قد يظهر أثناء رسمنا بأداة Pen Tool

هذا الشكل يظهر لنا عند الضغط بداية على أداة Pen tool ومعناه أننا في بداية رسمة جديدة. فمثلا إذا كنت قد بدأت رسم شكل وعدت لإنهائه وظهرلك هذا الشكل كمؤشر للماوس فهذا معناه أن الشكل الذي ستبدأ برسمه هو مستقل عن الرسم السابق.
وهذا مثال مصور للتوضيح أكثر:



هذا الشكل يعني أننا سنضيف نقطة جديدة لخط أو شكل معين.
وهذا مثال توضيحي:
كما ترون في الصورة سنضيف نقطة في المكان الذي حددناه ومؤشر الماوس يشير لذلك:


في نفس المثال السابق بعد إضافتنا للنقطة في المكان المحدد هذه صورة توضح حذف النقطة:

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


وهذه صورة توضيحية:



هذا الشكل لنفهمه سأعطيكم مثالا لنتخيل أننا رسمنا قوسا مشكلا من ثلاث نقاط ففي حالة كان مؤشر الماوس يشير للشكل الذي نتحدث عنه وحددنا النقطة الوسطى من القوس فسيتحول شكل القوس إلى زاوية .وباختصار فهو يحول لنا النقطة لزاوية.
ولمزيد من التوضيح هذا مثال مصور لنفهم أكثر.
هذا شكل القوس الذي قلنا أنه يتكون من ثلاث نقاط:

وهذه النتيجة التي سنحصل عليها بعد التطبيق:


في هذا المثال سنقوم بتحريك النقطة المحددة والتي تتخذ شكل مربع وهذه صورة توضيحية:

وهذا مثال آخر لتحريك نقطة معينة بنفس الطريقة اضغط واسحب:

أما في هذا المثال سنقوم بتحريك الخط الذي تتوسطة النقطة السابقة وكما تلاحظون الخط بنفسه يتوفر على نقطة عند كل نهاية أي نقطتين ولنتمكن من تحريك الخط علينا تحريك أحد هاتين النقطتين:

وهذه صورة توضيحية إذا حاولنا أخذ الزمن بعين الإعتبار في تقسيمنا لمراحل الرسم ب Pen Tool:
الحاضر: نحن الآن في النقطة 2 وأما النقطة 1 فهي في الماضي انتهينا من رسمها في البداية وأما اتجاهنا للرسم لليمين فهو في حكم المستقبل:

أكتفي بهذا القدر ومهما أطلت الشرح ل Pen Tool فلن أوفيها حقها فهي أداة قوية وأعتبرها مربط الفرس في البرنامج وإتقانها لن يكون بمجرد قراءة أي شرح ولو كان كتابا كاملا بل السر في إتقانها يأتي بالممارسة المستمرة. وكما ستلاحضون في القسم التطبيقي فسنحتاج كثيرا لهذه الأداة لذلك على كل واحد التدرب بشكل جيد على هذه الأداة ومحاولة التمكن منها قدر المستطاع.

الآن سنبدأ درسنا التطبيقي وبما ان نفس المراحل ستتكرر في معظم مراحل الدرس لن أكثر من الشرح الكتابي في كل مرة من مراحل الدرس ويمكنكم متابعة الصور لأن معظم المراحل تتكرر في كل صورة.
أولا وكالعادة نبدأ بإنشاء ملف عمل جديد


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


وكما ترون الصورة تم استيرادها داخل مساحة العمل الخاصة بنا:

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

أما الخطوة الثانية فهي قفل طبقة الصورة حتى لا تتحرك أثناء التصميم:

والآن لنبدأ عملية الرسم ولنضبط strocke على 1 وبدون تعبئة ونبدأ على بركة الله:

نستمر في الرسم:




وهذا مثال توضيحي يشرح طريقة رسم الشكل السابق:

وكما قلت سابقا لا أرى داعيا لأن أكثر من الشرح الكتابي فكما ترون نحن نستمر في الرسم فوق الصورة وبنفس الطريقة:

وبطبيعة الحال يمكننا عمل زووم للصورة حسب المنطقة التي نرسم فيها حتى تسهل علينا عملية الرسم فوق الصورة وبدقة:



الآن سنقوم برسم الخيط كما في الصورة بأداة Pen Tool التي شرحت لكم طريقة التعامل معها في القسم النظري:

الآن تفريبا انتهينا من رسم الخطوط فوق الصورة وبعد القيام بإخفاء الصورة الأصلية نرى نتيجة عملنا لحد الآن:

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

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

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































ومع تقدمك في مراحل التلوين قد تصادفك مشكلة بسيطة وهي أن الشكل الذي قمت بتلوينه أصبح وراء شكل آخر أو العكس وبطبيعة الحال هذا المشكل لم تواجهه في مرحلة رسم الخطوط الخارجية لأن الاشكال التي كنت ترسمها كانت شفافة وبدون تعبئة لونية. ولحل هذا المشكل هذه صورة توضيحية :

حسنا لنواصل عملنا:







وحتى لا نكرر في كل مرة سأشرح طريقة الوصول لخاصية Gaussien Blur والتي سنستعملها بكثرة:

وهي الخاصية التي نحن بصدد الإشتغال عليها في هذه الصورة:
































والآن انتهينا من تصميم الكاميرا :

والحمد لله حصلنا على النتيجة التالية بعد حفظ عملنا بصيغة PNG


لطول الدرس وكثرة الصور فيه قمت بتنظيم الصور في ملفات ليسهل تصفحها ورفعت لكم المجلد كاملا وهو يحوي ملف العمل أيضا



[hide]
يجب عليك تسجيل الدخول أو التسجيل لمشاهدة الرابط المخفي

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


التعديل الأخير بواسطة المشرف: