هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
samser
عضو فعال
عضو فعال
samser


عدد المساهمات : 23
تاريخ التسجيل : 02/06/2009

الدرس الثالث تحديد نوع التصميم وتصميمه عن طريق الفوتوشوب Empty
مُساهمةموضوع: الدرس الثالث تحديد نوع التصميم وتصميمه عن طريق الفوتوشوب   الدرس الثالث تحديد نوع التصميم وتصميمه عن طريق الفوتوشوب Emptyالسبت يونيو 27, 2009 6:50 am

تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :-

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

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

فلنبدأ بكيفية تصميم واجهة استضافة كمثال فقط لا غير , افتح برنامج الفوتوشوب ثم قم بفتح عمل جديد بمقاس 777 × 800 بيكسل وهذا هو المقاس المفضل لاي تصميم , بخلفية بيضاء كما هو موضح بالصورة :-


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

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

أولا قم بإضافة لير جديد وذلك من قائمة الادوات اختر layer ثم new ثم layer او shft+ctrl+N ثم ارسم مستطيل بهذا الشكل واذهب إلى أداة التدرج اللوني الدرس الثالث تحديد نوع التصميم وتصميمه عن طريق الفوتوشوب 3 ثم اختر اللون الأزرق مثلا وهو الأفضل بالنسبة لهذا النوع من المواقع ليصبح الشكل هكذا :-

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

ثم قم بإضافة لير جديد أيضا ثم حدد مستطيل آخر واعطه هذا التدرج اللوني مثلا :-


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

ثم أعطه stroke اسود وذلك عن طريق الأتي :-


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

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

قم إضافة لير جديد ثم عمل مستطيل بهذا المقاس , ثم اذهب إلى القائمة , واختر select ثم Modify ثم smooth وضع القيمة 15 مثلا , ثم أعطه هذا التدرج اللوني كما هو موضح في الصورة :-


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

[size=16]ثم اختر هذه الأداة


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

وقم بعمل تحديد مثل هذا للفصل بين الازارير كما هو موضح بالصورة :-


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


بعد ذلك قم بكتابة اسم الصفحات المهمة للموقع ليصبح شكل للهيدر قبل الإضافات كالتالي :


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


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


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


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

=================
موعيدنا ان شاء الله في اللقاء القادم والجزء الثاني من العنصر الثالث في الدورة وهو تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب .
[/size]
samser__________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
osama asser
عضو جديد
عضو جديد
osama asser


عدد المساهمات : 39
تاريخ التسجيل : 26/12/2009

الدرس الثالث تحديد نوع التصميم وتصميمه عن طريق الفوتوشوب Empty
مُساهمةموضوع: رد: الدرس الثالث تحديد نوع التصميم وتصميمه عن طريق الفوتوشوب   الدرس الثالث تحديد نوع التصميم وتصميمه عن طريق الفوتوشوب Emptyالأحد يناير 10, 2010 3:34 am


مشكووووووووووووووووووور تسلم أيدك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
الدرس الثالث تحديد نوع التصميم وتصميمه عن طريق الفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» الدرس الثاني ادوات الدورة
» الدرس الرابع تصميم القوائم
» شرح بالصور لكيفيه مشاهده الفضائيات العاديه والمشفره عن طريق برنامج Winamp روعه!!!!!!

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: قسم التقنية-
انتقل الى: