الكثيري نت  
 
   

الكثيري نت للاستضافه والدعم الفني

الكثيري نت - استضافه - تصميم - دعم فني
عدد مرات النقر : 147,060
عدد  مرات الظهور : 54,678,112منتديات بحر الامل
عدد مرات النقر : 1,089
عدد  مرات الظهور : 47,527,558
استضافة الكثيري نت
عدد مرات النقر : 1,221
عدد  مرات الظهور : 54,771,138

العودة   الكثيري نت > قسم التصاميم والجرافيكس > قسم الفوتوشوب

الكثيري نت
عدد مرات النقر : 733
عدد  مرات الظهور : 43,265,514
 
 
أدوات الموضوع انواع عرض الموضوع
Prev المشاركة السابقة   المشاركة التالية Next
  #1  
قديم أضيفت بتاريخ 15-08-2009, 01:27 AM
الصورة الرمزية وحي القلم
وحي القلم وحي القلم غير متواجد حالياً
عضو مشارك
 
تاريخ التسجيل: 13-08-2009
الدولة: فلسطين
المشاركات: 67
معدل تقييم المستوى: 15
وحي القلم is on a distinguished road
F Icon03 دورة تصميم ستايل vb ( الستايلات الاحترافيه ) .

الدورة منقول يا اخواان

نبداء بسم الله



"البرامج المستخدمه في الدوره "



1- برنامج الفوتوشوب :


برنامج Adobe Photoshop® CS2 9.0.1


الوصف : برنآمج الفوتوشوب التآسـع الغني عن التعريف ويعد من افضل واقوى البرامج لتحرير الصور .. الاصدار الجديد ذو مواصفات راقية .. جدا جدا يستحق التحميل



برنآمج Adobe Photoshop CS 8.0 Shareware


الوصف : فوتوشوب ـآلآصدار الثآمن من برنامجي PhotoShop CS و Image Ready CS الداعم للـغه العربيـه لتحرير الصور بواجهه عربيـه كآملـه


للتحمـيل اضغط هنآ

2- برنامج الفرونت بيج :


برنامج الفرونت بيج هو برنامج يساعدك في بناء موقعك بطريقة صحيحة وسريعة في وقت قريب كان على من يريد أن يبني موقعاً له على الإنترنت أن يتعلم لغة الـ
HTML وعن طريق برنامج الفرونت بيج تستطيع أن تبني الموقع بدون أن تتعلم هذه اللغة .
ــــــــــــــ





ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ــــــــــــــــ
الحجم: 150ميقا ملف مضغوط
ـــــــــــــــــــــــــ ـــــــــــــــــــــــــ ـــــــــــــــــ
هذي الروابط وان شاء الله رااح احاول ازيد الرووابط


http://www.badongo.com/file/8649310


http://www2.sendthisfile.com/d.jsp?t...myPswk37N7Ox9n


http://www.vip707.com/up2/FRONTPAGE.rar
ـــــــــــــــــــــــــ ـــــــــــــــــــ
السيرل نمبر


Wfdwy-xqxjf-rhryg-bg7rq-bbdhm

وهذا مثال للتخطيط .

اضغط هنا لمشاهدة الصورة كاملة.


ويمكن ان يكون متمدد او لا حسب رغبتك لاكن في دورتنا هذه سنشرح الستايل الاحترافي المتمدد .

1- التصميم:
التصميم هو اهم خطوه في تصميم الستايلات والواجهات والثيمات لان سر جمال العمل يكمن في التصميم و التصميم ينبع من خيالك انت وهناك خطوات يجب اتخاذها لتسهل عليك التصميم :
1- الالوان المستخدمه : يجب عليك اختيار الالوان المستخدمه في التصميم مثلا انا
اخترت لستايل الدوره اللون الاخضر وتدرجاته (الاخضر الغامق , الاخضر , الاخضر الفاتح , الاخضر الفاقع , الزيتي , والاصفر ) .
2- بيئة التصميم : يجب اختيار بيئه واسلوب للتصميم مثل بيئة الفيكتور او الزجاجي او الزخرفه او بيئه قديمه او تقنيه او افراح مثل العيد او اسلاميه ....
3- نوع الستايل : هناك نوعين احترافي او بسيط .
=============================
اولا نفتح برنامج الفوتوشوب وننشىء عمل جديد بالمقاسات والاعدادات التاليه :

اضغط هنا لمشاهدة الصورة كاملة.

ثم ننشىء طبقه جديده



الان سنفعل الشبكه اذهب الى view > Show > Grid ولأخفائها اضغط Ctrl + H


اضغط هنا لمشاهدة الصورة كاملة.

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

اضغط هنا لمشاهدة الصورة كاملة.


وهنا لمساتي في الهيدر : او لمست صاحب الدرس :blushing:


اضغط هنا لمشاهدة الصورة كاملة.


اثناء تصميم الهيدر اخذت في الحسبتان منطقة التمدد والصور التجميليه انظر للصوره لتوضيح تقسيم الصور :


اضغط هنا لمشاهدة الصورة كاملة.


الصور التي في المربع الازرق هي منطقة التمدد والتي في الربع الاحمر هي الصور الثابته .

=============================

الان سأشرح طريقه ربما تكون خارج الدوره لاكن الفائده منها تنظيم عملك


اضغط هنا لمشاهدة الصورة كاملة.


- انشىء مجلد جديد او محفظه جديده تابع الصوره :


اضغط هنا لمشاهدة الصورة كاملة.


2- اسم المجلد set1 اظغط عليه باليمين واختار Layer Set Properties :



تظهر لنا هذه الرساله غير لون المجلد واسمه الى (الهيدر ) ثم OK




الان اسحب جميع الطبقات التي تخص الهيدر داخل هذا المجلد :



انظر الى شكل الطبقات داخل المجلد :


اضغط هنا لمشاهدة الصورة كاملة.



اليوم نكتفي بهذا القدر من الدوره ونكمل باقي الدوره قريبا

الفوائد :
1- نبذه عن تصميم الستالات والفرق بين الستايل الرباعي والاحترافي
2- نصائح في التصميم
3- تصميم هيدر الستايل الاحترافي
4- انشاء مجلد لتنظيم طبقات العمل

........................................


الان نكمل الباقي من الدوره


نختار اداة التحديد المربع وننشىء مربع في منطقة الفوتر

اضغط هنا لمشاهدة الصورة كاملة.


صمم الفوتر الخاص بك ولا تتعدى المنطقه المحدده

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


اضغط هنا لمشاهدة الصورة كاملة.

بعد ذلك نبدأ في تصميم الاعمده


اضغط هنا لمشاهدة الصورة كاملة.



انتهينا من الاعمده ... وهذا هو تصميمي
....................................
لو لاحظة انا لم اركز ع التصميم فقط عطيتكم نبذه او مثال لان تركيزي راح يكون على التقطيع والتركيب والتصميم خاص بك انت
..................................

بعد الانتها من التصميم رتبت الشغل بهذا النحو ... شو الصوره والترتيب



الفوائد ::
شكل لتصميم الستايل



الان نبدأ المرحله الثانيه من الدروه : التقطيع
اعتبرها اهم خطوه بعد التصميم حيث التقطيع يحتاج الى دقه في تقطيع الصور مع العلم ان خطوت التقطيع يجب ان تخطط لها اثناء التصميم

بسم الله نبدأ .. اربط حزام الامان

اولا نختار اداة تحديد منطفة التقطيع اسمها (Slice Tool) شوف الصوره



الان نسحب بالاداه من الزاويه العلويه اليسرى الى الزاويه السفليه اليمنى

اضغط هنا لمشاهدة الصورة كاملة.


