درس ::: محاكاة الماوس ::: الدرس السادس عشر

بسم الله الرحمن الرحيم ...
بناءً على طلب الأخ LQUID فقد قمت بترجمة درس محاكاة الماوس ...
تصنيفي للدرس ((مستوى متقدم)) لذى أرجو من اللي يبغى يطبق الدرس يتابع
الخطوات بكل دقة يعني بالعربي ((يدقق في كل صغيرة و كبيرة)) و إن شاء الله ما يصير إلا الخير .
===============
الشرح :
1) انشئ تصميم جديد بمقاس 230 * 300 بيكسل بخلفية بيضاء
2) اختر اللون هذا #595959 ثم انشئ layer جديد و سميه mouse
3) اختر من أدوات الـ shabe أداة الــ Rounded Rectangle tool http://eyesondesign.net/pshop/mouse/...drectangle.gif
بهذه الأعدادات
http://eyesondesign.net/pshop/mouse/...angle_tool.gif
4) ارسم بالأداة الشكل العام للماوس ((شوف الصورة و تفهم:)))
http://eyesondesign.net/pshop/mouse/fig1.gif
5) اختر أداة Direct Selection tool http://eyesondesign.net/pshop/mouse/..._selection.gif ثم اضغط على الجهة
الشمالية الغربية من الشكل حتى تظهر لك هذه النقاط
http://eyesondesign.net/pshop/mouse/fig2.gif
6) اختر أداة Anchor Point too http://eyesondesign.net/pshop/mouse/...point_tool.gif ثم أضف نقطة جديدة كما هو موضح على في الشكل
http://eyesondesign.net/pshop/mouse/fig3.gif
7) قم بتحريك النقطة إلى اليمين شوي كما هو موضح في الشكل
http://eyesondesign.net/pshop/mouse/fig4.gif
8) كرر الخطوة السابقة للنقطة التي أعلى و أسفل النقطة الجديدة (( حركهم إلى اليمين شوي)) كما هو موضح في الصورة
http://eyesondesign.net/pshop/mouse/fig5.gif
9) اختر أداة الــ Convert Point tool http://eyesondesign.net/pshop/mouse/...point_tool.gif ثم اسحب النقطتين السابقتين ببطء حتى تصبح الإنحناءات ناعمة كما هو موضح في الشكل
http://eyesondesign.net/pshop/mouse/fig6.gif
10) اضغط على الشكل كليك يمين و اختار make Selection و امسح التحديد ((هذه الخطوة من تأليفي عشان تكنسل الحدود)) هذا هو الشكل الناتج
http://eyesondesign.net/pshop/mouse/mouse_shape.gif
11) ادخل على الــ plending option و اختار drop shadow بهذه الاعدادات
http://eyesondesign.net/pshop/mouse/drop_shadow.gif
12) من نفس القائمة اختار inner glow بهذه الإعدادات
http://eyesondesign.net/pshop/mouse/inner_glow.gif
13) من نفس القائمة اختار bevel & emboss بهذه الإعدادات
http://eyesondesign.net/pshop/mouse/bevel_emboss.gif
المفروض يكون الشكل الناتج للماوس كذا
http://eyesondesign.net/pshop/mouse/fig8.gif
14) الحين جاء دور الإضاءة انشئ layer جديد و سميه HIGHLIGHT و اختر فرشاة ناعمة الأطراف بحجم 65 بيكسل
لا تنسى تخلي لونها أبيض ، ثم ارسم خط على الماوس كما هو موضح في الشكل
http://eyesondesign.net/pshop/mouse/fig9.gif
15) وانت على الــ HIGHLIGHT layer اضغط CTRL و اضغط على الــ mouse layer راح يظهرلك تحديد ثم طبق
Filter - Blur - Gaussian blur - 15 pixels و الغي التحديد CTRL+D و خفف الــ opacity إلى 54%
الشكل الناتج هو
http://eyesondesign.net/pshop/mouse/fig13.jpg
يتبع ...
=====================

الجزء الثاني وهو إضافة البكرة على الماوس مع بعض التفاصيل :
1) انشئ layer جديد فوق HIGHLIGHT layer و سميه WHEEL ثم اختار أداة Rounded Rectangle tool بهذا الاعداد radius 5
2) ارسم شكل قريب لهذا الشكل
http://eyesondesign.net/pshop/mouse/fig_13.jpg
3) من الــ blending option اختار drop shadow (#231F20 بهذه الاعدادات
http://eyesondesign.net/pshop/mouse/...rop_shadow.gif
4) من نفس القائمة اختار Outer Glow بهذه الإعدادات
http://eyesondesign.net/pshop/mouse/...outer_glow.gif
5) من نفس القائمة اختار Inner Glow بهذه الإعدادات
http://eyesondesign.net/pshop/mouse/...inner_glow.gif
6) من نفس القائمة اختار Gradient Overlay بهذه الإعدادات
http://eyesondesign.net/pshop/mouse/...nt_overlay.gif
الألوان اللي استخدمت في التدرج هي ( #4B4B4B)& ( #CDCBCB) الشكل الناتج
http://eyesondesign.net/pshop/mouse/fig14.jpg
7) اختر أداة المرسام pincel tool بمقاس 3 بيكسل و ارسم خط أبيض مثل هذا
http://eyesondesign.net/pshop/mouse/fig15b.jpg
8) طبق Filter - Blur - Gaussian Blur - 3 pixels
9) انشئ layer جديد أسفل الـ layer السابق وسميه DENT ((معناها نتوء)) ثم اختار أداة Elliptical Marquee tool ((التحديد الدائري))
و اعمل تحديد بسيط و اختار أداة التدرج واختار التدرج اللي نصفه شفاف و نصفه أسود و اسحب من أعلى لأسفل كماهو موضح في الصورة
http://eyesondesign.net/pshop/mouse/fig17.jpg
قبل لا تحذف التحديد احفظه من Select - Save selection و سميه dent
10) انشئ layer جديد فوق الـ dent layer و سميه INSET LINE ثم اختار أداة Single Column Marquee tool http://eyesondesign.net/pshop/mouse/single_column.gif ثم حدد خط
عمودي واملأه بأداة الدلو ((الدهان)) بلون أسود كما هو موضح في الصورة
http://eyesondesign.net/pshop/mouse/fig18.jpg
الغي التحديد و انسخ العمود ((اسحب الـ layer على صورة الورقة بالأسفل)) ثم اضغط CTRL+i ثم اضغط V
ثم اضغط الاتجاه الأيمن في الكبيورد مرة واحدة راح تلاحظ ظهور خط أبيض مجاور للخط الأسود ادمجهم مع بعض CTRL+E
انسخ الــ layer و اقلبه ، خليه أفقي ((يعني مثل الصليب)) ثم انشئ layer جديد و اختار التحديد اللي حفظناه أول Select - Load Selection ((dent))
و من قائمة edit > Stroke .. بالإعدادات هذه 1 pixels - Outside ثم بأداة التحديد المربع حدد تحديد مثل اللي في الصورة بالإسفل امسح الجزء المحدد
http://eyesondesign.net/pshop/mouse/fig20.jpg
11) انسخ الــ layer بنفس الطريقة اللي ذكرتها سابقاً ثم اضغط CTRL + i ثم اضغط V ثم اضغط الاتجاه لإسفل من الكيبورد مرة واحدة
http://eyesondesign.net/pshop/mouse/fig21.jpg
12) لإزالة الخطوط الزائدة خارج الماوس اضغط CTRL و اضغط على الــ mouse layer راح يظهرلك تحديد خارجي
اقلب التحديد بالضغط على CTRL+SHIFT+i الحين روح على كل layer فيه خطوط زائدة و اضغط delete
http://eyesondesign.net/pshop/mouse/fig22.jpg
13) اختار المساحة و امسح الخطوط الزائدة اللي داخل الماوس الشكل النهائي للعمل هو
http://eyesondesign.net/pshop/mouse/fig24.jpg
انتهى الشرح
================================
إن شاء الله يكون الشرح وافي
أي ملاحظات أو استفسارات انا حاظر
لا تنسوا التطبيق أخوكم
C.FALCON

الله يجزاك خير اخوي C.Falcon على الدرس :biggthump

فيه اشياء كثيره توي اعرفها :biggthump

شكرا سي فالكون على هذا الدرس الشيق
وان شاء الله هتشوفوا تصاميم كتيره عن المحاكاه مني بس بعد الامتحانات :ciao:

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

وجهة نظر : بصراحة الدرس جيد جدا بالنسبة للشرح ..
لكن التصميم يحتاج للمسات خاصة .. ومتطورة جدا وقليل من المؤثرات الضوئية
من حيث اللمعان والاضاءة من جهة معينة ..
وأيضا ( الرول ) أو كرة التحكم تكون ملونة وليست بيضاء
وهناك ملاحظة هامة وهي أن المحاكاة
( مظاهاة الشكل أو المجسم الواقعي و تطبيقه على الفوتوشوب )

مثال حقيقي على ماوس أصلي
http://www.computertimesm.com/images/mouse-ottico.jpg ( فيه نوع من الحركة وهناك نوع من اللمعان و وو و و)


على العموم

التقييم : 9.2 / 10 .. ;)

و شكرا للدرس التوضيحي والممتع للمحاكاة عزيز فالكون ..

سلام :)

مشكووووووووور captin falcon على الدرس الرائع...........


وكل الخطوات واضحة وممتازة...............وأنت بديت فيها من الصفر ألى النهاية


بس هذه المحاكاة يبي لها وقت طويل شوي عشان الشخص يطبقها..........بالرغم من أنها سهلة


وشكرا مرة ثانية

مشكوووووووووووووووووووووو & وووووووووووووووووووووو& وووووووووووووووووووووو & وووووووووووووووووووووو& وووووووووووووووووووووو& وووووووووووووووووووووو ... إلخ

تسلملي هالعيون وان شاء الله تلبي الطلب الثاني :biggthump :biggthump :biggthump :cool: :cool: :cool:

مشكوووووووووووووووووووووووووور يــا فالكون على الدرس المفيد وراح تشوف تطبيقي عليه انشاء الله
:biggthump

بسم الله الرحمن الرحيم ..

السلام عليكم ورحمة الله وبركاته ..

جزاك الله خير أخوي فالكون على تعريب الدرس :)

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

فجزاك الله خير
وما تقصر وبارك الله فيك ..

ونحاول إن شاء الله نرفق التطبيق بالموضوع بعد الإمتحانات ..

والسلام عليكم ورحمة الله وبركاته

اقتباس:

---

المشاركة الأصلية كتبت بواسطة yosif_2000

الله يجزاك خير اخوي C.Falcon على الدرس :biggthump

فيه اشياء كثيره توي اعرفها :biggthump

---

أهلين أخوي يوسف ، الحمدلله إنك استفدت شي جديد اليوم
وانا في انتظار تطبيقك على أحر من الجمر ...
===================

اقتباس:

---

المشاركة الأصلية كتبت بواسطة Miraloo

شكرا سي فالكون على هذا الدرس الشيق
وان شاء الله هتشوفوا تصاميم كتيره عن المحاكاه مني بس بعد الامتحانات :ciao:

---

إن شاء الله أخوي miraloo و الله يوفقك في الامتحانات ...
===================

اقتباس:

---

المشاركة الأصلية كتبت بواسطة حماده

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

---

العفو أخوي حماده و إن شاء الله نشوف تطبيقك على الدرس ...
و مشكوووور على الدعوات :)
==================

اقتباس:

---

المشاركة الأصلية كتبت بواسطة darkitp

لكن التصميم يحتاج للمسات خاصة .. ومتطورة جدا وقليل من المؤثرات الضوئية
من حيث اللمعان والاضاءة من جهة معينة ..
وأيضا ( الرول ) أو كرة التحكم تكون ملونة وليست بيضاء
وهناك ملاحظة هامة وهي أن المحاكاة
( مظاهاة الشكل أو المجسم الواقعي و تطبيقه على الفوتوشوب )

---

معاك حق أخوي darkitp بخصوص الدرس
لكن شسوي انا كل اللي عملته هو الترجمة فقظ ...
بخصوص الصورة اللي أرفقتها مافي وجه مقارنة بينها و بين محاكاة الأخ الرسام :bigeyes:
===================

