احلي متعه
اهلا وسهلا بكم في منتديات عفانة الافضل

. -*-.عفانة الافضل ترحب بكم .-*-.

ويتمنى لكم وقتا ممتعا

ونتمنى ان تزورو عميلنا

مدونات عفانه الافضل
http://afanaalafdal.malware-site.www/

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

. -*-.عفانة الافضل ترحب بكم .-*-.

ويتمنى لكم وقتا ممتعا

ونتمنى ان تزورو عميلنا

مدونات عفانه الافضل
http://afanaalafdal.malware-site.www/

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



 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
RESHA
صاحب الموقع
صاحب الموقع
RESHA


الاحالة الدعوة : ؟
ذكر
المشاركات : 323
عدد نقاط العضو : 611
السٌّمعَة : 0
تاريخ الميلاد : 04/02/1997
الانتساب : 30/11/2009
العمر : 27
الموقع : مصر -- الاسماعيلية
العمل/الترفيه : بحب السباحة

شرح تقطيع استايل في بي Empty
مُساهمةموضوع: شرح تقطيع استايل في بي   شرح تقطيع استايل في بي I_icon_minitimeالسبت يناير 09, 2010 5:35 am

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


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

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

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

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


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

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


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

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



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

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

نبداء

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

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


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

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


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



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


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


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


//


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


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


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


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

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


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

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


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


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

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


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



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

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



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

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


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

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


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


و بس ..

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


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




\\

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


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




الآن ..

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


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


ثم ..

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



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

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



//


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


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

المصدر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://abonoas123.alafdal.net
عاشقة فلسطين
مشرفة القلعة الاسلامية
مشرفة القلعة الاسلامية
عاشقة فلسطين


انثى
المشاركات : 92
عدد نقاط العضو : 162
السٌّمعَة : 0
تاريخ الميلاد : 10/05/1994
الانتساب : 30/11/2009
العمر : 30
العمل/الترفيه : طالبة

شرح تقطيع استايل في بي Empty
مُساهمةموضوع: رد: شرح تقطيع استايل في بي   شرح تقطيع استايل في بي I_icon_minitimeالجمعة يناير 15, 2010 3:46 am

يسلمووو على الدرس و الشرح الرائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.abonoas123.alafdal.net
الشيخ؟
مشرف
مشرف
الشيخ؟


الاحالة الدعوة : أانا
ذكر
المشاركات : 31
عدد نقاط العضو : 67
السٌّمعَة : 2
تاريخ الميلاد : 12/04/1997
الانتساب : 16/01/2010
العمر : 27
العمل/الترفيه : جالس التصميم

شرح تقطيع استايل في بي Empty
مُساهمةموضوع: رد: شرح تقطيع استايل في بي   شرح تقطيع استايل في بي I_icon_minitimeالخميس يناير 21, 2010 10:09 am

تسلم حبيبي شرح تقطيع استايل في بي 35080
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://madgo55.ahlamontada.com/forum.htm
 
شرح تقطيع استايل في بي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» درس تقطيع الصورة
» شرح كامل لتصميم استايل في بي

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