Arabic (العربية/عربي) translation by Maiszad (you can also view the original English article)

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

1. كيفية إعداد مساحة العمل الخاصة بك
افتح ملف test.psd المرفق بهذا البرنامج التعليمي. لقد قمت بإنشائه لراحتك حتى لا تضطر إلى اتباع أي خطوات طويلة حول إنشاء المستندات.
تأكد من أنك قمت بإعداد مساحة العمل الخاصة بك بشكل صحيح. لهذا البرنامج التعليمي، ونحن بحاجة الى بعض اللوحات لتكون واضحة وهي :تطبيقات ، الطبقات ، و أنماط . إذا لم تكن لديك هذه اللوحات مرئية ، فانتقل إلى النافذة وقم بتمكين اللوحات واحدة تلو الأخرى بأسمائها.
ثم تحتاج إلى التأكد من أن أداة مسطرة القياس هي بوحدات البكسل. إذا لم تر المساطر ، فاضغط على Command-R لتنشيطها ، ثم انقر بزر الماوس الأيمن على المسطرة نفسها واختر Pixels .

2. كيفية الاستعداد للتسجيل
في الوقت الحالي ، نظرًا لأننا أعددنا مساحة العمل لدينا حسب الحاجة ، يمكننا البدء في تسجيل إجراءاتنا.
الخطوة 1
اذهب إلى لوحة الإجراءات وأنشئ مجموعة عمل جديدة . يمكنك أن تطلق عليه ما تشاء.

الخطوة 2
داخل مجموعة العمل ، قم بإنشاء إجراء جديد. أعطه أي اسم — على سبيل المثال ، "إجراء خريطة متساوي القياس ".

بعد ذلك ، اضغط على زر إيقاف التسجيل . وذلك لأنه بعد إنشاء إجراء ، يبدأ التسجيل تلقائيًا. لا نريد أن يحدث هذا حتى الآن.

حدد الطبقة "الرئيسية" ، لأننا لا نريد تسجيل هذه الخطوة. بالنسبة إلينا ، ستكون هذه الخطوة التي يقوم بها المستخدم. يقرر المستخدم تحديد الطبقة.

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

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

بعد ذلك، انقر نقرا مزدوجا علىطبقة الكائن الذكي ل تحرير المحتوى. سيتم تحويلك إلى مستند جديد. هذا هو المكان الذي سنكون نعمل فيه مع صورتنا.
الخطوة 2
الآن نريد توفير مساحة أكبر حول صورتنا من خلال زيادة حجم اللوحة. انتقل إلى الصورة> حجم اللوحة ، وفي نافذة الحوار ، بدلاً من "Pixels" ، اختر "Percent" وأدخل 200٪ لكلا الجانبين. سيزيد من حجم اللوحة بشكل متناسب.

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

Hold Command - [ لنقل الطبقة التي تم إنشاؤها حديثًا تحت الطبقة "الرئيسية" .قم بإعادة تسمية الطبقة "القالب" .

املأ هذه الطبقة بأي لون تريده بالضغط على Command-Backspace . بالنسبة لنا ، لا يهم اللون حقاً لأن طبقة "القالب" هي طبقة مؤقتة ، وسيتم حذفها لاحقًا.
وأخيرًا ، نحتاج إلى التبديل إلى الطبقة "الرئيسية" ، بحيث يتم تحديدها. اضغط علىOption-] للتبديل إلى الطبقة "الرئيسية" . عند اتخاذ إجراءات ، نحتاج إلى جعل كل شيء مرناً ، حتى نتمكن من تطبيق العملية مرة أخرى في المستقبل.

4. كيفية قطع وتحويل أجزاء الخريطة
الخطوة 1
لقص الطبقة "الرئيسية" إلى ثلاثة أجزاء متساوية ، نحتاج بالفعل إلى إجراء قطعتين.سنقوم بتقسيم الطبقة "الرئيسية" باستخدام أداة التحديد . قم بالاختيار حول طبقتنا من خلال الضغط على Command والنقر على الصورة المصغرة للطبقة. ثم انتقل إلى Select> Transform Selection .

الآن لتطبيق القليل من الرياضيات. إذا أخذنا 100٪ من حجم الصورة الفعلي وقمت بتقسيمه على 3 ، نحصل على 33.34٪ تقريبًا . إذن هذه بالضبط هي القيمة التي نريد رؤيتها في حقل إدخال العرض . ضع القيمة التي تراها في الصورة أدناه. من المهم عدم نسيان موقع النقطة المرجعية . هذهنقطة مهمة للتحويلات. اختر نقطة الانجذاب لليسار الوسط.

بعد إدخال كل شيء بشكل صحيح ، اضغط على مفتاح Enter .

الخطوة 2
لقد انتهينا تقريبا من هذا. نحتاج الآن إلى توسيع التحديد الحالي إلى اليسار قليلاً ، حتى نكون متأكدين بنسبة 100٪ من أننا لن نقطع أي بكسلات غير متوقعة حول منطقة القطع. نحن نفعل ذلك لأن االبكسلات الغير ظاهرة يمكن أن تسبب مشاكل في المستقبل أثناء التحويل ، ومن الصعب تحديدها.
انتقل إلى Select> Transform Selection. يجب أن تكون النقطة المرجعية من يمين الوسط ، ثم تدخل هذه الأبعاد في الحقول: W: 110٪؛ H: 110 ٪ ؛
اضغط على Enter .

الخطوه 3
قبل الانتقال ، نحتاج إلى القيام بخدعة صغيرة نسميها "Clear Cut". الفكرة كلها من هذه الخدعة هي قطع الطبقة دون اي بكسلات شفافة على حافة القطع. كيف نفعل ذلك؟ اذهب إلى Selection> Select and Mask . ثم انتقل إلى القائمة اليمنى وأدخل القيم التالية:
- Radius: 0 px
- Smooth: 0
- Feather: 0.0 px
- Contrast: 100%
- Shift Edge: 0%
- Output To: Selection
ثم انقر فوق " موافق" .

انقر بزر الماوس الأيمن على التحديد ومن القائمة المنسدلة اختر Layer Via Cut .

أعد تسمية الطبقة المقطوعة حديثًا وأعطها الاسم "1" . اضغط على Option- [ لاختيار الطبقة الخلفية. الآن يتم تحديد الطبقة "الرئيسية" .
الخطوة 4
هنا لدينا طبقتان منفصلتان. في الأساس ، في هذه الخطوة ، سنفعل نفس الأشياء كما فعلنا سابقًا. والفرق الوحيد هو أننا سنقلص الاختيار إلى النصف.
تأكد من تحديد الطبقة "الرئيسية" . مرة أخرى ، قم بإجراء تحديد حول الطبقة الحالية عن طريق الضغط على Command والنقر فوق الصورة المصغرة للطبقة. حسنًا ، الآن لدينا التحديد حول الطبقة.

بعد ذلك ، انتقل إلى Select> Transform Selection . دعونا نخفف من الاختيار بمقدار النصف. اكتب قيمة 50٪ في حقل إدخال العرض . لا تنس موقع نقطة المرجع ، الذي يجب أن يكون من يسار الوسط.

اضغط على مفتاح Enter .
الخطوة 5
كما وعدت ، فإن الخطوات متشابهة إلى حد كبير. وفي هذه الحالة ، نحتاج أيضًا إلى توسيع التحديد حول الجانب الأيسر. نلقي نظرة على الطريقة التي قمنا بها في السابق .
اذهب الى اختر> تحويل التحديد ( نقطة مرجعية يجب أن تكون من يمين الوسط) ، ثم أدخل هذه القيم في الحقول: W: 110٪ H: 110٪.
اضغط على مفتاح Enter .

بالنسبة لهذا الجزء ، كرر أيضًا طريقة "Clear Cut" كما فعلنا في الخطوة 3 من القسم الحالي.
انقر بزر الماوس الأيمن على التحديد ومن القائمة المنسدلة ، اختر Layer Via Cut .أعد تسمية الطبقة المقطوعة حديثًا وأعطها الاسم "2" . اضغط على Option- [ للتبديل إلى الطبقة أدناه. أعد تسميته "3" .

الخطوة 6
لدينا الآن ثلاثة أجزاء قطع متساوية. الآن ، نحن على استعداد لتحويل اثنين منهم ، وهما"1" و "2" . ماذا تفعل مع الثالث ، ستعرف لاحقا. في الوقت الراهن ، دعونا ندخل في عملية التحويل.
حدد طبقة "1" . انتقل إلى Edit> Transform وحدد Scale. أدخل القيم التالية:
- W: 53.9%;
- H: 74.2%;
- <: 0.00؛
- H: 0.00 °؛
- V: 45.5°;
و النقطة المرجعية هي أسفل اليمين. اضغط على Enter .

الخطوة 7
حدد طبقة "2" . انتقل إلى Edit> Transform وحدد Scale . أدخل القيم التالية:
- W: 96.00%
- H: 74.1%
- <: 0.00°
- H: 0.00°
- V: 12.8
و النقطة المرجعية هي أسفل اليسار. اضغط على Enter .

5. كيفية استخدام أداة محاذاة
الخطوة 1
كما لاحظت ، لدينا الآن مشكلة. يمكننا أن نرى الفجوة بين الطبقة الثالثة غير المتحولة وبقية الطبقات. إذا قمنا الآن بتحويل الطبقة الثالثة ، فلن تعمل لنا.
في الحالة العادية ، من المفترض اننا كنا سنقوم بتحويل الطبقة الثالثة ثم نقلها إلى اليسار. ولكن بما أننا نسجل الإجراءات ، فإن هذه الطريقة لا تعمل بالنسبة لنا. لذلك نحن بحاجة إلى جعل شيء أكثر عالمية.للتأكد من أنه سيعمل لجميع أنواع و أحجام الصور.
حسنًا ، نحتاج الآن إلى إجراء تحديد متعدد. نحن نقف على طبقة "2" . نريد تحديد كلتا الطبقتين: الطبقة "2" والطبقة "1" . اضغط باستمرار على مفتاح Command وانقر على الطبقة "1" لإضافته إلى التحديد. الآن يجب أن تشاهد كلا الطبقتين المحددتين.

ثم نحتاج إلى تحويل الطبقات المحددة إلى كائن ذكي . انقر بزر الماوس الأيمن على واحدة من الطبقتين - لا يهم أي منهما - ومن القائمة المنسدلة حدد Convert to Smart Object .

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

بما أننا مستمرون ، فلدينا بالفعل طبقة كائنات ذكية محددة بالفعل ، ونحن بحاجة إلى إضافة طبقة "template" إلى هذا التحديد. اضغط على مفتاح Command وانقر على طبقة"template" .
اذهب وامسك أداة النقل . تعمل محاذاة Photoshop بالنسبة للطبقة الأكبر. اختر محاذاة الحواف اليسرى —سوف يلتصق الكائن الذكي بالجانب الأيسر.
بعد ذلك ، انقر فوق محاذاة الحواف السفلية. لقد وضعناها في أسفل اللوحة.

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

حدد أداة التحريك. محاذاة طبقة "3" إلى الجانب السفلي. ثم محاذاة الطبقة إلى الجانب الأيسر . وأخيرًا ، قم بمحاذاة الطبقة إلى اليمين.

اضغط على Command-D لإلغاء تحديد التحديد الحالي.
انتقل إلى Edit> Transform واختر Scale. تعيين نقطة المرجعي إلى اليمين . ثم انتقل إلى تحرير> تحويل واختيار انعكاس أفقي أو في العرض حقل إدخال إدخال قيمة-100٪ .

ستكون الخطوة الأخيرة عكس الطبقة مرة أخرى. انتقل إلى Edit> Transform واختر Flip Horizontal.

الخطوة 4
حدد طبقة "3". انتقل إلى Edit> Transform وحدد Scale . أدخل القيم التالية:
- في: 55.2 ٪
- H: 74.1%
- <: 0.00 °
- ه: 0.00 درجة
- الخامس: 46.00
تعيين نقطة المرجعي إلى أسفل اليسار. اضغط على Enter.

الخطوة 5
في الوقت الراهن ، لدينا خريطتنا في موقف غريب. نحن بحاجة إلى تدويرها إلى الموقف الذي نحتاجه بالفعل.
حدد طبقة "1" . اضغط باستمرار على مفتاح Command وانقر فوق الطبقة "2"بحيث يتم تحديد كلا الطبقتين. انتقل إلى Edit> Transform وحدد Rotate.
أدخل القيم التالية:
- W: 100%
- H: 100%
- <: 51.6 ٪
- H: 0.00°
- V: 0.00°
اضغط على Enter.

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

انقر نقرًا مزدوجًا فوق الطبقة المنشأة حديثًا لتحرير المحتوى

في الوثيقة المفتوحة ، حدد الطبقة "2" .

اضغط على Delete (Backspace) لحذف الطبقة "2" .
اضغط على Delete (Backspace) لحذف الطبقة "2" .

الخطوة 2
الان سنقوم بتنقيط الطبقة الحالية التي اغلقناها .انقر بزر الماوس الأيمن على الطبقة واختر طبقة Rasterize. أعد تسميتها "1". اضغط على Option- [للتبديل إلى الطبقة أدناه.
بالنسبة إلى كائن ذكي آخر ، تكون الخطوات متشابهة. انقر نقرًا مزدوجًا فوق الطبقة الحالية لتحرير المحتويات.
في وثيقة تم فتحها حديثًا ، حدد الطبقة "1". اضغط على Backspace لحذف الطبقة "1". أغلق المستند ، وأغلق ، انقر فوق حفظ .
تنقيط الطبقة. انقر بزر الماوس الأيمن على الطبقة واختر طبقة Rasterize . إعادة تسمية "2" .

7. الخطوات النهائية على سطح الخريطة
الخطوة 1
في هذا القسم القصير ، نقوم بتطبيق الأنماط على الجزء الأوسط من الطبقة "2" . نريد أن تبدو خريطتنا أكثر واقعية. لذلك ، سنضيف بعض التظليل إليها.
حدد طبقة "2". انقر مرتين على ذلك لاستدعاء نافذة Layer Styles . حدد قسم تراكب اللون . في هذا القسم ، اسحب العتامة إلى 35٪ . اختر اللون # 000000
(أسود خالص).
اضغط ok

الخطوة 2
لقد حان الوقت لتوسيط أجزاء الخريطة في منتصف لوحة الرسم لدينا.
حدد طبقة "1". أضف إلى طبقات التحديد "2" و "3". القيام بذلك عن طريق الضغط على مفتاح control والنقر على طبقة "2" و بعد ذلك على طبقة "3". نحتاج إلى تحديد جميع الطبقات الثلاث.
اضغط على Command-G لوضع كل الطبقات المحددة في مجموعة. إعادة تسمية المجموعة. أعطه اسم "جميع الأجزاء" .
لاحظ أن توسيع المجموعات ليس ميزة قابلة للتسجيل في Photoshop.
قم بتوسيع المجموعة بالنقر فوق المثلث الصغير على الجانب الأيسر من المجموعة. بعد ذلك ، حدد طبقة "1" .
تُعد هذه الخدعة ذات أهمية خاصة في الوضع التلقائي نظرًا لأنه بمجرد قيامنا بالمجموعة ، لن نتمكن من رؤية الطبقات بعد الآن. ولكننا لا نزال نريد أن نتمكن من التقاط الطبقات والاستمرار في تسجيل الإجراء. لذلك ، عندما نضغط على الطبقة "1" ، فإننا نوسع المجموعة تلقائيًا ، ويمكن لـ Photoshop رؤية الطبقات مرة أخرى.

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

حدد طبقة "القالب" واحذفها عن طريق الضغط على مفتاح Backspace على لوحة المفاتيح.
اذهب إلى صورة> تقليم . في مربع الحوار ، اختر Based On> Transparent pixels ، وفي خيارات Trim Away ، اذهب مع جميع الاتجاهات: Top ، Right ، Left ، Bottom .

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

الخطوة 4
لقد تخلصنا من طبقة "القالب" . الآن نحتاج إلى إنشاء الخلفية بدلاً من ذلك. حدد طبقة"3". قم بإنشاء طبقة جديدة. انقر فوق رمز الطبقة الجديدة في أسفل لوحة الطبقات . إعادة تسمية الطبقة "الخلفية".
حرك الطبقة إلى الخلف بالضغط على Command- [ . اضبط لون المقدمة إلى اللون الرمادي # 444444
. استخدم اختصار لوحة المفاتيح Option-Delete (Backspace) لملء الطبقة ذات اللون الرمادي.

8. كيفية إنشاء وحدة تخزين ثلاثية الأبعاد لسطح الخريطة
الخطوة 1
ستكون هذه نقطة بداية لإنشاء وحدة تخزين للخريطة.
اضغط على مفتاح Command وحدد طبقات متعددة: "1" و "2" و "3" . اضغط علىCommand-E لدمج الطبقات المحددة.

نحتاج الآن إلى نسخ الطبقة المدمجة مرتين. للقيام بذلك ، اضغط على Command-Jمرتين. يجب أن تشاهد الآن ثلاث نسخ.

الخطوة 2
في هذه الخطوات ، سننشئ سطحًا ثلاثي الأبعاد لخريطتنا.
قم بالتبديل إلى الطبقة أدناه بالضغط على Option- [ . سيتم تحديد الطبقة أدناه. تجميع الطبقة الحالية ( القيادة- G ). إعادة تسمية المجموعة "حجم" . قم بالتبديل إلى الطبقة أدناه ( Option- [ ).
الآن نحن بحاجة إلى إضافة تأثير 3D. حدد أداة التحريك أولاً. ابق ضاغطا على مفاتيح الأوامر الخيار وفي الوقت نفسه اضغط على مفتاح السهم لأعلى ست مرات.

ثم انقر فوق وحدد المجموعة "حجم" ، ودمجها ( Command-E ).
قم بتعيين أنماط الطبقة لهذه الطبقة. حدد قسم تراكب اللون . بعد ذلك ، اسحب العتامة إلى35٪ . اختر اللون # 000000
(أسود خالص).

نحن بحاجة إلى تحريك طبقة الوجه قليلاً. قم بالتبديل إلى الطبقة أعلاه: Option-] . حدد أداة Move واضغط مفتاح السهم لأعلى سبع مرات.

إعادة تسمية الطبقة وتسمية "الوجه" .
الخطوه 3
ستكون الخطوة الأخيرة هي إنشاء طبقة "الظل" لخريطتنا. حدد طبقة "الخلفية" . اضغط على Option-] لنقلها إلى الطبقة أعلاه.
قم بتطبيق الأنماط عليه. حدد تراكب اللون . ضبط التعتيم على 100٪ . اختر اللون # 000000
. انقر فوق موافق .

قم بتنقيط هذه الطبقة.

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

انتقل إلى الفلتر Blur> Gaussian Blur. اضبط نصف القطر على 35.0 بكسل .

الخطوة 4
تهانينا! نحن انتهينا! الآن يمكننا النقر فوق زر " إيقاف التسجيل" .

عمل رائع ، لقد انتهيت!
كان هذا دليلاً يوضح سير العمل وكيفية العمل مع إجراءات التحويل. إنها ليست واحدة من أصعب الأشياء التي يجب القيام بها ، ولكنها ليست سهلة أيضًا. إذا كنت قد فعلت كل شيء بشكل صحيح ، فلديك الآن إجراء عمل كامل ، ويمكنك تطبيقه على أي صور أخرى.
منطقة بناء العمل ليست محدودة كما قد تظن ، لذلك فمن الجدير بالتأكيد معرفة ما إذا كنت قد بدأت بالفعل في تعلم فوتوشوب. إذا كنت تعلم ذلك ، سترى كيف سيساعدك ذلك في توفير الوقت في أداء المهام اليومية.
لا تتردد في طرح أي أسئلة في التعليقات أدناه. أتمنى لك حظًا سعيدًا في تجاربك!
تذكر أنه يمكنك شراء هذه الخريطة Mockup على GraphicRiver .

Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post