المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : تصميم هيدر لمركز ألعاب Create a Professional Gaming Header



loulou ange
10-30-2013, بتوقيت غرينيتش 06:20 AM
السلام عليكم,,

تصميم هيدر لمركز ألعاب Create a Professional Gaming Header (http://www.3mints.info/showthread.php?t=1016)

النتيجة النهائية:
http://www.3mints.info/imgcache3/2558.png

الدرس مفصل:

أنشئ عمل جديد بقياس 1000 * 180
create a new document.we will be using a canvas size of 1000×180.

http://www.3mints.info/imgcache3/2559.png


املء الخلفية باللون الأسود ثم اضف هذه التأثيرات على الخلفية
fill your background with Black color , and then input the following blending options onto your background layer (Right Click > Blending Options)

http://www.3mints.info/imgcache3/2560.png

http://www.3mints.info/imgcache3/2561.png


باستخدام أداة التحديد Rectangle Marquee حدد ما يشابه هذا المثال واملئه باللون الأبيض
Use your Rectangle Marquee Tool to make a selection similar to the following, and fill it with White color.

http://www.3mints.info/imgcache3/2562.png


أضف هذه التأثيرات على لير المستطيل الذي أسسناه في الخطوة السابقة
input the following blending options onto that layer

http://www.3mints.info/imgcache3/2563.png

http://www.3mints.info/imgcache3/2564.png

http://www.3mints.info/imgcache3/2565.png


سنقوم بتحديد الجزء الذي نريد أن يكون مفعل لمعرفة على أية صفحة نستخدم,, اذهب إلى أداة التحديد المربعة وحدد كالتالي
go ahead and show what our active link will look like. To do so, make a selection similar to the following and fill it with #000000 on its own layer

http://www.3mints.info/imgcache3/2566.png


نفذ هذه التأثيرات على الخطوة الأخيرة
nput the following blending options onto that newly created layer

http://www.3mints.info/imgcache3/2567.png

http://www.3mints.info/imgcache3/2568.png

http://www.3mints.info/imgcache3/2569.png

http://www.3mints.info/imgcache3/2570.png


النتيجة ستكون شبيها بهذه
Your results should look something like this

http://www.3mints.info/imgcache3/2571.png


سنضيف تأثير الإشعاع حدد بأداة التحديد الدائرية كما في الصورة ثم قلل قوة التحديد إلى 15%
creating a extra ‘glow’ to our active layer. What we want to do now is to go to your tools pallet and choose the elliptical marquee tool. Set your feather to around 15%, and make a selection similar to the following:

http://www.3mints.info/imgcache3/2572.png


املء التحديد باللون الأبيض ثم غير شفافية اللير إلى Overlay ثم احذف الأجزاء الخارجة عن الزر عن طريق تحديد الزر ثم عكس التحديد مع اختيار اللير الخاص بالإشعاع ثم اضغط على حذف
fill it with #FFFFFF, and change the layer style to ‘overlay’, CTRL+Click your ‘blue active’ layer, to select it. Then go back to your glow layer and choose (Select > Inverse), then (Edit>Clear). After you have done so, it will look something like the following:

http://www.3mints.info/imgcache3/2573.png


اكتب ما تريد على الزر بالأحرف الكبيرة في حال اللغة الإنلجيزية وباللون الأبيض ثم طبق التأثير التالي
http://www.3mints.info/imgcache3/2574.png


النتيجة كهذه تقريبا
Your results will look like this:
http://www.3mints.info/imgcache3/2575.png


من أداة التحديد المربعة وبدوران 10 بيكسل ارسم مستطيل كالتالي واملئه باللون الأبيض تحت جميع الليرات وفوق لير الخلفية
pull our your rounded rectangle tool with your radius set to 10px. Go ahead and make a selection similar to the following, and make sure its on a layer below everything but your background layer.

http://www.3mints.info/imgcache3/2576.png


نفذ هذه التأثيرات عليه
http://www.3mints.info/imgcache3/2577.png

http://www.3mints.info/imgcache3/2578.png

http://www.3mints.info/imgcache3/2579.png


النتيجة كالتالي:
Your results will look like this:




http://www.3mints.info/imgcache3/2580.png


اكتب اسم الموقع عليه وأداة البحث لتظهر بالنتيجة النهائية
http://www.3mints.info/imgcache3/2558.png




** يرجى ذكر المصدر عند النقل حتى وإن تم رفع الصور على موقع أخر (http://www.3mints.info/showthread.php?t=1016)**




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى