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

دخول

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

more_horiz
أقدم لكم مرحله تقطيع الإستايل ..

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



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

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

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

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


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

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



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

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




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

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

نبداء


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


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


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

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


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



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

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


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


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



//


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



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


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


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

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


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

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


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


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

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



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



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

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




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

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


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

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


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


و بس ..

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



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




\\

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



[url=http://up.7cc.com/upfiles/GLD84307.gif]http://up.7cc.com/upfiles/GLD84307.gif[/url]




الآن
..

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



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


ثم ..

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



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

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




//


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


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

أقدم لكم مرحله تقطيع الإستايل ..

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



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

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

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

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


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

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



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

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




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

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

نبداء


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


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


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

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


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



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

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


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


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



//


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



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


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


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

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


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

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


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


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

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



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



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

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




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

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


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

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


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


و بس ..

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



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




\\

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



[url=http://up.7cc.com/upfiles/GLD84307.gif]http://up.7cc.com/upfiles/GLD84307.gif[/url]




الآن
..

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



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


ثم ..

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



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

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




//


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


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

descriptionشرح تقطيع استايل في بي Emptyرد: شرح تقطيع استايل في بي

more_horiz
السلام عليكم اخي جرح هاجر

موضوع رائع

لكن ليس يجب عليك اتخاذ الحقوق

لان هذا الدرس تم شرحه مني انا و الاخت المصممة shamosa

ورابط الموضوع الاصلي هو

http://gl3aa.eb2a.com/vb/showthread.php?goto=newpost&t=151

descriptionشرح تقطيع استايل في بي Emptyرد: شرح تقطيع استايل في بي

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

مرسي [على] الموضوع تستاهل تقييم و تشجيع [على]
المجهودات الرائعة

ننتظر
منكـ المزيد |
دمت مبدعا و بـــ الله

ـــاركـ
فيك
تح
ــياتي وشكري ليك
دمت

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

descriptionشرح تقطيع استايل في بي Emptyرد: شرح تقطيع استايل في بي

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

descriptionشرح تقطيع استايل في بي Emptyرد: شرح تقطيع استايل في بي

more_horiz
شكرا لطرحك

descriptionشرح تقطيع استايل في بي Emptyرد: شرح تقطيع استايل في بي

more_horiz
ننتظر
منكـ المزيد |
دمت مبدعا و بـــ الله

ـــاركـ فيك
تح
ــياتي وشكري ليك

descriptionشرح تقطيع استايل في بي Emptyرد: شرح تقطيع استايل في بي

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



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

جميع الحقوق محفوظة لدليل الاشهار العربي