الـ Pen Tool صارت أسهل ! : المتجهات / Vectors

نبدأ ولله الحمد أول درس من سلسلة أو خلونا نقول مجموعة دروس الـ Pen Tool صارت أسهل !

سبب التسمية في الحقيقة أنو البن تول / Pen Tool أصلاً سهلة !! وبسيطة للغاية كل مافي الأمر وزيها زي أي شي في العالم تحتاج للمارسة !! الي راح نقدمه في هذه الدروس توضيح للتقنيات الي راح تساعدك في أستخدامك لهذه الأداة . ولا ترى فكرتها وطريقتها سهلة جدا وواضحة زي ما كان توصيل النقاط في هذه التدوينة ( من هنا ) قبل أن نخوض في شرح المتجهات / Vectors راح نوضح حاجة بسيطة ومهم كل شخص يكون فاهمها وعارفها


|[ ماهي المتجهات ؟ ]|

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



01 ] Bitmap Images أو الرسوم النقطية , وتسمى أيضا Raster Images , وتتكون من شبكة من المربعات الصغيرة Pixels ,وكل مربع يكون له مكان ثابت ودرجة لونية ثابتة كما أن العدد الإجمالى للمربعات يكون ثابتا ,ولذلك عند تغيير حجم العمل بالتكبير فإنه يفقد جزءا كبيرا من وضوحه ودقته , هذا النوع من الصور يظهر درجة مقبولة من تفاوت الألوان والظلال , و يندرج تحت هذا القسم الصور الفوتوغرافية والتصاميم المنتجة بالفوتوشوب أوبرامج التلوين الأخرى. الصيغ الي تدعم هذا النظام [ Jpg , Gif , Png , Bmp ... ]



02 ] Vector Graphics أو الرسومات المتجهة أو الشعاعية , وتتكون من خطوط ومنحنيات تعرف بطريقة الأشكال الحسابية وتسمى المتجهات Vectors, وتصف المتجهات الرسم وفقا لأرقام هندسية. ورسومات المتجهات يمكن إظهارها فى أى حجم بالتصغير أو التكبير دون أن يؤثر ذلك على جودتها ودرجة وضوحها , فعند التكبير ستتعدل الصيغة الرياضية ببساطة ويتم عرض الصورة بوضوح بنفس التناسب مع أبعاد الصورة الصلية , حيث تحتفظ بمنحنياتها وخطوطها الناعمة . الصيغ الي تدعم هذا النظام [ Eps , Svg , Ai , Pdf , cdr ]

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

زي محنا شايفين كمان أنو في النظام الأول الصورة لمن تكبرت صار في مربعات كدا مزعجة وتشوه الحرف هذه المربعات هي الـ Pixels

وفي النظام الثاني كبرنا ومازالت الحواف و الانحناءات زي ماهيا

طيب دحين راح نتعمق أكتر ونشرح أيش هيا المتجهات .. !!!! لحظة لحظة يا بشرية ! مو كأننا قد سمعنا هادي الكلمة من قبل ؟!

للي تزكر و الي ماتزكر راح نبين لكم شو هيا المتجهات :



أيووووووه بالزبببط هادي هيا المتجهات بختصار !! أي واحد وصل النقاط في تحدي توصيل النقاط ( من هنا ) يعتبر نفسو فاهم في أداة البن تول ويعتبر نفسوا كمان محترف فيها !!

حيجي واحد يقول لي : ياهووو عارفين أنو الهرجة متجهات ونقاط لكن مانعرف نسوي المنحنيات بفن وكدا !!!

صدقوني يا إخوة الشغلة مرة بسيطة أهم شي فهمنا انها نقاط وتوصلت !! زي كدا مثلا :







كل هذه صحيحة لكن حبة حبة شوية شوية تكون أفضل و أجود


|[ ماهي مزايا الرسم بالمتجهات ؟ ]|

1 – التحكم الكامل بالشكل المرسوم في أي وقت [ عدل زي ماتحب ] :

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

2 - التكبير و التصغير بكل مرونة مع الحفاظ على الدقة [ كبر وصغر إلى مالانهاية ] :

التكبير و التصغير لم يعد مشكلة !! نظام المتجهات يعطيك مرونة عالية في التكبير و التصغير مع الحفاظ على تفاصيل العمل 100% !

( دائما إذا أضطريت أحول شكل من Vector إلى Layer أحتفط بنسخة من نفس الملف بنظام الـ Vector يمكن أحتاج أكبر الشكل أو اعدل في نص الشغل !! )

3 - حجم الملف المستخرج - النهائي - في نظام المتجهات / Vector أقل بكثير منه في نظام البكسلات / Bitmap [ خفيف زي الريشة ] :

أحد الأشياء الي نفتخر فيها في TooTStudio أن ملفات الفلاش خفيييفة جداً وهذا يرجع أن كل الصور و المحتوى داخل الفلاش مرسوم بأداة الـ Pen Tool - أداة الـ Pen Tool متوفرة في غالب برامج التصميم الثابت و المتحرك حتى الثلاثية الأبعاد –

نديكم كدا مثال سريع :



شايفين صورة الولد هذا ؟؟



حفظناها في المرة الأولى بصيغ نظام الـ Bitmap و اخترنا هنا صيغة jpg صار عندنا حجم الملف : 46.2 كيلو بايت



المرة الثانية حفظناها بأحد الصيغ الي تدعم نظام الـ Vector كمشغل و محرر صيغة Swf - الملفات الفلاشية - والمفاجئة أن الحجم أنخسف من 46 كيلو بايت إلى 4 كيلو بايت تقريباً !! فعلاً خفيف زي الريشة .




|[ بعض برامج الرسم بالمتجهات ]|

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

تقريباً أبرز البرامج المتخصصة في هذه الأداة 3 :

1 - Corel DRAW

2- Adobe Illustrator

3- Free Hand

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

نستعرض هنا تجربة سريعة جدا للبرنامجين الأول والثاني - صورة متحركة أصبروا شوي - :



Corel DRAW




Adobe Illustrator

في فروقات واضحة بين البرنامجين في التعامل مع الأداة ولكل برنامج مميزاته

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


|[ أعمال بالمتجهات ]|









بعد مانتعلم ونتقن الـ Pen Tool راح نكون قادرين على تصميم الشعارات و البطاقات و التلوين عن طريق الأداة و الرسم كذلك و الخط الحر و القص وكمان راح تساعدنا في تصاميم الفلاش و القائمة تطوووول بإمكانيات حبيبتنا البن تول


بكذا أنتهينا من التعريف وبإذن الله راح نبدأ في الدرس القادم نشرح أداة الـ Pen Tool ونعرف أوضاع الرسم و أدوات الرسم كذلك




جميع الحقوق محفوظة لـ Abdullah Saeed – www.asaeed.ws