		منتديات ليلاس > قسم الفوتوشوب والتصميم > برامج التصميم > الشروحات والدروس الخاصة ببرامج التصميم
دورة تصميم المواقع :الدرس الاول التصميم و التقطيع

الشروحات والدروس الخاصة ببرامج التصميم دورات تصاميم واسطوانات تعليمية حصرية ودروس للفوتوشوب بالصور والفيديو

دورة تصميم المواقع :الدرس الاول التصميم و التقطيع

مرحبا اعزائي اليوم ان شاء الله سنتطرق للجانب "الجرافيكي" من الدورة و بالنسبة لغير المتمكنين من برنامج الفوتوشوب من الممكن اعتماد تصاميم بسيطة او استعمال السكرابز مثل

عنوان الموضوع : دورة تصميم المواقع :الدرس الاول التصميم و التقطيع

دورة تصميم المواقع :الدرس الاول التصميم و التقطيع

كلمات مفتاحية : الدرس الاول التصميم و التقطيع, دورة تصميم المواقع

نسخ الرابط
نسخ للمنتديات

أدوات الموضوع

انواع عرض الموضوع

24-12-09, 02:19 PM

المشاركة رقم: 1

المعلومات
الكاتب:	kahina
اللقب:	عضو فخري نجمة الشمال

البيانات
التسجيل:	Feb 2007
العضوية:	24420
المشاركات:	2,230
الجنس	أنثى
معدل التقييم:
نقاط التقييم:	60

االدولة

مدونتي

الإتصالات
الحالة:
وسائل الإتصال:

المنتدى : الشروحات والدروس الخاصة ببرامج التصميم

دورة تصميم المواقع :الدرس الاول التصميم و التقطيع

دورة تصميم المواقع :الدرس الاول التصميم و التقطيع

مرحبا اعزائي

اليوم ان شاء الله سنتطرق للجانب "الجرافيكي" من الدورة

و بالنسبة لغير المتمكنين من برنامج الفوتوشوب من الممكن اعتماد تصاميم بسيطة او استعمال السكرابز

مثل ما ذكرت سابقا سنقوم باعتماد مقاس عرض 800 بيكسل لتصميم موقعنا و ترك الحرية لكم في اختيار الطول المناسب لتصميمكم على أن لا يقل عن 600 بيكسل. و سنقوم بتصميم صفحتين على الفوتوشوب كي نتعلم اكبر قدر ممكن من التقنيات (من الممكن فيما بعد استخدام صفحة فقط لكامل الموقع).

أولا نصمم صفحتنا الرئيسية (العرض 800 و الطول 700 بيكسل) و هذه الصفحة سنستخدمها كصفحة رئيسية لموقعنا .
هذه الصفحة ستحتوي على اربعة اجزاء . أولا منطقة بأعلى الصفحة و هو ما يعبر عنه بالهيدر أو راس الصفحة و فيه تتم كتابة اسمنا أو اسم موقعنا

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

في منتصف الصفحة يوجد مستطيل ( او مريع) سيتم تقطيعه فيما بعد و استخدامه للكتابة و إدراج إطار مضمن و يجب الحرص عند تصميمه على خلو المنطقة الوسطى من الزخارف و الصور و الكتابة ليكون محتواه واضحا (يعني اما يكون عبارة عن لون موحد او خامة فاتحة تسمح بالكتابة عليها).

و على الجانب يوجد بنرات صغيرة للروابط التي تنقلنا للصفحات الفرعية لموقعنا

و قمت بترك مساحة فارغة بين الإطار و الهيدر لنتعلم فيما بعد كيفية اضافة الشريط المتحرك

التصميم الثاني متماثل مع الأول حيث سيحتوي على هيدر و فوتر بينما المنطقة الوسطى تكون خالية من أية إضافات لأنها المنطقة التي سيتم فيها إضافة محتوى الموقع (منطقة تمدد) لذلك قمت بتحويل البنرات إلى أسفل الهيدر( مقاسات التصميم 800 بيكسل عرضا على 600 بيكسل للطول)

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

File---> Save for web

ستظهر لنا نافذة مع خيارات لنوع و دقة كل جزء من التقطيع.يكفي اختيار أداة التقطيع و الضغط على الجزء المطلوب لنتمكن من تعديل دقته و نوع الصورة التي سيتم تسجيلها بصيغتها ( مثلا تقليل دقة الصور ذات اللون الواحد)

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

الدرس المصور

فيديوات التقطيع

4shared.com - online file sharing and storage - download slicing.rar

نتيجة تقطيع التصميم الأول

نتيجة تقطيع التصميم الثاني

بالتوفيق

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)

الدرس الاول التصميم و التقطيع, دورة تصميم المواقع

« الموضوع السابق | الموضوع التالي »

جديد مواضيع قسم الشروحات والدروس الخاصة ببرامج التصميم

أدوات الموضوع

مشاهدة صفحة طباعة الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة Forum Rules

الانتقال السريع

الساعة الآن 02:19 PM.