الصفحة الرئيسية

دروس فوتوشوب

منتدى التصميم

دورات فوتوشوب

صور عالية الجودة

دروس سويتش

أرشيف الدروس

غرفة تصميم المواقع

مخزن الأيقونات

الشروط والقوانين

خريطة الموقع

الطاقم الإداري

بيت التصميم

 الرئيسية  |  لوحة التحكم  | الرسائل الخاصة |  بحث متقدم  | مشاركات اليوم  |  مشاركات جديدة  |  صور للتصاميم |  تسجيل الخروج  

 
 


   الامتدادات المسموح بها : Jpg - Png - Gif - Swf


بيت التصميم > ~*¤ô§ô¤*~ قسم برامج الرسم والتصميم ~*¤ô§ô¤*~ > غرفة تطـويـر المــواقـع > الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة
 
اسم العضو كلمة المرور   هل تود التسجيل معنا ؟
الإنتساب في بيت التصميم يمكنك من الحصول على كافة الإمتيازات والصلاحيات التي لا يتم تخصيصها إلا للأعضاء.
 
غرفة تطـويـر المــواقـع : تعليم تصميم المواقع - قوالب جاهزة - سكربتات

رد
 
أدوات الموضوع طرق عرض الموضوع
  #1 (permalink)  
قديم 30-08-2007, 11:29 PM
صورة رمزية كويتي-مشهور
الكاتب : كويتي-مشهور
الحالة : غير متصل
الصفة : مصمم مبدع
الإنتساب : Jun 2007
المشاركات : 203
 
افتراضي الحلقة الثانية .. تركيب الصور و دمجها مع الواجهة

السلام عليكم و رحمة الله و بركاته

بعد أن انتهينا و لله الحمد من تصيميم هيكل الواجهة و إضافة تأثيرات و أشكال جميلة عليها و زخرفتها نأتي الآن إلى إضافة صور للواجهة و إضافة تأثيرات كذلك و إليكم هذا الدرس البسيط لإضافة تأثير جميل على الصورة قبل إضافتها للواجهة :
http://www.q8asl.com/vb/showthread.php?t=614

و الآن نبدأ باسم الله :

افتح الواجهة اللي سويناها و هي ملف PSD ... الآن يمكن تلاقي منطقة العمل صغيرة و لازم تصمم و هي على دقتها الأخيرة يعني 100% عشان ما يطلع التصميم مشوه و إنت بتصمم على الصغيرة و بعدين تكبرها يعني من القوائم في الأعلى اختر Window بعدين Navigator و راح تطلع لك منطقة بكون مكتوب فيها 50% أو أي رقم كان و إنت أكتب بدلا منه 100 و اضغط Enter .. الآن قم بإنشاء طبقة (لير) جديدة و خليها في منطقة الليرات بعد طبقة الخلفية يعني آخر شي تحت و بتكون الثانية من تحت و الكل عارف كيف ينشئ طبقة (ياشيخ قلنا كيف و اسكت) Ctrl + Shift + N ... و بعد كل هذا نختار لون على حسب لون واجهتنا و يكون غامق شوي يعني و بعدها نختار أداة الفرشاة و من هذا الدرس تستطيع رؤية جميع الأدوات و طريقة استخدامها و بعض مهام و أوامر الفوتوشوب :

http://www.q8asl.com/vb/showthread.php?p=2566#post2566

الآن و بعد اختيار أداة الفرشاة و اللون نقوم بالتلوين بالماوس على المكان الفارغ في الواجهة في البانر طبعا لأنه الصور سيتم إضافتها فقط في البانر يعني نلون المنطقة الفارغة بين أول الواجهة و المستطيلات اللي أنشأناهم للبانر في الأعلى و بكون اللون كما في الصورة (الفكرة بتوصلك عند مشاهدة الصورة) :



و تستطيع استخدام أداة التحديد و رسم مستطيل في الأعلى على المكان الفارغ كاملا و من ثم تعبئته باللون و هذه الطريقة أسرع طبعا و لكن حبيت أبسط لكم لمعرفة طرق أخرى .. الآن و بعد التلوين نقوم بفتح الصور التي نريدها في البانر و إضافة التأثيرات عليها و مثل ما قلتلكم عندكم درس التأثيرات و درس الأوامر و التعرف على الأدوات أرجو منكم جميعا مراجعتها جيدا .. بعد إضافة التأثيرات على الصورة الاولى مثلا و الضغط على Ctrl + Shift + E نقوم بسحبها إلى منطقة العمل في الواجهة و أهم شي تكون فوق طبقة التلوين اللي أنشأناها قبل قليل يعني تكون الثالثة من تحت في منطقة الطبقات و من ثم نختار الـ Mode لطبقة هذه الصورة Luminosity من منطقة الطبقات كما في الصورة :



الآن إذا كانت الصورة كبيرة و شفناها في جميع أنحاء الواجهة إما أن نقوم بقص الزوائد بواسطة أداة التحديد يعني نحدد على المكان الزائد بع المستطيلان يعني بعد البانر و نقوم بالضغط على زر Delete أو أن نقوم بالضغط على Ctrl + T لتصغير الصورة و جعلها في الاعلى فقط في البانر و من ثم نختار علامة الصح فوق على اليمين في الأعلى كما في الصورة :



الآن نقوم بإضافة باقي الصور و طبعا كلها نضيفها في البانر و نسوي نفس الطرق و لما نجمع الصور كلها نبدأ بالدمج بواسطة هذا الدرس التالي

http://www.q8asl.com/vb/showthread.php?p=2567#post2567

يعني بواسطة درس دمج الصور نستطيع الدمج بين الصور و الآن نكون قد انتهينا من البانر و أضفنا الصور و دمجناها و هذا الشكل النهائي بعد الدمج :



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



الآن نقوم بكتابة اسم موقعنا على البانر مثلا Allulu4Design عن طريق الدرس و بطلع معنا هذا الشكل :




و من ثم بطلع معنا إن شاء الله هذا الشكل النهائي (تستطيع إضافة بعض الأشكال Shapes على التصميم) :



vbrep_register("2569")
بكمل أمانه...منقــوــوــول

 


رد باقتباس

رد


أدوات الموضوع
طرق عرض الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع جديدة
لا تستطيع كتابة ردود جديدة
لا تستطيع إرفاق مرفقات في مشاركاتك
لا تستطيع تحرير مشاركاتك

رمز [IMG] متاحة
رمز HTML معطلة
Trackbacks are معطلة
Pingbacks are معطلة
Refbacks are معطلة

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
تصميم هيكل الواجهة + زخارف للواجهة .. الحلقة الأولى كويتي-مشهور غرفة تطـويـر المــواقـع 6 03-12-2007 04:28 PM
ممكن شرح تركيب استايل علي البوم الصور 4images 1.7 ابو ضاري غرفة تطـويـر المــواقـع 6 21-05-2007 08:16 AM
الان الواجهة 43 لي في تصميم الواجهات المواقع !! yousef صـالـة الــعــــرض 5 16-12-2006 02:15 PM
الحلقة الأخيرة من ::.... تصاااااميم هاااااادفة ....:: ( 3 ) نبع الوفا صـالـة الــعــــرض 8 09-11-2006 03:18 PM
الان الواجهة السادسة عشر في تصميم المواقع yousef صـالـة الــعــــرض 5 13-09-2006 10:41 AM


 

 روابط مفيدة  


Powered by vBulletin All Rights are (NOT) received to altsmeem.com 2006 Hosted and Designed By Mix4d.com

الاتصال بنا - الصفحة الرئيسية - الأرشيف - الأعلى


Search Engine Friendly URLs by vBSEO 3.1.0