Learn How To Create A Nintendo WiiU "مترجم"

[*~Ghost~*]

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
كيف الحال؟
اليوم هنشوف ازاي نعمل ويي :D
رابط الدرس الاصلي : هنا (http://www.photoshop-plus.co.uk/2011/07/06/part-1-learn-how-to-create-a-nintendo-wiiu-from-scratch-in-photoshop/)
مترجم الدرس : *~Ghost~*
نتيجة صاحب الدرس : هنا (http://www.photoshop-plus.co.uk/content/tutorials/wiiu/preview.gif)
نتيجتي : هنا (http://www.y4yy.net/images/16856497989354391626.png)
الدرس في المشاركة القادمة
يرجى عدم الرد

[*~Ghost~*]

نفتح عمل جديد بمقاس 1920 × 1290
نختار اداة “Rounded Rectangle Tool” والـــradius 200 بيكسل
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step01.gif
ونعمل الشكل التالي
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step02.gif
ونضيف له الاستيل التالي
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step03.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step04.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step05.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step06.gif

هيكون شكله كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step07.gif
دلوقتي هنعمل شادو الاول هنكرر الbase وهنخليه تحت الاصل وهنمسح الاستيل بتاع النسخة
وهنغير لون الشكل للأسود كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step08.gif
وبعد كده هنعمل Filter > Blur > Guassian Blur وهيسئلك لو عايز تحول الشكل الى لير عادي هتدوس اوك
وهتدخل قيمة 4 بيكسل
وعتحرك الشادو شوية لتحت حتى يصبح شكله هكذا
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step09.gif
بعدبن هنستخدم الــPen Tool ونعمل بيه الشكل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step10.gif
وهنضيف الاستيل الاتي
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step11.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step12.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step13.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step14.gif
هيكون شكله كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step15.gif
وبعدين هننسخ اللير ده ونعمل كده Edit > Transform > Flip Horizontal وضنعه الناحية الاخرى
هنستخدم اداة الRounded Rectangle Tool وهنعمل الشكل ده في الاعلى في المنتصف
وهنستخدم اداة Ellipse Tool وهنعمل دئرة في المنتصف زي كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step16.gif
وهنضيف الاستيل ده للشكل الــــrounded rectangle
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step17.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step18.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step19.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step20.gif
وهنضيف الاستيل ده للدائرة
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step21.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step22.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step23.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step24.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step25.gif
هيكون شكله كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step26.gif

يتبع ...

يرجى عدم الرد

[*~Ghost~*]

دلوقتي هنعمل دائرة صغيرة بأداة “Ellipse Tool” داخل الكميرا
ثم ننسخها ونصغر حجمها
ثم ننسخها مرة اخرى ونصغر حجمها هكذا
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step27.gif
في الدائرة الاولى هتضيف الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step28.gif
وفي الدائرة الثانية هتضيف الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step29.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step30.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step31.gif
وفي الدئرة الاخيرة هنعمل الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step32.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step33.gif
وشكل الكميرا هيكون كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step34.gif
نستخدم اداة الــPen tool ونعمل الشكل ده تحت ليرات الكميرا
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step35.gif
هنلونه بالأبيض وهنعله Filter > Blur > Guassian Blur وهندخل القيمة 4-5 بيكسل
وهندوس على Ctrl وهندوس على لير الــــrectangle وهندوس Select > Inverse
وهنخلي الاوبستي 15
هيكون الشكل كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step36.gif
هنستخدم اداة “Ellipse Tool” وهنعمل ثلاث دوائر بالشكل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step37.gif
هنضيف الاستيل ده للدائرة الاولى
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step38.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step39.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step40.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step41.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step42.gif
شكل الدائرة الاولى هيكون كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step43.gif
الدائرة الثانية هنضيف لها الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step44.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step45.gif

الدائرة الثانية هيكون شكلها كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step46.gif
وفي الدائرة الاخيرة هنضيف الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step47.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step48.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step49.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step50.gif
بعد كده هنكررهم وهننقلهم للناحية الاخرى
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step51.gif

يتبع ...
يرجى عدم الرد

[*~Ghost~*]

هنستخدم اداة “Rounded Rectangle Tool” والــــradius 10px
وهنضيف الشاشة في المنتصف هكذا
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step52.gif
ونضيف الاستيل الاتي
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step53.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step54.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step55.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step56.gif

هيكون شكله كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step57.gif
هنستخدم اداة الـــ“Rounded Rectangle Tool” ونعمل مربع تاني داخله اصغر منه
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step58.gif
وهنصيف الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step59.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step60.gif

وهيكون شكله كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step61.gif
هنختار اداة “Rounded Rectangle Tool” radius of about 15 – 20 pixels وهنعمل الشكل ده في يسار الويي
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step62.gif
وهننسخه وهنعمل Edit > Transform > Flip Horizontal وهندمجهم
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step63.gif
وبعد كده هنضيف الستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step64.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step65.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step66.gif

هيكون شكله كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step67.gif
وهنكرر الخطوة دي بس هنصغر الحجم بالشكل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step68.gif
وهنضيف الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step69.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step70.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step71.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step72.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step73.gif
وهنعمل شرط على الزرائر بأداة “Rectangular Marquee Tool” وهنلونهم باللون #9e9fa3
حتى يكون الشكل كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step74.gif
هنضيف اربع دوائر بأداة“Ellipse Tool” في الجهة الاخرى
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step75.gif
وهنضيف لكل دائرة منهم الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step76.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step77.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step78.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step79.gif
وهنكتب الحروف X,Y,B,A كل حرف على دائرة وهنضيف لهم الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step80.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step81.gif
الشكل هيكون كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step82.gif
يتبع ...
يرجى عدم الرد

[*~Ghost~*]

دلوقتي هنعمل الـــspeakers هنختار اداة “Rounded Rectangle Tool” و radius of about 50px
وهنعمل بيه مستطيل صغير في الاسفل وننسخه ونضعه في الناحية الاخرى
بهذا بالشكل
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step83.gif
وهنضيف الاستيل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step84.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step85.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step86.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step87.gif
هنعمل اربع دوائر واحدة كبيرة واتنين صغيرين بالشكل ده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step88.gif
وهنضيف للميك نفس استيل الـــSpeaker
وهنضيف للدائرة الصغيرة الاخرى هذا الاستيل
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step89.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step90.gif
وهنضيف للزر الكبير هذا الاستيل
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step91.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step92.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step93.gif

http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step94.gif
هيكون الشكل كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step95.gif
هنعمل ثلاث دوائر وهنضيف ليهم استيل الزر الكبير الفات
هيكون الشكل كده
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step97.gif

وهنضيف للدوائر الشكال دي ونكتب تحت كل زر اسمه هكذا
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/step98.gif
كده يكون عندك ويي ::سعادة::
الشكل النهائي
http://www.photoshop-plus.co.uk/content/tutorials/wiiu/preview.gif
تم بحمد الله
يلا عايز اشوف ردود حلوة

[JoHe]

» آلس’ــلام ع’ــليكم و رح’ــمة آلله و برك’ــآته «

彡شك’ــرآ ع ترجم’ــه آلرآئعه
彡آستم’ــتع’ــة ف آلتطبيق
彡آلنتيج’ــه م’ــذهله ح’ــقآ
彡و تم آلتطبيق بتوفيق م’ـن آلله
彡ف آخ’ــر آلدرس ف وضع آلرم’ـوز للآزره غ’ــير م’ــشروح !!
彡فح’ــآولت آن آحآكي آلنتيج’ــه و آلحم’ــد آللع آع’ــتقد بآني نج’ــحت
彡لقد جع’ــلت م’ــستطيل آلكآميره طويل، لقد آخطآت
彡آتم’ــنى بآن لآ يك’ــون هنآك خطآ آخ’ــر
彡ع ك’ــل ح’ــآل ج’ـزآك آلله خ’ــير ع آلشرح
彡تطبـــيقي ..~
هنـــــــــــــــــــــآآ (http://www.mexat.com/vb/attachment.php?attachmentid=1586690&stc=1&d=1323476777)
彡وآص’ـــل آلتقــدم و م’ـــزيد مــن آلآبــدآع
彡بآلتوفــيق

» ف آم’ـــآن آلله «

[BrainJR]

مذهل .. !
حلوه المحاآكاآة وفي الواآقع هذي من إحدى قلائل
تجاآربي على المحاآكاآة .. ^^
وكاآنت ممتعة .. ^0^
و تم التطبيق .. :
.
http://img685.imageshack.us/img685/9068/39797563.png (http://img685.imageshack.us/i/39797563.png/)
.
بالتوفيق

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

.
.
سـلآم عليكم ورحمـه الله وبركـآته . .
جمـيل جدآ بل مذخـل بجـد ::جيد:: , قليل مـآ نشوف في القسم دروس مثل كذآ :غياب:
الله يعطيك العـآفيه أخي الكريم :) , استمـر يـآ مبدع والـى الامـآم =)
تطبيقي ..

.
.

مـن هنـآ (http://store1.up-00.com/Dec11/qoT15531.png) > كبير جدآ :غياب:

.
.

بتوفيق يـآ مبدع ::جيد:: , اتمنى لك يا مدعنـآ =)

[ΆйgễłΆ]

و ع ــــــــليكم الس ــــــلام و الرح ــــــمهـ
الحمداللهـ تمااااااااااام ..وانت ؟؟؟؟

اطول و اغرب درس مر علي !!!!
يعني كل ما اضبط النمط يختلف
مع اختلاف تطبيقات الانماط الثانيهـ

بس النتيجهـ خياااااااااااليه
تطبيقــــــــــــــي
(http://www.shy22.com/imfiles/rpa15688.jpg)يع ـــــطيك العافيـــــــهـ

[المسافره2011]

لا اله الا الله
درس رائع جدا جدا هذا هو فن التصميم بحق وحقيقي
وهذا تطبيقي
http://store1.up-00.com/Dec11/WBt32015.jpg (http://www.up-00.com/)
وصلى الله وسلم على سيدنا محمد

[AL_IRAQI]

مشكور على الترجمة

هذا تطبيقي

http://dl.dropbox.com/u/48220035/.png

[N E R ʘ]

شكراً على الدرس السهل والرائع بنفس الوقت ^^

http://img820.imageshack.us/img820/3500/58942507.png