تـصميم واجـهة موقـع

loza: الأداره; عدد المساهمات : 3235
العمل/ : تطوير المنتدى
نقاط : 4478

مساهمة رقم 1

تـصميم واجـهة موقـع

مُساهمة من طرف loza الإثنين مايو 17, 2010 1:12 pm

[center]~ الدرس ~
~

اولا نقوم بفتح عمل جديد عن طريق
File > New
او عن طريق الضغط على CTRL+N
ونجعل القياسات 1200 ×768 Pixels

~

تـصميم واجـهة موقـع Attachment

~

ملاحظه : قمنا بتصغير العينه ليسهل الشرح ^_^"

ونذهب ونكتب الذي نريده فوق
فمثلا نحن كتبنا هكذا

~

تـصميم واجـهة موقـع Attachment

~

ليس بشرط ان تكتبو مثل الكتابه
اكتبو الذي توريدونه ^_^"

بعدها نقوم بذهاب الى
Blending Options>Outer Glow
ونضع هذا اللون F01452
ونجعل الأعدادت كالتالي

~

تـصميم واجـهة موقـع Attachment

~

بعدها نذهب الى Blending Options>Gradient Overlay

~

تـصميم واجـهة موقـع Attachment

~

واضبطو اعدادته كهذهِ

~

تـصميم واجـهة موقـع Attachment

~

لتصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نأخذ الأداه (Rounded Rectangle Tool (U
ونرسم مربعا كهذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب الى
Blending Options>Gradient Overlay
ونقوم بظبط الأعدادات كالتالي

~

تـصميم واجـهة موقـع Attachment

~

ثم نظبط التدرج بهذه الألوان

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب الى Blending Options>Stroke
ونظبط اعدادته كما يلي

~

تـصميم واجـهة موقـع Attachment

~

ثم نعود مرةً اخرى الى التدرجات
ونظبطها كما يلي

~

تـصميم واجـهة موقـع Attachment

~

لتصبح النتيجه حتى الأن هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نقوم بأخذ فرشاه
بحجم 300 PX

~

تـصميم واجـهة موقـع Attachment

~

ثم نقوم بوضعها
بهذا الشكل

~

تـصميم واجـهة موقـع Attachment

loza

loza: الأداره; عدد المساهمات : 3235
العمل/ : تطوير المنتدى
نقاط : 4478

مساهمة رقم 2

رد: تـصميم واجـهة موقـع

مُساهمة من طرف loza الإثنين مايو 17, 2010 1:21 pm

ثم نضع لير الفرشاه
تحت لير المستطيل
ونقوم بالظغط على CTRL+T
لتقصيره وتطويله
ليصبح هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نقوم بأخذ اداة( Rounded Rectangle Tool (U
وعمل مربع من فوق صغير
ونجعل الـFill 10%
والـ Opacity 5%
لتصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

قم بعدها نقوم برسم خط على تحت
بأدة( Line Tool (U
فمثلا بعد رسم الخط تصبح هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب بعدها الى Blending Options>Gradient Overlay
واجعلو الأعدادات كهذهِ

~

تـصميم واجـهة موقـع Attachment

~

ثم قمو بعمل هذا التدرج

~

تـصميم واجـهة موقـع Attachment

~

ملاحظه: هذا التدرج قد يكلف لك بعض الوقت
فقمت انا بصنعه بنفسي مثل الأعدادات
لتحميله اضغط

هـــنـــا

اما اذا اردت ان تعلمه لوحدك
فهذا الأمر راجعاً اليك ^_^"

بعد عمل هذه الخطوه وظبط الأعدادات
سوف تصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

بعدها نقوم عمل واحد اخر بنفس الخطوات
ونضعه فوق
لتصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نأتي من داخل
المستطيل ونرسم
خط بأداة( Line Tool (U
لتصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب الى Blending Options>Gradient Overlay
ونقوم بالظبط الأعدادات كالتالي

~

تـصميم واجـهة موقـع Attachment

~

ونقوم بظبط اعدادات اللون كهذهِ

~

تـصميم واجـهة موقـع Attachment

~

وسوف تصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب مرا اخرى الى Blending Options>Gradient Overlay

~

تـصميم واجـهة موقـع Attachment

~

ونقوم بتغير التدرج
كالتالي .!

~

تـصميم واجـهة موقـع Attachment

~

لتصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نكرر العمليه
على عدد المربعات
التي تريد عمليها تـصميم واجـهة موقـع Gooood

لتصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نقوم كتابة مانريد
لتصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نقوم بأعدادات
على كل كلمه كتبتها في هذا المربع
وهذه الأعدادت مرا اخرى لتذكير ^^"

نقوم بذهاب الى Blending Options>Outer Glow
ونضع هذا الون F01452
ونجعل الأعدادات كالتالي

~

تـصميم واجـهة موقـع Attachment

~

بعدها نذهب الى Blending Options>Gradient Overlay

~

تـصميم واجـهة موقـع Attachment

~

واضبطو اعدادات التدرج هكذا

~

تـصميم واجـهة موقـع Attachment

~

وقومو بهذه الأعدادات على كل كلمه وضعنها
لتصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

[/size]

loza

loza: الأداره; عدد المساهمات : 3235
العمل/ : تطوير المنتدى
نقاط : 4478

مساهمة رقم 3

رد: تـصميم واجـهة موقـع

مُساهمة من طرف loza الإثنين مايو 17, 2010 1:34 pm

ثم نأتي وسوف نضع هذه الصوره في داخل ليصبح الشكل هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نستخدم اداة( Rectangle Tool (U

ونملؤها بالون الأسود

لنسهل عليك هذه الخطوه لقد قمت بعمل كل هذا فقط معاليك
الا سحب هذه الصوره الا العمل ^_^"

~

تـصميم واجـهة موقـع Attachment

~

بعدها نقوم
برسم دأره لتصبح بهذا الشكل

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب الى Blending Options>Gradient Overlay
ونظبط اعداداته كالتالي

~

تـصميم واجـهة موقـع Attachment

~

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

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب الى Blending Options>Stroke
ونظبط اعداداته كما يلي

~

تـصميم واجـهة موقـع Attachment

~

ثم نعود مرا اخرى الا التدرجات
ونظبطه بهذا التدرج

~

تـصميم واجـهة موقـع Attachment

~

ومن ثم سوف تصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نرسم مثلثاً داخل الدأره
بأداة الـ (Pen Tool (P
ليصبح الشكل هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نقوم بضبط اعدادت المثلث
بذهاب الى Blending Options>Gradient Overlay
ونجعل اللأعدادات كالتالي

~

تـصميم واجـهة موقـع Attachment

~

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

~

تـصميم واجـهة موقـع Attachment

~

بعدها سوف تصبح النتيجه هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب مرا اخرى الى Blending Options>Gradient Overlay
ونجعل الأعدادت هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم نذهب الى Blending Options>Stroke
ونقوم بجعل الأعدادت كما يلي

~

تـصميم واجـهة موقـع Attachment

~

ثم نكرر العمليه على الجها الأخرى بنسخ
مثله ووضعه في الجه الأخرى لتصبح النتيجه
هكذا

~

تـصميم واجـهة موقـع Attachment

~

وبعدها نضيف كتابه
في الوسط
فمثلا كهذهِ

~

تـصميم واجـهة موقـع Attachment

~

ونقوم بأعدادات الكلمه
كما ذكرنا سابقا اعدادتهم
لتصبح هكذا

~

تـصميم واجـهة موقـع Attachment

~

بعدها نقوم برسم خط
على الجانب الأخر بأدة( Line Tool (U
بعد رسمه سوف تصبح النتيجه هكذا

~

تـصميم واجـهة موقـع 59

~

ومن ثم نذهب لـ Blending Options>Gradient Overlay
ونقوم بجعل الأعدادت كما يلي

~

تـصميم واجـهة موقـع Attachment

~

ومن ثم
نقوم بعمل التدرج التالي

~

تـصميم واجـهة موقـع Attachment

~

بعد عمل التدرج سوف يصبح
شكله هكذا ..!

~

تـصميم واجـهة موقـع Attachment

~

ثم نقوم بكتابة اي شي في
فمثلا هكذا

~

تـصميم واجـهة موقـع Attachment

~

ثم على تلك الكلمه نقوم
بأعدادات كما ذكرنها سابقا
لتصبح هكذا

~

تـصميم واجـهة موقـع Attachment

~

ومن ثم نكتب مانريده في هذا الجزء الفارغ
فمثلا نحن قمنا بكاتبة هذا الكلام

~

تـصميم واجـهة موقـع 67

[/size]

منتديات روز

تـصميم واجـهة موقـع

تـصميم واجـهة موقـع

رد: تـصميم واجـهة موقـع

رد: تـصميم واجـهة موقـع