الموضوع
:
[1] تصميم موقع html التابع لشركة منوفي
عرض مشاركة مفردة
#
1
01-04-2010, 02:45 AM
احمد الساعي
عضو
تاريخ التسجيل: Mar 2006
مشاركة: 62
مستوى تقييم العضوية:
19
[1] تصميم موقع html التابع لشركة منوفي
السلام عليكم ورحمة الله وبركاته
الدرس الاول
في دورة تصميم موقع html التابع لشركة منوفي
البدء في التصميم الرئيسي للموقع ببرنامج الفوتوشوب
اولا
برامج دورة تصميم موقع html التابعة لشركة منوفي
بسم الله الرحمن الرحيم نبدأ
بعد تنصيب برنامج الفوتوشوب على جهازك
افتح البرنامج من قائمة start ثم programs
والان وبعد فتح البرنامج توجه الى قائمة file اعلى يسار البرنامج
file:تعني ملف
واختر من القائمة المنسدلة امر new لصنع عمل جديد
new:تعني جديد
وذلك كما بالصورة الاتيه
ثوف يظهر لك مربع اكتب بالخانه الاولى name:index
index:تعني فهرس
والخانة الثانية prest sizes : 800x600
واختار contents : white
ثم اضغط ok
white:تعني ابيض اللون
وذلك كما بالصورة الاتية
بعد ذلك سوف تظهر لك ورقه العمل الجديدة
وذلك كما بالصورة الاتيه
الان سنبدا بتصميم الموقع ان شاء الله
سوف نختار
اداة التحديد
من القائمة الموجودة على يسار البرنامج
وذلك كما بالصورة الاتيه
ثم تقوم بالسحب من اعلى يمين الصفحه الى اسفل اليسار بقليل
وذلك كما بالصورة الاتيه
ثم نقوم باضافة layer جديد من خلال الاداة الموجودة اسفل منطقه
leyers اسفل يمين البرنامج ؛ وهذا يتم قبل البدء في اي خطوة بالعمل
layer : تعني طبقة
وذلك كما بالصورة الاتيه
ليكون الشكل بعد اضافة layer
كما بالصورة الاتيه
و
بعد ذلك نختار اللون الذي يحلو لك من خلال خيار اللون
الموجود بالقائمة التي على يمين البرامج
وذلك كما بالصورة الاتيه
عند ضغطك على خيار اللون سوف تظهر لك قائمة الالوان
اختر اللون الذي يحلوا لك ثم اضغط على ok
وذلك كما بالصورة الاتيه
بعد ذلك اذهب الى layer الجديد الذي تم عمله
ثم غير اسمه من layer 1 الى header
header:تعني راس
اي المقصود راس العمل
وذلك كما بالصورة الاتيه
ثم اذهب بعد ذلك الى اداة كب الالوان الموجودة
بالقائمة التي على يمين البرنامج
وذلك كما بالصورة الاتيه
ثم اذهب الى العمل وكب اللون داخل
التحديد الذي تم عمله
وذلك كما بالصورة الاتيه
وافعل الخطوات السابقة مع الذيل footer
1- تحديد الذيل
2- لير جديد باسم footer
3- اختيار اللون
4- كب اللون
ليصبح الشكل
كما بالصورة الاتيه
وlayer الزيل الجديد
كما بالصورة الاتيه
وبكده وضعنا اساس الراس والزيل
والان سوف نطور الراس
اضف layer جديد و سميه header 2 مثلا
وذلك كما بالصورة الاتيه
ثم اختر لون اخر يتناسق مع اللون السابق
وانا اخترت اللون الازرق
وذلك كما بالصورة الاتيه
ثم قم باستخدام اداة التحديد وقم بتحديد المنطقة الوسطى للراس
ثم كب اللون الجديد بها
وذلك كما بالصورة الاتيه
الان سوف نقوم باضافة بعض التاثيرات اللذيذة الى الراس الثاني
1- قم بالتعليم على layer=header 2
2- قم بالضغط على مؤشر الفأرة الايمن
3- ستظهر لنا قائمة نختار منها خيار blending options
blending options : تعني مزج الخيارات
وذلك كما بالصورة الاتيه
الان سوف يظهر لنا مربع الخيارات
وذلك كما بالصورة الاتيه
سوف نقوم بشرح بعض الخيارات التى سوف نستخدمها بالدورة
وليست كل الخيارات
سوف نضيف تحديد لطبقة الراس الثانية
وذلك من خلال الضغط على stroke
واعطاء القيم التي تحلو لنا
وانا اعطيت قيمة الحدود 3 ولونها ابيض
ثم اضغط ok
وذلك كما بالصورة الاتيه
ليكون الشكل
كما بالصورة الاتيه
الان نقوم بانهاء الدرس الاول
علينا حفظ العمل بصيغة psd للتعديل عليه فيما بعد
ولحفظه نقوم بالتوجه الى قائمة file ثم نختار save as
وذلك كما بالصورة الاتيه
سنجد ان الامتداد الاساسي للحفظ هو psd سنتركه كما هو
ونحفظ العمل في اي مكان اّمن بالجهاز
ودمتم
والى اللقاء بالدرس الثاني ان احيانا واحياكم الله
والسلام عليكم ورحمة الله وبركاته
التوقيع
استضافه ومعهد رفيق الخير
http://r-khair.net/up/fwsl/out.gif
http://r-khair.net/vb
احمد الساعي
مشاهدة هوية
ابحث عن جميع مشاركات احمد الساعي