شوف طلع حول التصميم حدود بنيه وهذي هي حدود التقطيع ومكتوب في الزاويه العلويه اليسرى رقم 1 داخل مربع ازرق


اضغط هنا لمشاهدة الصورة كاملة.


الحين نختار الاداه الثانيه والي هي اداة التقطيع واسمها ..( Slice Select Tool)

بدينا ف الجد ركزووووووووووووا زين ترى الخطوه بسيطه جدا لاكن انا ابشرحها بالتفصيل ..

بعد ماخترنا الاداه نروح في منتصف العمل ونضغط بيمين الماوس تطلع لنا قائمه نختار Divide Slice


اضغط هنا لمشاهدة الصورة كاملة.


تظهر لنا هذه الرساله .... شرح للرساله
الرساله هذي تقسم لك القطعه الى تقسيم طولي وتقسيم عرضي الان حنا بنقسم المربع الكبير الى 3 قطع عرضيه

اضغط هنا لمشاهدة الصورة كاملة.


شوف كيف جت خطوط التقطيع


اضغط هنا لمشاهدة الصورة كاملة.

(..الان راح اشرح لكم كيف تحرك الخطوط وتحدد منطقة التقطيع ركزوا معي ..)

روح الى المربع الازرق الي على منطقة الهيدر واضغط عليه ضغطه وحده بزر الفأره الايسر .. ايش لاحظت تغير لونه الى بني وطلعت مربعات صغيره على حدود القطعه تقولك اسحبني ^_^



اضغط هنا لمشاهدة الصورة كاملة.


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

اسحب الخط الى فوق قليلا وبكذا حددنا الهيدر ..


اضغط هنا لمشاهدة الصورة كاملة.


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


اضغط هنا لمشاهدة الصورة كاملة.


اليوم نوقف هنا والباقي نشرحه بعدين ونكمل تقطيع الستايل
باقي علينا التقطيع طولي ... سهل جدا


.................................

بعد ماعرفنا التقطيع العرضي نبدأ الان في التقطيع الطولي


طبع كل جزء نقطعه تقطيع طولي منفرد بمعنى نبدأ في تقطيع الهيدر طوليا
ثم الاعمده ثم الفوتر

بسم الله نبدأ ...

نروح للهيدر ونضغط عليه بزر الماوس الايمن ونختار Divide Slice


اضغط هنا لمشاهدة الصورة كاملة.

تظهر لنا رسالة التقطيع اختار التقطيع الطولي وقطع الهيدر الى 6 قطع



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


اضغط هنا لمشاهدة الصورة كاملة.


الان المطلوب منك تحريك خطوط التقطيع وقطع حسب الصوره التاليه :-


اضغط هنا لمشاهدة الصورة كاملة.


شرح القطع :

اهم قطعتين هم القطع الخاصه بالاعمده الي هي 1 و 6 هذي القطع مقساتها لاتتغير ابدا سواء في الهيدر والاعمده او الفوتر وهي التي يقف عليها الستايل ... التوضيح قادم

اما القطع الاخرى وهي 2 و 4 و 5 هذي صور تجميليه يمكن ان تتغير مقاساتها وهي موجوده
في الهيدر والفوتر فقط ولا تؤثر في وزنية الستايل

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

----------------------------------------------------------------------------------

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


اضغط هنا لمشاهدة الصورة كاملة.


تقطيع الاعمده طبعا في الاعمده مانحتاج الى 6 قطع طوليه نحتاج فقط 3 قطع طوليه

شوف تخطيط التقطيع


اضغط هنا لمشاهدة الصورة كاملة.


مفهوم اخير للتقطيع وهو كأنك ماسك سكين وتقطع تورته << تشبيه لذيذ صح ^_^

وهنا الشكل النهائي للستايل بعد التقطيع .... بقي علينا بس الحفظ


اضغط هنا لمشاهدة الصورة كاملة.


