إخترت هذا الموضوع في أوائل الدورس لأهميته الشديدة، فكل تصميم من التصاميم التي نراها يتكون من عدد من الطبقات ( الليرز ) والسؤال المهم هنا هو ما الفائده من هذه الطبقات ؟!
الفائده من الطبقات (Layers) :-
الفائده هي أننا نستطيع التعديل على أي جزء في العمل (التصميم) أو الإضافه عليه بكل سهوله وسأوضح
ذلــــــك بالمثال التالي :
* في هذا المثال في الـصورة التالية قمت برسم دائرة ومربع في طبقه واحدة في حالة أننا أردنا أن نضع الدائرة مكان والمربع والمربع مكان الدائرة لن نستطيع ( لمــــاذا ؟! ) لأننا عندما نحرك الدائرة سيتـحرك المستطيل معهـــا وذلك لأنهمـا في طبقه واحدة ..
* إذًا كما نلاحظ في الصورة السابقة اننا ارتكبنا خطأ وهو اننا رسمنا الدائرة والمربع في طبقه واحده باسم ( Layer 1 ) ..
إذًا عندما نبدأ في التصميم نضع كل عنصر سواءًا كان صورة أو شكل أو نص كلٌ منها في طبـقة خاصة
به حتى يسهل علينا التحكم فيها والتأثير عليها ...
هذا كان مجرد عرض تصوري لفلسفة الطبقات في الفوتوشوب والآن سنبدأ في شرح لوحة الطبقات ...
شرح نافذة الطبقات :-
هذه هي نافذة الطبقات فــــــــي الصورة التالية وكلمـــــة
طبقات مرادفها بالإنجليزية Layers كما هو مـوجود فــــــي
أعلى النافذة في الصورة المجاورة ...
وأحيانًا يطلق على الطبقة اسم لير ...
في هذه النافذة سأقوم بشرح 8 عناصر ...
إضافة طبقة جديدة :-
كما هو موضح في الصورة التالية:
بمجرد الضغط على هذا الزر والمحدد باللون الأحمر نلاحظ ان
هناك طبقة جديدة تم إدراجها والتي تحمل اسم Layer 1...
وكما ذكرت سابقًا :
قبل أن نقوم برسم أو إضافة عنصر للتصميم نقوم بإنشـــــاء
طبقة جديدة ...
حذف الطبقة :-
عندما نريد أن نقوم بحذف طبقة من الطبقات :
نقوم أولاً بتحديد الطبقة كــما فــــي الصــــورة التالية قمت بتحديد الطبقة رقم (1) من خلال الضغط عليها ...
بعد ذلك نقوم بالضغـــط على الزر المحـــدد باللون الأحمـــر وهــو الزر الخاص بحذف الطبقات ستظــهر لنا نافــذة تأكـيد الحذف نضــغط على زر yes وبذلك يتم حذف الطبقة ..
إنشاء ملف الطبقات :- الهدف من إنشاء ملفات للطبقات بشكل عام هو التنظيم .
فبعــــض التصـــاميم خصوصًا إذا كـــــانت تصامـــــيم كبـــيرة كتصاميم المواقع فإنها تحتـوي على عدد كبيرمن الطبقات ...
فالهـــدف من إنشــــاء الملف هو التنظيم حتي يسهل عليــنا الوصول السريع للعنصر عند التعديل وسأضرب مثال لذلك :
لنفرض أننا سنقوم بتصميم غـلاف كتاب فإننا سنقوم بإنشـاء ملفين الملف الأول للوجه الأمامي للكتاب و الملــــف الـثانـي للوجه الخلفي للكتاب وهكذا ...
ونقوم بإنشاء الملف بالضغط على الزر المحــدد باللون الأحمر في الصورة التالية وبعد ذلك نقوم بإنشاء الطبـقات داخله عن طريق الضغط على زر إنشاء طبقة جديدة ...
الربط بين الطبقات :-
الفائدة من الربط بين الطبقات هو التسهيل والـــــــــدقة فلـــو
أردنا أن نحرك عنصرين كل منهما في طبقــــة في إتجــاه واحد
مع الحفاظ على المسافة بينهما نقوم بالربط بينهما ثم نقوم
بتحركيهما سيتحركان كأنها في طبقة واحده ...
والربط يكون بين طبقتين فأكثر ...
في صورة رقم 1 زر الربط هو المحدد باللون الأحمر ...
طريقة الربط بين الطبقات :-
ذكــــرنا سابقًا إن الربـــــط بين طبيقتين فأكثــر لذا أنا أدرجـــت
طبقيتن كما في صورة رقم ( 1 ) ...
والطريقة هي كالآتي :
نقوم بالضضط على طــبقة 1 (Layer 1 ) نلاحــظ تحــددها كما
في صورة رقم ( 1 ) ثم نضغط على زر Ctrl ونستمــر في الضعط
عليه ونضغط على طبقة 2 (Layer 2 ) سنلاحظ أن الطبقتين تم
تحديدهما كما في صورة رقم ( 2 ) ..
بعد تحدد الطبقتين كما في الصورة رقم ( 2 )
سنلاحـــــظ أن زر الربــــط بين الطبــقات أصبــح مفـــــعلاً بعد أن
كــــان غير مفـــــــعل في صــورة رقم ( 1 ) الآن نــقوم بالضغط
على زر الربط المــــحدد باللـون البنفسجي في صورة رقم ( 2 )
سنلاحظ بعدها انه تم ربط الطبقتين كـــما في صورة رقم ( 3 )
ولإلغاء الربـــط بين الطبقتين :
نقوم بنفس الطريقة حيث نقوم بتحديد الطبقتين ونضغط على
زر الربط سيتم بعدها إلغاء الربط وهكذا ...
نمط الطبقة :-
هي مجموعة من الأنماط التي نضيفها للطبقة لتقوم بعمل مجموعة من التأثيرات على العناصر الموجودة فيها ...
نمط الطبقة تعني بالإنجليزية Layer style
هنا الموضوع لا يحتاج الى شرح وإنمـا إلـــى تعريف بالعناصر وانت بدورك عليك التجربة لأن كثرة التجـــــــــربة في الأنماط هي التي تكسبك الخبرة ... وفي الصــــورة التالية الزر المحــــدد باللون الأحـمر هو زر نمط الطبقة ..
بمجرد أن نضـغط على زر نمط الطــبقة ستخــــــرج لنا قائمة
فيها مجمــوعة من الأنمــاط .. سأختــار واحـــدة منها على
سبيل المثـــال وليـــــكن نـــــمط Drop Shadow المحـــــدد
باللون الأزرق كما في الصورة التالية ...
وقبل أن ننتقل للمثال أحب أن أشير إلى أن هذه الأنماط لـيس
لها قواعـد وإنما هي نسب وقيم يضعها المصمم حســـــب
رؤيته للتصميم ..
بعد أن نضغط على نمط Drop Shadow من القائمة ستخرج لنا هذه النافذة
كما هو واضح أمامنا في الصورة أن الأمر يعتمــــــــد على نسب وقــــيم ونلاحـــظ أيضًا في المستطـــــيل المحـــــدد باللــــــون الأزرق أنه يحـــتوي على كـــــل الأنمــــاط وكــل ما هــــو عليـــنا أن ننتقل للنــــــمط ( أي نضغط عليه حتي يتحدد ) الذي نريده ونقوم بالضغــط علـى المربعحتى تظهر عليه العلامة وبعد ذلك نبـحر في عالم الأنماط وبعد الإنتهاء نضغط على زر OK ..
يوجد في الصورة أيضًا مربع محدد باللون الأحــمر في هذا المربع يتم عرض شـــــــكل النــمط ويتغير هذا الشكل مع تغييرك للنسب هذا بالإضافة إلى أننا نرى هذه التأثيرات على العناصر الموجودة في الطبقة ...
وهذه الأنماط قابلة للتعديل و الإخفاء و النسخ واللصق وهذا ما سنراه الآن ..
كيفية التعديل على النمط وإخفاؤه :- بعد أن قمنا بعمل الأنماط في الصفحة السابقة وضغطنا على OK نلاحظ ان الأنماط تم إدراجها تحت الطـــــبقة رقم ( 1 ) ( Layer 1 ) كما هو موضح في الصورة التالية ...
عندما نريد التعديل على النمط نقــوم بالضغط على النمط نفسه مرتين متتاليتن كما في المستطيل الأحمر في الصورة المجاورة..
وعندما نريد إخفاء النمط نضغط عـــلى رمز العين والمحدد باللون الأزرق وبعدها سنلاحظ اختفاء العـين واختفــاء تأثير النمــط على عناصر الطبقة ولإظهار النمط مرة اخرى نضغط على مكـــان العين سنلاحظ أن العين ظهرت وظهر تأثير النمط على عناصر الطبقة ...
كيفية نسخ النمط من طبقة ولصقه في طبقة أخرى :-
أحيانًا نقوم بعمل أنماط كثـيرة على طبـــــــقة من الطبقات ونحتاج أن نقوم بعملها على طبقـة أخرى ومــــــــن غير المنطقي أن نقوم بتكرار نفس الخطوات فهذا ممل جدًا والحــــل أن ننسخ النمـــط من الطبقة اللي تحتوي على الأنماط ونلصقها في الطبقـــة التي نريــد لها نفس النمط ...
أمامنا في الصورة التالية طبقتين الأولى (Layer 1) تحتوي على نمط والثانية (Layer 2) لا تحــتوي على نمط سنــرى الآن كيف نقوم بنسخ النمــط من الطبـــــــــقة الأولى (Layer 1) ولصقها في الطبقة الثانية (Layer 2) ...
الأن نقوم بالضغط على الطبقة الأولى (Layer 1) وبعد أن تتحدد نقوم بالضغـــــــــــــــــــــــط على زر الفأرة ( الماوس ) الأيـــــــمن ستخـرج لنا قائمة طويلة نختار منها Copy Layer Style كمـا في صورة رقم ( 1 ) ...
بعد ذلك ننتقل للطبقة الثانية (Layer 2) ونقــوم بالضغط عليها لكي تتحدد ثم نضــــغط بزر الفأرة الأيمين ستخـرج لنـا قائــــمة طويلة نخـــتار منها Paste Layer Style كما في صورة رقم ( 2 ) ...
بعد ذلك ســنلاحظ أن النــــمط تم إدراجـــــه تحت الطبقة الثانية (Layer 2) وبــذلك نكون قد لصقنا كلا النمطين بكل سهولة ...
بالمناسبة قبل أن ننتقل للصفحة التاليه أحب أشير إلى نقـــطة بسيطة وهي حذف الأنماط من الطبقة يتم حذف الأنماط بالضغط على أمر Clear Layer Style طبعًا هذا الزر موجود في نفــس القائمة الموجودة في صورة رقم ( 1 ) ...
نقاط أخيرة في الطبقات :-
النقطة الأولى :
في الصورة التالية وتحديدًا القائمة المحددة باللون الأحمر
هي قائمة فيها مجموعة النظم التي تؤثر على الطبقات مع
العلم أن كل طبقة يمكن تغيبر نظامها ...
أما العنصرين المحــددين باللون الأزرق فهما خاصين بالتظليل
فلــو عندنا صورة في طـــــبقة وقما بتخفيف النسب سنلاحظ
أن الصورة سوف تبهت ولو قللنا النسب أكثر ســـــــوف تصبح
الصورة شفافة وهكذا حتى تختفي ..
النقطة الثانية : في الصورة التالية وتحديدًا المربع المحدد باللـــون الأحمر نلاحظ وجود رمز عين بمجرد الضغط على هذا الرمز سيختفي وتختفي معه العناصر الموجودة في الطبقة وهــــــكذا مع كل طبقة من الطبقات وعندما نضغط في نفس المــكان مرة أخرى يظهر رمز العين وتظهر معه عناصر الطبقة ...
بالنسبة للطــــــــــبقة التي بعـنوان Background والمحـددة باللون الأزرق لا يفضل أن نستــخدمها فــــــي بداية التصميم وإنما في نهـــــــاية التصــــــــميم لأن هـــــــذه الطبـــــــقة خاصة بخلفية التصميم ...
ويفضل تركها كما هي وتكون بدايتنا فــــــــــــي التصميم من الطبقة رقم ( 1 ) (Layer 1 ) ...
النقطة الثالثة :
تسمية الطبقة هو مهم جدًا لتنظيم التصمــــــــــيم لنتخيل أن
التصميم مكون من 100 طبقة مثلًا وأردنا أن نحرك عنصر معين
فسنأخذ وقتًا طويلاً لكي نعثر على الطبـــــقة الخاصة بالعنصر
ولكن لو أننا سمينا كل طبقة بأسم العنــصر فستكون المهمة
سهلة جدًا ..
والطريقة سهلة كل ما علينا هو أن نقـــوم بالضـغط على
كلمة ( Layer 1 ) مرتين متتاليتين سنــــلاحظ أن الاسم تحرر
نقوم بالتسمية ثم نقوم بالضغط علـــى الطبقة بعد كتابة
الاسم وبهذا نكون قد سمينا الطبقة ...
النقطة الرابعة :
دمج الطبقات يتم بين طبقتين فأكثر وهنا سأضرب مثال
على طبقتين والطريقة سهلة ..
نقوم بتحديد الطبقـــــــــتين وقد ذكرت طريقة تحديد
بـــعــــد أن نحـــدد الطبقتـين نقــوم بالضـــغـــط على
Ctrl + E سنلاحظ بعـــــــــــدها أنه تم دمج الطبقتين
في طبقة واحدة ...
النقطة الخامسة :
في هذه النقطة سنعرف أن ترتيب الطبـقات له تأثير على
عناصر الطبقة من حيث الظهور ...
في الصورة رقم ( 1 ) نلاحظ أن الدائرة ليست ظـــــــــــاهرة بشكل كامل في حين أن المربع ظاهر بشكل كامل السبب في ذلك في الصورة رقم ( 2 ) لأن طبقة المربع فوق طبقة الدائرة ...
أما في الصورة رقم ( 3 ) فهي عكــس الصورة رقم ( 1 ) وذلك لأننا نقلنا طبقة الدائرة فوق طبقة المربع كما هو موضح في الصورة رقم ( 4 ) ...
عندما نريد أن ننقل طبقة نضغط عليها ونستمر في الضغط ونرفعها للأعلى أو الأسفل حــــــسب المطلوب ...
النقطة السادسة والأخيرة : مضاعفة الطبقة يعني تكرارها ... وهنا يمكننا أن نضاعف طبقة أو أكثر ...
الطريقة كالآتي : نقوم بالضغط على الطبقة المراد تكرارهـا ثم نقوم بالضغط على زر الفـأرة الأيمن ستخرج لنا قائمــــة نختار منـــها الأمر Duplicate Layer كــما في الصورة التالية ...
بعــــد ذلك سنـــلاحظ أنـــه تــــم تكـــرار الطــبقة مرة أخـــرى، لو كـــــان اســــم الطبقة ( Layer 1 ) ستكون النسخة منها ( Layer 1 copy ) ...
* لو أردنا مضاعفة طبقتين أو أكثر نقوم بتحـــديد الطبقتين ونطبق نفس السابق