|
|||||||
| قسم دروس وشروحات تصميم الاستايلات :: يهتم القسم بشروحات لكيفية تنسيق وتصميم الاستايلات بالاضافة الى تعديلات css وايضا الاعدادات الشاملة للاستايلات :: |
![]() |
|
|
LinkBack | أدوات الموضوع | انواع عرض الموضوع |
|
||||
|
السلام عليكم أعضاء مكتوب هوست وبيتو هوست الكرام اليوم عاملكم شرح تصميم واجهة بسيطة تابعو معي بعد ما دخلنا على الفوتوشوب شو بنعمل؟؟؟؟ صح....بعمل صفحة جديدة بالقياسات التالية ![]() طيب بعد ما عملنا الصفحة شو بنعمل؟؟؟؟ صح.....بنختار هذه الأداة ![]() وبنرسم هذا الشكل ![]() طيب هذا الشكل موحلو وبده حركات وتضبيط طيب كييييييف؟؟؟؟؟؟؟ صح.....بنختار هذه الأداة ![]() وبعدين؟؟؟؟؟ خرب بالشكل على كيفك لحتى تلاقي شكل حلو وانا طلع معي هذا الشكل ![]() حلو مو بطال وبعديييين؟؟؟؟؟ بنضاعف هذا الشكل يعني بنعمله نسخة طيب كيف؟؟؟؟؟ سهلة....اضغط على اللاير باليمين وبعدين اضغط على Duplicate Layer... وبعدين؟؟؟؟؟؟ بنضبط الشكلين ليصيرو مثل الصورة ![]() طيب شو بقي؟؟؟؟ بقي كثييييير الآن بنبدأ بالأزرار بالنسبة الي انا عملت نسخ للهيدر وصغرتهم وعملتهم أزرار شوفو كيف ![]() طيب وبعد الأزرار شو في؟ في الفوتر كمان بالفوتر انا عملت نسخة للهيدر بس هالمرة عملت نسخة للشكلين اللي عملناهم كل واحد بلون وقلبتهم وكلنا بنعرف طريقة القلب سهلة... Edit>>Transform>>rotate180ْ شوفو كيف صارت الواجهة ![]() طيب شو بقي؟؟؟؟؟ صح....بقي التزيين التزيين سهل وكل واحد هو وذوقه اختر هذه الأداة ![]() وابدأ بالتزيين أنا خلصت قبلكم شوفو ![]() طيب انتو لاحظتو بالصورة اني لونت الخلفية طيب كيف؟؟؟؟؟ سهلة اختار هذه ![]() وبعدين اختار هذه الأداة ![]() واشطب الواجهة من اليسار إلى اليمن عدة مرات وبعدين اضغط على Layer>>Arrange>>Send to Back طيب بعد هالتصميم شو بنعمل روح على أقرب مزبلة وكبها ههههههههههه بقي التقطيع كييييييييف؟؟؟؟؟ بهذه الأداة ![]() قطع مثل هذه الصورة ![]() لما تخلص اضغط على Ctrl+Alt+Shift+S بتظهر هذه النافذة ![]() طبعاً بنضغط على ![]() كمان بتطلع هذه النافذة ![]() اكتب أي اسم وهذا الاسم رح يكون بداية لكل الصور مثلاً أنا سميتها wajha بيطلعو الصور wajha_01,wajha_02,wajha_03....... وبعد كتابة هذا الاسم اضغط على Save الآن بعد الحفظ صارو الصور بمجلط اسمه Images ![]() الآن بنفتح صاحبنا ![]() وبعد ما تدخل عليه اضغط على ![]() وامسح كل هذه الكتابات ![]() بعدين اضغط على Design واضغط على ![]() الموجودة فوق واختار 3 خانات ملاحظة هذه الخانات يكون عددها حيب التقطيع وأنا اخترت 3 لاني قسمت الهيدر لـ3 صور طبعاً رح يطلعلنا ![]() طيب هذا الجدول ما بيمشي حاله بالواجهة شوووووو الحل؟؟؟؟ اقولك...اضغط كليك يمين وبعدين Table Properties... واعمل التعديلات التالية ![]() طيب شو بقي؟؟؟ اللي بقي هو وضع الصور بالجدول طيب كيف؟؟؟؟ اضغط على أول خانة يعني خلي مؤشر الكتابة يصير فيها ثم اضغط على ![]() شوفو أنا عملت الهيدر بالجدول ![]() طبعاً طبقو هذا الشي على كل الجداول اللي رح تدرجوها وما تنسو ان عدد خانات الجدول بيكونو على حسب عدد الصور وقت التقطيع طيب انتو بنضركم الواجهة حلوة تكون مو بمنتصف الصفحة؟؟؟؟؟ طبعاً الجواب لااااااااا طيب كيف بتصير بالمنتصف؟؟؟؟؟ سهههههههههههلة اضغط على جدول الهيدر كليك يمين وبعدين اضغط على Table Properties... وغير ما يلي ووووووو خلي الصورة تحكي ![]() طيب شو بقي يا شاطريييييييييين؟؟؟؟؟؟ الروااااااابط طيب كيف بنضيف ارتباط على الصورة سهههههههلة طبعاً نحنا بدنا نعمل روابط على صور الأزرار طيب كيف؟؟؟؟؟ حدد الصورة ![]() وبعدين اضغط على ![]() واعمل التالي ![]() موفقيييييييييييين وأي استفسار انا هون ملاحظة تم عمل الشرح في ساعتين والشرح يحتوي على 31 صورة فهل يستحق كلمة شكر؟؟ ![]() التعديل الأخير تم بواسطة saad hodaifa ; 09-06-2009 الساعة 01:51 PM. |
![]() |
| مواقع النشر (المفضلة) |
| الكلمات الدلالية (Tags) |
| منتداك, الموسم:صمم, بنفسك, واجهة, قنبلة |
| أدوات الموضوع | |
| انواع عرض الموضوع | |
|
|
بيتو هوست غير مسئول عن اى اتفاق تجارى او تعاونى يتم بين الاعضاء او المشرفين او تسليم بيانات المساحة لاى شخص
المواضيع والمشاركات الموجودة بالمنتدى تعبر عن اراء اصحابها وليس بالضرورة تعبر عن راى بيتو هوست