منتديات التعليميه والخدميه
أهلا بكم زائرنا الكريم: منتديات التعليميه والخدميه ترحب بكم وتتمنى لكم الافاده والاستفاده
منتديات التعليميه والخدميه
أهلا بكم زائرنا الكريم: منتديات التعليميه والخدميه ترحب بكم وتتمنى لكم الافاده والاستفاده
منتديات التعليميه والخدميه
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتديات التعليميه والخدميه

برامج كمبيوتر حديثه - دروس تعليميه - ستايلات - فلاش - سويش ماكس - واجهات برامج حمايه - مسلسلات - افلام - ايقاعلت - ميكسات - طربيات
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

 طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب

اذهب الى الأسفل 
كاتب الموضوعرسالة
الهدار الكرار
مشرف
مشرف
الهدار الكرار


عدد المساهمات : 950
تاريخ التسجيل : 25/01/2012

طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب Empty
مُساهمةموضوع: طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب   طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب Emptyالثلاثاء فبراير 26, 2013 12:22 am



أولا : أنشأ مستند جديد بالحجم الذي تفضل . أنشأ طبقة جديدة و بأداة رسم الاشكال الهندسية ارسم مستطيع بأي لون تختاره.

طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 01

ثانيا : بالضغط على الطبقة نريد إدراج نمط للطبقة Style إما بالضغط على الطبقة مرتين متتالتين و اختيار gradient overlay أو من القوائم اختر Layer > layer style > gradient overlay

و أنشا التدرج اللوني التالي بالألوان الموضحة بالصورة .


طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 02

ثالثا : نريد الآن إضافة إطار للزر Stroke من نفس المكان السابق Layer style لكن هذه المرة نختار Stroke .و نضع الإعدادت التالية :


طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 03

رابعا :

أنشا طبقة جديدة (Shift+Ctrl+N) و حدد المنطقة العلوية من الزر مع ترك مساقة 1 بكسل لو لم تتمكن من ترك المسافة حدد حول الجزء العلوي من الزر و اختر

Select > modify > contract و ضع القيمة 1 لتصغير التحديد بمقدار واحد بكسل .و لون داخل التحديد بأي لون .


طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 04

خامسا : من نافذة الطبقات على اليمين قلل القيمة Fill إلى صفر كما في الصورة


طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 05

و ضع Layer style نمط للطبقة .. نريد هنا وضع تحديد Stroke للطبقة. بحيث يكون التحديد عبارة عن تدرج لوني من الأبيض إلى الشفافية .

طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 05_1

سادسا : نريد تحديد المنطقة السفلية من الزر بمقدار واحد بكسل كما في الصورة

طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 06

سابعا : نختار أداة التدرج اللوني بالإعدادات التالية بحيث يكون التدرج اللوني من الأبيض إلى الشفافية و تكون طريقة التعبئة دائرية.


طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 07


ثامنا : نعبأ المنطقة التي حددناها من الوسط إلى اليمين أو اليسار . ثم نكرر على طبقة جديدة و باستخدام التدرج اللون من اللون #0eb2f0 إلى الشفافية . لنحصل على الشكل التالي

طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 08


تاسعا : نريد إنشاء ظل للزر نرسم مستطيل اسفل الشكل و نستخدم التدرج اللوني من إحدى درجات الأزرق إلى الشفافية


طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 09


و من ثم نخفف شفافية الطبقة إلى 30%.


طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب 10


نضيف النص


طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب Final

كما يمكننا إنشاء شريط أدوات بنفس الطريقة

طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب Toolbar
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
طريقة آخرى لإنشاء زر متدرج باستخدام الفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح الاصدار العاشر من الفوتوشوب مع طريقة عمل الاميدج ريدى
» درس أشتعال الأحرف في الفوتوشوب مترجم للعربيه
» مع هذا الكتاب ستتعلم الاحتراف ببرنامج الفوتوشوب
» برنامج لإنشاء وتحرير الخطوط اصداره الجديد FontCreator Pro v6.0 build 106
» خلفيات تجريدية مميزة بأسرع الطرق باستخدام فوتوشوب

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات التعليميه والخدميه  :: 

التعليميه والخدميه للتصميم بالفوتوشوب

 :: 

دروس الفوتوشوب المكتوبه والمصوره

-
انتقل الى: