صندوق الأدوات ( Tools ) .. الجزء الثاني ..

في هذا الدرس بعون الله سنتعرف ونتعلم على هذه الأدوات وهي مـوضحة على الصورة المــــجاورة

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

إذًا فلنستعد ونتوكل على الله ...

أداة التحريك (  ) :-

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

وحرف ( V ) هو اختصار هذه الأداة على لوحة المفاتيح كما أن هذه الأداة ليــس لها

قائمة صغيرة وذلك لعدم وجود مثلث صغير في زوايتــــــها السفلية وقــــد وضــحنا 

هذا في الدرس السابق .

فنعدما نريد تحريك عنصر من العناصر في التصميم نقوم :

أولاً : بتحديد الطبقة الخاصة بهذا العنصر ( أي نضغط عليها ) ..

ثانيًا : نضغط على أداة التحريك ثم نضغط على العنـصر ونحركه في المكان الذي نريده

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

         المفاتيح  ..

أحياناً نحتاج أن نحرك العنصر في خط مستقيم سواءًا كان هذا الخـط المستقيم للأعلى أو

الأسفل أو اليمين أو اليسار كل ما عليــــنا هــــو أن نضــــغط عـــلى زر Shift أثناء تحـــريك

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

أداة الشرائح (  ) :-

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

وهذا خاص بمصممي المواقع ونحن لازلنا في البداية  :) ....

أداة العصا السحرية (  ) :-

اسم الأداة غريب قليلاً :)  لكن الذي يهمنا هو وظيفة هذه الأداة وهي التحديد وســـــــــميت

بهذا الأسم لأننا عندما نضغط بها على منطقة ذات لون واحد تقوم بتحديدها كلـــها  هـــذا 

بالنسبة للصور والعناصر عمومًا كما أنها تقوم بتحديد عناصر الطبقة ...

... لا تقلقوا التطبيق سيوضح كـــل شيء :) ...

  

شيء آخر نــــــريد أن نعــــــــرفه لمــــــاذا  نقوم بالتــــــــحديد أصلاً ومالفـــائدة منه ؟! 

وبالتأكيد لا يسأل هذا السؤال إلا الأذكياء والجواب هو :

نقوم بالتحديد على عنصر معين لنقوم بعمليات خاصة عليــــه من غير العناصر التي حوله

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

نفرض أن عندنا طبقة تحتــــوي على دائـــــــرة نصف الدائرة باللون الأحـــمر والنصف الآخر 

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

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

يتغير لون النصف الأزرق مع أنهما في نفس الطبقة ...

أما في الصور فهي تقوم بتحديد المناطة اللونية المتشابهة عند الضغط عليــــها وفي

التطبيق سنعرف أكثر بإذن الله ... 

لو لاحظنا القـوائم الرئــــــيسية لبرنامج الفــــــوتوشوب سنجد قائمـــة خاصــــة بالتحديد

و اسمها Select و سنعرف كيف نستخدمها في التطبيق بإذن الله تعالى  :) ...

عندما نظهر القائمة لأداة العصا السحرية كما عـرفنا ذلك سابقًا نلاحظ أيضًا وجــــــــود حرف

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

القائمة مكونة من أداتين :

الأولى : أداة التحديد السريع ( Quick Selection Tool ) ولن نتعرض لها في التطبيق لعدم أهميتها ..

الثانية : أداة العـصا السحرية ( Magic Wand Tool ) وسنتعرض لها بشكل مفصل في التطبيق ..

  

خيارات الأداة في العصا السحرية :-

المستطيل المحدد بالون الأزرق :

قمنا بشرحه سابقًا في الدرس السابق وما قمنا بشرحه هناك ينطبق هنا تمامًا ...

المستطيل المحدد بالون الزهري :

هذا الخيار ( Tolerance ) معناه دائرة تأثـير التحديد ونضـــــع فيه قيـــــــــمة تترواح بين ( 0 ) و ( 250 ) 

والقيمة الإفتراضية هي ( 32 )  والأفضل أن نتركها كما هي ولا نغيرها ...

وقد يسأل سأئل ويقول ما معنى دائرة تأثير التحديد ؟!

والجواب هو :

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

التحديد بمعنى أنه كلما قلت قيمة هذا الخيار كلما كانت دقة التحديد أكبر وكلما زادت كـــــلما كانت 

الدقة أقل وسأضرب مثال للتوضيح أكثر :

عند القيمة  ( 32 ) تقوم الأداة بتحديد اللون الأحمر في الصورة عنــــــدما نضغط على منطقة حــمراء ، 

أمـا عندما نزيد هذه القيمة لـ ( 100 ) مثلاً ستقوم الأداة بتحديد اللون الأحمر و الألــــــــوان القريبة من

هذا اللون كالبني المائل للأحمر وهكذا والعملية نسبية ... 

تطبيقات على الدرس :-

التطبيق الأول

نفتح عمل جديد بالمقـاسات التي نريدها بعد ذلك

نقــــوم بإنشاء طبقة جــــديدة وبعدهــــــا نقوم

برسم أي شكل ونقوم بتعبئته وبعـــــد ذلك نقوم

بإلغـــــاء تحـــديد الشـــــكل وأنا قمــــت بعــــمل

ذلك كما في الصورة التالية ..

بعد ذلك نختار أداة التحريك من صنــــدوق الأدوات

ونضغط علىالشكل المرسوم ونحـــركه فـــي أي

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

وعن طريق هذه الأداة قمت بتحريك هــذا الشكل

كما في الصورة التالية ...

هـــام :

 قبل أن نحرك أي عنصر نقوم بالضغط على الطـبقة

الخاصة به أولاً ثم نقوم بتحريكه ...

التطبيق الثاني

نفتح عمل جديد بالمقـاسات التي نريدها بعد ذلك

نقــــوم بإنشاء طبقة جــــديدة وبعدهــــــا نقوم

برســـــم أي شكــــل ونقــــوم بتعبئته ثم نقـــوم

بإلغـــــاء تحـــديد الشـــــكل وأنا قمــــت بعــــمل

ذلك كما في الصورة التالية ..

لو أردنا أن نحرك الدائرة المـــــوجودة في الصورة

السابقة على خط مستقـيم إلى الإتجاة الأسفل

نتبع الآتي :

نقوم باختيار أداة التحــريك من صنـــدوق الأدوات

ثم نضــغط علــــى الدائرة ونضـــغط على زر Shift

ونسحب الدائـــرة إلى الأســــفل سنلاحـــظ أثنـــاء

تحريكنا للدائرة أنها تتحرك على خـــط مســتقيم

وستكون النتيجة كما في الصورة التالية ...

و طبعًا نحن هنا اخترنا الاتجاه الأســــفل كـمثال 

فقط فما ينطبق على الأتجاه الأسفل ينطـــــــبق 

على الاتجاهات الثلاثة الباقية ..

وأيضًا شكل الدائرة كان مجرد مثال فقــــــط وما

ينطبق على الدائرة ينطبق على باقي الأشــــكال 

و كذلك الصور والنصوص وباقي العناصر ...

 التطبيق الثالث

نفرض أن هذا الشكل أمامنا ونريـــــــد أن نغير لون

الدائرة الموجودة في هذا الشكــــــل في الصورة

التالية ...

كل ما علينا هو أن نختار أداة العصا الســــــحرية و 

نقوم بالضغـط على الــــدائرة سنلاحظ أن الـــدائرة

تحددت كما في الصورة التالية ...

وقد يسأل أحد الأذكياء ويقول الشكل كامـلاً لونه

أسود فلماذا لم يتحدد الشكل كاملاً ؟!!

والجواب :

أقول أننا قلنا أن أداة العصا السحرية تقوم بتحـديد 

الكتلة اللونية ذات اللون الواحد والدائرة هنا تعـبتر

كتلة وهي منفصلة عن باقي المثلثات بفاصل أبيض

دائري ...

بعد ذلك نختار أداة وعاء الدهان ونقـــــوم بتعبئة 

الدائرة باللون الذي نريده ونقوم بإلغــــاء التحديد

كما في الصورة التالية ..

ما طبقناه على الأشكال ينطبق على الصور ...

التطبيق الرابع

سنتعرف في هذا التطبيق على خاصية التـــــحديد

العكسي ( Inverse ) من القائمة الرئيسية Select

قوموا معي بفتح عمل جديد وقوموا برسم مربع

وقوموا بتلوين المربع ولا تقوموا بإلغاء التحــديد

ستكون النتيجة كما في الصورة التالية ...

بعد ذلك نذهب للقائمة الرئيســـية Select ونـختار

منها الأمر Inverse أو نضغط على الإختـــصار وهو

Shift + Ctrl + I من لوحــة المفــــــاتيح ســتكون 

النتيجة كما في الصورة التالية ...

وظيفة التحديد العكسي أعتقد أنها مفهـــــــمومة

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

بمعنى أوضح أننا في الصــورة الأولى السابقة كان المـــربع

هو المحدد وعندما اختـــرنا أمر التحـــديد العكـــسي

قام بتحديد كل المنطقة إلا المربع فللـــــعلم المربع

في الصورة السابقة ليس محـــــددًا وإنما المــــحدد

هو المنطقة البيضاء التي حول المربع ...

ولكي يتضح الكلام أكثر

