samirkasmi

زيزوومى محترف
إنضم
21 يناير 2014
المشاركات
627
مستوى التفاعل
1,427
النقاط
720
الإقامة
المغرب
غير متصل
QdIFApr.gif

77777.png


1394924490981.png


مرحبا أخوتي في الله أعود إليكم مع درس جديد من دروس برنامج Adobe Illustrator وكما كنت قد وعدتكم بعد أن كانت نتيجة التصويت لصالح الشرح بلغة واجهة البرنامج الإنجليزية سيكون درس اليوم وكافة الدروس المقبلة بإذن الله بها.

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

1394924490981.png


اليوم سأقسم درسي هذا إلى قسمين:

-1- قسم أول نظري سأحاول أن أشرح لكم فيه بعض الأدوات المهمة في البرنامج والتي سنحتاجها في درسنا هذا بل ومما لا شك فيه هي من أهم الأدوات المستعملة في البرنامج بكثرة لذا وجدت أنه من المهم أن اشرحها لكم قبل البدء في درسنا.

-2- قسم تطبيقي وهو القسم الذي سيكون خاصا بدرس الرسم فوق الصور وفيه سنطبق استعمال الأدوات التي شرحناها في القسم النظري.

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

1394924490981.png


بسم الله نبدأ.
1394896205081.png


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

1394898983151.png


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

1394899641051.png


الأداة كما في الصورة أعلاه موجودة افتراضيا في القائمة اليسرى للبرنامج
1394899713171.png


والإختصار الخاص بها في لوحة المفاتيح افتراضيا

139489997981.png


أو يمكنك الحصول على نفس النتيجة من قائمة Windows


1394900346111.png


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

1394900434681.png


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

ولا بأس بأخذ مثال بسيط

1394901254331.jpg


1394901892011.jpg


139490238771.jpg


1394902809371.png


139490342761.png


1394903655471.jpg


1394972825431.png

هذه الخاصية تعد هي الأخرى من أقوى أدوات البرنامج
1394917947621.png


وللوصول لنافذة Pathfinder يمكن الضغط من خلال الكيبورد على :

1394918325411.png


أو من خلال Windows ثم pathfinder

1394918579631.png


لتظهر لنا النافذة التالية

1394918687881.png


ولنفهم بشكل أفضل الباث فايندر إليكم الأمثلة التالية

1394919956371.png

2.png

1394920579641.png

2.png

1394921014091.png

2.png


1394921371321.png


2.png

1394921851351.png


2.png

1394922213891.png

2.png

1394922615681.png
2.png

1394923013891.png

2.png

1394923451151.png

2.png

1394923972481.png


1394925202771.png


1394925378191.png


لنبدأ ب:

-1- أداة Rectangle Tool
1394964237751.jpg


واختصار لوحة المفاتيح الخاص بها هو حرف M

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

1394965626891.png


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

-2- أداة Rounded rectangle tool
1394965928441.jpg


تشبه الأداة الأواى لكن مع زيادة خاصية واحدة وهي الحواف منعمة مع إمكانية التحكم فيها

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

1394966097341.png


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

-3- أداة Elipse tool
1394966357681.jpg


والإختصار الخاص بها في لوحة المفاتيح هو حرف L.

وطريقة رسمها هي نفس طريقة رسم الأدوات السابقة إما بالطريقة اليدوية أو بالطريقة الثانية لتظهر لنا النافذة التالية:

1394966713551.png


وبعد إدخال الابعاد المناسبة نضغط أوكي.

-4- أداة Polygan Tool
1394966787761.jpg


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

1394966947611.png


-5- أداة رسم النجمة
1394967209321.jpg


1394967308551.png


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

-6- أداة Flare tool
1394967506421.jpg


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

1394967695141.png

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

1394967905451.png


والمثال الثاني لنفس الاداة بعد رسمها فوق صورة:

1394967982591.png


بعد الإنتهاء من شرح هذه الأدوات لا بد أن أشرح لكم أمرا مهما سيساعدكم في التحكم في هذه الأشكال والتعديل عليها وتحريكها من مكان لمكان إن استدعى الأمر ذلك. وحديثنا عن هذا الامر يجرنا لشرح أداتين في البرنامج:
1394968194061.png



1394973034921.png


-1- أداة التحديد
1394968274731.png


واختصارها في لوحة المفاتيح هو حرف V.

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

1394968982051.png

كما تلاحظون على اليمين شكل الدائرة بعد أن قمنا بتحديدة بأداة التحديد وهذا التحديد يسمح لنا بتصغير أو تكبير شكل الدائرة وحتى نقلها من مكان لآخر.

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


-2- أداة التحديد المباشر
1394968275022.png


ولنفهم دور هذه الأداة أترككم مع المثال التالي ودائما مع شكل الدائرة نفسه

1394969434911.png


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

1394969615841.png


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

وفي بعض الأحيان نحتاج لإضافة نقاط تحكم على الشكل الذي نحن بصدد العمل عليه ولذلك نحتفظ بتحديدنا للشكل بالاداة
1394968275022.png
ثم نقوم باختيار أداة Pen tool
1394969763831.png
ونذهب للمكان الذي نريد أن نضيف فيه نقطة في شكلنا فيتم إضافة نقطة التحكم للشكل.

وصراحة أداة Pen Tool من أهم وأقوى أدوات الرسم في برنامج Adobe illustrator وتحتاج وحدها لدرس مستقل لشرحها لكن إتقان التحكم فيها يأتي مع الممارسة.

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


1394973190581.png


اختصارها في لوحة المفاتيح:

1394973299321.png



139497149731.png


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

1394973406731.png


اختصارها في لوحة المفاتيح هو حرف i

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

