[جرافيك] تصميم سبرايتات احترافيه وبغاية السهولة (بالتفصيل)

[Noor Xp]

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



أقدم لكم درس بسيط جداً لتصميم مختلف السبرايتات ذات
الشكل البسيط (دائري ,مربع ,مثلث ,مركب من بعض الأشكل ...الخ)
بأستخدام البرنامجPhotoShop ,وبما ان معضم زوار الموضوع


يمكن مابيعرفوا استخدام البرنامج حيكون ان شاء الله الشرح بالتفصل

الممل وونبدأ على بركة الله :





*=*=*=*=*=*=*=*=*




لتحميل البرنامج + الكراك (http://www.montada.com/showthread.php?goto=newpost&t=623451)




*=*=*=*=*=*=*=*=*

اولاً افتح صفحة مشروع جديد بالذهاب الى




File > New

او بالضغط على



Ctrl + N

http://www.montada.com/attachment.php?attachmentid=317074&stc=1&d=1255723221




واختر المقايس التي تناسبك ,انا اخترت 200 * 200



.

الأن سنختار شكل السبرايت ,للأختيار اتبع الصوره




http://www.montada.com/attachment.php?attachmentid=317075&stc=1&d=1255723356





انا اخترت الدائره لانها من أبسط الأشكال



.

والأن توجه بالماوس الى الصفحه الخاليه وقم برسم الدائره

بالضغط والسحب ,والان اضغط مرتين على لير الدائره:

ستظهر لك صفحة اعدادات اللير قم بتحديد الخيار Stroke
http://www.montada.com/attachment.php?attachmentid=317076&stc=1&d=1255729804
ومن ثم ضبط الأعدادات الى :
http://www.montada.com/attachment.php?attachmentid=317077&stc=1&d=1255730168
الأن ستكون النتيجة مشابهة لـ:
http://www.montada.com/attachment.php?attachmentid=317078&stc=1&d=1255730168
الأن نرجع مره ثانيه الى لير الدائره ونقوم بالضغط بالزر الأيمن
على صورة اللير:
http://www.montada.com/attachment.php?attachmentid=317079&stc=1&d=1255730209
ليظهر لنا لائحة خيارات متعدده نختار منها
الخيار Select Pixels
http://www.montada.com/attachment.php?attachmentid=317080&stc=1&d=1255730299
ستلاحظون ظهور تحديد حول الدائره ,الأن نظغط على الدائره
بالزر الأيمن ونختار الخيار :
http://www.montada.com/attachment.php?attachmentid=317081&stc=1&d=1255730392
ستظهر لك القائمه التاليه ,اضبط اعداداتها الى:
http://www.montada.com/attachment.php?attachmentid=317082&stc=1&d=1255730392
الان اذهب الى اداة الطلاء المدرج http://www.montada.com/attachment.php?attachmentid=317083&stc=1&d=1255730392 وأختر من شريط
الادوات العلوي اللون المناسب وليكن الأبيض الشفاف
وكذلك http://www.montada.com/attachment.php?attachmentid=317084&stc=1&d=1255730392 وأبدأ بالطلاء حسب مافي الصوره:
http://www.montada.com/attachment.php?attachmentid=317085&stc=1&d=1255730392

*=*=*=*=*=*=*=*=*

يتبع نظراً لمقدرة رفع 10 صور في الرد الواحد ^^...

ارجوا عدم الرد

[Noor Xp]

ستصلون الى نتيجه مشابهَ الى هذه:


http://www.montada.com/attachment.php?attachmentid=317087&stc=1&d=1255730947


بعد ذلك ارجع الى لير الدائره وانقر نقره مزدوجه
لتظهر لك لائحة خصائص اللير ,اختر الخيار Gradient Overlay
واضبطه كما في الأعدادات التاليه:
http://www.montada.com/attachment.php?attachmentid=317086&stc=1&d=1255730947


ثم اضغط Ok.


والان وصلنا الى الشكل النهائي:
http://www.montada.com/attachment.php?attachmentid=317088&stc=1&d=1255730947


=*=*=*=*=*=*=*=*=*=*=


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


=*=*=*=*=*=*=*=*=*=*=


وهذه تطبيقات بسيطه للدرس على اشكال مختلفه:
http://www.montada.com/attachment.php?attachmentid=317089&stc=1&d=1255731130http://www.montada.com/attachment.php?attachmentid=317092&stc=1&d=1255731130
http://www.montada.com/attachment.php?attachmentid=317091&stc=1&d=1255731130http://www.montada.com/attachment.php?attachmentid=317090&stc=1&d=1255731130


ننتظر تطبيقاتكم




وبالتوفيق للجميع

[Karim Ghazal]

جميل, منظم , رائع بالفعل يا صديقي أنور ^^ !
طريقتك رائعة جداً و أحتاج للرجوع مجدداًَ و أدخل دورة محترفة للفوتوشوب . فالإنقطاع أثر على مهاراتي في التصميم . نعود للدرس , نقدر نسميه رسم أيقونات ^__~ . أو سبرايتات صغيرة ^_^ على كُل حال الدرس يبقى رائعاً و اعلم إنك تُخبي الكثير ^_^ . تحياتي لك .. تم حفظ الدرس و ححاول قدر المُستطاع أن أقوم بتطبيقه ^^ .

[PrinceOfSorrow]

وعليكم السلام ورحمة الله وبركاته
Excellent and Beautiful
أشكرك على هذا الدرس الجميل والرائع

هذا بصراحة ليس بكسل بل صور عالية الجودة من صيغة PNG
تستخدم في الالعاب الحديثة والمتقدمة
وهو مفيد جدا لكل من تحتوي لعبته على دعم صور png transparent

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

الله يوفقك على هذا الجهد الجميل ^^

[LordOfShadows]

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

[Kamuri-San]

كالعادة يا أنور
دائما تبهرنا بمفاجئاتك و بدروسك و بتصاميمك الرائعة
^^
أنا كنت فعلا محتاج الدرس ده
مشكوووووووووووووووووووووووووووووور جدا على درسك الذي هو أكثر من قيم
^^
و راح أطبق درسك في الكثير من تصاميمي
^_~

في أمان الله

[PrinceOfSorrow]

تم التطبيق:
http://img7.imageshack.us/img7/4394/31777749.png

[اسود الرافدين]

روعه روعه روعه الدرس يا بطل
حمستني اتعلم الفوتوشوب من هاي اللحظة..
وشكرا لك ياولــــــــد

[سامي.خ]

درس جبار يا نور =)
عودتك بالسلامة جات ومعاها الغنايم، بارك الله فيك...
نحتاج دروس جرافكس في قسمنا لأنه أغلب ألعابنا الجرافكس فيها زفت XD
واصل من غير ما تفاصل...

[شبـح الليل]

السلام عليكم
الدرس روعة بجد
بس يبدو انو النسخة الي عندك مختلفة عن النسخة بتاعتي
انا النسخة بتاعتي 9 {ااقصد نسخة الفوتوشوب}
ان شاء الله احاول اطبق الدرس

[.JusticeArrow.]

الدرس رااااائع جدا أفادني بالفعل
تطبيقي:
http://www.montada.com/attachment.php?attachmentid=317365&stc=1&d=1257524884