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


..... تخيل انك ترتدى أشيك واغلي لباس ( هدوم يعني ) متواجد في الاسواق وتعبت كثيراً حتى حصلت على هذا الجاكيت والبنطلون والقميص الأنيق الجميل...

ومع ذلك لم تهتم أو نسيت شراء حذاء جديد لهذا الطقم حتى تكتمل الشياكة وظللت بنفس ( الشبشب ) الذى شاهدناك أول مرة به ونشاهدك كل يوم بتلبسه في كل مكاااان وفـ كل حته


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

ويكتفي ان يأتي بأى ايقونات متداولة ومكررة ويضعها في الإستايل وفي احيان كثيرة لا يتعب نفسه في البحث، ويظل على ايقونات الاستايل الافتراضي مع تعديل لونها بالصبغ وهذا ما يزيد الأمر سوء.

.....

وشاهد معي الإيقونات وتعريف لكل منها ...



لا شك ان هذه الايقونات الافتراضيه جميلة جدا وممتازة وشكلها رائع مع الاستايل الافتراضي بدون تعديل
ولكنها في نفس الوقت ( لا تتناسب مع كافة الاستايلات )

ويمكنك ان تختصر هذا العدد من الايقونات بالتعديل على خصائص المنتدى ليصبح هناك مجموعه من هذه الايقونات يمكن الإستغناء عنها ولا تظهر اثناء تصفح المنتدى موضحة كالتالي :



والتعديل من لوحة التحكم كالتالي :

لوحة التحكم > خيارات المنتدى > خيارات ظهور صفحة المنتدى (forumdisplay) ..
ثم تنتقل الى ( إبراز المواضيع التي شارك بها العضو ) وتختار (لا)

عطلنا هذا الخيار لانه يمكننا ان نفعل مشاهدة الإشتراك بالموضوع بطريقة أخرى عوضاً عن هذه الأيقونات وانا أفضلها جدا ـ وكثير من المنتديات تعتمد عليها ..

لوحة التحكم > خيارات المنتدى > خيارات عرض المواضيع ..
ثم تنتقل الى ( فحص الاشتراك بالموضوع ) وتختار (نعم) ـ وبهذا سوف تظهر لك بجانب كل موضوع ايقونة صغيرة تبين إن كنت مشترك به او لا ...

.....

وسؤال يطرح نفسك لماذا لا نهتم بالايقونات ومع كل استايل جديد تصمم له ايقونات خاصه مناسبه ؟
هل طريقة عملها صعبه، اظن انها لن تكون اصعب من الهيدر او الاطارات بأى حال !

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

1- نبدأ بأيقونات الرئيسية للمنتديات ـ وهى في الشكل الإفتراضي ابعادها 30*29 بكسل ويمكنك ان تصمم الإيقونة بمثل هذا الحجم او بأي حجم تراه مناسب "ولكن لا تبالغ فيه كثيراً"

والايقونة المثال الان سيكون حجمها 35*37 ( عرض * طول ) قم بفتح ملف جديد ببرنامج الفوتوشوب بنفس هذه الابعاد وارسم بدخله دائرة كما بالشكل التالي بعد تكبير العمل بحجم مناسب :



2- عن طريق الاداه Direct Selection قم بتحديد الدائرة حتى تظهر أذرع التحكم بها كما بالشكل ثم اسحب الى أعلي مع الضغط على مفتاح Shift





3- قم بعمل تدرج لوني بالإنتقال الى نافذة الستايل عن طريق Layer > Layer Style > Gradient Overlay واختر الوان مناسبه للإستايل ويتماشي مع الهيدر والفوتر ...



3- الان وفي لوحة الطبقات قم بالوقوف على طبقة الدائرة كما موضح بالشكل وإضغط كليك يسار+ مفتاح Ctrl من لوحة المفاتيح، ستجد ان الدائرة او الشكل المرسوم قد تم تحديده فقم بتعبئته باللون الأبيض بعد إنشاء طبقة جديدة له:







4- وانت مع التحديد تحرك للإسفل بعد الضغط على المفتاح M وبعدها إضغط على مفتاح Delete والهدف هو إنشاء قوس بنفس حجم هذه الدائرة





5- اخفي التحديد Ctrl+D وقم بتقليص هذا القوس Ctrl+T الى حجم أصغر ثم تحرك به الى الأسفل



6- جميع المراحل التاليه هى تكرار للمرحلة السابقة ولكن مع اختلاف حجم القوس عند القص والتقليص في كل مرة والهدف ان نجعل هناك تدرجات لونيه على تلك الدائرة من اللون الفاتح اللى الأغمق ويتم ذلك بتغير درجة الشفافيه Opacity مع تعديل حالة مرج الطبقة الى Overlay



7- أخيرا وعلى الطبقة الاساسية الدائرة قم بعمل ظل مناسب لها وحد سميك ..



والنتيجة ....



يمكنكم الحصول على أشكال Shap للفوتوشوب لإستخدامها داخل الايقونات كما فعلت مع شكل القفل والسهم من هذا المواقع :
http://browse.deviantart.com/resourc...=9&alltime=yes
http://www.freephotoshop.com/html/free_shapes.html

او ان كنتم بارعين في إستخدام اداه الباث يمكنكم رسم هذه الاشكال...

.....

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

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

وكل ماكنت بارع أكثر في الجرافيكس يمكنك ان تتنوع في هذه الأشكال او تدخل عليها مجسمات 3d صغيرة

- الايقونات بالحجم الافتراضي ابعادها 20*20 بكسل وفي المثال معنا اعتمدت الابعاد 25*25 ويفضل الا تزيد عن ذلك كثيرا حتى لا تسبب فراغات كثيرة بين العناوين بسبب الايقونة ، وطريقة الصنع هي نفسها الطريقة السابقة ولكن إختلاف الشكل الإساسي :



والنتيجة النهائية ..



لاحظ هنا كل مافعتله بين ايقونات موضوع وموضوع يحتوى على مشاركات جديدة هو إختلاف فقط في درجة الشفافيه وهى اسهل الطرق والاعتماد الكلي على الأشكال Shape للحالات ـ وطبعاً كل مصمم وله اسلوبه وطريقة عرض للإيقونات والإحتراف في التصميم


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

تقبلوا التحيه وبالتوفيق للجميع ،،

الدرس للأخ كتوم (ترايدنت)

درس رائع
أفادني كثيرا
جزاك الله خيرا أخي الكريم

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