Hide this notice

مرحبا أنت تستخدم انترنت اكسبلورر ٦ و هو متصفح اصدر في العام 2001 الا يبدو لك ذلك قديما .

نحن ننصحك بقوة بترقية متصفحك إلى نسخة أحدث مثل أنترنت اكسيلورر ٨ أو فايرفوكس و الذي سيتيح لك تصفح أفضل ليس لموقعنا فقط بل في كل أرجاء الأنترنت..

لو كنت لا تريد أو لا تملك الصلاحية لترقية المتصفح يمكنك أن تستمر في التصفح على الرحب و السعة لكن تذكر قد لا تتمكن من استعراض بعض خدمات الموقع بالشكل المطلوب . بالطبع يمكنك إخفاء هذه الرسالة و تستمر في التصفح و لن تظهر لك هذه الرسالة مرة أخرى .

Post Pic

إنشاء زر متدرج على طريقة ويب 2

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

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

01.png

ثانيا : بالضغط على الطبقة نريد إدراج نمط للطبقة 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

تحميل المثال ..

بقلم : فاطمة العمادي

أم و زوجة .. مصممة حرة و مصورة .. عرف الناس كتاباتي التقنية من خلال شخصية خيالية هي الدكتور نت . اصمم المواقع منذ العام ١٩٩٩م .

أوسمة : , , , , , , , ,