تويت
[frame="15 90"]بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
طريقة تصميم واجهة موقع .... شرح سابق ولكنه فعلا رائعة ومميز
وقد وضعت لكم الملف مفتوح فى المرفقات بصيغة PSD الفوتوشوب للتعديل عليه كما تريدون
:bar:
.....
..
بسم الله نبدا : نفتح صفحه جديده بمقاس
778×584
و بخلفية بيضاء كهذه
لتحري الدقه و ترتيب العمل , سنقوم باضافة grid للعمل
و هذا سيساعدنا لتحديد المساحه التي نريدها من خلال المربعات التي ستظهر في ساحة العمل
سنضيف طبقة جديدة و سنحدد ثلاث مربعات من اسفل التصميم و سنصبغة باللون الازرق
استخدمنا هذا الكود : 356AC8
سنقوم باضافة طبقة جديده للعمل و سنحدد 9 مربعات من اعلى الصفحه
و نقوم باستخدام اداة التدرج بصبغ هذه القسم
مره اخرى نضيف طبقة جديده للعمل و نحدد مربع و نصف فقط
ثم نصبغة بنفس الكود السابق
356AC8
ثم نضيف له ظل من خلال blending options
single row marquee tool سنختار اداة
و سنضع له stroke ابيض
بمقدار ( 1 بيكسل )
سنقوم باضافة طبقة اخرى للعمل و سنحدد مربععين و نصف و نصبغة بالتدرج المبين هنا
الابيض و البرتقالي
ثم نضيف له تاثير الظل بهذه الاعدادات المبينه هنا
من المفترض ان نحصل في هذه المرحلة على شي كهذا
بعد ان حصلنا على واجهة مبدئية بسيطه , بنضيف طبقه جديده للعمل , ثم باستخدام الفرشاه راح نرسم نقط متباعده على الشريط الازرار البرتقالي
ثم نختار اداة التحديد المربع و بنرسم خط رفيع باللون البني هكذا
نضيف طبقة جديده للعمل و نرسم شكل بيضاوي مثل هذا و نضع له ستروك ابيض بمقدار 1 بيكسل فقط
نقوم بتقطيع الشكل و مسح اطرافها باستخدام المساحه متدرجة الاطراف
الى ان نحصل على شي كهذا
و في اخر مرحله قمت باضافة بعض شكال الشيبز المتوفره في الفوتوشوب و اضفت سلة ورود في اسفل العمل
نقوم باضافة الكتابة و النصوص البسيطه
لعمل التقطيع يجب ان يكون الرولر ظاهر
ان لم يكن موجودا , نضغط على ctrl+r
ثم من نقوم بتنزيل خطوط زرقاء وهميه من الاعلى و اليمين , نحدد بها المناطق التي تحتاج لتقطيع
كمناطق الكتابة و الازرار
ثم نختار اداة السكين slice tool
ثم نضغط على الزر المبين للاعلى
نستطيع اضافة المزيد من التقطيع باستخدام اداة السكين ايضا
سكون لدينا شكل مقطع كهذا تقريبا
ثم نقوم بحطفة عن طريق save for web
و بعد اختيار الصيغة , نختار ان يكون الحفظ html +images
بعدها يجب عمل بعض التعديلات للعمل عن طريق الفرونت بيج
ثم يتم رفع الصفحه للنت
هنا نكون انتهينا من الشرح
أتمنى لكم الفائدة
ولاتنسونا من صالح دعائكم
أبوهمام
.
.[/frame]
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
طريقة تصميم واجهة موقع .... شرح سابق ولكنه فعلا رائعة ومميز
وقد وضعت لكم الملف مفتوح فى المرفقات بصيغة PSD الفوتوشوب للتعديل عليه كما تريدون
:bar:
.....
..
بسم الله نبدا : نفتح صفحه جديده بمقاس
778×584
و بخلفية بيضاء كهذه
لتحري الدقه و ترتيب العمل , سنقوم باضافة grid للعمل
و هذا سيساعدنا لتحديد المساحه التي نريدها من خلال المربعات التي ستظهر في ساحة العمل
سنضيف طبقة جديدة و سنحدد ثلاث مربعات من اسفل التصميم و سنصبغة باللون الازرق
استخدمنا هذا الكود : 356AC8
سنقوم باضافة طبقة جديده للعمل و سنحدد 9 مربعات من اعلى الصفحه
و نقوم باستخدام اداة التدرج بصبغ هذه القسم
مره اخرى نضيف طبقة جديده للعمل و نحدد مربع و نصف فقط
ثم نصبغة بنفس الكود السابق
356AC8
ثم نضيف له ظل من خلال blending options
single row marquee tool سنختار اداة
و سنضع له stroke ابيض
بمقدار ( 1 بيكسل )
سنقوم باضافة طبقة اخرى للعمل و سنحدد مربععين و نصف و نصبغة بالتدرج المبين هنا
الابيض و البرتقالي
ثم نضيف له تاثير الظل بهذه الاعدادات المبينه هنا
من المفترض ان نحصل في هذه المرحلة على شي كهذا
بعد ان حصلنا على واجهة مبدئية بسيطه , بنضيف طبقه جديده للعمل , ثم باستخدام الفرشاه راح نرسم نقط متباعده على الشريط الازرار البرتقالي
ثم نختار اداة التحديد المربع و بنرسم خط رفيع باللون البني هكذا
نضيف طبقة جديده للعمل و نرسم شكل بيضاوي مثل هذا و نضع له ستروك ابيض بمقدار 1 بيكسل فقط
نقوم بتقطيع الشكل و مسح اطرافها باستخدام المساحه متدرجة الاطراف
الى ان نحصل على شي كهذا
و في اخر مرحله قمت باضافة بعض شكال الشيبز المتوفره في الفوتوشوب و اضفت سلة ورود في اسفل العمل
نقوم باضافة الكتابة و النصوص البسيطه
لعمل التقطيع يجب ان يكون الرولر ظاهر
ان لم يكن موجودا , نضغط على ctrl+r
ثم من نقوم بتنزيل خطوط زرقاء وهميه من الاعلى و اليمين , نحدد بها المناطق التي تحتاج لتقطيع
كمناطق الكتابة و الازرار
ثم نختار اداة السكين slice tool
ثم نضغط على الزر المبين للاعلى
نستطيع اضافة المزيد من التقطيع باستخدام اداة السكين ايضا
سكون لدينا شكل مقطع كهذا تقريبا
ثم نقوم بحطفة عن طريق save for web
و بعد اختيار الصيغة , نختار ان يكون الحفظ html +images
بعدها يجب عمل بعض التعديلات للعمل عن طريق الفرونت بيج
ثم يتم رفع الصفحه للنت
هنا نكون انتهينا من الشرح
أتمنى لكم الفائدة
ولاتنسونا من صالح دعائكم
أبوهمام
.
.[/frame]
تعليق