K
khaled mahmoud
Guest
السلام عليكم احباء و اعضاء
شبكة كتاب العرب
:heart: :heart: :heart: :heart: :heart:
و متابعى دروس الفوتوشوب
كيف حالكم
معى الان درس جميل
و هو كيف تصنع زر جميل ينفع اخواننا مصممى جرافيك المواقع
بسم الله نبدئ الدرس
1- افتح ملف عمل جديد بمقاس 200*200 او حسب متطلباتك
2- انشئ لير جديد
3- اختر اداة رسم الدائرة و ارسم دائرة مع الضغط على زر shift لرسم دائرة منتظمة الشكل
4- قبل ملئ الدائرة باى لون اختر اداة رسم المربع و ارسم مستطيل
على ان يكون متصل بالدائرة و يتم ذلك بالضغط shift اثناء رسم المستطيل و طبعا تكون تحديد الدائرة مازال موجود
لتكون هكذا
صورة 1
5- الان املا التحديد باللون الاسود
ثم طبق الامر التالى select>> modify>> contract
و اعطها القيمة 2 بيكسل
بعد ذلك اضغط زر delet من الكيبورد
فيظهر الشكل كالتالى
صورة 2
6- الان انشئ لير جديدة ستكون هى لير رقم 2
(و لاحظ ان التحديد مازال موجود) ثم املا اللير الجديد باللون الاسود
ثم طبق الامر التالى select>>modify>>contract
و اعطها قيمة 2 بيكسل ايضا
7- الان انشئ لير جديدة ستكون رقم 3
و املاه باللون الاسود
8- الان اضغط ctrl+d لالغاء التحديد اخيرا و احذف اللير رقم 2
فيكون الشكل هكذا
صورة 3
9- الان اذهب الى اللير رقم 1 و نشطها و من خلا ل ايكونة حرف f
الموجودة اسفل اللليرات اختر الامر Gradient overlay
و اختر منها transparent rainbow ) كما بالصورة
صورة 4
10- الان نشط اللير رقم 3 ( لاننا حذفنا لير 2 )
و اختار نفس الخطوة السابقة لكن بتدرج اخر و ليكن
blue . red. yellow كما بالصورة
صورة 5
فيكون العمل بهذا الشكل
صورة 6
11- انشئ لير جديدة و املاها باى لون تريدة ما عدا الابيض او الاسود
انا اخترت مثلا الاخضر ثم غير البلند مود blend mode الى (color)
كما بالصورة
صورة 7
يبقى الان اضافة نص او شكل على الزر هكذا
اختر اداة الكتابة و اكتب ما تريد
فيكون هذا العمل النهائى
صورة 8
صورة 9
و اى استفسار انا بانتظار الردود على الدرس
تابعونا لدينا المزيد
اخوكم خالد
شبكة كتاب العرب
:heart: :heart: :heart: :heart: :heart:
شبكة كتاب العرب
:heart: :heart: :heart: :heart: :heart:
و متابعى دروس الفوتوشوب
كيف حالكم
معى الان درس جميل
و هو كيف تصنع زر جميل ينفع اخواننا مصممى جرافيك المواقع
بسم الله نبدئ الدرس
1- افتح ملف عمل جديد بمقاس 200*200 او حسب متطلباتك
2- انشئ لير جديد
3- اختر اداة رسم الدائرة و ارسم دائرة مع الضغط على زر shift لرسم دائرة منتظمة الشكل
4- قبل ملئ الدائرة باى لون اختر اداة رسم المربع و ارسم مستطيل
على ان يكون متصل بالدائرة و يتم ذلك بالضغط shift اثناء رسم المستطيل و طبعا تكون تحديد الدائرة مازال موجود
لتكون هكذا
صورة 1

5- الان املا التحديد باللون الاسود
ثم طبق الامر التالى select>> modify>> contract
و اعطها القيمة 2 بيكسل
بعد ذلك اضغط زر delet من الكيبورد
فيظهر الشكل كالتالى
صورة 2

6- الان انشئ لير جديدة ستكون هى لير رقم 2
(و لاحظ ان التحديد مازال موجود) ثم املا اللير الجديد باللون الاسود
ثم طبق الامر التالى select>>modify>>contract
و اعطها قيمة 2 بيكسل ايضا
7- الان انشئ لير جديدة ستكون رقم 3
و املاه باللون الاسود
8- الان اضغط ctrl+d لالغاء التحديد اخيرا و احذف اللير رقم 2
فيكون الشكل هكذا
صورة 3

9- الان اذهب الى اللير رقم 1 و نشطها و من خلا ل ايكونة حرف f
الموجودة اسفل اللليرات اختر الامر Gradient overlay
و اختر منها transparent rainbow ) كما بالصورة
صورة 4

10- الان نشط اللير رقم 3 ( لاننا حذفنا لير 2 )
و اختار نفس الخطوة السابقة لكن بتدرج اخر و ليكن
blue . red. yellow كما بالصورة
صورة 5

فيكون العمل بهذا الشكل
صورة 6

11- انشئ لير جديدة و املاها باى لون تريدة ما عدا الابيض او الاسود
انا اخترت مثلا الاخضر ثم غير البلند مود blend mode الى (color)
كما بالصورة
صورة 7

يبقى الان اضافة نص او شكل على الزر هكذا
اختر اداة الكتابة و اكتب ما تريد
فيكون هذا العمل النهائى
صورة 8

صورة 9

و اى استفسار انا بانتظار الردود على الدرس
تابعونا لدينا المزيد
اخوكم خالد
شبكة كتاب العرب

:heart: :heart: :heart: :heart: :heart: