عرض مشاركة واحدة
تحميل برامج كمبيوتر كاملة 2024 برابط مباشر - منتديات ساسو سوفت
قديم منذ /26-08-2009, 04:31 AM   #1

aymano
 
الصورة الرمزية aymano

:: عضو مجتهد ::

aymano غير متواجد حالياً

 رقم العضوية : 55
 تاريخ التسجيل : 19 - 2 - 2009
 المشاركات : 346
 النقاط : aymano شروحات مواضيعaymano شروحات مواضيع
 تقييم المستوى : 23

اوسمتي
افتراضي درس تصميم واجهة موقع احترافية بالفوتوشب .. شرح مبسط جدا

بسم الله الرحمن الرحيم
و به نستعين و الصلاة و السـلام علي سيد الخلق اجمعين
سيـدنا محمد و على اله و صحبه اجمعين





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



نبدئ بفتح عمل جديد علي برنامج الفوتوشب بالمقاس التالي :
960 × 900 بيكسل.

و طبعا تقدر تغير الحجم حسب اختيارك و نقوم بتحديد لون الخلفية حسب الاختيار

و يمكنك استخدام اللون المستخدم في الدرس



ثم نقوم بتحميل مجموعة الباترن الي برابط تحت



لتحميل الباترن




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







بعد ان قمنا بتعبأة الطبقة بالباترن نحصل علي هذه النتيحة







نقوم بتغير مود الطبقة الي overlay






بستخدام اداة المستطيل سنقوم بعمل اشكال بمقاسات مختلفة و نوزعها كما بالشكل






نقوم بعمل ستايلات مميزه للاشكال الي قمنا بأضافتها عن طريق دخولنا الي خصائص الطبقات









و هذه النتيجة







نقم بتغير استايلات الاشكال الاربعة التي بالمنتصف بهذه الاعدادت



و نحصل على هذه النتيجة



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


نستخدام مجموعة ايقومات الـ png لاضافة روح جمالية للتصميم

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






بستخدام اداة الكتابة نقوم بكتابة الروابط و الاختصارات الخاصة بالتصميم


نقوم بأضافة صورة تجميلة اخرى في اسفل الصندوق كاضافة جمالية


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


و بنحديد مود Soft light للطبقة نحصل علي الشكل التالي


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






التعديل الأخير تم بواسطة mokhtar1 ; 26-08-2009 الساعة 09:50 AM.
  رد مع اقتباس