اقتباس:

---

المشاركة الأصلية كتبت بواسطة اوستن

مشكووووووووور captin falcon على الدرس الرائع...........


وكل الخطوات واضحة وممتازة...............وأنت بديت فيها من الصفر ألى النهاية


بس هذه المحاكاة يبي لها وقت طويل شوي عشان الشخص يطبقها..........بالرغم من أنها سهلة


وشكرا مرة ثانية

---

العفو أخوي أوستن ...
سلم على كريس بنوات كثييير :tongue2:
===================

اقتباس:

---

المشاركة الأصلية كتبت بواسطة LQUID

مشكوووووووووووووووووووووو & وووووووووووووووووووووو& وووووووووووووووووووووو & وووووووووووووووووووووو& وووووووووووووووووووووو& وووووووووووووووووووووو ... إلخ

تسلملي هالعيون وان شاء الله تلبي الطلب الثاني :biggthump :biggthump :biggthump :cool: :cool: :cool:

---

العفو أخوي lquid ... ناطر تطبيقك ... :o
إن شاء الله أحاول أترجمه لك ... لكن مو الحين ((عندي هذه الأيام اختبارات نهائية)) :31:
==================

اقتباس:

---

المشاركة الأصلية كتبت بواسطة الــوحــMـــيـد

مشكوووووووووووووووووووووووووور يــا فالكون على الدرس المفيد وراح تشوف تطبيقي عليه انشاء الله
:biggthump

---

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

=================

اقتباس:

---

المشاركة الأصلية كتبت بواسطة *Bo_Sh6ap

وكنت أنتظر موقع يشرح هذا الدرس بالعربية .. فظهر لنا موضوعك المميز

---

مشكور أخوي Bo_Sh6ap على مرورك و على فكرة أي درس
تواجه في صعوبة أرسله لي و بإذن الله راح أترجمه و أوضح خفاياه ...
================
أخوكم

مشكور وجزاك الله الف خير اخوي الفالكون ولا تحرمنا من ابداعاتك القادمه


وان شاء الله اطبق الدرس


تحياتي لك
photo man

تم الرفع للاستفادة

درس مشكور عليه أخوي فالكون ....

شكرا لك أخي على الدرس الرائع

السلام عليكم ...
اخوي c.falcon الدرس رائع ... انا كنت حاولت قبل اني احاكي ماوس.. بس اخدت الشكل العام لها من محاكاة شخص لها ... و كانت النتيجة .. مريعة ... !!!
http://readinglovers.jeeran.com/Untitled2.jpg


تطبيــــقي على الدرس.... " هناك خطوات ما فهمتها وحاولت اتوصل لنفس النتيجة بطرق تانية " ...
http://readinglovers.jeeran.com/mouse.jpg


:reporter: ..

المحاولة الأولى جيدة لكن يبغالها تعديل ...
اما التطبيق فهو متقن ...
و مشكور على المتابعة ...

أخوي عندي ملاحظة
أسم الموقع الأصلي
http://www.psdland.com/lesson/lesson95.php
ليس
http://www.psdland.com:8080/lesson/lesson95.php

ثانيا الصور مب ضاهرة

مشكور أخوي حسان من زمان ادور على هذا الدرس ^^

السلام عليكم
اولا حبيت اشكرك على الدرس ^^
ثانيا انه ما احب ارد على موضوع درس من غير تطبيق
عاد ما ادري شخبصت ^.^"
في اشياء ما فهمتها وبعضها تعيزت اقراها حسيت ان الكلام المكتوب معقد اكثر من اللي انه بسويه
وفي شي ما ضبط معاي اللي هو الانير غلو لما يكون باي لون يصير ما عدا الاسود والرصاصي ^.^"
فعالجت المشكلة بطريقتي التقليدية ^.^"
كاهو التطبيق في المرفقات ^^
وسوري عالتقصير

ههههههههههههههه

ياعيني
اعجبتني الخطوات .. فن
شكلها ظريف جداً .. بس مو لازم نطبق صح :P