[ الدرس الثالث] كيفيه أخراج وتقطيع التصميم من الفوتوشوب

Abo_ELleal · 08-08-2006, 03:32 PM

السلام عليكم ورحمة الله وبركاتة
كيف حالكم أخواني الكرام

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

ولنبدأ درس التقطيع الان

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

الان قم بفتح الصورة JPG التي قمنا بحفظها ..من الفوتوشوب لنبدأ القص

قطع الصورة ثلاثة أجزاء.. كما بالشكل القادم وطبعاً عرفنا كيفية القص بدورة تصميم الاستايلات

هذه هي الثلاثة أجزاء التي قصصناها واضفناها ليكون كل جزء بصفحة مستقلة

الان نأتي للمنطقة الوسطي (( منطقة الاعمدة )) وقص جزء من اليمين واحفظة وبنفس الحجم قص اليسار واحفظة
تعلمنا هذا الامر في دروس تعليم الاستايلات

وهذا الشكل النهائي بعد ان حفظنا الصور 4 صور هيدر و فوتر و عمودين

الان نظهر القائمة اليسري.. ونحددها ونقوم بالنسخ لصفحة جديدة

هذه المقاسات الخاصة بالقائمة اليسري وتلقائياً الفوتوشوب بيعطيك مقاسها

أصبغ الخلفية باللون الاصلي للخلفية للواجهه كما بالشكل

الصق ما نسخناه في الصفحة الجديدة

الان أختر أداة القطع ..الموضحة بالشكل

قم بالتقطيع كما بالشكل القادم

الان بعد التقطيع قم بالحفظ كصفحة ويب

بعد الحفظ ستخرج لك صفحة انترنت وكذلك مجلد أسمه images ستجد بداخلة الصور التي قصصناها

نأخذ الصور التي نحتاجها ونسميها كما نريد
وننقلها إلي مجلد الصور الذي خصصناه للصور الخاصة بالواجهه ويفضل ان تضع صور كل قائمة بمجلد جديد انا وضعتها بمجلد سميته menu-left

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

نقوم بالقص بالاداة الموضحة السابقة نقوم بقطع القائمة الوسطي كما بالشكل

قم بحفظها بصيغة ويب.. وبعدها خذ الصور التي نريدها
عمودين وأعلي القائمة واسفل القائمة

والان أنتهينا من القص.. وتجهيز الواجهه للتركيب..

وان شاء الله ننتقل للجزء الاكبر أهمية وهو وضع الفلاش وتركيب الواجهه بالفرنت بيج

أتمني تكونوا أستفدتم وتحت امركم في كل ما تطلبوه

الموضوع الأصلي : [ الدرس الثالث] كيفيه أخراج وتقطيع التصميم من الفوتوشوب -||- المصدر : |: معهد أول ستايل :| -||- الكاتب : Abo_ELleal

مميزهـ · 08-08-2006, 04:43 PM

وصلنا للمهم

رائع والله

لي عودهـ بعد التقطيع

كرم العربي · 08-08-2006, 06:03 PM

جزاك الله خير اخوي ابو الليل
دمت بكل ود

NaSoOoRe · 08-08-2006, 06:16 PM

مشكور على الدرس يغالي ومشكور الف مره

تحياتي

منبع التقنية · 08-08-2006, 08:24 PM

جزاك الله الف خير اخي ابو الليل

mahmoud0com · 08-08-2006, 11:12 PM

جزاك الله خير اخوي ابو الليل

ماكي · 09-08-2006, 12:16 PM

شكرآ على الدرس والشرح الرائع
مع تحياااااتي وتقديري

كرم العربي · 13-08-2006, 10:46 AM

جزاك الله خير اخوي ابو الليل

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[ الدرس الثالث] كيفيه أخراج وتقطيع التصميم من الفوتوشوب	Abo_ELleal	دروات تصميم مكتبة الصـــ 4image ــــور	40	25-03-2010 02:32 PM
[ الدرس الثالث] كيفيه أخراج وتقطيع التصميم من الفوتوشوب	Abo_ELleal	دورات تصميم الاستايلات	59	02-12-2009 05:16 PM
[الدرس الرابع] كيفيه تركيب التصميم بالفرنت بيج وتركيبه علي المنتدي	Abo_ELleal	دورات تصميم الاستايلات	55	02-12-2009 05:12 PM
[الدرس الخامس] كيفية أخراج التصميم بالشكل الجيد من الفرنت بيج ليكون واجهه محترمة	Abo_ELleal	دورات تصميم الواجهات	33	08-08-2009 09:16 PM
[الدرس السادس] كيفيه أخراج و تقطيع الاطارات من الفوتوشوب	Abo_ELleal	دورات تصميم الاستايلات	29	10-03-2009 04:49 AM

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

[ الدرس الثالث] كيفيه أخراج وتقطيع التصميم من الفوتوشوب

دورات تصميم الواجهات