درس Illustrator درس مطول لتصميم كاميرا ببرنامج Adobe Illustrator بطريقة الرسم فوق الصور

المصدر: درس مطول لتصميم كاميرا ببرنامج Adobe Illustrator بطريقة الرسم فوق الصور
في منتدى : منتدى دروس برامج التصميم والمونتاج

السلام عليكم ورحمة الله تعالى وبركاته.

في البداية آسف على تأخري في تجهيز الدرس بسبب إلتزامات شخصية.

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

-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





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

هذا المحتوى يظهر للاعضاء المسجلين فقط:

هذا المحتوى يظهر للاعضاء المسجلين فقط:

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

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

أخوكم في الله عبد المنعم.

 

ما شاء الله تبارك الله

درس مشروح بطريقة سلسة وبمنتهى الروعة والجمال

سلمت يداك اخوي الغالي عبد المنعم

بارك الله فيك وجزاك الله خيراً

 

بارك الله بيك

 

بارك الله فيك أخي وحبيبي محمد تسلم على الكلام الجميل وعلى تشجيعك الدائم

 

بارك الله فيك

 

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

 

بارك الله فيك أخي الكريم شهادة أعتز بها,

ومشكور على التثبيت وأتمنى أن يستفيد الجميع من الدرس

 

ما شاء الله
درس رائع وقيم
جزاك الله كل خير اخي الغالي
دمت مميز بكل ما تقدمه
تقديري لك ..

 

السلام عليكم ورحمة الله وبركاته

تحياتي لك أخي الحبيب عبد المنعم
عمل مميز جدا
الله يعطيك العافيه
على ما تقدم من أعمال تستحق الاهتمام والمتابعة عن حق

جزاك الله كل خير
وفي انتظار أعمالك القادمه ان شاء الله


تحياتي وتقديري لشخصكم الكريم

 

بارك الله فيك أختي الغالية رويدا,

 

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

 

مبدع تسلم ايديك درس ممتاز

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

وفقكم الله

 

بارك الله فيك أخي الكريم ويسعدني مرورك

 

بسم الله ما شاء الله

جزاك الله اخي الكريم علي هذا الدرس والابداع الرائع

تقبل تحياتي

♥

 

بسم الله ما شاء الله

لا استطيع وصف الأبداع

 

بارك الله فيك

 

بارك الله فيك مجهود جبااااار