في الصورة الثانية قوموا بإختيار أداة وعاء الدهـان واختاروا أي لون غير الأزرق وقــــوموا بتعـــــبئة

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

للون الذي اخترتوه وهذا يدل أن المربع ليس محدد لأنه لو كان داخل التحديد كان لونه سيتغير ...

وما ينطبق على الأشكال ينطبق على الصور والنصوص ...

التطبيق الخامس

سنتعرف في هذا التطبيق على كيفية إضافة الصور إلى التصميم والطريقة كالآتي :-

أولاً : نقوم بإنشاء عمل جديد بالمقاسات التي نريدها ...

ثانيًا : نقوم بفتح الصورة التي نريدها من القائمة الرئيسية File عن طريق الضغط على الأمر Open

         وبعد الضغط علي هذا الأمر ستظهر لنا نافذة نقوم باختيار الصورة ثم نضغط على زر Open ...

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

توجد نافذتين : نافذة العمل الجديد ونافذة الصورة وسنتعلم معًا كيف ننقل هــــــــذه الصــــورة إلــــى 

العمل الجديد ..

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

الطريقة الأولى لنقل الصورة كالآتي :-

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

الضغط أثناء سحب الصورة وعندما يصبح مؤشر الفأرة في العمل الجديد نرفع أصابعنا عن زر الفأرة ..

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

والصورتين التاليتين توضحان أكثر ...

وهــنا قد يســـــــأل أحد الأذكــــياء ويقــول :

هل نقوم بإنشـــــــــــاء طبقة جديدة قــــــبل أن ننقل الصورة ؟؟!!

الجواب :

أقول لا لأن البـــــــرنامج سيقوم بإنشاء الطــبقة الجديدة تلقائيًا ...

في الملف الجديد :

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

الطريقة الثانية لنقل الصورة كالآتي :-

نقوم بفتح الصورة المراد إضافتها ثم بعد ذلك من القائمة الرئيسية Select

نختار الأمر All ( تحديد الكل ) أو  نضغط على الأختصار Ctrl + A سنـــلاحظ أن 

الصورة تحـــددت و الصورة التالية توضح ذلك  ...

بعد ذلك من القائمة الرئيسية Edit نختار الأمر  Copy  ( نسخ ) أو نضغط على

الإختصار Ctrl + C ...

ثم نقوم بفتح عـــمل جـديد أو التصميم إن كنا قدحفظنا التصــــميم سابقًا

ثم من القائمة الرئيسية Edit نختــار الأمر Paste ( لصق ) أو نضغــــط علـــى 

الإختصار Ctrl + V  و الصورة رقم التالية توضح ذلك ...

والطريقة بإختصار شديد :

1/ نقوم بفتح الصورة ثم نقوم بضغط Ctrl + A

    ستتحدد الصورة نقوم بضغط Ctrl + C ...

2/ نفتح العمـــــل الجـــديد ثم نقــــوم بضغـــط 

     Ctrl + V سنلاحظ بعـدهـا أن الصورة انتقـــلت

     إلى العمل الجديد في طبقة جديدة تلقائيًا ..

وعمومًا نقل الصور له طرق عـديدة وذكرنا منها

طريقتين كي لا يتسلل الملل إلينا ...

هام جدًا :

ما ذكرناه سابقًا بخصوص نقل الصور ينطـــبق على

نقل النصوص و الأشكال ...

أيضًا ما ذكرناه سابقًا بخصوص تحديد الكل والنسخ

واللصق ينطبق على النصوص والأشكال ..

التطبيق السادس

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

هذا الخيار  ... 

في البداية هذا الخيار يساعدنا في تحديد كتل لونية

ذات اللون نفسه في وقت واحد ...

الصـــــورة التاليـــــة تحتـــوي على شــــــكل نـــــــريد

تحـديد العنـــاصر ذات اللون الأحــــمر فيـــــــه دون أن

تتحـــدد العـــناصر ذات اللون الأزرق علـــمًا أن هــــذه

العناصر في طبقة واحدة وليست في طبقتين ...

الطريقة كالآتي :-

من القائمة الرئسية Select نختار الأمر Color Range

ستخرج لنا نافذة نسحب النافذة قليلاً حتى يظهـــر الشكل ثـــم 

نحـــــــرك مــــؤشر الفـــأرة إلى الشكل سنلاحــــظ تغير شــــكل 

المؤشر نقوم بالضغط على اللـــون الذي نريد تحديد جميع العنـاصر 

الملونـة به مع العلم أن الضغط يكون في منطقة العمل وليـس

داخل النافذة وهنا اخترنا الأحمر إذًا نضغط على أحـــد الأشـــكال

الملــــونة بالأحــــمر سنــــلاحظ أنهـا تحـــــددت على النــــافذة 

بعــــــد ذلك نضـــــغط على OK والصورة التالية توضح ذلك .. 

بعد أن ضغطنا على OK سنلاحظ أن جميع الأشكال

الحمراء تم تحديدها كما في الصورة التالية  ...

وبهذا نكون قد حددنا هذا الأشكال الثلاثة مرة

واحدة وبسهولة تامة ...

في التطبيق القادم

بإذن الله تعالى سنتعلم كيف نقوم بتحديد شكلين كل منهما له لون مختـــلف عن الآخر ولكن قبل أن 

نـنـتقل للتطبيق السابع أرجـــــــوا مـــــــنكم زيـــارة الدرس الثالث للتذكير فقـــــط 

بالمعلومات السابقة لأننا سنحتاج منها معلومة واحدة في تطبيقنا القادم :) ...

التطبيق السابع

في الصـــــورة التالية عندنا أربع دوائر في طبـــقة واحدة

الصحيح والمفترض أن كل دائـرة في طبــــــقة لكـــن هنا

عملنا هذا لكي نعرف كيف نحدد الأشــــكال ذات الألـوان

المختلفة ..

هنا نحن نريد أن نحــــدد الدائرة الحـــــــــمراء والخــضراء

نقوم باختيار أداة التحــــــديد  ومن شريط خـــــيارات أداة

التحديد نضغط على هذا الزر (     )  ...

بعد ذلك نضـغط على الدائرة الحـــــمراء سنلاحظ أنـــــها 

تحـددت، ننتقل إلى الـــدائرة الخـــضراء سنلاحظ وجـــــود

علامــــة ( + ) على مؤشـــر الأداة نقوم بالضـــــغط على 

الدائرة الخضراء سنـــــلاحظ أنها تحـــــددت أيضًا والنتيجة

ستكــــــون أن كــلا الدائرتــــين تم تحـــــديدهما كـــــما 

في الصورة التالية ...

هام :

- قمت بعمل هذا التطبيق تأكيدًا لما ذكـرناه سابقًــــا

من أن وظائف هذه الأزرار (   ) واحـــدة على 

كل الأدوات التي تظهر في شريط خيارتها واختـــــــرت 

هذا الزر (    ) كمثال فقط ....

- الطريقة التي ذكرناها في هذا التطبيق تنطبق على

أكثر من شكلين وأيضًا على الصور ...

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

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

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

أي عنصر في التصميم وأنا أقصد بالعنـــصر هنا الأشكـال

والصور والطريقة كالآتي :-

نريد أن نقوم بعمل حد أزرق على الشــــكل المستطـــيل 

الأصفر الموجود في الصورة التالية ...

كما عرفنا سابقًا أننا عندما نريد أن نضـيف أي شيء على

عنـــصر نقوم بتحـــــديد الطبقة الخاصـة به عــــن طريق

الضغط مرة واحدة على الطبقة ...

بعد أن نحدد طبقة المستطيل ...

من القائمة الرئيسية Edit نختار الأمر Stroke ستظهر 

لنا نافذة كما في الصورة التالية ...

المستطيل الأحمر : هنا نتحكم في سمك الحـــــد من

خلال القيمة التي ندخلها وكلـــــما زدنا الرقـــــم زاد 

سمك الحد ...

المستطيل الأزرق : هنا نختار لون الحد ...

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

Inside /  داخل العنصر ..

Center /  وسط العنصر ..

Outside / خارج العنصر ..

المستطيل الزهري : هنا نتحكم في النمط والتظليل ..

Mode / نمط ..

Opacity / التظليل ..

بعد أن نحدد اللون من الخيـــــــارات الموجــــــودة في 

نافذة Stroke نقوم بالضغط على OK بعدها سنلاحـظ 

أن المســــــتطيل الأصـــــفر أصبـــــح له حــــــــــد أزرق 

( كما اخـــترنا سابقًا ) كمـــا في الصورة التالية ...

قوموا بعمل هذه الخطوات :

- نفتح عمل جديد ونعمل طبقة جديدة ...

- من أداة الأشكال المحددة نرسم دائرة ...

- بعد أن نرسم الدائرة لا تقوموا بإلغاء التحــــديد ولا 

   التعبئة فنحن نريد تحديد الدائرة فقط ...

- من القائمة الرئيسية Edit نختار الأمر Stroke ونقوم

   بعمل حد أحمر  ...

- بعد ذلك قوموا بإلغاء التحديد 

ستكون النتيجة كما في الصورة التالية ...

ماذا استفدنا من العمل السابق ؟!

أنه يمكننا عمل حد من خلال التحـــــــديد فقط،

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

لدئرة دون أن نقوم بتعبئتها ...

المصدر: التصميم باختصار