Unconfigured Ad Widget

**telpo** · 04 / 04 / 2006, 03:40 PM

والان قم باختيار مربع التحديد وارسم به تحديداً كما في الصورة التالية

ثم من قائمة

Select ------------ Feather

أو اضغط

Ctrl + Alt + D

واختر القيمة واحد كما هو موضح

في الصورة التالية

1- اختر أداة التعبئة... وان لم تكن موجودة وموجود بدلاً منها أداة الدلو اضغط ضغطة طويلة بالماوس تظهر لك أداة التعبئة قم باختيارها

2- اضغط هنا لجعل اللون انفرادياً ولا تنسي أن هذه الالوان مأخوذة من الالوان الرئيسية الموجودة في الادوات

3 - قم باختيار المربع الثاني كما في الشكل

اسحب الماوس بطريقة لطيفة لعمل هذا التحديد الأبيض

اضغط بالزر الايمن للماوس على اللاير الخاصة بكلمة

O2learn

كما هو موضح بالصورة

اختر

Select -------- Modify ----------- Expand

اجعل القيمة 3 كما بالصورة

اختر

Select --------- Inverse

ثم اضغط على زر

Delete

بهذا تكون قد أضفت التأثير الي البانر

والان هيا لنصمم الأزرار

أولاً نقوم بانشاء مساحة عمل جديدة حتي نعبث(eyelash) فيها كما نريد بدون التأثير على العمل .......... حتي أنك من الممكن أن تقوم بعمل عدة أزرار وتختار أيها أفضل ويتناسب مع التصميم ....... المهم بلاش تطويل لحسن تقولوا عامل نفسه فاهم ::eyelid::

طبعاً لعمل هذه المساخو انظر الي الصورة في الاسفل

الان قم باختيار أداة الـ

Rounded

كما في الصورة التالية

ابدأ في رسم الحجم الذي تراه مناسباً

واجعل اللون رصاصي فاتح

كود اللون

#E9E9E9

تظهر كما في الصورة

قم بتكرارها مرة أخر وذلك باتباع الخطوات في الصورة التالية

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

Ctrl + T

ثم ابدأ التصغير ولاتنسي تثبيت يدك على زر الـ

Shift

الان قم بالذهاب الي مشروع الموقع الاول وختار الموبع الازرق في البانر واضغط على اللاير الخصصة له بالزر الايمن للماوس ثم اختار

Copy Layer Style

كما بالصورة

ثم اذهب الي الزر واضغط على اللاير التي كنا قد نسخناها بالزر الأيمن ثم

Paste Layer Style

كما بالصورة التالية

قم بتكرار نفس عملية لصق التأثير على الجزء الخلفي للزر .......... المقصود اللاير الثاني

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

**telpo** · 04 / 04 / 2006, 03:41 PM

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

والان لنضع جزء الاخبار

قم باختيار أداة الـ

Rounded

كما بالصورة التالية

وقم برسم مربع في منتف الموقع ثم قم بعمل

Paste Layer Style

على اللاير الخاصة بهذا المربع

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

قم بعمل

Restrize

للصورة اذا كانت على هيئة ماسك كما هو موضح في الصورة التالية

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

فيصبح بهذا الشكل أما بالنسبة للجزء الأيمن السفلي كل ما عليك رسم تحديد وتلوينه على نفس لا ير المربع في المكان المناسب تظهر لك بهذا الشكل

والان بعد اضافة صورة سيرفر وبعض البيانات يصبح بهذا الشكل

والان لنصمم جزء لواجهة بيانات الموقع

قم باختيار أداة القلم كما بالصورة التالية

قف في منتصف الصفحة وارسم على لاير جديدة خط مستقيم وذلك بالضغط على زر الـ

Shift

والان قم برسم دائة أو مربع تحديد ثم اختر

Select ------------ Feather

وضع القيمة 10 ثم ثم بالضغط على زر Delete مرة أو مرتين

كرر نفس الخطوة مع الجزء السفلي

والان باضافة بعض الصور والكلام يصبح هذا هو الشكل النهائي للموقع

بالنسبة للجزء الخاص بالتأثير على البانر سوف أقوم بشرحة لا حقاً ......... وسيسرني ان قمت بمحاولة تطبيق الدرس

....... وهذا الجزء المتبقي للعلم بسيط جداً

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

والجزء القادم بمشيئة الله سيكون في كيفية عم الانعكاسات كالتي على السيرفر وأيضاً التأثيرات الموجودة على البانر

تــــــــــــــابعونا

**telpo** · 04 / 04 / 2006, 03:42 PM

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

http://eyelash.ps/upload/admin/telpo/Tutorials/eX.rar

والله المستعان

**pepsi** · 04 / 04 / 2006, 11:49 PM

مجهود جميل الله ينور عليك

وللأمام دايما

وياريت لو تحط دروس لعمل أزرار شكلها جميل وهيدر

**way2allah** · 07 / 04 / 2006, 05:11 PM

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

**مستركيو** · 07 / 04 / 2006, 07:05 PM

مجهود طيب جدا منك اخي الكريم
بارك الله فيك و جعله في ميزان حسناتك

**المهندســه** · 10 / 04 / 2006, 03:06 AM

مجهود رائع بمعنى الكلمه .. وساكون من المتابعين لك دايم

شكرا لك على الشرح الوافي والدرس المذهل .. لاتحرمنا كمان وكمان

احترامي لك .. المهندســـــــــــــــــــــــــــــــــه

**الجزار1** · 10 / 04 / 2006, 05:16 PM

روابط الصور لا تعمل لكن مشكور كتير

**abou_mazen** · 15 / 04 / 2006, 08:06 PM

مجهود طيب جدا منك اخي الكريم
بارك الله فيك و جعله في ميزان حسناتك

**ToDaY1** · 21 / 04 / 2006, 07:40 PM

ابدعت اخوي وتشكر على هذا الدرس نرجو منك اكمال الدرس اذا كان فية مجال

تشرح لنا كيف نعمل menu بشكل جميل وونتظر اذا كان عندك دروس اضافية

نحن محتاجين مثل هذه الدروس وانا عندي مشروع تصميم موقع لجامعة

**فن ثلاثي** · 22 / 04 / 2006, 12:34 AM

يعطيك العفية أخي على ماقدمت

**sherroki** · 22 / 04 / 2006, 01:18 AM

ماشاء الله علي مجهودك
في المقدمة دائما
انا مبسوطة جدا من التمرين لاني كنت محتاجاه و مكنش في وقت ادور عليه
فحاسة ان حظي كويس اوي الحمد لله

اما بالنسبة للاخ اللي كان عايز كتاب فوتوشوب للمبتدئين pdf (انجليزي)
فانا عندي كتاب الفوتوشوب سي اس 2 و جاهز للتحميل بس نظرا لضيق الوقت حاليا
فممكن ارسل لك اللينك الخاص بيه غدا بأذن الله

**tariqtaha** · 26 / 04 / 2006, 09:24 PM

عمل ممتاز وللأمام دائما،،،، جزاك الله خيرا

Unconfigured Ad Widget

إعـــــــلان

تعلم كيفية تصميم واجهة موقع احترافية ببرنامج الفوتوشوب

تعلم كيفية تصميم واجهة موقع احترافية ببرنامج الفوتوشوب

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق

تعليق