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

بسم الله نبدأ الدرس
1. افتح عمل جديد بالقياسات التالية
300 pixels,300 pixels, resolution 72

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

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

4. من Blending Option اختر Gradient Overly بالاعدادات التالية.

5. النتيجة ستكون كالتالي:

6. باستخدام أداة Pencil Tool قم بعمل الاعدادات التالية:

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

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

9. قم بنسخ طبقة الخط.

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

11. املئ التحديد بالأسود.

12. ارسم شكل آخر و ملأه بلون مختلف.

13. و من الـBlending Option طبق الاعدادات التالية.


14. الان النتيجة يجب أن تكون مثل هذا.

15. قم بنسخ الاستايل

16. قم بلصقه في التصميم الأحمر.

17. قم بتحريك المستطيل الأبيض على الأحمر كما التالي:

18. قم بكتابة الوصلة على الصورة.
التصميم النهائي
