|
Photoshop Tutorial |
|
Micro Buttons |
| |
|
|
| |
ابدأ بفتح برنامج
Photoshop و
انشاء صورة جديدة , استعمل الخلفية الشفافة
trasparent background box
. أما الحجم فيجب أن يكون ذات حجم الأزرار .
قرب الصورة لغاية 400% لتتمكن من رؤية ما
تفعله بشكل أوضح و أسهل . قم بالنقر مع
الاستمرار على ALT+ 3
timesAlt
(Mac: Option) and hitting + three times
. قم بانشاء مستطيل حيث سيكون الحدود الخارجية
للزر وذلك باستخدام
Rectagular Marquee Tool
املأ المستطيل باللون الأسود وذلك باستخدام
D
و من ثم
Alt+Backspace (Option+Delete).
. |
| |
|
| |
|
| |
 |
| |
|
| |
|
| |
استخدم
ctrl
و انقر على الطبقة التي
تحتوي المستطيل الأسود في لوحة الطبقات
Layers Palette
وذلك لتحميل الاختيار ثم انقر على
go Select>Modify>Contract
و اختر 1 pixel
. اختر لونين تريد استعمالهما كخلفية للزر
button
ثم قم بانشاء طبقة جديدة
باختيار  ثم
قم باختيار أداة
Linear Gradient Tool
 واملأ
التحديد بالنقر بشكل خفيف فوق الاختيار مع زرshift
ومن ثم انقر بشكل
خفيف أسفل الاختيار . سيظهر لدينا الان خط
مائل عمودياً كما الصورة الموجودة في الأسفل .
بعد ذلك انقر على الطبقة التي تحتوي على
المستطيل الأسود من لوحةالطبقات واستخدم
rectangular marquee
لاختيار عدد الـ
pixels لكل من
الزوايا الأربعة ثم انقر على
Delete
. |
| |
|
| |
|
| |
 |
| |
|
| |
|
| |
قم الآن باضافة النص
الأبيض الى داخل الزر عن طريق اداة
Type Tool
 اجعل
النص في الوسط حتى يبدو الزر على شكل
spoonodelic
. |
| |
|
| |
|
| |
 |
| |
|
| |
|
| |
ستقوم الآن باضافة خط
خارجي للنص استخدم
ctrl+click
(Command+click)
على طبقة النص وقم بانشاء
طبقة جديدة في أعلى النص . بالنسبة لهذه
الطبقة الجديدة قم باستخدام
Select>Modify>Expand
و قم بتمديده
1 pixel
. قم الآن بملأ اختيارك باللون الأسود . بعد
ذلك استخدم خيارات
Blending Mode options
لتلك الطبقة و قم بتغيير
Normal to Soft Light.
. قم بمساواة الشفافية حتى يبدو اللون كما
تريد . في الصورة الآتية قمنا باستخدام 60% .
|
| |
|
| |
|
| |
 |
| |
|
| |
|
| |
قم بانشاء طبقة أخرى و
استخدم أداة
Pencil Tool
 .
اجعل صف البيكسلات أسفل الحواف السوداء العليا
و عمود الـ
pixels
على الجانب الأيمن من
الحواف البيضاء الموجودة على اليسار . و بشكل
مشابه ضع صف الـ
pixels فوق
الحواف السفلى أما العمود فضعه على يسار
الحواف اليمنى السوداء . قم بتغيير
Blending Mode
الى
Overlay
أو
Soft Light
كما في الخطوة الرابعة قم بمساواة شفافية
الطبقة . قم بتكبير الصورة
zoom out
الى 100% و انظر الى
الصورة النهائية . |
| |
|
| |
 |
| |
|
| |
|
| |
كما تستطيع تطبيق هذه
التقنية لتقوم بانشاء الأزرار 88× 31 و التي
يستخدمها الكثير من المواقع لتبديل الارتباطات
. |
| |
|
| |
|
| |
|
| |
 |
| |
|
| |
|
| |
|
| |
|
| |
|
