اذهب إلى المحتوى

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

40creating-Wii-controller.jpg

  • تصميم الخلفية: أنشئ مستندًا جديدًا بقياس 30x50 بوصة، ثم أنشئ طبقة layer جديدة ولونها بأي لون تختاره، ثم طبق تراكب تدرجي Gradient Overlay من نافذة خيارات المزج Blending options وفق الاعدادات التالية:

1creating-Wii-controller.jpg

تصميم شكل القبضة: أنشئ طبقةً جديدةً ثم استخدم أداة المستطيل ذات الحواف المستديرة Rounded rectangle Tool واختصارها U بنصف قطر Radius بمقدار 22 بكسل، لإنشاء شكل القبضة.

2creating-Wii-controller.jpg

استخدم إعدادات المزج التالية للحصول على نفس النتيجة:

2.1creating-Wii-controller1.jpg

2.2creating-Wii-controller.jpg

2.3creating-Wii-controller.jpg

عملية إضافة اللمعان: أنشئ طبقةً جديدةً لإضافة بعض اللمعان على القبضة، وارسم خطًا أبيضًا مستقيمًا مثل التالي:

3creating-Wii-controller.jpg

حدد الطبقة الجديدة، واضغط باستمرار على مفتاح CTRL، ثم انقر على طبقة جسم القبضة؛ أو حدد الطبقة الجديدة، ثم اضغط على تحديد Select، ثم تحميل التحديد Load Selection، وانقر على موافق.

حدد اللون الأبيض، ثم انقر على أداة الفرشاة Brush Tool واختصارها B، واختر الفرشاة ذات الحواف الخشنة المدورة. غَيّر القطر الرئيسي إلى 600 بكسل، وانقر مرةً واحدةً لإضفاء تأثير توهج داخلي.

4creating-Wii-controller.jpg

اضغط مفتاحي Ctrl + D لإزالة تحديد الشكل، ثم طبق شفافية Opacity للطبقة بمقدار 50%، ثم اختر أداة الممحاة واختصارها E وخفض شفافيتها، ثم استخدمها لمسح القليل من اللمعان:

4.1creating-Wii-controller.jpg

إضافة مكبرات الصوت: أنشئ طبقةً جديدةً واختر اللون التالي #3a3a3a، ثم أنشئ مجموعة دوائر باستخدام أداة الفرشاة، وذلك باتباع الأحجام الموضحة في الصورة التالية:

5creating-Wii-controller-768x500.jpg

انسخ الطبقة بالضغط على مفتاحي Ctrl + J وطبق عليها إعدادات المزج التالية:

6creating-Wii-controller.jpg

ضع الطبقة المنسوخة تحت الطبقة القديمة للحصول على نتيجة مماثلة لما يلي:

6.1creating-Wii-controller-768x510.jpg

أضواء الليد: أنشئ طبقةً جديدة وارسم مستطيلًا أسفلها باستخدام اللون 858585#، ثم انسخه مرتين.

7creating-Wii-controller1-570x348.jpg

أنشئ طبقة جديدة لإضافة اللمعان على المستطيلات التي ستكون بمثابة أضواء الليد LED، وذلك بتطبيق إعدادات المزج التالية:

8creating-Wii-controller.jpg

8.1creating-Wii-controller.jpg

8.2creating-Wii-controller.jpg

ستحصل على النتيجة التالية:

9creating-Wii-controller-768x486.jpg

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

نحتاج إلى اختيار نفس لون جسم القبضة، لكننا سنطبق تأثير التراكب اللوني Color Overlay لنستطيع تمييز ما نفعله، وعند الانتهاء، ألغِ تأثير التراكب اللوني Color Overlay وطبق تأثير Bevel and Emboss وفق الإعدادات التالية:

10creating-Wii-controller1-768x533.jpg

مفتاح التشغيل: أنشئ طبقةً جديدةً، ثم ارسم دائرة باستخدام أداة الفرشاة.

11creating-Wii-controller-570x373.jpg

طبق عليها إعدادات المزج التالية:

11.1creating-Wii-controller1.jpg

11.2creating-Wii-controller.jpg

11.3creating-Wii-controller.jpg

11.4creating-Wii-controller.jpg

ستحصل على نتيجة مماثلة لما يلي:

12creating-Wii-controller3-768x495.jpg

أنشئ الآن طبقةً جديدةً لإنشاء رمز التشغيل، وارسم دائرةً رماديةً صغيرةً داخل المفتاح، كما يلي:

13creating-Wii-controller2-570x498.jpg

ثم أنشئ تحديدًا دائريَا صغيرًا كالتالي، ثم احذفه:

13.1creating-Wii-controller-768x514.jpg

13.2creating-Wii-controller.jpg

أنشئ الآن تحديدًا مستطيلًا، ثم احذفه:

13.3creating-Wii-controller.jpg

13.4creating-Wii-controller.jpg

أنشئ الآن تحديدًا عاموديًا صغيرًا واملأه:

13.5creating-Wii-controller.jpg

يجب أن تحصل على نتيجة مشابهة لما يلي:

13.6creating-Wii-controller.jpg

طبق إعدادات المزج التالية:

14creating-Wii-controller.jpg

اكتب كلمة POWER باستخدام أداة النص Text Tool واختصارها T، استخدم الخط Kartika واللون 8a8888#.

15creating-Wii-controller.jpg

تصميم الشعار: استخدم أداة النص لكتابة شعار "Wii" باستخدام الخط Sony Sketch EFF واللون #989898.

16creating-Wii-controller.jpg

مفتاح القائمة الرئيسية: أنشئ طبقة جديدة، ثم ارسم دائرةً فوق المكبر:

17creating-Wii-controller.jpg

طبق إعدادات المزج التالية:

17.1creating-Wii-controller1.jpg

17.2creating-Wii-controller.jpg

17.3creating-Wii-controller.jpg

انسخ الطبقة وأضف إلى الطبقة الجديدة الإعدادات التالية:

18creating-Wii-controller.jpg

18.1creating-Wii-controller.jpg

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

19creating-Wii-controller.jpg

أنشئ طبقةً جديدة، ثم ارسم فيها منزلًا صغيرًا باللون #31befa، ثم اكتب "HOME" أسفل المفتاح الرئيسي باستخدام الخط Kartika أو الخط Simplified Arabic واللون 878686#.

زر التخفيض (-):

20creating-Wii-controller.jpg

طبق إعدادات المزج التالية:

20.1creating-Wii-controller.jpg

20.2creating-Wii-controller.jpg

20.3creating-Wii-controller.jpg

20.4creating-Wii-controller.jpg

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

21creating-Wii-controller.jpg

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

22creating-Wii-controller.jpg

زر الزيادة (+): أنشئ طبقةً جديدةً وارسم دائرةً على يمين زر القائمة الرئيسية. كرر ما فعلناه في الخطوة السابقة، وارسم علامة زائد باللون الرمادي في منتصف الدائرة.

23creating-Wii-controller.jpg

إضافة الزر (A): أنشئ طبقةً جديدةً فوق زر القائمة، ثم أنشئ دائرةً أكبر ولوّنها بالاسود.

24creating-Wii-controller.jpg

طبق الإعدادات التالية:

25creating-Wii-controller.jpg

25.1creating-Wii-controller.jpg

25.2creating-Wii-controller.jpg

25.3creating-Wii-controller.jpg

يجب أن تحصل على النتيجة التالية:

26creating-Wii-controller.jpg

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

27creating-Wii-controller.jpg

أنشئ طبقةً جديدةً أصغر من حجم الزر بقليل، واملأه باللون الأبيض، ثم امسح بعض أجزائه كما يلي:

28creating-Wii-controller.jpg

اكتب الحرف A باللون الرمادي داخل الزر باستخدام الخط Simplified Arabic.

29creating-Wii-controller.jpg

إضافة الزرين 1 و 2: أنشئ طبقةً جديدةً وارسم عليها دائرةً باللون الرمادي.

30creating-Wii-controller-570x364.jpg

انسخ الدائرة وحركها لليمين قليلًا:

31creating-Wii-controller-570x439.jpg

طبق الإعدادات التالية:

32creating-Wii-controller-570x422.jpg

32.1creating-Wii-controller-570x421.jpg

32.2creating-Wii-controller-570x423.jpg

32.3creating-Wii-controller-570x417.jpg

أضف تأثير اللمعان:

33creating-Wii-controller-570x342.jpg

اكتب الرقم 2 داخل الزر باستخدام الخط Kartika.

33.1creating-Wii-controller-768x467.jpg

انسخ هذه الطبقة واكتب الرقم 1 داخل الزر، ثم حرك الدائرة الرمادية للحصول على مظهر مختلف عن الزر الآخر.

401creating-Wii-controller.jpg

إضافة لوحة التحكم: استخدم أداة المستطيل ذات الحواف المستديرة بحجم 2 بكسل لإضافة أزرار التحكم، أنشئ طبقةً جديدةً واتّبع الخطوات التالية:

أنشئ مستطيلًا عموديًا:

34creating-Wii-controller-768x598.jpg

ثم أنشئ مستطيلًا أفقيًا:

34.1creating-Wii-controller1.jpg

طبق اعدادات المزج التالية:

35creating-Wii-controller1.jpg

35.1creating-Wii-controller.jpg

35.2creating-Wii-controller.jpg

35.3creating-Wii-controller.jpg

35.4creating-Wii-controller.jpg

35.5creating-Wii-controller.jpg

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

36creating-Wii-controller.jpg

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

37creating-Wii-controller-570x418.jpg

37.1creating-Wii-controller-570x422.jpg

أضف طبقةً جديدةً لإضافة بعض الظلال واللمعان أعلى القبضة، واستخدم فرشاة ذات لون رمادي:

39creating-Wii-controller-570x129.jpg

إضافة انعكاس: حدد جميع الطبقات عدا طبقة الخلفية، وذلك بالضغط على مفتاح Ctrl أو Shift والنقر على الطبقات، ثم انقر على إحدى الطبقات بالزر الأيمن واختر دمج الطبقات Merge Layers، ثم انسخ الطبقة بالنقر على مفتاحي Ctrl + J وانقر على قائمة تحرير Edit ثم Transform ثم اقلب عاموديًا Flip horizontal. ضع الطبقة الجديدة خلف القديمة واخفض قيمة الشفافية Opacity.

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

40creating-Wii-controller.jpg

ختامًا

يشرح هذا المقال كيفية تصميم قبضة تحكم واقعية للمبتدئين، كما يمكنك الاستفادة من جميع الملاحظات والحيل التي نفذناها في المقال لإنشاء عبوات وتصاميم واقعية.

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

ترجمة -وبتصرف- للمقال How to Recreate the Nintendo Wii Controller in Photoshop من الموقع.

اقرأ أيضًا


تفاعل الأعضاء

أفضل التعليقات

لا توجد أية تعليقات بعد



انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أضف تعليق

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • أضف...