مركز تحميل الخليج

  1. إستبعاد الملاحظة

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

الموضوع في 'منتدى دروس برامج التصميم والمونتاج' بواسطة samirkasmi, بتاريخ ‏ابريل 6, 2014.

  1. samirkasmi

    samirkasmi زيزوومي محترف

    إنضم إلينا في:
    ‏يناير 21, 2014
    المشاركات:
    627
    الإعجابات المتلقاة:
    1,427
    نقاط الجائزة:
    720
    الجنس:
    ذكر
    الإقامة:
    المغرب
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Linux


    [​IMG]
    [​IMG]

    [​IMG]

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

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

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

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

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

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

    [​IMG]

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

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

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

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

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

    [​IMG]

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

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

    [​IMG]


    [​IMG]
    هذا الشكل يشير للرسمة الحالية التي نعمل عليها. وهو نفس الشكل الظاهر في الصورة السابقة.

    [​IMG]

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

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

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

    [​IMG]


    [​IMG]
    هذا الشكل يعني أننا سنحذف نقطة معينة.

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

    [​IMG]

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

    [​IMG]


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

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

    [​IMG]


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

    [​IMG]

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

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

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

    [​IMG]

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

    [​IMG]




    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

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

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

    [​IMG]

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

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

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


    [​IMG]

    [​IMG]


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

    [​IMG]

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    [​IMG]

    [​IMG]

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

    [​IMG]

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

    [​IMG]

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


    [​IMG]
    اختصارها في لوحة المفاتيح هو حرف i

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

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

    [​IMG]

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

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

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

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

    [​IMG]

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

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

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

    [​IMG]

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


    [​IMG]
    [​IMG]

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

    [​IMG]

    [​IMG]

    [​IMG]


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



    [​IMG]

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

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

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

    [​IMG]
     
    آخر تعديل بواسطة المشرف: ‏مايو 11, 2014
  2. Mohammed Abu Elgasim

    Mohammed Abu Elgasim عضو شرف

    إنضم إلينا في:
    ‏ديسمبر 12, 2012
    المشاركات:
    8,450
    الإعجابات المتلقاة:
    25,129
    نقاط الجائزة:
    1,220
    الجنس:
    ذكر
    برامج الحماية:
    اخرى
    ما شاء الله تبارك الله

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

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

    بارك الله فيك وجزاك الله خيراً
     
    samirkasmi ،روايدا و Axx معجبون بهذا.
  3. Axx

    Axx زيزوومي VIP

    إنضم إلينا في:
    ‏يناير 3, 2013
    المشاركات:
    6,168
    الإعجابات المتلقاة:
    13,096
    نقاط الجائزة:
    1,220
    برامج الحماية:
    اخرى
    نظام التشغيل:
    أخرى
    بارك الله بيك
     
    Axx,
    أعجب بهذه المشاركة Mohammed Abu Elgasim
  4. samirkasmi

    samirkasmi زيزوومي محترف

    إنضم إلينا في:
    ‏يناير 21, 2014
    المشاركات:
    627
    الإعجابات المتلقاة:
    1,427
    نقاط الجائزة:
    720
    الجنس:
    ذكر
    الإقامة:
    المغرب
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Linux
    بارك الله فيك أخي وحبيبي محمد تسلم على الكلام الجميل وعلى تشجيعك الدائم
     
    أعجب بهذه المشاركة Mohammed Abu Elgasim
  5. samirkasmi

    samirkasmi زيزوومي محترف

    إنضم إلينا في:
    ‏يناير 21, 2014
    المشاركات:
    627
    الإعجابات المتلقاة:
    1,427
    نقاط الجائزة:
    720
    الجنس:
    ذكر
    الإقامة:
    المغرب
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Linux
    بارك الله فيك
     
    أعجب بهذه المشاركة Mohammed Abu Elgasim
  6. m_uons2002

    m_uons2002 مدير عام مساعد طـــاقم الإدارة إدارة صفحة الفيسبوك فريق الدعم لقسم الحماية

    إنضم إلينا في:
    ‏مايو 8, 2010
    المشاركات:
    11,722
    الإعجابات المتلقاة:
    25,060
    نقاط الجائزة:
    1,300
    الجنس:
    ذكر
    الإقامة:
    مصر
    برامج الحماية:
    Emsisoft
    نظام التشغيل:
    Windows 7
    السلام عليكم ورحمه الله
    ماشاء الله مواضيعك كلها راقيه
    ومتعوب عليها
    يثبت الموضوع اسبوع من اليوم للافادة والاطلاع
     
  7. samirkasmi

    samirkasmi زيزوومي محترف

    إنضم إلينا في:
    ‏يناير 21, 2014
    المشاركات:
    627
    الإعجابات المتلقاة:
    1,427
    نقاط الجائزة:
    720
    الجنس:
    ذكر
    الإقامة:
    المغرب
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Linux
    بارك الله فيك أخي الكريم شهادة أعتز بها,

    ومشكور على التثبيت وأتمنى أن يستفيد الجميع من الدرس
     
    أعجب بهذه المشاركة Mohammed Abu Elgasim
  8. روايدا

    روايدا المـديره العـامه طـــاقم الإدارة

    إنضم إلينا في:
    ‏فبراير 4, 2012
    المشاركات:
    8,624
    الإعجابات المتلقاة:
    31,077
    نقاط الجائزة:
    1,220
    الجنس:
    أنثى
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 8
    ما شاء الله
    درس رائع وقيم
    جزاك الله كل خير اخي الغالي
    دمت مميز بكل ما تقدمه
    تقديري لك ..
     
  9. يـــاســيـن عــمـرو

    يـــاســيـن عــمـرو زيزوومي VIP

    إنضم إلينا في:
    ‏يناير 1, 2012
    المشاركات:
    3,841
    الإعجابات المتلقاة:
    14,183
    نقاط الجائزة:
    1,220
    الجنس:
    ذكر
    الإقامة:
    jordan
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Windows 7
    السلام عليكم ورحمة الله وبركاته

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

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


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

    samirkasmi زيزوومي محترف

    إنضم إلينا في:
    ‏يناير 21, 2014
    المشاركات:
    627
    الإعجابات المتلقاة:
    1,427
    نقاط الجائزة:
    720
    الجنس:
    ذكر
    الإقامة:
    المغرب
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Linux
    بارك الله فيك أختي الغالية رويدا,
     
    أعجب بهذه المشاركة Mohammed Abu Elgasim
  11. samirkasmi

    samirkasmi زيزوومي محترف

    إنضم إلينا في:
    ‏يناير 21, 2014
    المشاركات:
    627
    الإعجابات المتلقاة:
    1,427
    نقاط الجائزة:
    720
    الجنس:
    ذكر
    الإقامة:
    المغرب
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Linux
    بارك الله فيك أخي الكريم يسعدني مرورك وأتمنى أن أكون دائما عند حسن ضن الكل بحول الله
     
    أعجب بهذه المشاركة Mohammed Abu Elgasim
  12. السفير العاشق

    السفير العاشق عضو شرف

    إنضم إلينا في:
    ‏أكتوبر 28, 2007
    المشاركات:
    5,921
    الإعجابات المتلقاة:
    5,868
    نقاط الجائزة:
    1,270
    الجنس:
    ذكر
    الإقامة:
    EgYpT
    برامج الحماية:
    avast
    نظام التشغيل:
    Windows 10
    مبدع تسلم ايديك درس ممتاز

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

    وفقكم الله
     
    أعجب بهذه المشاركة samirkasmi
  13. samirkasmi

    samirkasmi زيزوومي محترف

    إنضم إلينا في:
    ‏يناير 21, 2014
    المشاركات:
    627
    الإعجابات المتلقاة:
    1,427
    نقاط الجائزة:
    720
    الجنس:
    ذكر
    الإقامة:
    المغرب
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Linux
    بارك الله فيك أخي الكريم ويسعدني مرورك
     
  14. MOODY DAOUD

    MOODY DAOUD زيزوومي ذهبي

    إنضم إلينا في:
    ‏يناير 22, 2014
    المشاركات:
    1,133
    الإعجابات المتلقاة:
    2,889
    نقاط الجائزة:
    970
    الجنس:
    ذكر
    الإقامة:
    مـــصـــر
    برامج الحماية:
    Qihoo360
    نظام التشغيل:
    Windows8.1
    بسم الله ما شاء الله

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

    تقبل تحياتي

     
  15. PC-Pro

    PC-Pro زيزوومي جديد

    إنضم إلينا في:
    ‏ديسمبر 3, 2013
    المشاركات:
    76
    الإعجابات المتلقاة:
    42
    نقاط الجائزة:
    90
    الجنس:
    ذكر
    برامج الحماية:
    اخرى
    نظام التشغيل:
    Windows 8
    بسم الله ما شاء الله

    لا استطيع وصف الأبداع
     
  16. Abdallah Pro

    Abdallah Pro عضو شرف

    إنضم إلينا في:
    ‏نوفمبر 4, 2013
    المشاركات:
    9,000
    الإعجابات المتلقاة:
    16,545
    نقاط الجائزة:
    1,220
    الجنس:
    ذكر
    برامج الحماية:
    Kaspersky
    نظام التشغيل:
    Windows 10
    بارك الله فيك
     
  17. لا داعي

    لا داعي زيزوومي متألق

    إنضم إلينا في:
    ‏نوفمبر 13, 2009
    المشاركات:
    335
    الإعجابات المتلقاة:
    99
    نقاط الجائزة:
    440
    الجنس:
    ذكر
    برامج الحماية:
    Norton
    نظام التشغيل:
    Windows8.1
    بارك الله فيك مجهود جبااااار
     

مشاركة هذه الصفحة

جاري تحميل الصفحة...