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

[admin]

الـسلام عليـكم

<<< نتابـع سلسلـة دروس الـ Pen Tool

من ابداعات المصمم: Abdullah Saeed

http://www.asaeed.ws/Lessons/PEN_TOOL/PenTool_AbdullahSaeed.gif

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

سبب التسمية في الحقيقة أنو البن تول / Pen Tool أصلاً سهلة http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(10).gif!! وبسيطة للغاية كل مافي الأمر وزيها زي أي شي في العالم تحتاج للمارسة !! الي راح نقدمه في هذه الدروس توضيح للتقنيات الي راح تساعدك في أستخدامك لهذه الأداة .:cupidarrow:

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

عندنا في مجال الجرافيكس شكلين أو خلونا نقول نظامان للتصميم وراح نحتاج نتفلسف ونشرحهم بوضوحhttp://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(11).gif :

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/01.gif

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

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/02.gif

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

طبعاً الكلام الي فوق مقتبس مع شوووية إضافات أنا ما أتفلسف بختصار زي كدا http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(35).gif

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

وفي النظام الثاني كبرنا ومازالت الحواف و الانحناءات زي ماهيا http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(34).gif

طيب دحين راح نتعمق أكتر ونشرح أيش هيا المتجهات .. http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(43).gif!!!! لحظة لحظة يا بشرية ! مو كأننا قد سمعنا هادي الكلمة من قبل ؟!

للي تزكر و الي ماتزكر راح نبين لكم شو هيا المتجهات :
http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/03.gif

أيووووووه بالزبببط هادي هيا المتجهات بختصار !!

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

صدقوني يا إخوة الشغلة مرة بسيطة http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(10).gif أهم شي فهمنا انها نقاط وتوصلت !! زي كدا مثلا :

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/04.gif

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/05.gif

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/06.gif

كل هذه صحيحة لكن حبة حبة شوية شوية تكون أفضل و أجود http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(24).gif

[admin]

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

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

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

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

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

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

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

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

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

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/08.jpg

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

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/09.gif

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

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/10.gif

المرة الثانية حفظناها بأحد الصيغ الي تدعم نظام الـ Vector كمشغل و محرر صيغة Swf - الملفات الفلاشية - والمفاجئة أن الحجم أنخسف من 46 كيلو بايت إلى 4 كيلو بايت تقريباً http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(4).gif!! فعلاً خفيف زي الريشة http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(20).gif.

للتأكد هذه الملفات [ jpg (http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/08.jpg) - swf (http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/07.swf) ]

[admin]

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

برامج الرسم المتخصصة بالمتجهات قريبة من بعض بشكل كبير بالطبع كلها تعتمد على الـ Pen Tool بشكل كبير ، المصيبة مو هنا المصيبة أن أداة البن تول راح تلاحقك في غالب برامج الرسم فا مافي برنامج رسم سواء كان صغير أو كبير ثابت أم متحرك إلا وتلاقي هذه الأداة فيه لإمكانياتها العالية و مرونتها http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(34).gif

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

1 - Corel DRAW

2- Adobe Illustrator

3- Free Hand

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

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

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/11.gif
Corel DRAW

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/12.gif
Adobe Illustrator

في فروقات واضحة بين البرنامجين في التعامل مع الأداة ولكل برنامج مميزاته http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(10).gif

مارح نتشعب في هذه النقطة لكن بعد ماتتقنوا التعامل مع الأداة على الفوتوشوب وعلى هذا ستكون الدورة جربو تتعاملو مع الأداة على برامج أخرى مارح تلاحظون فروقات كبيرة وهذا المميز في هذه الأداة http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed.gif

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

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/13.gif

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/14.gif

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/15.gif

http://www.asaeed.ws/Lessons/PEN_TOOL/PT_02/16.jpg

بعد مانتعلم ونتقن الـ Pen Tool راح نكون قادرين على تصميم الشعارات و البطاقات و التلوين عن طريق الأداة و الرسم كذلك و الخط الحر و القص وكمان راح تساعدنا في تصاميم الفلاش و القائمة تطوووول بإمكانيات حبيبتنا البن تول http://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(36).gif

بكذا أنتهينا من التعريف وبإذن الله راح نبدأ في الدرس القادم نشرح أداة الـ Pen Tool ونعرف أوضاع الرسم و أدوات الرسم كذلكhttp://www.asaeed.ws/blog/wp-includes/images/asaeed_smilies/asaeed(16).gif

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



============


تــرقبوا الدرس الثـاني من السلسلـة ((الأوضاع))

[CS.Student]

:gt:

صحـيح >> البراكتس اهم شي بالتصميم !!
وبعد ما نخلص مكده هالفصــل . . بنرجع للبراكتس التصميمي هع

شكــرا admin .. متابعة لموضــوعـــك ..
:bs:

[admin]

:gt:

صحـيح >> البراكتس اهم شي بالتصميم !!
وبعد ما نخلص مكده هالفصــل . . بنرجع للبراكتس التصميمي هع

شكــرا admin .. متابعة لموضــوعـــك ..
:bs:

يا هلا فيك عزيزتي CS.Student

بانتظار عودتك للبراكتس التصميمي :icon26:

<< نفسي انفتحت للتصميم فجأة :bq:

[:: لمسات ::]

تعلمت استخدم هالاداه من بنت وقت البريك هع >>> استغلال الوقت :biggrinclarifils:

شفتها سهله بس لم رحت اجرب ما عرفت (صعبه ) فما جربت مره2 :ap:

ان شاء الله بعد الفاينل بنحاول :gt:

يسلمووو ع الشرح .. >> مع ان كلام كثير اخذت مقتطفات منه :icon26:

[admin]

البن تول مو صعبة وايد.. يبيلها تركيز + ممارســة و تجربـة..

امشي ع هالدروس و بتضبط معاج :icon26:

[عالم الحاسوب]

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

شكرا ادمن و بإنتظار كل جديد منك

[admin]

تسلمي عزيزتي ع المرور و الرد

:eu:

[No_Way]

من أول ما درست أساسيات الفوتوشوب
وأنا أشـعر إن البن تول .. أفضل أداة في هذا البرنامج

والمتقن لها هو الذي يسمى مصمم / مبدع
لأن الرسم بها يحتاج لممارسة ، وإتقان ، وتفكير قبل كل شيء

شخصيا أحب هذه الاداة .. لكن ما اعرف استخدمها بشكل جيد:smurf:


شـكرا كثيرا على الموضوع

[admin]

فعلا البن تول من أفضل أدوات البرنامج.. و دقيقــة جدا..

شـكرا ع المرور :icon26: