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

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
 
شكرا على الشرح الوافي اخي .. شكرا على الجهد الطيب​
 
العفو أخوي..
إن شاء الله تكون استفدت:)..
 
تسلمي على المرور..
يا ريت لو أشوف لك تطبيق...
 
عودة
أعلى