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




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

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
عاشق مايكل سكوفيلد
المدير العام
المدير العام
عاشق مايكل سكوفيلد


ذكر عدد الرسائل : 198
العمر : 29
المزاج : جذاب
ناديك المفضل ... : الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Storm_430913830_2073961040
sms : اهلا وسهلا باعضاء المنتدى
تاريخ التسجيل : 26/02/2008

الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Empty
مُساهمةموضوع: الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول ::   الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Emptyالجمعة أبريل 25, 2008 10:42 pm

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

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

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

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



الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Wol_errorهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 710x550 وحجمها 62 كيلو بايت .
الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Alm7tarfin_Y8AyVR6lG2

اختر هذه الأداة

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



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

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

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


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

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


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

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

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


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

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



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

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


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


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



الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Wol_errorهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 777x237 وحجمها 15 كيلو بايت .
الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Alm7tarfin_tH2goIbJcZ



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



الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Wol_errorهذه الصورة تم تصغيرها تلقائيا . إضغط على هذا الشريط هنا لعرض الصورة بكامل حجمها . أبعاد الصورة الأصلية 777x230 وحجمها 52 كيلو بايت .
الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول :: Alm7tarfin_XhcUMbmPtT



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

=================
موعيدنا ان شاء الله في اللقاء القادم يوم السبت 4 / 8 / 2007 والجزء الثاني من العنصر الثالث في الدورة وهو تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب .

[/size]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://hamada.forum-canada.net
 
الدرس الاول :- تحديد نوع التصميم وتصميمه عن طريق برنامج الفوتوشوب :: الجزء الاول ::
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-

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