منتديات عشاق التطوير
شرح كامل لتقطيع الاستايلات لمنتديات vb Untit127
شرح كامل لتقطيع الاستايلات لمنتديات vb 776401
منتديات عشاق التطوير
شرح كامل لتقطيع الاستايلات لمنتديات vb Untit127
شرح كامل لتقطيع الاستايلات لمنتديات vb 776401
منتديات عشاق التطوير
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


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

 

 شرح كامل لتقطيع الاستايلات لمنتديات vb

اذهب الى الأسفل 
كاتب الموضوعرسالة
awa
الاعضاء

awa


انثى عدد المساهمات : 9
نقاط : 18
التقييم : 3

شرح كامل لتقطيع الاستايلات لمنتديات vb Empty
مُساهمةموضوع: شرح كامل لتقطيع الاستايلات لمنتديات vb   شرح كامل لتقطيع الاستايلات لمنتديات vb Emptyالإثنين أكتوبر 03, 2011 6:45 pm

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


صبآح / مساء .. الخير على الجميع
كل عام وانتم بخير بمناسبة شهر زمضان ..


أقدم لكم مرحله تقطيع الإستايل ..
و المرحله القادمه راح يكون عن تركيب الإستايل بالفرونت بيج
و تركيبه أيضاً على لوحة التحكم المنتدى


بعد تصميم الإستايل مثل ما تعلمنا في الدرس اللي فات ..
شرح كامل لتصميم الاستايلات لمنتديات vb

نحفظ صورة من التصميم ..

مره بصيغة psd و مره بصيغة jpg ..

ما يحتاج أوضح لكم أكثر .. و أكيد تعرفون إن صيغة psd
تخلي الملف مفتوح .. أي تقدر تعدل عليه بأي وقت

و الصيغه الثانيه و هي اللي تستخدم للعرض في المنتديات
و هي اللي راح نستخدم عليها شغلنا ..


أفتح صورة التصميم .. و هذا تصميمي المتواضع

شرح كامل لتقطيع الاستايلات لمنتديات vb 13


راح نقطع الإستايل على أساس :

[~] صورتين تجميليه على الهيدر
[~] منطقة تمدد في الهيدر
[~] صورتين تجميليه على الفوتر
[~] منطقة تمدد في الفوتر



الصورتين التجميليتين على الهيدر أو الفوتر .. أكيد راح تكون
صورة واحده على اليمين و الصورة الأخرى على اليسار ..

طيب كذا حلو .. أخذت فكرة مبدئيه عن العمل

نبداء

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

شرح كامل لتقطيع الاستايلات لمنتديات vb 1


و لا ننسى عمل الشبكه ..
سبق و قلت لازم تحدد على التصميم الشبكه عشان تعرف أماكن النقاط ..

طريقة عمل الشبكه ..


شرح كامل لتقطيع الاستايلات لمنتديات vb BqP38339



بعد عمل الشبكه .. نمسك أداة التقطيع
و نبداء على الصورة اليسرى من الهيدر ..
التقطيع يا أخوان مثل التحديد يعني تمسك من بداية اليسار إلى نهاية الصورة اليسرى ..
مثل الصورة هذي ..


شرح كامل لتقطيع الاستايلات لمنتديات vb 2


تلاحظون الحدود الصفراء هذي هي مكان التقطيع ..


//


نجي على الصورة اليمنى ..
و بمثل من بداية الخط اليمين إلى نهاية الصورة اليمنى نحدد بأداة التقطيع ..


شرح كامل لتقطيع الاستايلات لمنتديات vb 3


اممم ..
أكيد لاحظتوا شي .. اللي هو إن الخط اللي تحت موازي بين الصورة اليمنى و الصورة اليسرى
و لازم يكون الشي هذا


الحين خلصنا من صورة يسار و صورة يمين اللي هي الصورتين التجميليتين اللي تكلمنا عنها في بداية المرحله ..

الحين نجي لمنطقة التمدد .. عقدة الشعب


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

شرح كامل لتقطيع الاستايلات لمنتديات vb 4


منقطة التمدد هي المنطقه رقم = 3
مسكت مقدار نقطه واحده .. و يكفيني الشي هذا ..


أنتهينا من الهيدر

نحول على الفوتر ..
شوف معاي كيف الصورة على اليسار بالفوتر كيف أخذتها .. ؟


شرح كامل لتقطيع الاستايلات لمنتديات vb 5



لاحظتوا حاجه .. ؟
أول شي الهيدر اكبر من الفوتر .. و تكلمنا عن هذا الشي
في نقطة سابقه ..

لكن الشي اللي ابغاك تنتبه له .. إن الفوتر نفس مكان الهيدر بالعرض ..



نحول على الصورة اليمين ..
نفس الشي مثل اليسار ..
شوف معاي ..

شرح كامل لتقطيع الاستايلات لمنتديات vb 6


الهيدر أكبر من الفوتر .. لكن نفس المقاس

نجي لآخر حاجه نقطة التمدد بالفوتر ..
نفس ما قلنا على الهيدر نطبقه بالتمام على الفوتر ..


شرح كامل لتقطيع الاستايلات لمنتديات vb 7


و بس ..

صورة التقطيع بإزالة الشبكه .. عشان توضح الصورة أكثر


شرح كامل لتقطيع الاستايلات لمنتديات vb 9




\\




الآن ..

وصلنا للنهاية ..
نحفظ الملف من هنا ..


شرح كامل لتقطيع الاستايلات لمنتديات vb 8


ثم ..

شرح كامل لتقطيع الاستايلات لمنتديات vb 10



الحين روح للمسار اللي حفظت فيه الملف ..
تحصل إسم المجلد تغير من الإسم اللي أنت سميته إلى images
أنت بدورك قوم و سوي له إعادة تسميه ..

و لو دخلت عليه راح تحصل جميع الصور اللي أنت قمت بتقطيعها ..



//


المرحله الجاي راح يكون عن تركيب الصور
بالفرونت بيج ..
و تركيب الأكواد داخل لوحة تحكم المنتدى ..


إلى ذلك الحين أتركم في حفظ الله و رعايته


التحيه ..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://love1aw.yoo7.com/register?agreed=true&step=2
 
شرح كامل لتقطيع الاستايلات لمنتديات vb
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات عشاق التطوير :: قسم ألاستايلات ::   :: دورة تصميم الاستايلات-
انتقل الى: