القائمة الرئيسية

الصفحات

كيفيه محاذاة الطبقات وتوزيعها في الفوتوشوب Photoshop



كيفيه محاذاة الطبقات وتوزيعها في الفوتوشوب Photoshop



محاذاة الطبقات وتوزيعها في Photoshop


 لوحة Layers في Photoshop CS5.

تظهر كل كتلة على طبقتها الخاصة في لوحة Layers.

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

للوصول إلى خيارات المحاذاة والتوزيع ، نحتاج إلى تحديد أداة التحريك ، لذلك سأختارها من أعلى لوحة الأدوات:

تحديد أداة التحريك من لوحة الأدوات في Photoshop.
حدد أداة التحريك.

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

خيارات Photoshop Align and Distribute في شريط الخيارات.
مع تحديد أداة التحريك ، تظهر خيارات المحاذاة والتوزيع في شريط الخيارات.

دعونا نرى ما يحدث إذا قمت بتحديد طبقات متعددة. لقد قمت بالفعل بتحديد الطبقة العلوية اليسرى أعلى مجموعة الطبقات:

يتم تحديد الطبقة العليا في لوحة Layers.
الطبقة اليسرى العليا محددة حاليًا.

سأحدد الطبقات العليا واليمين الأعلى أيضًا عن طريق الضغط باستمرار على مفتاح Shift والنقر فوق الطبقة اليمنى العليا. يؤدي ذلك إلى إبقاء الطبقة العلوية اليسرى محددة ، وإضافة الطبقة اليمنى العلوية إلى التحديد ، وكذلك تحديد طبقة المركز العلوي بينهما ، لذلك يتم الآن تحديد الطبقات الثلاث مرة واحدة:

تحديد ثلاث طبقات مرة واحدة في لوحة Layers في Photoshop.
تحديد الطبقات العلوية اليسرى والوسطى والأعلى اليمنى في لوحة الطبقات.

مع تحديد أكثر من طبقة واحدة الآن ، يصبح الخياران Align and Distribute متاحين. دعونا نلقي نظرة فاحصة عليهم.

خيارات المحاذاة

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

خيارات المحاذاة في شريط الخيارات في Photoshop.
خيارات المحاذاة الستة - الحواف العلوية والمراكز الرأسية والحواف السفلية والحواف اليسرى والمراكز الأفقية والحواف اليمنى ..

خيارات التوزيع

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

خيارات التوزيع في شريط الخيارات في Photoshop.
خيارات التوزيع الستة - الحواف العلوية والمراكز الرأسية والحواف السفلية والحواف اليسرى والمراكز الأفقية والحواف اليمنى.

دعونا نرى كيف يمكنني استخدام خيارات المحاذاة والتوزيع هذه لإعادة ترتيب الكتل في المستند بسهولة. كما رأينا منذ لحظة ، قمت بتحديد طبقات Top Left و Top Center و Top Right في لوحة Layers. سأقوم بإيقاف تشغيل الكتل الأخرى في المستند مؤقتًا عن طريق النقر فوق رمز رؤية كل طبقة لا تحتاج إلى إيقاف تشغيل الطبقات الأخرى لاستخدام خياري المحاذاة والتوزيع. أقوم بهذا فقط لتسهيل رؤية ما يحدث في المستند:

أيقونات Layer Visibility في لوحة Layers في Photoshop.
قم بإيقاف تشغيل الكتل الأخرى بالنقر فوق أيقونات رؤية الطبقة الخاصة بها.

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

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

أول شيء أريد القيام به هو محاذاة هذه الكتل الثلاثة أفقيًا بناءً على الحواف العلوية للكتل. للقيام بذلك ، مع تحديد الطبقات الثلاث في لوحة Layers ، كل ما علي فعله هو النقر فوق الخيار Align Top Edges في شريط الخيارات:

خيار Align top edges في شريط الخيارات في Photoshop.
النقر فوق خيار Align Top Edges.

ينظر Photoshop إلى الكتل الثلاثة ، ويحدد أيهما أقرب إلى الجزء العلوي من المستند ، ثم يحرك الكتلتين الأخريين لأعلى لمحاذاة الحواف العلوية لكل من الثلاثة ، ويتم كل ذلك على الفور:

محاذاة الكتل مع حوافها العلوية.
يتم الآن محاذاة الكتل الثلاثة مع حوافها العلوية.

أريد أيضًا توزيع الكتل الثلاث أفقيًا بحيث تكون متباعدة بشكل متساوٍ عن بعضها البعض ، لذلك هذه المرة (مرة أخرى مع تحديد الطبقات الثلاث في لوحة الطبقات) ، سأضغط على خيار Distribute Horizontal Centers في شريط الخيارات :

خيار توزيع المراكز الأفقية في شريط الخيارات في Photoshop.
النقر فوق خيار توزيع المراكز الأفقية.

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

توزيع الكتل أفقيا في المستند.
الكتل الآن متباعدة بشكل متساوٍ أفقياً.

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

تشغيل الطبقات الوسطى اليسرى والسفلى اليسرى.
النقر فوق أيقونات الرؤية للطبقات الوسطى اليسرى والسفلى اليسرى.

يؤدي هذا إلى تشغيل هاتين الكتلتين الجديدتين في المستند. كتلة "T" الزرقاء على الطبقة الوسطى اليسرى والبرتقالية "H" على الطبقة اليسرى السفلى:

تظهر الكتل المتوسطة اليسرى واليسرى السفلية في المستند.
تظهر كتلتان أخريان في المستند.

أريد محاذاة الحواف اليسرى لهاتين الكتلتين الجديدتين مع الحافة اليسرى للكتلة "P" في الزاوية اليسرى العليا ، لذا فإن أول شيء أحتاج إلى فعله هو تحديد تلك الطبقات الثلاث في لوحة الطبقات. سأبدأ بالنقر فوق الطبقة العلوية اليسرى لتحديدها ، ثم سأضغط باستمرار على مفتاح Ctrl (Win) / Command (Mac) أثناء النقر فوق الطبقات الوسطى اليسرى والسفلية اليسرى. سيحدد هذا الطبقات الثلاث كلها مرة واحدة:

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

مع تحديد الطبقات الثلاث ، سأضغط على خيار Align Left Edges في شريط الخيارات:

خيار Align Left Edges في شريط الخيارات في Photoshop.
النقر فوق الخيار Align Left Edges.

ينظر Photoshop إلى الكتل الثلاثة ، ويحدد أيهما أقرب إلى الجانب الأيسر من المستند ، ثم ينقل الكتلتين الأخريين إلى اليسار لمحاذاة الحواف اليسرى لكل من الثلاثة:

محاذاة الحواف اليسرى للكتل الثلاث.
يتم الآن محاذاة الحواف اليسرى للكتل.

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

تشغيل أسفل الوسط والطبقات اليمنى السفلية في المستند.
النقر فوق أيقونة الرؤية لطبقات أسفل الوسط وطبقات أسفل اليمين.

يؤدي هذا إلى تشغيل الكتل الزرقاء "O" (الوسط السفلي) والأحمر "P" (أسفل اليمين) على طول الجزء السفلي:

تظهر الكتل الثلاثة السفلية في المستند.
كتلتان جديدتان على طول الجزء السفلي مرئية الآن.

سأحدد الطبقات الثلاث جميعها مرة واحدة عن طريق النقر أولاً على الطبقة السفلى اليسرى في لوحة الطبقات ، ثم الضغط باستمرار على مفتاح Shift والنقر على الطبقة اليمنى السفلية. تم تحديد جميع الطبقات الثلاث ، بما في ذلك طبقة أسفل المركز بينهما ، الآن:

تحديد ثلاث طبقات مرة واحدة في لوحة Layers في Photoshop.
تحديد الطبقات السفلية اليسرى والوسطى والسفلية اليمنى.

أرغب في محاذاة الحواف السفلية لهذه الطبقات ، لذلك سأضغط على خيار Align Bottom Edges في شريط الخيارات:

خيار Align Bottom Edges في شريط الخيارات في Photoshop.
النقر فوق خيار Align Bottom Edges.

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

محاذاة الحواف السفلية للكتل الثلاث في المستند.
يتم الآن محاذاة الحواف السفلية للكتل.

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

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

مع تحديد الطبقات الثلاث ، سأضغط على خيار Distribute Vertical Centers في شريط الخيارات:

خيار توزيع المراكز الرأسية في شريط الخيارات.
النقر فوق خيار Distribute Vertical Centers.

ينظر Photoshop إلى موضع الكتل العلوية والسفلية ، ثم يحرك الكتلة الوسطى لإنشاء مساحة متساوية عموديًا بينهما:

التباعد بين الكتل الثلاث اليسرى عموديًا.
الكتل الثلاثة على اليسار متباعدة بشكل متساوٍ الآن.

المكوِّن الإضافي للرموز القصيرة والإجراءات والفلاتر: خطأ في الرمز المختصر [ ads-basics-middle ]

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

النقر على أيقونة الرؤية للطبقة اليمنى الوسطى.
تشغيل الطبقة الوسطى اليمنى.

يؤدي هذا إلى تشغيل الكتلة "S" الخضراء على طول الجانب الأيمن:

تصبح الكتلة الموجودة على الطبقة الوسطى اليمنى مرئية.
تصبح الكتلة الخضراء "S" على الطبقة الوسطى اليمنى مرئية.

لمحاذاة الحواف اليمنى للكتل الثلاث على طول اليمين (المربعات "O" و "S" و "P") ، سأحدد أولاً الطبقات العلوية اليمنى والوسطى اليمنى والسفلى الأيمن في لوحة الطبقات:

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

ثم سأضغط على خيار Align Right Edges في شريط الخيارات:

خيار Align Right Edges في شريط الخيارات في Photoshop.
النقر فوق خيار Align Right Edges.

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

يتم الآن محاذاة الحواف اليمنى للكتل الثلاث.
يتم الآن محاذاة الحواف اليمنى للكتل الثلاث.

أحتاج أيضًا إلى تباعد الكتل الثلاثة بشكل متساوٍ عن بعضها البعض ، لذلك سأضغط على خيار Distribute Vertical Centers في شريط الخيارات ، تمامًا كما فعلت عندما قمت بتعديل تباعد الكتل الثلاث على اليسار:

خيار توزيع المراكز الرأسية في شريط الخيارات.
النقر مرة أخرى على خيار Distribute Vertical Centers.

والآن أصبحت الكتل الثلاثة على اليمين متباعدة بشكل متساوٍ:

الكتل الصحيحة الآن متباعدة بشكل متساو.
الكتل بعد النقر فوق خيار Distribute Vertical Centers.

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

تشغيل طبقة المركز الأوسط في المستند.
تشغيل طبقة المركز الأوسط.

يؤدي هذا إلى تشغيل كتلة "O" الحمراء في المنتصف:

تصبح الكتلة الموجودة في الوسط مرئية في المستند.
أصبحت كتلة "O" في الوسط مرئية الآن.

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

تحديد الطبقات الوسطى اليسرى والوسطى واليمين الأوسط في لوحة الطبقات.
اختيار الطبقات الوسطى الثلاث.

ثم سأضغط على خيار Align Top Edges في شريط الخيارات:

خيار Align top edges في شريط الخيارات في Photoshop.
النقر فوق خيار Align Top Edges.

يقوم Photoshop بتحريك الكتلة الوسطى لأعلى لمحاذاة حافتها العلوية مع الحواف العلوية للمكتلين "T" و "S" بجانبها ، وبذلك اكتمل نمط "الشبكة" ، كل ذلك بفضل خيارات Photoshop's Align and Distribute:

تم الآن محاذاة الكتل وتوزيعها في المستند.
جعلت خيارات المحاذاة والتوزيع من السهل إعادة ترتيب الكتل.

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

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

تحديد كل طبقات الكتل في لوحة Layers.
تحديد كل طبقات الكتل مرة واحدة.

مع تحديد جميع طبقات الكتلة ، سأضغط على أيقونة القائمة في الزاوية اليمنى العليا من لوحة Layers (ستبدو أيقونة القائمة كسهم صغير في الإصدارات القديمة من Photoshop)

أيقونة قائمة لوحة Layers في Photoshop.
النقر فوق رمز القائمة في الزاوية اليمنى العليا من لوحة Layers.

سأختار مجموعة جديدة من الطبقات من القائمة التي تظهر:

اختيار New Group من Layers من قائمة اللوحة Layers.
اختيار New Group من Layers من قائمة اللوحة Layers.

سيفتح Photoshop مربع حوار يطلب مني اسمًا لمجموعة الطبقات الجديدة. سأطلق عليه اسم "Blocks" ، ثم سأضغط على "موافق" للإغلاق خارج مربع الحوار:

تسمية مجموعة الطبقات الجديدة.
تسمية مجموعة الطبقات الجديدة.

إذا نظرنا في لوحة Layers ، فسنلاحظ أن جميع طبقات الكتلة متداخلة الآن بعيدًا داخل مجموعة طبقات تسمى "Blocks":

توجد طبقات الكتل الآن داخل مجموعة طبقات تسمى Blocks.
الطبقات المحددة موجودة الآن داخل مجموعة طبقات.

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

تحديد مجموعة الطبقات وطبقة الخلفية مرة واحدة.
تحديد مجموعة الطبقات وطبقة الخلفية مرة واحدة.

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

خيار Align Vertical Centers في شريط Options في Photoshop.
النقر فوق خيار Align Vertical Centers.

يقوم Photoshop بمحاذاة طبقات الكتلة داخل مجموعة الطبقات عموديًا مع طبقة الخلفية:

يتم الآن محاذاة الكتل عموديًا مع طبقة الخلفية.
تتم محاذاة الكتل الموجودة داخل مجموعة الطبقات كما لو كانت على طبقة واحدة.

وأخيرًا ، سأضغط على خيار Align Horizontal Centers في شريط الخيارات:

خيار Align Horizontal Centers في شريط Options في Photoshop.
النقر فوق خيار Align Horizontal Centers.

يؤدي هذا إلى محاذاة الكتل أفقيًا مع طبقة الخلفية ، مع توسيط التصميم في المستند:

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