شرح تقطيع استايل في بي

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


بعد تصميم الإستايل مثل ما تعلمنا في الدرس اللي فات ..
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
نحفظ صورة من التصميم ..

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

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

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


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

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

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

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

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

نبداء

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




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

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






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





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


//


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





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


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

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


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




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


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

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






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

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



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




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

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





و بس ..

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







\\

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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




الآن ..

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





ثم ..





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

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



//


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


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

المصدر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]