عدنا لكم بدرس بسيط جداً و لولا أنه طلب مني ولا ماطرحته

لأني أعتقد أن في الإنترنت مايكفي من دروس حول هذا الموضوع

النتيجة النهائية من درسنا حتكون كدا إن شاء الله :

نجي للدرس .. البسيط و الممتع

[01] الخطوة الأولى

راح نكتب كلمة معينة خلونا هنا نجرب نكتب ( عبدالله ) مو عشانو أسمي  بس لأنو صعب شوي فا حيكون مثال واضح للدرس إن شاء الله

- نخلي الكلمة بأي لون نحبه .

[02] الخطوة الثانية

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

- Ctrl + J للنسخ و Ctrl + G حتى ندخله داخل المجلد أو بالطريقة الي تحب أهم شيء نسخه من الطبقة أو الاسم و تحطها داخل مجلد .

الآن راح نبدأ عملية تكوين البعد الثلاثي للكلمة

[03] الخطوة الثالثة – 3D

نحرك الكلمة المنسوخة مرة لتحت ومرة ليمين الصورة المتحركة التالية راح توضح الفكرة إن شاء الله

- في البداية حركنا الطبقة الي نسخناها في المجلد مرة لتحت ▼ ومرة لليسار ◄ الهدف من هذا هو تحديد إتجاه البُعد .

- الخطوة الثانية نسخنا نفس الطبقة / Layer الي حركناها عن طريق Ctrl + J وطبقنا عليها الخطوة الأولى .

- كررنا هذه العملية حتى أصبح مجموع الطبقات 6 التي تكون لنا الـ 3D :

[04] الخطوة الرابعة – التدرج و الألوان

هنا راح يبدأ الجد

- راح ندمج كل الطبقات / Layers الي في المجلد ” 3D ” بحيث يصيروا طبقة واحدة فقط ! ( Ctrl + E )

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

- بعد كذا نسوي حَد / Stroke ونخليه بتدرج مو لون واحد :

نظرة عن قرب على التدرج :

وهذه النتيجة حتى الآن :

- لاحظوا أماكن الدوائر راح تحسون بلذتها بعد ماننتهي من العمل وهي الهدف من وضع الحد / Stroke .

الآن ننتقل للطبقة الأخرى الي دمجناها مسبقاً ” 3D ” راح نسوي لها تدرج أيضاً :

عشوائي كذلك ، لكن لاحظنا أنه غامق أكثر !!

حتى تستطيع تمييز البُعد عن الأساس إما يكون غامق أكثر أو فاتح أكثر أو حتى بلون مختلف ، لكن بما أن لون الأساس كان فاتح فا البُعد خليناه غامق .

نشوف النتيجة :

[05] الخطوة الخامسة – الظلال

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

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

* ممكن تطول في العرض لذلك الي يحب يحملها : من هنا - كلك يمين وحفظ بأسم

- ححدنا طبقة / Layer البُعد ( Ctrl + نضغط على الطبقة نفسها )

-  أضفنا طبقة / Layer  جديدة

- أخترنا فرشاة ناعمة وخلينا درجة شفافيتها 30% تقريبا

- بدأنا نغزوا الزوايا وكل مكان ممكن يكون فيه ظل أو إحساسنا يقول أنو لو كان هذا المكان أغمق راح يصير أجمل !

النتيجة النهائية

ووصلنا للنتيجة النهائية  مع شوية بهارات  :

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

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

لكن وبما أن الدرس مستواه بسيط أعتقد أن النتيجة مرضية نوعا ما .

على فكرة إعلانات موبايلي تستخدم نفس الأسلوب

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

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

]]> http://www.asaeed.ws/blog/2010/%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1-%d8%a7%d9%84%d9%80-3d-%d8%b9%d9%84%d9%89-%d8%a7%d9%84%d9%86%d8%b5%d9%88%d8%b5-%d9%88-%d8%a7%d9%84%d8%a3%d8%b4%d9%83%d8%a7%d9%84/feed/ 37 http://www.asaeed.ws/blog/2010/%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%aa%d8%ad%d8%af%d9%8a-%d8%a7%d9%84%d8%a8%d9%86-%d8%aa%d9%88%d9%84/ http://www.asaeed.ws/blog/2010/%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%aa%d8%ad%d8%af%d9%8a-%d8%a7%d9%84%d8%a8%d9%86-%d8%aa%d9%88%d9%84/#comments Sun, 03 Jan 2010 04:18:49 +0000 Abdullah Saeed http://www.asaeed.ws/blog/?p=980 السلام عليكم ورحمة الله وبركاته

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

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

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

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

تذكروا :

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

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

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

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

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

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

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

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

من زماااااان ماكتبت شيء .. أعذروني أشغلت نفسي بأشياء أنا في غنى عنها وجالس أسحب نفسي حبه حبه و أشغل نفسي بأشياء أهم

<<<  وضعه مزري هههههههههههه

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

نبدأ بالفرش :

4 مجموعات تقريبا فرش بقع وطراطيش حلوة مرة

