من زمان عنكم والله .. بس شو بدنا نعمول شغل + قاعد استغل كل فتوته في وقتي لدراسة الأنيميشن

طبعا مشاهدة أفلام الأنيميشين ضمن الدراسة
عموماً .. هالموضوع من أول أبغى أنزله بس متعيجز على قولتهم

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

كل هدفنا وببساطة نرسم نفس الأشكال بعدد نقاط أقل ” للمزيد عن هذه الفكرة راجع الدرس السابق “

تذكروا :

- خطوة رسم المستقيمات مهمة جداً راح تسهل عملية الرسم بشكل كبير .

- نستطيع التحكم بكل مقبض أو ذراع لوحده عن طريق  Shift +  Convert Point Tool

- Alt + النقر على النقطة ، يحذف لنا المقبض أو الذراع التالي للنقطة :

- ياريت لو ترجعوا تاخذوا لفة على الدروس السابقة خصوص درس المنحنيات السابق ” |[ رسم المنحنيات ]| “

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

وروني شطارتكم

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

[ الرجاء ذكر المصدر عند النقل ]

|[ رسم المنحنيات ]|

درسنا اليوم حيكون مكثف حبتين ، لو في لخبطة أعذروني تعبت و أنا أعيد التسجيل

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

كما ذكرت في مقدمة الدرس المستقيمات كانت عبارة عن تخطيط لرسم الشكل النهائي

هذه المرة راح نستخدم تخطيط أكثر دقة للرسم عليه !

الأدوات الي راح نستخدمها في هذا الدرس :

Convert Point Tool - للمزيد عنها راجع الدرس الرابع -

Direct Selection Tool – للمزيد عنها راجع الدرس الرابع -

وعندنا أداة جديدة :

Convert Point Tool : نلاحظ أنو هذه الأداة نفس أداة الـ Convert Point !

الفرق أنو هذه الأداة داخله أساساً في الأداة الرئيسية ” Pen Tool ” لها وظيفة مميزة !

الأداة هذه ماتظهر لما نضغط على زر Alt ونمر على آخر نقطة تم رسمها في المسار – قبل إغلاق المسار -

وظيفتها تحذف أو تلغي أحد المحاور في النقطة الخاص بالنقطة التالية ، هذه صورة متحركة للتوضيح :

بمعنى أنه في الوضع العادي أقدر أكمل المنحنى ، لكن بعد ما اضغط Alt  و احذف المحور التابع للنقطة التالية راح يطلع معاي مسار مستقيم بدون أي إنحناء ! راح أوضح هالنقطة في الدرس بشكل أكبر إن شاء الله .

الدرس راح يكون فيديو ، وللأسف Youtube رفض يرفعه لأن الوقت 15 دقيقة

فا التحميل راح يكون للدقة العالية فقط .

للتحميل / أضغط هنا حجم الملف 13 ميقا

ملاحظة مهمة :

نلاحظ أن الشكل الأساسي للشعلة مكون من 19 نقطة بينما الي رسمناه 14 نقطة !

وكان المفترض يكون 13 نقطة لكن أخطأت وزدت نقطة كان بإمكاني الأستغناء عنها !

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

|[ الإضافة و الطرح ]|

الدرس هذا راح نشرح فيه بقية أدوات أو خيارات أداة الـ Pen Tool

رقم 6 و 7 إن شاء الله

لتحميل المقطع بدقة عالية / من هنا

واجبكم في هذا الدرس تجيبون شكل جاهز او صورة وتحاولوا تعيدون رسمها بأداة الـ Pen Tool !

وروني شطارتكم

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

[ الرجاء ذكر المصدر عند النقل ]

كيف القدعان المتقدعين في قداعة التقاعيد ..  ؟!!

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

المقطع الأول : مرور سريع على ما تم شرح سابقاً

للمشاهدة على الـ You Tube : من هنا

المقطع الثاني : كيفية الرسم بالـ Pen Tool

للمشاهدة على الـ You Tube : من هنا

للتحميل بدقة عالية : من هنا

للاستعراض بقية الدروس : فهرس الـ Pen Tool صارت أسهل !

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

[ الرجاء ذكر المصدر عند النقل ]

Enjoy

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

الدرس الثاني : الـ Pen Tool صارت أسهل ! : الأوضاع

الدرس الثالث : الـ Pen Tool صارت أسهل ! : المستقيمات

الدرس الرابع : الـ Pen Tool صارت أسهل ! : مبادئ المنحنيات

- – - – - – - – - – - – - – - – - – - – - – - – - – - – - -

اليوم مافي درس  .. بل تمهيد للدرس القادم إن شاء الله

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

بأستخدام الأداتين

Convert Point Tool

Direct Selection Tool

التمارين بسيطة إن شاء الله ، لكن عليها شروط + تمرين من عندكم وهو الأهم

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

يعني نعتمد هنا على ذوقكم مافي شي محدد تقدروا تغيرون حتى أماكن النقاط الأمر راجع لكم .

وبإمكانكم لو أحببتم

تضيفون 3 نقاط كحد أقصى

تحذفون 3 نقاط كحد أقصى

طبعا الحذف أو الإضافة لما ترونه مناسب ومو شرط الحذف أو الإضافة

أضغطوا على كل صورة لتحميل ملف الـPSD

* تحديث : الشكل الأخير خلوه مثل ماهو يعني التغيرات تكون طفيفة فقط

التمرين الأخير أبغى شكل من عندكم يكون في البداية ” مستقيمات ” بعدين تعملون له ” المنحنيات “

وصدقوني حبة حبة وراح يتحسن مستواكم

أتمنى ماتتأخرون في التطبيقات

في أفكار كثيرة لكن تعتمد على مدى جديتكم في التعلم

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

[ الرجاء ذكر المصدر عند النقل ]

Enjoy

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

الدرس الثاني : الـ Pen Tool صارت أسهل ! : الأوضاع

الدرس الثالث : الـ Pen Tool صارت أسهل ! : المستقيمات

- – - – - – - – - – - – - – - – - – - – - – - – - – - – - -

خلونا ناخد لفة على الي شرحناه في هذه السلسلة

في الدرس الأول تعرفنا على المتجهات أو الـ vector وعرفنا بساطتها وسهولتها وفوائدها كمان .

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

مع هذه الأداة الرااااائعة و السهلة كمان

وعرفنا في البداية الفرق بين الـ pen tool و  الـ path tool .

في الدرس الثالث عرفنا كيف نرسم المستقيمات وتعرفنا على بعض الأسرار الي راح تفيدنا بشكل كبير في الرسم .

* ملاحظة : أنا مسوي الدروس على شكل متسلسل ، عشان تفهم وتستوعب صح لازم تقراها من البداية

لو منت راعي قرايه وماتهمك المعلومة الدقيقة أو مافهمت راجع هذا الدرس : أحترف الـ Pen Tool

- – - – - – - – - – - – - – - – - – - – - – - – - – - – - -

طلبت منكم سابقاً رسم قلب مثل هذا بالضبط :

وماشاء الله 500 واحد رسموه عشان كذا جبتوا لي الصمرقع وين الدرس الي بعدوا وين الي بعدو

طيب نبدأ درسنا هذا بضبط إنحناءات القلب ، ولا أخفيكم سرا أنو الدرسين الجايين كمان يعتمدون على هذا القلب

* القلب حصل عليه بعض التعديلات أرجعوا أرسموه .

في البداية نفعل الشبكة زي ماتعلمنا في الدرس الثالث

الآن نبغى نسوي مستقيم بسيط جدا من 3 نقاط بس

بكل بساطة .. طيب رسمنا دحين مستقيم نبغى نحول هادا المستقيم إلى منحنى بسيط

كيييف ؟؟

راح نستعمل أداتين أعتبرهم شيء أساس في التعامل مع الفكتور /Vector

Convert Point Tool : هذه الأداة خاصة بإنشاء وتعديل المنحنيات ، الأداة هذه تؤثر مباشرة في المسار / Path مستخدمةً النقاط  كمحور أو نقطة أرتكاز لذراعا التحويل .

هذا تصور بسيط لمسار مستقيم مكون من 3 نقاط نلاحظ مع بعض الأذرع الي تقوم أداة الـ Convert بالتأثير عليها وبالتالي يتأثر المسار تبعاً للأذرع .

نلاحظ كيف يتأثر المسار مع تحريك الأذرع عن طريق الأداة

في البداية كنا شغالين على أداة الـ Pen Tool فجأة تحولت الأيقونة لأيقونة الـ Convert لأني كنت ضاغط زر Alt من الكيبورد .

Alt يقوم بتفعيل أو التبديل بين الأداتين ( Convert << Pen Tool ) أو بالإمكان أختيارها مباشرة من قائمة أدوات البن تول .

ملاحظة :  تتفعل الـ Convert عند المرور بالنقطة فقط .

لاحظوا في الصورة التالية أن قمة المنحنى تتبع نقطة الذراع

أرجعوا شوفوا الصورة المتحركة الأولى  وراح تلاحظونها أكثر .. إذاً المنحنى يتحرك تبعاً للأذرع والأداة الي نقدر نتحكم بها في الأذرع هي الـ convert .

Direct Selection Tool : هذه الأدة مهمتها تحديد النقاط بكل بساطة وسلاسة وفي نفس الوقت تحدد الأذرع نشوف مع بعض كمان :

لاحظنا كمان أنو الاداة هذه تقوم مقام الـ convert عندما تكون الأذرع مُفعلة !!

واااو يعني نضرب راسين بشاكوش واحد

كمان لاحظنا أنو نقدر نلعب بذراع ( أ )  نكبر ونصغر بدون ما يتأثر الذراع ( ب ) وهذا الشيء يعطينا آفااق أوسع في الرسم ، كمان راح نتعلم لاحقاً أختصارات في الرسم حتسهل العملية بشكل رائع جداً.

لاحظنا كمان أنو أستخدمت زر Shift الزر هذا وظيفته هنا كما هي وظيفته في غالب البرامج يقوم بتحديد أو إضافة  أكثر من عنصر في نفس الوقت يعني لاحظنا اني أقدر احدد ذراع دون آخر و ألعب فيه

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

ملاحظة مهمة : الأداتين متلازمتين ، إذا أخترت الـ convert مباشرة من قائمة الادوات راح تظهر لك أداة الـ Direct Selection وبمجرد المرور على النقطة تتحول إلى convert .

طيب دحين بعد ماتعرفنا على الأداتين بشكل مكثف نشوف مع بعض شوية تجارب في المنحنيات

نجي دحين لتحليل المقطعين

واضح أني أستخدمت الاداتين Direct Selection & convert بشكل كبير والتنقل بينهم يكاد يكون متعاقب و سريع

كان ذلك بالتبديل بين الثلاث أدوات عبر الأختصارات على الكيبورد

Pen Tool : P

convert : P+Alt

Direct Selection : A

الأختصارات جدا جدا مهمة ودائما أقول المصمم الذكي يعرف كيف يستغلها لتسهيل المهمة 

لاحظنا كمان في الصورة الثانية أو اللقطة الثانية أنو في أدوات أستخدمتها لإضافة و حذف النقاط

: إضافة نقطة جديدة للمسار

: حذف نقطة من المسار

هذه الأدوات مهمة جدا ، ولاحظنا أني بمجرد المرور على نقطة موجودة أصلا تظهر إشارة الحذف ، ولو مريت في المسار تظهر إشارة الإضافة .

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

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

ركزوا كثيراً في اللقطتين مرة ومرتين وثلاثة وجربوا مليون مرة لا تقولوا مافهمنا من مجرد قراءة !! الممارسة تثبت المعلومة أكثر و أكثر

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

* في حاجة ماكان لها لزمة سويتها متعمد ممكن تعرفوا أيش هيا ؟؟

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

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

الغويط : العميق ، عشان ما أحد يروح باله حاجة كدا ولا كدا ههههههههه

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

[ الرجاء ذكر المصدر عند النقل ]

Enjoy

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

الدرس الثاني : الـ Pen Tool صارت أسهل ! : الأوضاع

- – - – - – - – - – - – - – - – - – - – - – - – - – - – - -

عشان ماتطول المقدمة و أنو أشتقت لكم و .. إلخ خلونا نخش في درسنا دغري 

اليوم راح نتكلم عن رسم المستقيمات فقط !! مع توضيح بعض النقاط المهمة في عملية الرسم .

قبل مانخش في الرسم ، لازم نتكلم عن نقطة مهمة جدا وراح تساعدنا في الرسم بأداة الـ Pen Tool

|[ الأستعداد ]|

حتى يكون رسمنا أكثر دقة - مستقبلاً مارح تحتاجونها – راح نفعل إضافة مميزة جدا في الفوتوشوب الي هيا الشبكة / Grid

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

نلاحظ انو اختصار الإضافات Ctrl + H هادي مهمة لازام نحفظها  ، طبعا هي مجموعة من الإضافات تساعدنا في الرسم حالياً راح نحتاج الشبكة فقط و أختصارها مباشرة ‘ + Ctrl أو ط + Ctrl راح يصير ملف العمل عندنا بهالشكل :

* لإلغاء الإضافة أضغط نفس الأختصار ‘ + Ctrl أو ط + Ctrl

|[ أداة الرسم الحر ]|

شرحنا فيما سبق الخيارات باللون الأحمر ( 1 ، 2 ، 3 )

اللون الأخضر بكل بساطة  :

4 – أداة الـ Pen Tool : مايحتاج لها فتاكة  هي الأداة نفسها الهرجة في الي بعدها .

5 – أداة الرسم الحر Freeform :

هذه طال عمركم الكل يعلم أنو أداة البن تول أسهل في الرسم و أكثر دقة و تحكم من الفرشاة مثلاً !

فا بهذه الأداة نقدر نرسم مسار / Path بشكل حُر يعني كأننا نتعامل مع الفرشاة ، و الفوتوشوب راح يحط لنا نقاط المسار تلقائياً !

مو أول كنا أحنا نرسم النقاط أول عشان يتكون لنا المسار ؟ الحين احنا نرسم المسار وهو يحط لنا النقاط على حسب رسمنا و المنحنيات فيه  ، نشوف مع بعض صورة متحركة تشرح الفكرة ..

قبل ما أوريكم الصورة ، أحب أنبه أنو نقدر نرسم بالوضع القياسي Shape Layers أو حتى بالوضع الرسومي Path .

[ لمزيد من المعلومات حول الأوضاع راجع الدرس الثاني من هنا ]

ملاحظات :

* نلاحظ أنو لمن نرسم يحاول يعدل لنا الرسم بحيث يكون أنعم - ستلاحظونها في Illustrator بشكل أكبر - .

* نلاحظ أن النقاط توزعت مو بعشوائية بل حاول الفوتوشوب يتعامل مع المنحنيات الي رسمناها وحط النقاط على أثرها .

* هذه الأداة يستفيد منها بشكل أكبر الرسامين الذين يستخدمون القلم الضوئي / Tablet حيث الرسم يكون أدق .

[ يقدر أحد يقول لي في أيش ممكن نستفيد من هذه الأداة  ؟ ]

|[ رسم المستقيمات ]|

راح نبدأ الآن برسم المستقيمات ، بعد مافعلنا الشبكة ، تابعوا معاي هذه الصورة المتحركة و أنا أرسم مربع :

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

: الأستعداد لبدأ رسم جديد ، لاحظنا أنو أداة البن تول عند بداية الرسم وعند نهاية الرسم تتحول لهذا الشكل .

: هذه تعبر عن آخر نقطة تم رسمها و أنت لسى قاعد ترسم يعني مالها تأثير مجرد إشارة مثل الأولى .

: النهاية و إقفال المسار ، زي ما لاحظنا أنو لمن رجعنا لنقطة البداية لإقفال المربع جاتنا هذه الإشارة .

* حتى نقفل المسار نحتاج نرجع لنقطة البداية ( نقطة البداية هي نفسها نقطة النهاية )

* باقي أدوات لكن نذكرها في وقتها إن شاء الله .

طيب نجرب نرسم بدون الشبكة ولكن هالمرة راح نرسم مثلث :

لاحظتوا الفرق بين المثلثين ؟ 

الأول كان مكسر ومو مستقيمة أضلاعه ، أما الثاني كان في ضلعين مستقيمين تمام !!

وكمان الأول لمن كنت أرسم النقاط ، مكان ما أحط النقطة تكون ، خصوصا الزاوية اليمنى لكن في المثلث المستقيم الثاني لأ أنا حطيت الفارة في مكان و النقطة جات في مكان مختلف !!

شايفين هنا المكان الي كبست عليه صارت فيه النقطة .

لكن هنا لأ !!

في المثلث الأول الأضلاع مو مستقيمة :

في المثلث الثاني الأضلاع مستقيمة :

ياترى أيش الي سويته حتى صارت هالأستقامة ؟؟ 

الجواب : زر Shift !!!

ضغط زر Shift *من الكيبورد وقت الرسم يحافظ على أستقامة المسار مابين النقطة المرسومة سابقاً و النقطة الي راح ترسمها للتوضيح :

وحسب المساحة الي تتركها له يقوم برسم الشكل المطلوب ، يعني لو تلاحظون في منطقة أنا ضيقتها عليه ومايقدر يرسم خط مستقيم عندها ، قام رسم خط للأسفل لأنه أقرب خط مستقيم بين النقطة المرسومة سابقا ومكان النقطة الي أبغى أرسمها .

* أضغط Shift ولا تشيل يدك منو .

انتهينا تقريباً من الدرس باقي الواجب  وهو ظروري ومهم للي يبغى يكمل معانا لآخر السلسلة .

راح نرسم قلب لكن بالمستقيمات ونستعين بالشبكة - مش لازم نستخدم Shift - و الصورة في الأسفل حتى تسهل عليكم الرسم إن شاء الله .

* تم تعديل القلب ببعض التعديلات ، الي رسموه يرجعوا يعيدوه

أحب أشكر الأخ عبدالرحمن 90 ألي لولا الله ثم هو ماكنت سويت الدرس  ياهو دخل في خشمي وطفش أهلي  ” أحوبك ” فا يعني كل واحد يشكره و نصيحة أنا ماينفع معاي إلا كدا تنشب في حلقي أمشي معاك << معوق

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

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

[ الرجاء ذكر المصدر عند النقل ]

]]> http://www.asaeed.ws/blog/2009/%d8%a7%d9%84%d9%80-pen-tool-%d8%b5%d8%a7%d8%b1%d8%aa-%d8%a3%d8%b3%d9%87%d9%84-%d8%a7%d9%84%d9%85%d8%b3%d8%aa%d9%82%d9%8a%d9%85%d8%a7%d8%aa/feed/ 64 http://www.asaeed.ws/blog/2009/%d8%a7%d9%84%d9%80-pen-tool-%d8%b5%d8%a7%d8%b1%d8%aa-%d8%a3%d8%b3%d9%87%d9%84-%d8%a7%d9%84%d8%a3%d9%88%d8%b6%d8%a7%d8%b9/ http://www.asaeed.ws/blog/2009/%d8%a7%d9%84%d9%80-pen-tool-%d8%b5%d8%a7%d8%b1%d8%aa-%d8%a3%d8%b3%d9%87%d9%84-%d8%a7%d9%84%d8%a3%d9%88%d8%b6%d8%a7%d8%b9/#comments Sun, 05 Apr 2009 18:30:28 +0000 Abdullah Saeed http://www.asaeed.ws/blog/?p=398 السلام عليكم ورحمة الله وبركاته

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

الدرس الثالث : الـ Pen Tool صارت أسهل ! : المستقيمات

درس اليوم بسيط مرة زي الموية شفتوا لمن تجغمو جغمة موية زيها بالضبط ههههههههه جغم جغم ههههه 

|[ قبل البداية ]|

أول شي لازم نفرق مابين الـ Pen Tool و الـ Path

البن تول / Pen Tool : أداة لرسم ووصل نقاط المتجهات .

المتجهات / Vectors : جمع متجهة وهي سهم يتجه من نقطة إلى أخرى .

الباث / Path : هو المسار الكلي للمتجهات الناتجة من النقاط التي تصنعها أداة البن تول .

-| تذكير مهم جداً  |-

نظام الـ Bitmap : يعتمد على البكسلات ، بشكل أدق يعتمد على الألوان ، مثلا عشان يوصف العمل حيقول : في البكسل رقم 10 فيه القيمة اللونية ( 7d2727 ) وهكذا لبقية بكسلات العمل .. - الأرقام هذه هي كود اللون - .

نظام المتجهات / Vector : يعتمد على المعادلات الرياضية ، لأنو زي مافهمنا ، المتجهات مجموعة نقاط موصلة مع بعض فا عشان يوصف نقطة معينة حيقول : قيمة ( ص ، س ) هي ( 253 ، 563 ) و القيمة هذه هي قيمة نقطة واحدة في العمل .

كل هذه مجرد أمثلة عشان تفهموا أنهم نظامين مختلفين عن بعض جذرياً ولا يمكن في أي حال ندمجهم مع بعض في Layer واحد سواء في الـ Photoshop أو الـ Illustrator .

* الفوتوشوب يعمل بنظام الـ Bitmap ولكن يقرأ ويحرر المتجهات بشكل قوي جداً .

من هذا نستنتج أنو تقريباً كل أدوات الفوتوشوب ( الفرشة و الممحاة و الختم و الإصبع .. إلخ ) تتعامل بنظام الـ Bitmap إلا بعض الادوات المخصصة للمتجهات .

———————————————————————–

طيب دحين راح نتعرف على الأوضاع الي راح نستخدمها لمن نبدأ في رسم الأشكال / Shapes أو الباث / Path

نشوف مع بعض لوحة الخيارات الي تطلع لك بمجرد تضغط على أيقونة الأداة من لوحة الأدوات [ ]

( للعلم حذفت الأشياء الي ما أحتاجها عشان كدا صغيرة )

في البداية عندنا مجموعة اللون الأحمر الي هيا 1 ، 2 ، 3 :

|[أوضاع الرسم ]|

1- الوضع القياسي Shape Layers :

* في هذا الوضع راح نستفيد من كل خصائص الأداة و خصائص المتجهات .. كيف يعني ؟

مثلاً : لمن تجي تشتغل على الأداة و قاعد ترسم شكل ، فجأة في نص العمل تبغى تعدل ، تبغى تكبر ماعندك مشكلة عدل كبر زي ما تحب  !! مو كأني قاعد أذكر مميزات ” المتجهات / Vector “  ؟؟ حلو نفهم من كدا أنو هذا الخيار الصحيح لو نبغى نخرج بعمل فيكتور 100%

* نشوف شكل الـ Layer لمن نرسم بهذا الوضع :

* في هذا الوضع يحتفظ الشكل بمساره ( الباث / Path ) وكذلك نقاط المتجهات ، نتأكد مع بعض :

* في هذا الوضع يتم تعبئة الشكل تلقائياً بلون ، ويمكن التحكم بالصبغة وبقية المؤثرات عن طريق Layer Style   .

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

2- الوضع الرسومي Path :

* في هذا الوضع تضحي بخصائص المتجهات / Vector مقابل بعض مميزات الـ Bitmap كيف يعني ؟

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

وفي نفس الوقت أداة البن تول سلسة في الرسم ، و التعديل فيها أسهل يعني إذا مازبط عندك ميلان معين تقدر تعدله بكل سهولة !

فا مشان هيك أخترعوا هذا الوضع أنك تقدر تحتفظ بمسار المتجهات ( Path ) و بعد ماتنتهي من رسم المسار تصبغه يدوياً بلون معين على Layer عادي !

نشوف تسجيل ، بعد ما أنتهينا من رسم المسار ( Path ) أضفنا Layer جديد و صبغنا عليه شكل المسار وكذلك صبغنا الحدود فقط :

شايفين بعد ما أنتهينا من التعبئة حذفنا المسار لأننا ماعدنا بحاجته بعد التعبئة .

نشوف شكل الـ Layer في هذا الوضع :

* في هذا الوضع نقدر نحتفظ بالمسار ( Path ) في نافذة ( Paths ) بعد الإنتهاء من الصبغ أو التعبئة ، ولكن لم يعد له أي تأثير على الشكل .

* في هذا الوضع نستطيع أستخدام كافة أدوات الفوتوشوب بنظام الـ Bitmap .. سؤال لماذا ؟

3- الوضع التعبئة Fill Pixels :

هذا الوضع ناااااادراً مانستعمله هو فكرته يقوم بتعبئة ( الأشكال / Shapes ) على Layer مباشرة يعني مباشرة يحمل خصائص الـ Bitmap مجرد تختار الشكل الي تبغاه من القائمة و تضيف Layer جديد وتبدأ في تحديد مقاس الشكل ويصبغه لك على الـ Layer بنظام الـ Pixels او الـ Bitmap .

[ ماقد عمري أستعملته ]

———————————————————————–

نكتفي بهذا لليوم ، و أحب أوجه سؤال وعطوني الصراحة فهمتوا شيء !!

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

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

عموما واجب اليوم هو جواب السؤال في الأعلى 

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

الدرس الثالث : الـ Pen Tool صارت أسهل ! : المستقيمات

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

[ الرجاء ذكر المصدر عند النقل ]

الدرس الثاني : الـ Pen Tool صارت أسهل ! : الأوضاع

نبدأ ولله الحمد أول درس من سلسلة أو خلونا نقول مجموعة دروس الـ 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 كيلو بايت تقريباً !! فعلاً خفيف زي الريشة  .

للتأكد هذه الملفات [ jpg - swf ]

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

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

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

1 - Corel DRAW

2- Adobe Illustrator

3- Free Hand

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

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

Corel DRAW

Adobe Illustrator

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

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

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

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

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

[ مافي واجب اليوم أنبسطوا ]

الدرس الثاني : الـ Pen Tool صارت أسهل ! : الأوضاع

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

[ الرجاء ذكر المصدر عند النقل ]

Enjoy