كيفية عمل عدّاد السرعة [ سلسلة ابداع - مترجم ] [الارشيف]

عرض كامل الموضوع : كيفية عمل عدّاد السرعة [ سلسلة ابداع - مترجم ]

I M M O R T A L

23-11-2010, 22:10

http://mexat.com/vb/attachment.php?attachmentid=1125100&d=1271271640

اهلاً و سهلاً بروّاد قسم التصميم الكرام ^^

كيف حال الجميع ؟ أتمنى تكونوا بألف خير , و اتمنى الدراسة تكون كذلك ^^

كل عام وانت بألف خير , و تقبل الله منا و منكم صالح الأعمال ^^

الآن , يأتي موعد درسي الخامس برفقة " فريق الدروس المُترجمة " لقسم التصميم ..

و آمل أنه يُعجبكم , و يكون شرحي واضحاً له ^^

نذهب الآن لفهرس الموضوع , ثم ننتقل لباقي فقراتنا ^^

فالنبدأ وعلى بركة الله ^_^

http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

http://img269.imageshack.us/img269/2897/91466224.png

هنا سوف أضع لكم أجزاء الموضوع ليسهل معرفتها و الرجوع إليها ^^
تفضلوا ................. ~

1- نبذة عن الدرس

2- الأدوات المُستخدمة

3- شرح الدرس

4- الخاتمة

فالنبدأ بأول جزئين في هذا الرد بإذن الله ^^
فالنتابع ^^

http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

http://img196.imageshack.us/img196/9136/36216586.png

إسم الدرس / Create A SpeedoMeter Icon

صاحب الدرس / Rahul Joshi

المُترجم / I M M O R T A L

مستوى الدرس / متوسط

عدد الخطوات / 30 خطوة

النتيجة النهائية للدرس ~
****************

http://mexat.com/vb/attachment.php?attachmentid=1311766&stc=1&d=1290543284

http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

http://img266.imageshack.us/img266/1710/14422898.png

لا توجد اي أدوات مُعينة للإستخدام الضروري للدرس ...

لذلك بدلاً من ان ألغي هذه الفقرة , قلت سأملأها بالفائدة ^^

و قمت برفع لكم مجموعة من الخطوط التي عندي ..

و بإذن الله تنال على إعجابكم ^^

---------------------------------------------

تم الرفع على 3 مواقع مُختلفة ...
" ميديافاير , رابيدشير , هوتفايل "

---------------------------------------------

لتحميل ملف الخطوط ~
************

ء {} ء

ءء {} MediaFire (http://www.mediafire.com/?uscsi9zo163sdg9) {} ءء

ء {} ء

ءءء {} RapideShare (http://rapidshare.com/files/432701277/Fonts.rar) {} ءءء

ء {} ء

ءء {} HotFile (http://hotfile.com/dl/84506875/3ad215e/Fonts.rar.html) {} ءء

ء {} ء

http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

يُتبع ~

I M M O R T A L

23-11-2010, 22:13

http://img85.imageshack.us/img85/5568/34041260.png

الدرس عبارة عن 30 خطوة ( 29 شرح + نتيجة نهائية )

لذلك سأقوم بتقسيمه منعاً للتعقيد ^^

هذا الرد سيكوه به 15 خطوة , و الرد القادم به الـ 15 البقية ^^

ركّزوا جيداً على الكلام قبل التوجه للصورة ,,

فهو يحتوي على 70% من الشرح , اما الصور فقط للتوضيح ^^

على البركة , فالنبدأ ^_^

http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

1- في بادئ الأمر , قوموا بفتح عمل جديد بأي مقاس تريدون ...
انا اخترت هذا المقاس المذكور بالدرس ( 600×600 )
و الأفضل ان تختاروا كتجربة في الدرس لأن هناك مقاسات سنستعملها بالدرس
و يجب ان تكون مضبوطة على هذا المقاس ~
ثم قوموا بعمل لاير جديد ...
بعد ذلك اختاروا اللون ( 232323 ) , ثم اختاروا أداة الـ Shape
واختاروا شكل الدائرة و ادخلوا الإعدادات الآتية بالصورة
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311785&stc=1&d=1290546587

2- اضغطوا على التصميم ضغطة واحدة لتجدون الدائرة قد ظهرت
بما يُناسب حجم الصفحة ( 600×600 ) - في حال انكم غيّرتم مقاس التصميم
تستطيعون تغيير مقاس الدائرة كذلك بتتناسب معها ...
ثم إملأوا الخلفية باللون الذي تريدونه على حسب راحتكم ^^
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311786&stc=1&d=1290546587

3- بعد ذلك اضغطوا على لاير الدائرة و اختار حرف الـ ( fx ) الذي بأسفل صندوق اللايرات
و ادخلوا الإعداد التالي .... صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311787&stc=1&d=1290546587

4- تابعوا الإعدادات ~

http://mexat.com/vb/attachment.php?attachmentid=1311788&stc=1&d=1290546587

5- هنا ايضاً ~

http://mexat.com/vb/attachment.php?attachmentid=1311789&stc=1&d=1290546587

6- ايضاً هذا الإعداد ~

http://mexat.com/vb/attachment.php?attachmentid=1311790&stc=1&d=1290546591

7- انشئوا لاير جديد , و توجهوا إلى شكل الدائرة واختاروا الآتي ...
ثم ضغطة في التصميم لرسم الدائرة
بعدها قوموا بتوسيطها في مُنتصف الدائرة الكبيرة .
( اللون على ما يناسبكم , ممكن استخدام الأبيض )
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311791&stc=1&d=1290546591

8- ادخلوا الإعداد الآتي لشكل الدائرة الثانية ~
بعد ذلك غيّروا الـ Fill إلى 0% لتختفي الدائرة و يظل الخط الدائري فقط .

http://mexat.com/vb/attachment.php?attachmentid=1311792&stc=1&d=1290546591

9- انشئوا لاير جديد , و بعدها توجهوا لشكل الدائرة من جديد
واختاروا الإعداد الآتي , و نفس الشئ .. ضغطة و توسيطها في المُنتصف ..
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311793&stc=1&d=1290546591

10- اضغطوا ( CTRL + نقرة الماوس الأيسر ) على لاير الدائرة السابق لتحديدها
ثم اختاروا أداة التدرج , و اختاروا الإعداد التالي , و إملأوا به الدائرة ...
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311794&stc=1&d=1290546591

11- بعد ذلك اضغطوا على ( fx ) مُجدداً
واضيغوا هذا الإعداد ( Stroke ) بالإعدادات التالية ..
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311795&stc=1&d=1290546746

12- اختاروا شكل الخط ( Line Toll )
و بحجم 3 px ~

http://mexat.com/vb/attachment.php?attachmentid=1311796&stc=1&d=1290546746

13- قوموا بعمل الشرائط الصغيرة ( التي تكون على عدّاد السرعة )
بالإضافة إلى كتابة الأرقام عليها ... كما سترون هنا ..
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311797&stc=1&d=1290546746

14- انشئوا لاير جديد , و اختاروا شكل الدائرة مُجددا
والإعداد التالي ...
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311798&stc=1&d=1290546746

15- واضغطوا ضغطة واحدة على التصميم و توسيط الدائرة بالمُنتصف .
باللون الأسود ..
صورة توضيحية ~

http://mexat.com/vb/attachment.php?attachmentid=1311799&stc=1&d=1290546746

http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

يُتبع ~

I M M O R T A L

23-11-2010, 22:13

http://img85.imageshack.us/img85/5568/34041260.png

16- قوموا بإدخال الإعدادات الآتية ~

http://mexat.com/vb/attachment.php?attachmentid=1311800&stc=1&d=1290548329

17- انشئوا لاير جديد , و بعد ذلك اختاروا أداة الخط مُجدداً , لكن هذه المرة بحجم 5 px
وقوموا برسم المؤشر ( ضعوا بدايته في مُنتصف الدائرة السوداء الصغيرة ..
و نهايته على أحد الأرقام مثلاً ) مثلما في السيارات ,,,
فإنه يرتفع ليصل إلى رقم أعلى كلما زادت السرعة .
( يُمكن تطبيق الفلتر الآتي عليه Filter > Blur > Blur في حال اردتم ) ..

http://mexat.com/vb/attachment.php?attachmentid=1311801&stc=1&d=1290548329

18- ادخلوا هذه الإعدادات على المؤشر ~

http://mexat.com/vb/attachment.php?attachmentid=1311802&stc=1&d=1290548329

19- لتكون النتيجة كالآتي ~

http://mexat.com/vb/attachment.php?attachmentid=1311803&stc=1&d=1290548329

20- انشئول لاير جديد ..
و اختاروا الدائرة بالإعداد القادم .
اختاروا اللون الأحمر , و ارسموا الدائرة وضعوا في مُنتصف
الدائرة السوداء بحيث تكون أعلى بداية المؤشر .

http://mexat.com/vb/attachment.php?attachmentid=1311804&stc=1&d=1290548329

21- ادخلوا هذه الإعدادات ~

http://mexat.com/vb/attachment.php?attachmentid=1311831&stc=1&d=1290548327

22- انشئوا لاير جديد , ثم اختاروا أداة التقطيع الدائرة ...
و باللونين المُوضّحين ..

http://mexat.com/vb/attachment.php?attachmentid=1311832&stc=1&d=1290548327

23- ارسموا دائرة كبيرة تعلوا فوق نصف العدّاد
ثم غيّروا الشفافية ( Opacity ) إلى 8%
واستخدموا الممحاة الناعمة لحذف اي اشياء زائدة .
وستكون لديكم هذه النتيجة ..

http://mexat.com/vb/attachment.php?attachmentid=1311833&stc=1&d=1290548327

24- انشئوا لاير جديد , واختاروا الشكل المُربع الحاد ..
و بالإعداد الآتي ...

http://mexat.com/vb/attachment.php?attachmentid=1311834&stc=1&d=1290548327

25- ضغطة في التصميم سترسم لكم مُستطيل ...
ضعوه اسفل الدائرة السوداء التي عندها بداية المؤئر ..
ثم ادخلوا الإعداد الآتي ...

http://mexat.com/vb/attachment.php?attachmentid=1311835&stc=1&d=1290548327

26- و هنا ايضاً ~

http://mexat.com/vb/attachment.php?attachmentid=1311869&stc=1&d=1290548069

27- تابع هنا ايضاً ~

http://mexat.com/vb/attachment.php?attachmentid=1311870&stc=1&d=1290548069

28- ( خطوة شبة إختيارية ) .... اختاروا اللون ( 500404 )
و بأداة الخط ( Line Tool ) بحجم 1 أو 2 ( بما يناسبكم )
وقوموا بتقطيع المُستطيل إلى 6 مُستطيلات صغيرة ( كما سترون بالصورة )
بعدها تستطيعون كتابة اي ارقام على المُربعات ( مثل الذي بالعدّاد بالسيارة )
و كذلك كتابة ( km/h ) السرعة بالكيلومتر في الساعة , و ايضاً رمز السيارة .

http://mexat.com/vb/attachment.php?attachmentid=1311871&stc=1&d=1290548069

29-أداة التقطيع الدائرة
و باللون الأسود , قوموا بعمل دائرة أسفل العدّاد , ثم تقليل الـ Opacity إلى 50%
و عمل الآتي ( Filter > Blur > Gaussian Blur ) بقيمة 6 ...

http://img146.imageshack.us/img146/1328/44538953.jpg

30- وبهذا تظهر لنا النتيجة النهائية التي وضعتها في الرد الأول ..
أما في هذه الخطوة سأضع نتيجة تطبيقي للدرس ^^
هذه هي ~

http://img221.imageshack.us/img221/1685/90727573.png

http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

يُتبع ~

I M M O R T A L

23-11-2010, 22:14

تم الإنتهاء من الدرس - بحمد الله -

الدرس + صور الشرح محفوظة لصاحبه الأصلي ...

أما حقوق الترجمة و الموضوع محفوظة للمُترجم و لمكسات ...

و لفريق الدروس المُترجمة - قسم التصميم -

ImmortaL@mexat.com

+

صور الشرح مُعظمها من الدرس الأصلي , وقُمت بإضافة بعض الصور التوضيحية من عندي

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

+

رجاءاً , هذا الدرس تابع لـ " سلسلة إبداع " و يندرج تحت نظام " التطبيق الإجباري "

لمزيد من المعلومات حول تلك النقطة , نرجو منكم مُراجعة هذا الإعلان قبل وضع اي رد ^_^

نظام التطبيق الاجبـاري لـ [ سلسلة ابداع ] (http://www.mexat.com/vb/announcement.php?f=153&a=653)

http://www.mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

http://img685.imageshack.us/img685/6201/58579899.png

بهذا أكون قد أنهيت الموضوع - و الحمد لله -

و أتمنى انه أعجبكم , وان الشرح واضح و النتيجة جيدة ^^

و لأي إستفسار تستطيعون وضعه بالموضوع و سأرد عليه بأقرب وقت ^^

لنا عودة أخرى مع المزيد من الدروس ^_^

في أمان الله ~

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

فريق الدروس المُترجمة ~

p a n i k

24-11-2010, 01:55

~

السلآآم عليييـ’ـكم و رحمـ’ـة الله و بركـ’ـإأآته ..~
كيييفك أخي إمورتال .. إن شاء الله بخيير ..!
الله يعطييك العاافيه عالدرس .. مررة سهل ..=)
تم التقيييم .. تطبيقي ..^^

http://i922.photobucket.com/albums/ad62/PANIK-YAMA/Race.png

رآإأيييك ..
أستنى جدييييدك ..=)
فييي أمـ’ـان الله ..

Ķαқαşђĭ-Śα₥α

24-11-2010, 08:48

توته أم التوت

24-11-2010, 13:02

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

كيف الحال ؟؟

الدرس رائع وجميل

وهذا تطبيقي عملته عالطاير

http://img140.imageshack.us/img140/7843/332.png

رأيك ؟!

•βon•βon •

24-11-2010, 18:15

حجز

مشكوووور اخي الكريم على الدرس الجميل ...
وهذا تطبيقي ..

http://www.iraqup.com/up/20101124/Wj1hM-7F3o_285794189.jpg (http://www.iraqup.com/)ان شاء الله يكون جيد ..::جيد::
دمت برعاية الله وحفظه

JoHe

28-11-2010, 10:50

حجــ،،،ـــــز

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

شكرا ع الدرس الخرافي و الترجمه و الشرح الرائع

حينما نقوم بانشاء الدائره الصغيره الحمراء
اعتقد بان هناك اعدادات ناقصه

حينما كنت اطبق الدرس في كتابة الارقام
تذكرت حينما كنت اتعلم قيادة السياره ^^

بالمناسبه املك اشكال لشعارات السياره
الا حاب يحمل اشكال لشعار السيارات
هنــــــا (http://www.mediafire.com/?ryxx7833r41lr16)
(اتمنى وضعها بالموضوع لمساعدة الاعضاء)

http://img709.imageshack.us/img709/821/l865.jpg

~..في امـــان الله..~

I M M O R T A L

29-11-2010, 21:11

السلآآم عليييـ’ـكم و رحمـ’ـة الله و بركـ’ـإأآته ..~
كيييفك أخي إمورتال .. إن شاء الله بخيير ..!
الله يعطييك العاافيه عالدرس .. مررة سهل ..=)
تم التقيييم .. تطبيقي ..^^

http://i922.photobucket.com/albums/ad62/panik-yama/race.png

رآإأيييك ..
أستنى جدييييدك ..=)
فييي أمـ’ـان الله ..

وعليكم السلام ورحمة الله و بركاته
الحمد لله بخير أختي الكريمة , وانتِ كيفك ؟

شكراً على ذوقك ^^
بالنسبة للتطبيق , فهو ما شاء الله رائع و اعجبني تغييرك للألوان ::جيد::
10 / 10

جزاكِ الله خيراً ^^
بالتوفيق ^_^

I M M O R T A L

29-11-2010, 21:13

السلام عليكم و رحمة الله و بركاته
كيفك ؟؟
ماشاء الله درس رائع جدا و بالنسبة لي
كمبتدأ أول مرة اطبق مثل هذي الدروس :غياب:
المهم تم التطبيق ::سعادة::

http://img152.imageshack.us/img152/2296/62602478.png

كم من 10 :مرتبك:

في آمان الله

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

اهلاً أخي كاكاشي ^^
الحمد لله بخير , و انت كيفك ؟

تسلم اخي على قدومك و ذوقك ^^
بالنسبة لتطبيقك ...
فهو جميل جداً ما شاء الله , و سليم تماماً , لكن , افضّل ان تكون الشرائط الخاصة بالعداد
بدون تأثيرات , لأنها بالحقيقة تكون شرائط فقط ^^
عموماً , تطبيقك اعطيه 9/10

بالتوفيق ^_^

I M M O R T A L

29-11-2010, 21:14

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

كيف الحال ؟؟

الدرس رائع وجميل

وهذا تطبيقي عملته عالطاير

http://img140.imageshack.us/img140/7843/332.png

رأيك ؟!

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

الحمد لله بخير , وانتِ كيفك ؟

شكراً على مرورك الطيب بموضوعي ^^
بالنسبة لتطبيقك ...
اعطيه 10/10 فهو ما شاء الله سليم تماماً ^^

بالتوفيق ^_^

I M M O R T A L

29-11-2010, 21:15

مشكوووور اخي الكريم على الدرس الجميل ...
وهذا تطبيقي ..

http://www.iraqup.com/up/20101124/wj1hm-7f3o_285794189.jpg (http://www.iraqup.com/)ان شاء الله يكون جيد ..::جيد::
دمت برعاية الله وحفظه

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

العفو اختي , و شكراً لقدومك ^^

بالنسبة لتطبيقك , فهو صحيح تماماً ^^
10 / 10

بالتوفيق ^_^

I M M O R T A L

29-11-2010, 21:16