[ روابط التحميل ]

asaeed.ws | أضغط هنا

Rapidshare | أضغط هنا

الفيكتور برضو مهمة وبالنسبة لي ما أستعمل غيرها الفرش ماركبتها أصلا

[ روابط التحميل ]

asaeed.ws | أضغط هنا

Rapidshare | أضغط هنا

إن شاء الله تعجبكم وتستفيدوا منها

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

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

Enjoy

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

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

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

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

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

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

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

- في هذا الدرس أنت بحاجة لإصدار فوتوشوب CS2  فما فوق -

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

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

طيب نبدأ في البداية بإعداد الألوان الي راح نستخدمها

على فكرة دائما قبل بدء أي عمل أرتب الألوان بهذه الطريقة ، يكون الشغل منظم ومرتب ومية مية

أكواد الألوان بستثناء الأبيض : 136504 | 437805| 8caa00 | وتقدروا تاخذوها بإستخدام أداة القطارة  في الفوتوشوب

| المرحلة الأولى |

طيب دحين أخترنا ألواننا ، نبدأ بعمل الخلفية .

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

راح نسوي تدرج في الخلفية بستخدام لونين الي هما 

- من تحت لفوق -

وكمان زي ما اللونين موضحين في الصورة بالتحديد ، بالإضافة لمكان النقطة الأولى في التدرجة و النقطة الثانية .

وهذه النتيجة :

طيب بعد التدرج نضيف بقعة بسيطة بفرشاة دائرية ناعمة ” متوهجة ” بقياس 600 .. نشوف مع بعض الصورة

شايفين حدود الفرشة ونوعها ؟؟ لو ماطلع لكم الحد تأكدوا أن زر Caps Lock من الكيبورد غير مفعل

ولو كنتم تستعملون CS4  الله يعينكم مارح تجيكم مزبوطة لانو في مشكلة في هذا الإصدار .  طبعا النتيجة واضحة

| المرحلة الثانية |

دحين راح ننتقل للمرحلة الثانية وهي الأساس تقريبا في درسنا ، راح نستعمل هنا أداة البن تول | Pen Tool

وتأكدوا أنو مفعلين ( الوضع الرسومي Path ) للمزيد عن الوضع الرسومي : من هنا

والسبب أنو أحنا مارح نحتاج الأشكال أو الفيكتور لكن نحتاج فقط للمسار | Path  والحين راح توضح الفكرة

طيب دحين نبغا نسوي نفس هذا الخط الي قدامنا كيف ؟؟ .. كل واحد يشغل مخوا لمدة 5 ثواني ويحاول يكتشف الخطوات

1 – راح نختار فرشة بقياس 1 بكسل وراح تلاقيها جاهزة في الزاوية اليسرى من الأعلى في قائمة الفرشة

2 – راح نضيف لاير جديد | Layer ومن ثم نستخدم أداة البن تول بالوضع الرسومي ونرسم الخط ، نشوف الصورة المتحركة

- أنتظروا قليلا حتى يكتمل التحميل –

تحليل لما قمت به :

* أضفت لاير جديد .   * أستخدمت البن تول في الوضع الرسومي .

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

* ضغطت بزر الفارة الأيمن و أخترت خيار Stroke Path عشان أحدد المسار الي رسمته بالفرشة الي جهزتها مسبقا ( 1 بكسل )

- ملحوظة : لن تظهر لنا قائمة الخيارات إن لم تكن أداة البن تول مفعلة ، أي أننا عندما نقوم ببعض التعديلات على المسار

بأداة الـ Direct Selection يجب علينا العودة للبن تول بالضغط على  P  من الكيبورد ومن ثم الضغط على زر الفارة الأيمن .

* ظهر الخط المرسوم والمسار لا زال موجود لذلك حذفناه بأختيار Delet Path لعدم أحتياجنا له .

3 – بعد ما سوينا خط منحني نبغى نسوي له الإضاءة أو الـ Glow وهذه بسيطة مايبغى لها كلام

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

عموما راح نضيف له Layer Style >> Outer Glow

4 – راح نمسح أطراف المنحنىبالممحاة مستخدمين  بفرشاة ناعمة .. و النتيجة :

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

ممكن تسألون أهل الرسم على الفوتوشوب هم أفضل مني في الفرش.

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

لحظات و أعود بخطوط أخرى .. ها ما رائيكم الآن ؟

كأنها شعيرات سقطت بعد تمشيط للشعر هههههههه على طاري الشعر يقولون أني راح أصلّع

بالرغم من أن الشعر في عائلتنا كثيف وناعم إلا أني صرت زي عيال عمي بمجرد يدخل في الـ 30 من عمره إلا وتبدوا الصلعة المباركة في منتصف الرأس

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

ملاحظة : يجب أن يكون هناك تفاوت في الشفافية بين الخطوط ، يعني واحد 100% واحد آخر 50% ثالث 20% وهكذا ..

| المرحلة الثالثة |

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

