شرح تصميم قائمة لوصلات موقع((رووعة))

keko_ferkeko

مشرف قسم التصاميم و الجرافيكس
طاقم الإدارة
10946_1199361966.gif




إخواني الأعزاء..
درس رائع لكيفية عمل أزرار القوائم الخاصة بالمواقع..

الدرس من ترجمتي

نموذج للدرس


website-navigation-button22.jpg


بسم الله نبدأ الدرس

1. افتح عمل جديد بالقياسات التالية
300 pixels,300 pixels, resolution 72
website-navigation-button1.gif


2. قم بعمل مستطيل دائري باستخدام أداة Rounded Rectangle Tool
website-navigation-button2.jpg


3. الان قم بعمل شكل جديد و املئه بأي لون تختار
website-navigation-button3.jpg



4. من Blending Option اختر Gradient Overly بالاعدادات التالية.
website-navigation-button4.jpg



5. النتيجة ستكون كالتالي:
website-navigation-button5.jpg



6. باستخدام أداة Pencil Tool قم بعمل الاعدادات التالية:
website-navigation-button6.jpg



7. قم بعمل طبقة جديدة و ارسم خط كالتالي:
website-navigation-button7.jpg



8. ثم خفف درجة وضوح الطبقة إلي 39%..
website-navigation-button8.jpg



9. قم بنسخ طبقة الخط.
website-navigation-button10.jpg



10. قم بالضغط على الطبقة + ctrl لتحديد الخط
website-navigation-button11.jpg



11. املئ التحديد بالأسود.
website-navigation-button12.jpg



12. ارسم شكل آخر و ملأه بلون مختلف.
website-navigation-button13.jpg



13. و من الـBlending Option طبق الاعدادات التالية.
website-navigation-button14.jpg


website-navigation-button15.jpg



14. الان النتيجة يجب أن تكون مثل هذا.
website-navigation-button16.jpg



15. قم بنسخ الاستايل
website-navigation-button17.jpg


16. قم بلصقه في التصميم الأحمر.
website-navigation-button18.jpg



17. قم بتحريك المستطيل الأبيض على الأحمر كما التالي:
website-navigation-button20.jpg



18. قم بكتابة الوصلة على الصورة.


التصميم النهائي

website-navigation-button21.jpg

 
شرح ممتاز و راااائع من مصمم محترف :clap:
بارك الله فيك اخي خالد على مجهودك الرررائع....
تحياتي .............
 
العفو أخوي هذا من ذوقك فقط...
منور الموضوع:)..
 
العفو..
و هيك تطبيق خاص لكتاب العرب( يمكن وضعه في الشروحات و ماشابه)..
10946_1197745015.jpg
 
شكرا على الشرح الوافي اخي .. شكرا على الجهد الطيب​
 
العفو أخوي..
إن شاء الله تكون استفدت:)..
 
تسلمي على المرور..
يا ريت لو أشوف لك تطبيق...
 
عودة
أعلى