عرض مشاركة واحدة
awlstyle-2 awlstyle-3 awlstyle-1
awlstyle-5
قديم 08-08-2006, 02:32 PM   #1 (permalink)
Abo_ELleal
 
الصورة الرمزية Abo_ELleal
Thumbs up [ الدرس الثالث] كيفيه أخراج وتقطيع التصميم من الفوتوشوب

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

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

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

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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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

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

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



 

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




    رد مع اقتباس
awlstyle-4
awlstyle-7 awlstyle-6
awlstyle-9 awlstyle-10 awlstyle-8