نختار في البداية فرشة دائرية عادية ” حادة الحدود ” .. أممم خلوها بقياس 32 بكسل مثلا

ملحوظة : الفرشة موجودة بقياس 19 بكسل ، كل ماعلينا هو تعديل الرقم !

الآن نقوم بضبط إعدادات الفرشة من القائمة في اليمين ..

-الحل لمن لا يراها -

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

1 – الآن نضيف لاير جديد ونختار الفرشة المراد تغيير إعداداتها وهذا فيديو لكيفية التعديل : من هنا

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

2 – تعديل الإعدادات لما تراه مناسب كما قلت .

أهم الخيارات هي الثلاثة الموضحة بالأخضر : Shape Dynamics  &  Scattering  &  Other Dynamics

خيار الـ Dual Brush أستخدمته لتحديد مساحة أو إنتشار الدوائر مثال بسيط بإستخدام هذا الخيار و بدونه :

يعني أن هذا الخيار غير مشروط أو أساسي ، إن شئت أستخدمه أو لا تستخدمه وخفف من إنتشار الدوائر عن طريق الممحاة .

3 – نقوم بصبغ الفرشاة بعد التعديل بالضغط على زر الفارة الأيسر و تحريك الفارة بشكل أفقي دون رفع الأصبح من الزر وبسرعة .

4 – نغير الآن خصائص الطبقة أو اللاير من Normal  إلى Soft Light 

نشوف النتيجة مع بعض :

بعد ذلك نضيف بعض الدوائر الأخرى بحدود فقط مع التعديل على الإعدادات أيضا

وهذا ملف للفرشة بحدود وبتعبئة : من هنا

وهذه النتيجة بعد التعديل الأخير :

بقي علينا بعض التعديلات في الخلفية وشوية بهارات :

وللي يحب يشوف ملف الـ PSD  التحميل : من هنا

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

أي ملاحظات أي أستفسارات أنا حاضر

أتمنى منكم قراءة الدرس مرة ومرتين وثلاثة لو مافهمتوا مرحلة معينة ومن ثم السؤال لأجلكم وفقط لأجلكم

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

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

Enjoy

عملنا تصويت قبل شهر تقريباً ..

ماهو أفضل الألوان بالنسبة إليك ؟

من بين 6 ألوان كان الفائز بعد تحدي عنيف مع اللون البنفسجي هو اللون  الأخضر بـ 22 صوت من أصل 80 صوت

اللون الأخضر

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

فنجد في سورة الرحمن : (مُتَّكِئِينَ عَلَى رَفْرَفٍ خُضْرٍ وَعَبْقَرِيٍّ حِسَانٍ)

و قال تعالى :(عَالِيَهُمْ ثِيَابُ سُنْدُسٍ خُضْرٌ وَإِسْتَبْرَقٌ وَحُلُّوا أَسَاوِرَ مِنْ فِضَّةٍ وَسَقَاهُمْ رَبُّهُمْ شَرَاباً طَهُوراً)

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

و هناك أيضاً بعض الحيوانات الخضراء، مثل : بعض أنواع من الضفادع، بعض السحالي والبرمائيات، بعض الأفاعي و الثعابين، بعض الطيور مثل الببغاوات، يرقات بعض الحشرات مثل : أفراس النبي .

اللون الأخضر في علم النفس

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

الأخضر من الألوان الأولية الثلاثة في الضوء المرئي (الأزرق و الأحمر و الأخضر ؛ يتم اختصارها بالإنجليزية : RGB )

واللون المكمل للأخضر هو اللون القرمزي

* الألوان المكملة : هي ألوان متقابلة في الدائرة اللونية تكمل بعضها بعضا ومنها إبراز الأضواء والظلال، والقواتم والفواتح.

مجموعة صور وتصاميم خضراء بدقة عالية

- كلك يمين وحفظ بأسم – حجم الملف 24 ميقا تقريبا

موضوع ذا صلة :

اللون الأزرق – لون النفوس الحساسة

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

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

]]> http://www.asaeed.ws/blog/2009/%d8%a7%d9%84%d9%84%d9%88%d9%86-%d8%a7%d9%84%d8%a3%d8%ae%d8%b6%d8%b1-%d9%84%d9%88%d9%86-%d8%a7%d9%84%d8%b3%d8%b9%d8%a7%d8%af%d8%a9-%d9%88-%d8%a7%d9%84%d8%ad%d9%8a%d8%a7%d8%a9/feed/ 38 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%aa%d9%85%d8%b1%d9%8a%d9%86-%d8%a7%d9%84%d9%85%d9%86%d8%ad%d9%86%d9%8a%d8%a7%d8%aa-1/ 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%aa%d9%85%d8%b1%d9%8a%d9%86-%d8%a7%d9%84%d9%85%d9%86%d8%ad%d9%86%d9%8a%d8%a7%d8%aa-1/#comments Fri, 11 Sep 2009 09:22:38 +0000 Abdullah Saeed http://www.asaeed.ws/blog/?p=780 السلام عليكم ورحمة الله وبركاته

الدرس الأول : الـ 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