"تابع معي خطوات الحفظ "


اذهب الى " ملف > حفظ كصفحة ويب" او "file > save for web"


تظهر لك صفحه كبيره وفيها الستايل ومبين التقطيع المطلوب اضغط "حفظ " او " save "



الان انشىء مجلد في اي مكان واحفظ الستايل فيه شوف الصوره وتاكد من الاعدادت


اضغط هنا لمشاهدة الصورة كاملة.


وبكذا انتهينا من التقطيييع ومبرووووووك , روح شوف الستايل وهو مقطع يطلع بالشكل هذا



اضغط هنا لمشاهدة الصورة كاملة.



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

التركيب ...
اولا لازم ننقل الصور التاليه من الستايل الى مجلد جديد تحت مجلد المنتدى شوف الصور ..


اضغط هنا لمشاهدة الصورة كاملة.


الان روح لمجلد المنتدى والي هو vb وافتحه وانشىء مجلد جديد داخله
مثلا انا انشأت مجلد واسميته k4Gr وحطيت الصور داخله ..بحيث يصبح مسار المجلد
vb / k4gr


اضغط هنا لمشاهدة الصورة كاملة.


الحين افتح برنامج الفرونت بيج ... شغلنا كله داخل الفرونت بيج


اول ماتفتحت الفرونت بيج روح لأسفل الصفحه الظاهره واختار code او الاكواد



داخل صفحة الاكواد تجد كود حدده كله وبدون اي تردد احذفه بالضغط على زر delete من الكيبورد << بدون اي تردد وين يالطيب عمليه انتحاريه ^_^


اضغط هنا لمشاهدة الصورة كاملة.



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


من رسالة خصائص الصفحه اختار اتجاه الصفحه الى يمين - يسار ثم ok

اضغط هنا لمشاهدة الصورة كاملة.


الحين الصفحه جااااااهزه لتركيب الستايل ... ركزووووا ياجماعه .. الخطوه جدا بسيطه لاكن انا ابشرحها بالتفصيل
............................

انشىء جدول بـ 9 خلايا من ايقونة انشاء الجدول الي فوق



الحين روح للجدول الي انشئناه واضغط داخله زر الماوس الايمن واختار من القائمه المنسدله (خصائص الجدول )


خصائص الجدول اختار التالي : الصوره ..


اضغط هنا لمشاهدة الصورة كاملة.



هيئنا الجدول لتركيب الستايل ... الان نبدأ في تركيب الصور ...

....

الان ضع مؤشر الماوس في الخليه اليمنى العلويه شوف الصوره


اضغط هنا لمشاهدة الصورة كاملة.


يتابع تعبت :shiny01:

__________________

رد مع اقتباس
 

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

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

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[BBcode] : ترقية الستايلات asd_2000 قسم استايلات منتديات vBulletin 0 أضيفت بتاريخ 01-10-2009 05:22 AM
[Style] : عيديتي لكم ستايل من تصميم MaShEeL.CoM ,و MMS من تصميم Faisal asd_2000 قسم استايلات منتديات vBulletin 0 أضيفت بتاريخ 18-09-2009 06:46 PM
[Style] : طلبات ترقية الستايلات asd_2000 قسم استايلات منتديات vBulletin 0 أضيفت بتاريخ 14-08-2009 02:42 PM
[Style] : ستايل قوقل تصميم للمنتديات للنسخة 3.8.3 سريع جداً تصميم علي السيد asd_2000 قسم استايلات منتديات vBulletin 0 أضيفت بتاريخ 18-07-2009 06:31 PM


الإعلانات النصية


الساعة الآن 12:42 AM.

 
استضافة وتـــــــــــــطــويـــر » الكثيري نت لخدمات الويب

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
هذا الموقع يتسخدم منتجات Weblanca.com
new notificatio by 9adq_ala7sas
Ads Organizer 3.0.3 by Analytics - Distance Education