samirkasmi

زيزوومى محترف
إنضم
21 يناير 2014
المشاركات
627
مستوى التفاعل
1,427
النقاط
720
الإقامة
المغرب
غير متصل
QdIFApr.gif

77777.png


1394924490981.png


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

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

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

-1- قسم أول نظري سأحاول أن أشرح لكم فيه بعض الأدوات المهمة في البرنامج والتي سنحتاجها في درسنا هذا والتي لم أشرحها في الدرس السابق. ولذلك لمن لم يشاهد الدرس السابق يمكنه الرجوع إليه ومراجعته قبل البدأ في درسنا

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

-2- قسم تطبيقي وهو القسم الذي سيكون خاصا بدرس الرسم فوق الصور وفيه سنطبق استعمال الأدوات التي شرحناها في القسم النظري.

1394924490981.png


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

139680323071.png

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

في هذا القسم النظرس سأركز على أداة Pen tool واالتي تعد من أهم أدوات البرنامج والتي لن نتمكن من إتقان التعامل معها إلا بفهمنا الجيد لطريقة استعمالها بالإضافة للممارسة المستمرة.

وفيما يلي شرح متواضع لطريقة التعامل مع هذه الأداة القوية:

أولا سأشرح لكم معنى كل رمز قد يظهر أثناء رسمنا بأداة Pen Tool

1396792682091.png

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

وهذا مثال مصور للتوضيح أكثر:

1396786154251.png


1396793058441.png
هذا الشكل يشير للرسمة الحالية التي نعمل عليها. وهو نفس الشكل الظاهر في الصورة السابقة.

139679342081.png

هذا الشكل يعني أننا سنضيف نقطة جديدة لخط أو شكل معين.

وهذا مثال توضيحي:

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

1396786283191.png


1396793337581.png
هذا الشكل يعني أننا سنحذف نقطة معينة.

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

1396786489591.png

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

1396786558531.png


1396793587681.png
هذا الشكل إذا مثلا بدئنا برسم مثلث فإنه عند وصولنا للنقطة الاخيرة وهي التي أصلا تلتقي مع النقطة الأولى فسيظهر لنا هذا الشكل والذي يعني إغلاق الرسمة.​

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

139678661991.png


1396793700961.png

هذا الشكل يعني استعادة رسمة وفتوحة والمواصلة في الرسم فيها بحيث أن الرسم الأصلي يتحد مع ما سنرسمه مشكلين رسمة واحدة غير مستقلة عكس الرمز الأول الذي قلنا أنه يشير لبدأ رسمة جديدة تكون مستقلة عن الأصلية.

1396793887451.png


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

ولمزيد من التوضيح هذا مثال مصور لنفهم أكثر.

هذا شكل القوس الذي قلنا أنه يتكون من ثلاث نقاط:

139678592921.png

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

1396785862371.png





1396794056491.png


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

13967948931.png


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

1396796119791.png


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

وهذه صورة توضيحية إذا حاولنا أخذ الزمن بعين الإعتبار في تقسيمنا لمراحل الرسم ب Pen Tool:

الحاضر: نحن الآن في النقطة 2 وأما النقطة 1 فهي في الماضي انتهينا من رسمها في البداية وأما اتجاهنا للرسم لليمين فهو في حكم المستقبل:

1396795777391.png


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


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

أولا وكالعادة نبدأ بإنشاء ملف عمل جديد


1396773237731.png


139677323782.png



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

1396773237913.png


1396773237974.png


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

1396773238075.png


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

1396773238216.png


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

1396773793071.png


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

1396773793152.png


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

1396773793323.png


1396773793484.png


1396773793645.png


139677379386.png


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

1396784374881.png


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

1396773946991.png


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

1396773947152.png


1396773947313.png


1396773947464.png


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

1396773947625.png


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

1396773947796.png


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


1394973406731.png

اختصارها في لوحة المفاتيح هو حرف i

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

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

1396797781021.png


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

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

1396774957741.png


1396774957892.png


1396774958033.png


1396774958184.png


1396774958325.png


1396774958476.png


1396775102441.png


1396775102592.png


1396775102743.png


139677510294.png


1396775103065.png


1396775103216.png


1396775247761.png


1396775247922.png


1396775248073.png


1396775248214.png


1396775248365.png


1396775248516.png


1396775396441.png


1396775396612.png


1396775396763.png


1396775396914.png


1396775397055.png


1396775397216.png


1396775530571.png


1396775530732.png


1396775530883.png


1396775531044.png


1396775531195.png


1396775531356.png


1396775752391.png


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

1396798340991.png


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

1396775752542.png


1396775752693.png


1396775752884.png


1396775753055.png


139677575326.png


1396775902321.png


1396775902492.png


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

1396798747171.png


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

1396775902663.png


1396775902834.png


13967759035.png


1396775903146.png


1396776140841.png


1396776141042.png


1396776141213.png


1396776141384.png


1396776141565.png


1396776141786.png


1396776304911.png


1396776305112.png


1396776305293.png


1396776306114.png


1396776306365.png


1396776306556.png


1396776492081.png


1396776492292.png


1396776492393.png


139677649264.png


1396776492755.png


1396776493026.png


1396783807111.png


1396783807332.png


1396783807523.png


1396783807684.png


1396783807865.png


1396783808026.png


139678400191.png


1396784002072.png


1396784002273.png


1396784002464.png


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

1396784002675.png


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


1396799326871.png

1394924490981.png


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

1396800645151.png


1396800911281.png


1396800816341.png



[hide]

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

[/hide]


1394924490981.png


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

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

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

1394924490981.png
 

التعديل الأخير بواسطة المشرف:
توقيع : samirkasmi
ما شاء الله تبارك الله

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

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

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

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


بارك الله فيك أخي وحبيبي محمد تسلم على الكلام الجميل وعلى تشجيعك الدائم
 
توقيع : samirkasmi
توقيع : samirkasmi
السلام عليكم ورحمه الله
ماشاء الله مواضيعك كلها راقيه
ومتعوب عليها
يثبت الموضوع اسبوع من اليوم للافادة والاطلاع
 
توقيع : m_uons2002

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

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

ومشكور على التثبيت وأتمنى أن يستفيد الجميع من الدرس
 
توقيع : samirkasmi
ما شاء الله
درس رائع وقيم
جزاك الله كل خير اخي الغالي
دمت مميز بكل ما تقدمه
تقديري لك ..
 
توقيع : روايدا
السلام عليكم ورحمة الله وبركاته

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

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


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

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


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

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

وفقكم الله
 
توقيع : السفير العاشق
توقيع : samirkasmi
بسم الله ما شاء الله

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

تقبل تحياتي

 
توقيع : MOODY DAOUD
بسم الله ما شاء الله

لا استطيع وصف الأبداع
 
بارك الله فيك
 
توقيع : Abdallah Pro
بارك الله فيك مجهود جبااااار
 
توقيع : لا داعي
عودة
أعلى