1394973626261.png


- أداة Zoom
139497209321.png


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

- أداة Hand
139498058791.png


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


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


1394897726971.png


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

1394890495541.png


وهذه هي الصورة التي ستستعملها في درسنا اليوم:

1394977375711.png

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

1394890495782.png


ثم نقوم بتخفيف الشفافية للصورة كما في الصورة:

1394890495993.png


ولا ننسى قفل طبقة الصورة حتى لاتتحرك الصورة من مكانها أثناء التصميم

1394890496194.png


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

1394890496295.png


ومن أجل جعل القسم السفلي من المستطيل على شكل قوس متجه لأسفل نتبع الخطوات كما في الصور:

1394890496476.png


1394890794771.png


ولضبط الشكل بشكل أدق نستعمل أداة zoom لنحصل على رؤية أفضل ومن ثم نقوم بالخطوات المبينة في الصور أسفله:

1394890794982.png


1394890795153.png


1394890795324.png


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

1394890795445.png


ثم مرة أخر نرسم الدائرة الداخلية الأصغر وتجدر الإشارة إلى أننا الآن لن نهتم بترتيب الطبقات وكل ما سنقوم به هو رسم الخطوط الخارجية محاكين الشكل في الصورة الأصلية وفي مرحلة لاحقة عندما سنصل لمرحلة تعبئة الأشكال بالألوان والتدرجات اللونية عندها سنرتب كل طبقة حسب موقعا في التصميم.

1394890795646.png


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

1394890946141.png


1394890946342.png


نواصل رسم دائرة جديدة كما في الصورة:

1394890946533.png


ثم مرة أخرى

1394890946724.png


ثم مستطيلا

139489094695.png


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

1394890947096.png


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

139489114731.png


1394891147492.png



1394891147693.png



1394891147884.png



139489114815.png


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

1394891148246.png


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

1394891282061.png


ثم نبدأ عملية التعبئة والتي تبدأ معها عملية مراعاة ترتيب الطبقات تابعوا معي الصور:

1394891282982.png


1394891283213.png


1394891283414.png


1394891283625.png


1394891283886.png


1394891476071.png


1394891476362.png



1394891476543.png


كما تلاحظون شكل الكأس بدأ بالظهور بشكل جيد:

139489147684.png



1394891477155.png



1394891477346.png


نتابع:

1394891745121.png



1394891745272.png


نتابع الغهتمام بتفاصيل اصغر في التصميم كما في الصورة الأصلية تفاصيل نسيتها أو بالأحرى لكونها صغيرة ارتئيت تركهل لهذه المرحلة لتظهر لنا النتيجة بشكل أوضح بعد التلوين

1394891745473.png


1394891745664.png


الآن سنقوم ببعض الإضافات على التصميم لنحصل على كأس هو نفسه الموجود في الصورة الأصلية لكن نريده شفافا ويحتوي على مشروب:
1394891745865.png



13948917466.png



1394891888951.png



1394891889132.png



1394891889323.png


مع الإهتمام بالتفاصيل

1394891889674.png



1394891889915.png


هنا نهتم بالإضائة والقليل من الظلال

1394891890146.png



1394891991661.png


1394891991872.png



1394891991943.png


1394891992134.png


139489199235.png


الحمد لله انتهينا من تصميمنا لنحصل على النتيجة التالية:

1394891992446.png



139466618921.png


1394666189322.png

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

1394924490981.png


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

1394981053271.png

1394981229111.png


1394981465931.png



[hide] [/hide]


1394924490981.png


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

أخوكم في الله عبد المنعم.

1394924490981.png
 

التعديل الأخير بواسطة المشرف:
توقيع : samirkasmi
توقيع : samirkasmi
ما شاء الله
شرح مفصل وقيم للغايه
وتنسيق الموضوع راائع
تسلم مُبدعنا الغالي على مجهودك المميز
انا كمان بدأت أستخدم البرنامج وفعلاً راائع بمعنى الكلمه
ومع دروسك الحصريه هاتسهل علينا كتير
جزاك الله كل خير
تقديري لك ...
 
توقيع : روايدا
ما شاء الله
شرح مفصل وقيم للغايه
وتنسيق الموضوع راائع
تسلم مُبدعنا الغالي على مجهودك المميز
انا كمان بدأت أستخدم البرنامج وفعلاً راائع بمعنى الكلمه
ومع دروسك الحصريه هاتسهل علينا كتير
جزاك الله كل خير
تقديري لك ...

تسلمي أختي روايدا ومشكورة على التشجيع .

وإن شاء الله أنا متأكد عما قريب سنرى إبداعاتك في هذا البرنامج الجبار.
 
توقيع : samirkasmi
الله يعطيك الف عافية درس جداً ممتاز انا احب هذا البرنامج الجميل جداً يعطيك الف عافية مجهود متعوب عليه
سلم أخي الكريم ويسعدني سماع هذا الكلام وأتمنى أن يكون الدرس مفيدا لك وللجميع أخي الكريم
 
توقيع : samirkasmi
توقيع : samirkasmi
ماشاء الله تبارك الله

مبدع أخي الكريم ، شرح وأطروحة مميزة فعلا

جزاك الله خير
 
توقيع : tariq al
مجهود رااائع :eek::eek:
افدتنا كثيرا جزاك الله عنا خير الجزاء ورزقك ووالديك الغردوس الاعلى (y)(y)(y)
 
توقيع : sheetos
ماشاء الله تبارك الله

مبدع أخي الكريم ، شرح وأطروحة مميزة فعلا

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

تسلم أخي الغالي على الدرس المتميز و الرائع

بارك الله فيك و دمت مبدعاً ;)

======

 
توقيع : al_amera
عودة
أعلى