23‏/08‏/2010

كيفية عمل ازرار ويب 2

بسم الله الرحمن الرحيم


السلام عليكم و رحمة الله و بركاته


نبدأ درس اليوم عن كيفية تصميم ازرار ويب 2 جميلة الشكل و أنيقه


buttons.jpg


و يمكن لأي شخص عنده معرفه بسيطه بالفوتوشوب أن يصنعها و يبدع بها


في البدايه نقوم بعمل ملف جديد بالمقاسات التاليه


23-08-2010 01-10-47 ص.png


بعد أن تظهر لنا مساحة العمل نقم بعمل طبقه جديده عن طريق الضغط على هذا الزر 23-08-2010 01-12-16 ص.png الموجود في أسفل نافذة الطبقات ثم نضغط حرف U من لوحة المفاتيح لأختيار أداة المربع دائرية الحواف كما في الصوره


23-08-2010 01-12-45 ص.png


نقوم بتحديد خصائصها من شريط الخصائص بالأعلى كما في الصوره


23-08-2010 01-55-37 ص.png


ثم نقم بعمل مستطيل ذو حواف دائريه كما بالشكل التالي


23-08-2010 01-14-34 ص.png


الأن, لنقم بملئ هذا المستطيل بلون عن طريق الضغط على الزر الأيمن من لوحة المفاتيح لتظهر النافذه التاليه


23-08-2010 01-15-17 ص.png


تظهر النافذه التاليه


23-08-2010 01-15-42 ص.png


أختر كما هو موضح بالصوره ثم اضغط Ok


في الخطوه السابقه قمنا بملئ المستطيل باللون الأمامي أياً كان


في حالتي كان اللون أسود, لكن لا يهم لأننا سنقوم بتغييره حالا


نقم بأخيار قائمة Layer ثم أختيار Layer Style ثم Gradient Overlay كما في الصوره التاليه


23-08-2010 01-18-50 ص.png


تظهر لنا النافذه التاليه


23-08-2010 01-19-31 ص.png


قم بوضع علامه على كلمة Reverse


قم بالضغط على التدرج اللوني بجانب الكلمه Gradient, تظهر لك النافذه التاليه


23-08-2010 01-21-06 ص.png


قم بأختيار الألون كما بالأعلى ثم أضغط Ok


ثم أضغط Ok على النافذه الأخرى لتجد انه تم ملئ المستطيل بالألوان المختاره


قم بوضع المؤشر فوق طبقة المستطيل و أضغط زر Ctrl لتجد المؤشر تحول إلى الشكل كما في الصوره


23-08-2010 01-22-43 ص.png


أضغط على الطبقه لتحديد المستطيل ثم أختر اداة التحديد المستطيل كما في الصوره


23-08-2010 01-23-10 ص.png


قم بالضغط على زر Ctrl ثم الضغط أسفل المستطيل و السحب لأعلى حتى نلغي الأختيار من الجزء الأسفل من المستطيل كما في الصوره


23-08-2010 01-23-44 ص.png


قم بملئ الجزء الأعلى المختار من المستطيل باللون الأبيض ثم قلل شفافية الطبقه إلى 10% كما في الصوره


23-08-2010 01-24-57 ص.png


الأن تجد الشكل كالتالي


23-08-2010 02-20-32 ص.png


الأن يمكنك أضافة بعض الكلمات و بعض اللمسات الجماليه


button.jpg


و لتغيير لون الزر قم بأختيار طبقة الزر ثم أضغط Ctrl+U تظهر لك نافذه قم بتغيير الألوان منها للون المرغوب فيه


انتهى الدرس

15‏/08‏/2010

أشكال فوتوشوب - مجموعه 17 - أموات احياء

السلام عليكم و رحمة الله و بركاته


المجموعه السابعه عشر من أشكال الفوتوشوب


للتحميل أضغط على الصوره


zombies.jpg

أشكال فوتوشوب - مجموعه 16 - طائرات

السلام عليكم و رحمة الله و بركاته


المجموعه السادسة عشر من أشكال الفوتوشوب


للتحميل أضغط على الصوره


WW2-planes.jpg

أشكال فوتوشوب - مجموعه 15 - كرة سله

السلام عليكم و رحمة الله و بركاته


المجموعه الخامسة عشر من أشكال الفوتوشوب


للتحميل أضغط على الصوره


SnapHookHoops.jpg

أشكال فوتوشوب - مجموعه 14 - جماجم

السلام عليكم و رحمة الله و بركاته


المجموعه الرابعة عشر من أشكال الفوتوشوب


للتحميل أضغط على الصوره


Skull.jpg