تعلم كيف تصمم زر إحترافي على الفوتوشوب

تعلم كيف تصمم زر إحترافي على الفوتوشوب

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

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

تعلم كيف تصمم زر إحترافي على الفوتوشوب 1-3

تعلم كيف تصمم زر إحترافي على الفوتوشوب 1-3

----------

1-نقوم بفتح عمل جديد كالتالي

تعلم كيف تصمم زر إحترافي على الفوتوشوب 2-3

2-نختار الاعدادات الموضحة .. "تستطيع أن تضع الاعدادات التي تريد"

تعلم كيف تصمم زر إحترافي على الفوتوشوب 3-2

3-نقوم بإختيار أداة Rounded rectangle tool كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 4-1

4-نتأكد من ان هذه الخيارات تكون محدد عند اختيار الأداة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 5-1

5-نقوم بعمل شكل مستطيل ناعم الحواف كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 6-1

هذا المستطيل عبارة عن path أو مسار نستطيع تحويله إلى تحديد كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 7-1

6-ينتج لدينا تحديد كالتالي

تعلم كيف تصمم زر إحترافي على الفوتوشوب 8-1

7-نقوم بإنشاء طبقة جديد في صندوق الـlayers كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 10

8-نقوم بإختيار أداة paint bucket tool لتعبئة المستطيل باللون الأسود ..

تعلم كيف تصمم زر إحترافي على الفوتوشوب 11

9-نلغي التحديد عن المستطيل كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 12

هذا شكل المستطيل بعد إلغاء التحديد

تعلم كيف تصمم زر إحترافي على الفوتوشوب 13

10-نقوم بإختيار أداة rectangle marquee tool كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 14

11-نعمل التحديد التالي ..

تعلم كيف تصمم زر إحترافي على الفوتوشوب 15

12-نملىء التحديد باللون الأسود كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 16

الان كليك يمين على طيقة المستطيل ونختار Blending option كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 17

13-نضع الأعدادت التالية

تعلم كيف تصمم زر إحترافي على الفوتوشوب 18

تعلم كيف تصمم زر إحترافي على الفوتوشوب 19

تعلم كيف تصمم زر إحترافي على الفوتوشوب 20

تعلم كيف تصمم زر إحترافي على الفوتوشوب 21

اكود الألون المستعملة في الصورة السابقة . .

تعلم كيف تصمم زر إحترافي على الفوتوشوب 22

بعد تطبيق الاعدادت ينتج لدينا كما في الشكل

تعلم كيف تصمم زر إحترافي على الفوتوشوب 24

الان سنقوم بعمل شكل اللمعة أو الكريستال وسنستخدم اداة الـpen tool لعمل ذلك ..

14-نقوم بعمل path كما في الشكل

تعلم كيف تصمم زر إحترافي على الفوتوشوب 26

15-نقوم بتحويل الـpath إلى تحديد كما في الصورة التالية

تعلم كيف تصمم زر إحترافي على الفوتوشوب 27

ومن ثم ينتج لدينا هذا التحديد

تعلم كيف تصمم زر إحترافي على الفوتوشوب 28

16-نقوم بملء التحديد باللون الأبيض ونضع الاعدادات الموضحة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 29

17-نضيف ظل بسيط لـ layer 2 كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 30

الان نقوم بعمل path على أحد زوايا المستطيل كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 31

نقوم بعمل التحديد كالتالي

تعلم كيف تصمم زر إحترافي على الفوتوشوب 32

18-نقوم بملئها باللون الأبيض كما في الصورة

تعلم كيف تصمم زر إحترافي على الفوتوشوب 33

19-نطبق فلتر blur كالتي

تعلم كيف تصمم زر إحترافي على الفوتوشوب 34

نختار القيمة الموضحة للفلتر

تعلم كيف تصمم زر إحترافي على الفوتوشوب 35

نقوم بنسخ الطبقة البيضاء وتحريكها إلى جهة الشمال قليلا

تعلم كيف تصمم زر إحترافي على الفوتوشوب 36

ندمج الطبقتان مع بعض عن طريق الاختصار ctrl+e ومن ثم نغير الـblending mode إلى overlay لينتج كما في الصورة ..

تعلم كيف تصمم زر إحترافي على الفوتوشوب 37

بعد تطبيق شرح الفيديو ينتج لدينا التالي . .

تعلم كيف تصمم زر إحترافي على الفوتوشوب 38

تحميل الفيديو
http://www.4shared.com/file/110916469/18bf2497/3sefaBUTTONtut.html

رووووووووووووووعة بجد
الوان وتنسيق رقيق
سلمت الانامل

درس رآئـــ ع وقيم للغ ــآاإيهـ ..

ع ـــواآفي نبـ غزهـ ــراس ،،

بوركت جهودكـ ~