السمسار
30/08/2006, 06:35 PM
طمح الكثير من المصممين سواء المبتدئين او المتوسطين المستوى الى القيام بعمل انحنائات احترافيه بالشكل الصحيح
ولعدم المامهم بالطريقه الصحيحه بدأو بأستخدام طرق اخرى قد تأخذ الكثير من الوقت والجهد لكي يصلوا الى ما تراه انفسهم مناسب (( مع وجود بعض الاخطاء في المنحنيات ))
رغبة مني في المساعده لكي ننهض بهم ونشد على اياديهم للوصول الى الطريقه الصحيحه والى عالم من المبدعين العرب اخذت على عاتقي شرح الطريقه فعسى الله ان يوفقني فيما اردت
في هذا الدرس سوف اقوم بشرح طريقة عمل المنحنيات الاحترافية ايضا تستطيعون تطبيق هذا العمل على اي شكل :)
بسم الله نبدأ
* في البدء لكي لا تختلط عليكم الامور ولكي يكون تطبيقكم صحيح انصحكم بأخذ هذه الصورة للعمل عليها والتعلم
الصورة هي لمنفذ دردشة احد المواقع
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
* تطبيق المنحنيات يحتاج الى دقة في التركيز مع فهم النقاط الاساسية للمنحنى واقصد بالنقاط الاساسية هي من اين نبدا واين نضع هذه النقاط وكم نترك المسافه بينها .... الخ
لاعطائكم لمحة اكثر للفهم قمت بعمل صورة بسيطه توضح لكم تقريبيا المسافة والنقاط الاساسية انظروا الى هذه الصورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
1- نقطة اساسية لوجودها بين نقطتين تقاطع
2- نقطة اساسية لوجودها بين نقطة نزول منحنى ونقطة صعود منحني (( من لم يفهم سوف يفهمها مع الشرح والتطبيق ويدرك معناها ))
3- نقطة اساسية لوجودها في زاوية حادة او ما نسميه (( Broken corner ))
* الادوات التي سوف نستخدمها هي اداة pen tool القلم الحر بجميع ما يندرج تحتها من الادوات وهي خمس ادوات اسمائها وصورها:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة القلم الحر=Pen Tool (P)
تساعدك هذه الأداة على رسم تخطيط Path ناعم الحدة. بالنسبة للأدوات المخفية فهي:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة إضافة نقطة الإرساء=Add Anchor Point Tool (+) انقر بهذه الأداة على تخطيط لإضافة نقطة إرساء.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة حذف نقطة الإرساء=Delete Anchor Point Tool (-) انقر بهذه الأداة على نقطة إرساء من التخطيط لحذفها.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة تحويل النقطة=Convert Anchor Point Tool تقوم بتحويل نقطة الخطوط الحادة إلى نقطة منحنى، و العكس بالعكس.
ايضا سوف نصتخدم اداة مساعدة وهي:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة التحديد المباشر=Direct Selection Tool (A) تقوم بتحديد و تحريك التخطيط أو جزء منه.
الان نبدا العمل على بركة الله:
1- نفتح الصورة المرفقه في الفوتوشوب (( العمل على جميع الاصدارات ))
2- نقوم باختيار اداة pen tool (( لاحظ صورتها في الاعلى ))
3- نختار اللون الاسود في لوح الالوان لكي نستطيع التمييز بين المنحنى الذي نرسمه والمنحنى الاصلي
4 - نبدا برسم اولى النقاط وانصحكم باختيار نقطة بداية بمنحنى خفيف لكي تسهل علينا المهمه .. قم بالتوجه الى النقطه التي تحب البدء منها وضع مؤشر الفأرة عليها ثم اضغط مره واحده (( سوف ترون تواجد مربع صغير على النقطة التي بدأنا منها ))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
5- طلب بسيط منكم لكي ايضا يسهل عليكم رسم المنحنى قومو بتخفيف وضوح الطبقه وذلك باختيار الطبقه وتخفيف الوضوح من opacity كما هو موضح في الصورة التالية
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
6- الان نكمل رسم النقاط وسوف تلاحظون اثناء الرسم ان الخطوط التي تصل بين النقاط مستقيمه وليست منحنية وهذا امر سوف نعالجه لاحقا في الدرس .. هذا هو ناتج عملنا عند الانتهاء من رسم جميع النقاط التي نريد
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
7- الان لمعالجة الخطوط المستقيمه لكي نظهر بالمنحنى الصحيح سوف نختار اداة convert point tool (( لاحظو الصورة في الاعلى في الادوات المستخدمه )) ولمن لا يعرف اين يجدها فقط قومو بالضغط على اداة البن تولز مطولا.. سوف تظهر لكم الادوات الاخرى وقومو باختيار الاداة
* من هنا يبدا التركيز
8- الان نذهب الى اول نقطه رسمناها .. ضع مؤشر الاداة على النقطه وابق اصبعك ظاغطا ثم اسحب النقطه الى اليمين او اليسار (قليلا)سوف ترى ان المنحنى بدأ يتشكل (( لكن ليس بالشكل الذي نريد .. اعلم هذا وسوف نعالجه الان )) الان افلت يدك سوف تلاحظون وجود خطوط مستقيمه اخرى فوق النقطه ... هذه الخطوط هي التي سوف ترسم لنا المنحنى بالشكل المطلوب
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الخطوط المستقيمه التي تظهر فوق النقاط الاساسية صورة توضيحيه لها:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
9- باستخدام نفس الاداة ضعها على بداية الخط الاول الذي ظهر فوق النقطه وقم بالسحب الى اعلى او اسفل او اليمين او اليسار حسب ما تراه مناسبا لكي يشكل لك الشكل المطلوب (( لاحظو الصورة للمساعده ))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
10- الان نقوم بعمل نفس الشي على الخط المستقيم الاخر
11- انتهينا من النقطه الاساسية الاولى سوف نذهب الان الى النقطه الاساسية التي تليها وهنا نحتاج الى تركيز لكي نوازن النقاط مع بعضها البعض
12- نكرر نفس الخطوات رقم 8 و 9 على النقطه الثانيه (( اثناء ذلك سوف ترون ان المنحنى الذي شكلناه قد بدأ بالتحرك ايضا على غير المطلوب .. نعم سوف نقوم بتعديله ايضا ))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
13- بعد الانتهاء من الخطوه السابقة سوف نحتاج الى الموازنه لان الخط المنحنى قد تحرك .. هنا سوف نستعمل النقطتين الاقرب الى بعضهما او الخاصتين بالمنحنى نفسه سوف نحركهما باستخدام نفس الاداة وهي الكونفيرت تولز لخلق توازن المنحنى وتواجده في مكانه الصحيح ...(( لا احتاج لشرح هذه النقطه لان العمليه هي نفسها قم بالتحريك النقاط لكي تصل الى التوازن المنشود)) صورة توضيحية:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
14 - نكمل عملنا على جميع النقاط بما نحتاج الى من تحريك وموازنة بالاعتماد على الخطوط التي تظهر فوق النقاط الاساسية التي وضعناها .. أي اننا لن نحرك اي نقطه اساسية ولكن اكثر اهتمامنا ينصب فوق النقاط او الخطوط التي تظهر فوق هذه النقاط
سؤال: ماذا لو كانت النقطه الاساسية ليست في مكانها الصحيح واريد تعديل مكانها بدون حذفها؟
الجواب : بسيطه
في الادوات توجد اداة اسمها Direct selection tool (( يوجد صوره لها في الادوات في الاعلى ))
قم باختيار هذه الاداة ثم اضغط على النقطه الاساسية المراد تحريكها واستمر بالضغط وابدا بسحب النقطه الى المكان الصحيح الذي تريده افلت النقطه ..
ارجع الى الاداة السابقة وهي اداة الكونفيرت تول واعمل على تصحيح المنحنى من خلال العمل على الخطوط او النقاط الفرعيه التي فوق النقطه الاساسية
سؤال : بعد ان اكملت العمل لاحظت اني نسيت نقطه اساسية لم اصنعها او اني احتاج الى اضافة نقطه اساسية جديده ماذا افعل؟
الجواب : لا يصيبك الهم فحلها بسيط ايضا
في الادوات توجد اداة اسمها Add anchor point tool (( لاحظ صورتها في الادوات في الاعلى ))
قم بأختيار هذه الاداة ... توجه الى المكان الذي تريد اضافة هذه النقطه فيه
* ملاحظه في حال عدم مرور خط المنحنى على هذه النقطه فيجب عليك وضع النقطه على خط المنحنى ثم سحبها الى المكان الذي تريد (( اي بعد ان تضعها طبق عليها جواب السؤال السابق ))
قم الان بالعمل على المنحنى باستخدام الكونفيرت تول لاعتماده بالشكل الصحيح
الان اعتقد اننا انتهينا من صنع المنحنى كاملا
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
قم الان باستعادة الوضوح التام للمنحنى وذلك برفع opecity الى 100%
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الان سوف تلاحظ ان عملك يتطابق تماما مع الصورة الاساسية للعمل
انتهينا
قم باضافة مؤثرات من عندك على العمل لكي يعطيك صورة جمالية اكثر
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
وسوف احاول في المرة القادمه ان اشرح لكم دمج الصور مع المنحنيات بطريقة جميلة والوان خلابة
انتهينا من الدرس
كل الشكر والتقدير له
وهذا الدرس يفيد أصحاب المواقع والي يحب يتعلم تصاميم المواقع و المنتديات
بالتوفيق للجميع
ولعدم المامهم بالطريقه الصحيحه بدأو بأستخدام طرق اخرى قد تأخذ الكثير من الوقت والجهد لكي يصلوا الى ما تراه انفسهم مناسب (( مع وجود بعض الاخطاء في المنحنيات ))
رغبة مني في المساعده لكي ننهض بهم ونشد على اياديهم للوصول الى الطريقه الصحيحه والى عالم من المبدعين العرب اخذت على عاتقي شرح الطريقه فعسى الله ان يوفقني فيما اردت
في هذا الدرس سوف اقوم بشرح طريقة عمل المنحنيات الاحترافية ايضا تستطيعون تطبيق هذا العمل على اي شكل :)
بسم الله نبدأ
* في البدء لكي لا تختلط عليكم الامور ولكي يكون تطبيقكم صحيح انصحكم بأخذ هذه الصورة للعمل عليها والتعلم
الصورة هي لمنفذ دردشة احد المواقع
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
* تطبيق المنحنيات يحتاج الى دقة في التركيز مع فهم النقاط الاساسية للمنحنى واقصد بالنقاط الاساسية هي من اين نبدا واين نضع هذه النقاط وكم نترك المسافه بينها .... الخ
لاعطائكم لمحة اكثر للفهم قمت بعمل صورة بسيطه توضح لكم تقريبيا المسافة والنقاط الاساسية انظروا الى هذه الصورة
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
1- نقطة اساسية لوجودها بين نقطتين تقاطع
2- نقطة اساسية لوجودها بين نقطة نزول منحنى ونقطة صعود منحني (( من لم يفهم سوف يفهمها مع الشرح والتطبيق ويدرك معناها ))
3- نقطة اساسية لوجودها في زاوية حادة او ما نسميه (( Broken corner ))
* الادوات التي سوف نستخدمها هي اداة pen tool القلم الحر بجميع ما يندرج تحتها من الادوات وهي خمس ادوات اسمائها وصورها:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة القلم الحر=Pen Tool (P)
تساعدك هذه الأداة على رسم تخطيط Path ناعم الحدة. بالنسبة للأدوات المخفية فهي:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة إضافة نقطة الإرساء=Add Anchor Point Tool (+) انقر بهذه الأداة على تخطيط لإضافة نقطة إرساء.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة حذف نقطة الإرساء=Delete Anchor Point Tool (-) انقر بهذه الأداة على نقطة إرساء من التخطيط لحذفها.
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة تحويل النقطة=Convert Anchor Point Tool تقوم بتحويل نقطة الخطوط الحادة إلى نقطة منحنى، و العكس بالعكس.
ايضا سوف نصتخدم اداة مساعدة وهي:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]أداة التحديد المباشر=Direct Selection Tool (A) تقوم بتحديد و تحريك التخطيط أو جزء منه.
الان نبدا العمل على بركة الله:
1- نفتح الصورة المرفقه في الفوتوشوب (( العمل على جميع الاصدارات ))
2- نقوم باختيار اداة pen tool (( لاحظ صورتها في الاعلى ))
3- نختار اللون الاسود في لوح الالوان لكي نستطيع التمييز بين المنحنى الذي نرسمه والمنحنى الاصلي
4 - نبدا برسم اولى النقاط وانصحكم باختيار نقطة بداية بمنحنى خفيف لكي تسهل علينا المهمه .. قم بالتوجه الى النقطه التي تحب البدء منها وضع مؤشر الفأرة عليها ثم اضغط مره واحده (( سوف ترون تواجد مربع صغير على النقطة التي بدأنا منها ))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات] ([فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات])
5- طلب بسيط منكم لكي ايضا يسهل عليكم رسم المنحنى قومو بتخفيف وضوح الطبقه وذلك باختيار الطبقه وتخفيف الوضوح من opacity كما هو موضح في الصورة التالية
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
6- الان نكمل رسم النقاط وسوف تلاحظون اثناء الرسم ان الخطوط التي تصل بين النقاط مستقيمه وليست منحنية وهذا امر سوف نعالجه لاحقا في الدرس .. هذا هو ناتج عملنا عند الانتهاء من رسم جميع النقاط التي نريد
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
7- الان لمعالجة الخطوط المستقيمه لكي نظهر بالمنحنى الصحيح سوف نختار اداة convert point tool (( لاحظو الصورة في الاعلى في الادوات المستخدمه )) ولمن لا يعرف اين يجدها فقط قومو بالضغط على اداة البن تولز مطولا.. سوف تظهر لكم الادوات الاخرى وقومو باختيار الاداة
* من هنا يبدا التركيز
8- الان نذهب الى اول نقطه رسمناها .. ضع مؤشر الاداة على النقطه وابق اصبعك ظاغطا ثم اسحب النقطه الى اليمين او اليسار (قليلا)سوف ترى ان المنحنى بدأ يتشكل (( لكن ليس بالشكل الذي نريد .. اعلم هذا وسوف نعالجه الان )) الان افلت يدك سوف تلاحظون وجود خطوط مستقيمه اخرى فوق النقطه ... هذه الخطوط هي التي سوف ترسم لنا المنحنى بالشكل المطلوب
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الخطوط المستقيمه التي تظهر فوق النقاط الاساسية صورة توضيحيه لها:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
9- باستخدام نفس الاداة ضعها على بداية الخط الاول الذي ظهر فوق النقطه وقم بالسحب الى اعلى او اسفل او اليمين او اليسار حسب ما تراه مناسبا لكي يشكل لك الشكل المطلوب (( لاحظو الصورة للمساعده ))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
10- الان نقوم بعمل نفس الشي على الخط المستقيم الاخر
11- انتهينا من النقطه الاساسية الاولى سوف نذهب الان الى النقطه الاساسية التي تليها وهنا نحتاج الى تركيز لكي نوازن النقاط مع بعضها البعض
12- نكرر نفس الخطوات رقم 8 و 9 على النقطه الثانيه (( اثناء ذلك سوف ترون ان المنحنى الذي شكلناه قد بدأ بالتحرك ايضا على غير المطلوب .. نعم سوف نقوم بتعديله ايضا ))
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
13- بعد الانتهاء من الخطوه السابقة سوف نحتاج الى الموازنه لان الخط المنحنى قد تحرك .. هنا سوف نستعمل النقطتين الاقرب الى بعضهما او الخاصتين بالمنحنى نفسه سوف نحركهما باستخدام نفس الاداة وهي الكونفيرت تولز لخلق توازن المنحنى وتواجده في مكانه الصحيح ...(( لا احتاج لشرح هذه النقطه لان العمليه هي نفسها قم بالتحريك النقاط لكي تصل الى التوازن المنشود)) صورة توضيحية:
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
14 - نكمل عملنا على جميع النقاط بما نحتاج الى من تحريك وموازنة بالاعتماد على الخطوط التي تظهر فوق النقاط الاساسية التي وضعناها .. أي اننا لن نحرك اي نقطه اساسية ولكن اكثر اهتمامنا ينصب فوق النقاط او الخطوط التي تظهر فوق هذه النقاط
سؤال: ماذا لو كانت النقطه الاساسية ليست في مكانها الصحيح واريد تعديل مكانها بدون حذفها؟
الجواب : بسيطه
في الادوات توجد اداة اسمها Direct selection tool (( يوجد صوره لها في الادوات في الاعلى ))
قم باختيار هذه الاداة ثم اضغط على النقطه الاساسية المراد تحريكها واستمر بالضغط وابدا بسحب النقطه الى المكان الصحيح الذي تريده افلت النقطه ..
ارجع الى الاداة السابقة وهي اداة الكونفيرت تول واعمل على تصحيح المنحنى من خلال العمل على الخطوط او النقاط الفرعيه التي فوق النقطه الاساسية
سؤال : بعد ان اكملت العمل لاحظت اني نسيت نقطه اساسية لم اصنعها او اني احتاج الى اضافة نقطه اساسية جديده ماذا افعل؟
الجواب : لا يصيبك الهم فحلها بسيط ايضا
في الادوات توجد اداة اسمها Add anchor point tool (( لاحظ صورتها في الادوات في الاعلى ))
قم بأختيار هذه الاداة ... توجه الى المكان الذي تريد اضافة هذه النقطه فيه
* ملاحظه في حال عدم مرور خط المنحنى على هذه النقطه فيجب عليك وضع النقطه على خط المنحنى ثم سحبها الى المكان الذي تريد (( اي بعد ان تضعها طبق عليها جواب السؤال السابق ))
قم الان بالعمل على المنحنى باستخدام الكونفيرت تول لاعتماده بالشكل الصحيح
الان اعتقد اننا انتهينا من صنع المنحنى كاملا
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
قم الان باستعادة الوضوح التام للمنحنى وذلك برفع opecity الى 100%
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
الان سوف تلاحظ ان عملك يتطابق تماما مع الصورة الاساسية للعمل
انتهينا
قم باضافة مؤثرات من عندك على العمل لكي يعطيك صورة جمالية اكثر
[فقط الأعضاء المسجلين والمفعلين يمكنهم رؤية الوصلات]
وسوف احاول في المرة القادمه ان اشرح لكم دمج الصور مع المنحنيات بطريقة جميلة والوان خلابة
انتهينا من الدرس
كل الشكر والتقدير له
وهذا الدرس يفيد أصحاب المواقع والي يحب يتعلم تصاميم المواقع و المنتديات
بالتوفيق للجميع