اذهبي الى المحتوى
موده واخاء

البن تول صارت اسهل

المشاركات التي تم ترشيحها

6239_geek4arab.com.gif

pen toolصارت أسهل ! : المتجهات : vector

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

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

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

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

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

6240_geek4arab.com.gif

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

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

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

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

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

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

6241_geek4arab.com.gif

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

6242_geek4arab.com.gif

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

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

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

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

6243_geek4arab.com.gif

6244_geek4arab.com.gif

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

كيييف ؟؟

6245_geek4arab.com.gif

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

6246_geek4arab.com.gif

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

6248_geek4arab.com.gif

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

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

6249_geek4arab.com.gif

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

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

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

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

6250_geek4arab.com.gif

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

6251_geek4arab.com.gif

[i

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

6253_geek4arab.com.gif

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

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

6254_geek4arab.com.gif

6255_geek4arab.com.gif

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

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

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

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

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

6256_geek4arab.com.gif

6257_geek4arab.com.gif

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

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

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

Pen Tool : P

convert : P+Alt

Direct Selection : A

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

6258_geek4arab.com.gif

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

6259_geek4arab.com.gif : إضافة نقطة جديدة للمسار

6260_geek4arab.com.gif : حذف نقطة من المسار

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

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

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

6261_geek4arab.com.gif !! احم قصدي .. هذه الأحترافية بعينها 6240_geek4arab.com.gif !!

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

6262_geek4arab.com.gif

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

6263_geek4arab.com.gif << تخيلوا واحد عيونه صفراء 6264_geek4arab.com.gif

6265_geek4arab.com.gif

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

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

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

6266_geek4arab.com.gif

[/color]

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

منقول واستفدت منه كثير احببت اضعه اليكن لتتعلمو منه وتكون ورشة زهورة اسهل عليكن

اراكن كمشانين من الورشة :wub:

 

سبب التعديل : حذف روابط تؤدي الى مواقع خارجية ..

تم تعديل بواسطة ღ سديـــم ღ

شارك هذه المشاركه


رابط المشاركه
شارك

بارك الله فيك مودة الحبيبة

صراحة انا فعلا كمشانة شكل زهرة راح تضربني هههههههه

بس مشكلتي اني مزاجية يعني حاليا مالي مزاج

كنت متحمسة للبنتول في فترة ماضية لكن يمكن الاسبوع الجاي يرجع حماسي الله يسهل

احب جدا الاعمال التي تكون بالبنتول بس حاليا مالي نفس هههههههه

شارك هذه المشاركه


رابط المشاركه
شارك

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

 

PenTool_AbdullahSaeed.gif

 

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

 

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

 

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

 

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

 

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

 

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

 

 

 

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

 

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

 

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

 

01.gif

 

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

 

02.gif

 

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

 

 

 

 

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

 

 

 

05.gif

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

03.gif

 

ملاحظات :

 

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

 

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

 

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

 

[ يقدر أحد يقول لي في أيش ممكن نستفيد من هذه الأداة asaeed(2).gif ؟ ]

 

 

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

 

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

 

04.gif

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

08.gif

 

لاحظتوا الفرق بين المثلثين ؟ asaeed(25).gif

 

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

 

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

 

11.gif

 

شايفين هنا المكان الي كبست عليه صارت فيه النقطة asaeed(14).gif.

 

12.gif

 

لكن هنا لأ asaeed(32).gif !!

 

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

 

09.gif

 

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

 

10.gif

 

ياترى أيش الي سويته حتى صارت هالأستقامة ؟؟ asaeed(25).gif

 

الجواب : زر Shift !!! asaeed(36).gif

 

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

 

13.gif

 

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

 

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

 

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

 

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

 

14_1.gif

 

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

 

منقول يللا الهمه

 

 

 

سبب التعديل : حذف روابط تؤدي لمواقع خارجية

تم تعديل بواسطة ღ سديـــم ღ

شارك هذه المشاركه


رابط المشاركه
شارك
بارك الله فيك مودة الحبيبة

صراحة انا فعلا كمشانة شكل زهرة راح تضربني هههههههه

بس مشكلتي اني مزاجية يعني حاليا مالي مزاج

كنت متحمسة للبنتول في فترة ماضية لكن يمكن الاسبوع الجاي يرجع حماسي الله يسهل

احب جدا الاعمال التي تكون بالبنتول بس حاليا مالي نفس هههههههه

 

 

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

لولا كده كنت اشتغلت فوراً

 

يللا همتك معنا احسن زهرة هتضربنى انا كمان علشان وضعت دروس هع

شارك هذه المشاركه


رابط المشاركه
شارك

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

 

PenTool_AbdullahSaeed.gif

 

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

 

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

 

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

 

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

 

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

 

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

 

 

 

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

 

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

 

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

 

01.gif

 

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

 

02.gif

 

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

 

 

 

 

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

 

 

 

05.gif

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

03.gif

 

ملاحظات :

 

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

 

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

 

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

 

 

 

 

سبب التعديل : حذف روابط تؤدي لمواقع خارجية

تم تعديل بواسطة ღ سديـــم ღ

شارك هذه المشاركه


رابط المشاركه
شارك

جوزيتي خيراً على النقل المفيد

بس حلو كثير أسلوب الكاتب يضحك :)

بارك الله فيكِ

شارك هذه المشاركه


رابط المشاركه
شارك

هههههههههههه السلام عليكم يا مودة

 

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

 

الله يسلم ايدك علىالدروس المفيدة

نلتقي في الورشة

وعليكم السلام

شارك هذه المشاركه


رابط المشاركه
شارك

إنشاء حساب جديد أو تسجيل دخول لتتمكني من إضافة تعليق جديد

يجب ان تكون عضوا لدينا لتتمكن من التعليق

إنشاء حساب جديد

سجلي حسابك الجديد لدينا في الموقع بمنتهي السهوله .

سجلي حساب جديد

تسجيل دخول

هل تمتلكين حسابًا بالفعل ؟ سجلي دخولك من هنا.

سجلي دخولك الان

  • من يتصفحن الموضوع الآن   0 عضوات متواجدات الآن

    لا توجد عضوات مسجلات يتصفحن هذه الصفحة

منتدى❤ أخوات طريق الإسلام❤

< إنّ من أجمل ما تُهدى إليه القلوب في زمن الفتن أن تُذكَّر بالله، وأن تُعادَ إلى أصلها الطاهر الذي خُلِقت لأجله. فالروح لا تستقيم بالغفلة، ولا تسعد بالبعد، ولا تُشفى إلا بالقرب من الله؛ قريبٌ يُجيب، ويعلم، ويرى، ويرحم

×