Learn To Create A Retro Style Joypad [سلسلة آبدآع - مترجم ]

[رَوح حَآلِم]

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


● ● ●





معلومآت عن الدرس :
عنوان الدرس / Learn To Create A Retro Style Joypad
صـآحب الدرس / photoshop-plus
رابط الدرس الاصلي / هنآ (http://www.photoshop-plus.co.uk/2012/10/24/learn-to-create-a-retro-style-joypad/)
نتيجة صاحب الدرس / هنآ (http://www.photoshop-plus.co.uk/content/tutorials/joypad/preview.jpg)
مستوى الدرس / سهل الى متوسط
الأدوات / ليس هناك أي أدوات

[رَوح حَآلِم]

نقوم بفتح عمل بمقدار 800×600 ثم نقوم بعمل خلفية صغيره من أبداعكم ، ثم نستخدم Ellipse Tool ونرسم دائره كبيره و دائره أصغر منها بقليل
ونقوم بأختيار المناطق متقاربه كمثل الشكل التالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step03.jpg

● ● ●

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

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step08.jpg

● ● ●

نعطي أستايل لهيكل عصى التحكم كتالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step09.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step10.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step11.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step12.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step13.jpg

الان نعطي ستايل لدوائر والشكل البيضاوي السابق كتالي :
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step15.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step16.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step17.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step18.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step19.jpg

سيبدو الشكل الى الان هكذآ :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step20.jpg





يتبع ،،

[رَوح حَآلِم]

نقوم الان بعمل طبيقه جديده ثم نخفي العين عن الخلفيه ثم نقوم بعمل Image - apply Image
ونقوم بتحويل هذه الطبقه للاسود حتى نصنع ظل في الاسفل
نضع هذه الطبقه تحت طبقه عصى التحكم ثم نقوم بعمل Filter - Blur - Motion Blur بمقدار Angle : 20 - Distance : 49 ونحول الـ opacity الى 30
نقوم برسم مستطيل صغير في أعلى عصى التحكم حتى تبدو كمخرج سلك ثم نعطيها الستايل التالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step24.jpg

نقوم برسم سلك متموج بأداة الـ Pen Tool ونعطيه الستايل التالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step27.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step28.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step29.jpg

سيكون الشكل الان :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step30.jpg

● ● ●

الان نستعمل أداة Rounded Rectangle Tool نقوم برسم مستطيل بطول ثم نكرره ونقوم بقلب المستطيل ليبدو لنا في النهايه مثل " + "
نعمل نفس العمليه لكن بحجم أصغر لتكون بأعلى الـ علامه " + " ، ثم نصنع خطوط صغيره لتكون على شكل كل جهه
ثم نقوم عمل ستايل للخطوط الصغيره كتالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step35.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step36.jpg

ثم نقوم بعمل ستايل للـ " + " الصغير كتالي كتالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step37.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step38.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step39.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step40.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step41.jpg

سيبدو العمل الى الان هكذآ :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step42.jpg

● ● ●

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

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step44.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step45.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step46.jpg

الان نقوم بعمل دوائر أصغر بداخل الدوائر السابقه ثم نعطيها الستايل التالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step49.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step50.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step51.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step52.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step53.jpg

نقوم بعمل الستايل على الدوائر الباقيه لكن بألوان مختلفه ، سيبدو الشكل الان كتالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step54.jpg

نضع أشكال على الدوائر مثل نجمه ومثلث وحروف ونعطي الستايل لكل شكل كتالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step55.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step56.jpg

سيبدو الشكل الى الان هكذآ :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step57.jpg





يتبع ،،

[رَوح حَآلِم]

الان نصل الى الخطوات النهائيه ، نعود لشكل البيضاوي في البدايه ونقوم بعمل شكل بيضاوي صغير بداخله ثم نعطيه الستايل التالي :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/step49.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step50.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step51.jpg
http://www.photoshop-plus.co.uk/content/tutorials/joypad/step59.jpg

الان نستخدم أداة Type Tool ونكتب Start و Select ، النتيجه النهائية :

http://www.photoshop-plus.co.uk/content/tutorials/joypad/preview.jpg

● ● ●

الى هنا نصل الى نهاية الدرس الاخير ، اتمنى ان تكون دروسي السابقه نالت على رضاكم ،
عذا الدرس هو على بناء طلب أحد الاعضاء ، عمومآ اذا كان هناك دروس تردون مني ترجمتها سوف أترجمها واضعها لكم في قناه Youtube
بدون وضع أي موضيع جديده بأذن الله ، جميع الحقوق محفوظه
All Rights Reserved To - Maestro@ Mexat || Good Luck

[F O O O]

ما شاء الله تبارك الله :d
ياخي اعطينا من قدراتك التصميمية والفنية :d

[رَوح حَآلِم]

^
هههههههههههه فو بقسم التصميم غريبه xD ! ، بصراحه يآ فو لو أقدر أعطيتك أياها كلها صدقني :D ،
مع الاسف لا نستطيع نقل المعلومات مثل أجهزه الحاسب xD ، تو نور الموضوع =)

[zeez10119]

:orange:

[بِشْر]

تطبِيقي :

http://www.mexat.com/vb/attachment.php?attachmentid=1887383&stc=1&d=1373267871

و ربِي توهَقت و يآ الدَرس قُرابَة ساعَة و أنآ أسوِيه :بكاء: