الخميس، 21 أكتوبر 2010

learn-design-templates

شرح طريقة عمل إطار
1-   قم بتشغيل برنامج الفوتوشوب
2-   قم بتحديد مقاسات الإطار كما تريد
3-   من أداة التحديد نقوم بعمل مربع بهذا الشكل

4-  ثم من قائمة Select  نختار  Modify ثم  Smooth

5-  بعد الضغط علي  Smooth سوف يظهر مربع حواري سوف نجعل القيمة عشرة  أنظر الشكل التالي  


6-سوف نقوم بإنشاء لير جديد لكي نضع فية الإطار  وذلك عن طريق



أو قم بالضغط علي مفتاحي     Shift+Ctrl+N 
7- سوف يظهر هذا المربع الحواري والذي من خلاله تستطيع أن تكتب إسم للير وأن تختار لون خاص للير  ونمط اللير ونسبة التظليل 


8-بعد ذلك قم باختيار أداة التلوين           
وقم باختيار اللون المناسب وسوف يظهر الإطار بهذا الشكل

قم بالضغط على مفتاحي Ctrl+ D  لإلغاء التحديد  أو من خلال

9- قم برسم مربع داخل الشكل الذي قمنا بعملة أنظر الصورة

10- قم بالضغط علي مفتاح    Delete
أو من خلال  Edit-Clear


سوف يظهر معك الشكل النهائي مثل هذا الشكل

قم بالضغط على مفتاحي Ctrl+ D  لإلغاء التحديد
هذا الشكل النهائي الذي قمت بعملة بعد وضع pattern


هذا شرح مبسط لعمل إطار  يمكنك أن تعدل فية كما تريد
ثانياً: تقطيع الإطار
1-    قم بعمل حدود حول الإطار باستخدام المسطرة الافقية و الرئسية قم بإظهار المسطرة أولاً وذلك عن طريق
الضغط على مفتاحي  Ctrl+R
أو من خلال View-Rulers


2-    ثم نقوم بالذهاب إلي المسطر الافقية ثم نضغط ونسحب مع استمرار الضغط إلي الاسفل ثم نكرر نفس العمل مع المسطرة الرئسية حتي يكون الشكل كما تري

3- باستخدام أداة Slice Tool
قم بتقطيع الإطار  إلى تسعة أجزاء متساوية فالجزء الايمن يساوي الجزء الأيسر  والجزء العلوي يساوي الجزء السفلي
حاول بقدر الإمكان أن يكون التقطيع دقيق  سوف يكون هذا هو الشكل النهائي بعد التقطيع


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

ثم قم بالضغط علي حفظ Save




قم باختيار مكان الحفظ
وإسم الملف ونوع الحفظ قم باختيار إمتداد الـ HTML
ثالثاُ:  نقل الإطار إلى برنامج الفرونت بيج
1-    قم بتشغيل برنامج الفرونت بيج
2-    قم بفتح عمل جديد (صفحة فارغة)
3-    قم بإدراج جدول يتكون من ثلاثة اعمدة وثلاثة صفوف
وذلك عن طريق تابع الشرح بالصور


سوف يظهر هذا المربع الحواري  الذي يتيح لك التعديل عليه كما تريد


بعض المصطلحات المهمة
عدد الصفوف  Row
عدد الأعمدة Columns
المحاذاة  Alignment
عرض الجدول width  إما أن يكون بالبكسل أو بالنسبة المئوية
إرتفاع الجدول  height إما أن يكون بالبكسل أو بالنسبة المئوية
Cell padding وهي المسافة بين المكونات التي يتم إدراجها في الخلية والاطار المحيط بالخلية
Call spacing تستخدم لتحديد المسافات بين خلايا الجدول
حدود الجدول Border
لون الجدول  Color
خلفية الجدول Background إما أن تختار لون أوصورة


4- قم بإدراج صورة الجزء الايمن وذلك من خلال


5- هذا هو الشكل النهائي بعد إدراج الجزء الايمن والجزء الايسر


6- إدراج نقطة التمدد إضغط كلك يمين بالماوس داخل الخلية الموجودة في الوسط ثم قم باختيار  Cell Properties (خصائص الخلية)


سوف يظهر مربع حواري جديد بعنوان Cell Properties



قم بوضع علامة صح عند Use background picture
واضغط علي زر  Browse ثم قم باختيار الصورة الخاصة بالجزء الاوسط
هذا هو الشكل النهائي بعد وضع نقطة التمدد


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


بعد ذلك قم بإدراج الجزء الايمن والجزء الايسر كل جزء نقطة تمدد
هذا هو الشكل بعد إدراج نقطة التمدد

بعد ذلك قم بجعل حدود الجدول صفر وذلك عن طريق  الضغط كلك يمين بالماوس وإختيار Table Properties
(خصائص الجدول)



هذا هو الشكل النهائي

ليست هناك تعليقات:

إرسال تعليق