لمن اراد تعلم تصميم المواقع بالفوتوشوب ..

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته

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

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. 40

هذا ما سنتعلمه من الشرح .. لمن اراد تعلم تصميم المواقع بالفوتوشوب .. 12

====
الشرح
====

1- سنبدأ الدرس على برنامج الفوتوشوب الاصدار السابع لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Smile

2- سنعمل على هذه الصورة ..

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-1

3- احفظ الصورة السابقة وافتح برنامج الفوتوشوب .. ولنبدأ العمل

4- اضف ما تريد ان تضيفه على الواجهة .. وبالنهاية ستظهر هكذا
لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-2

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-2

5- الان اختر اداة القطع ( لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Cut-tool

) وقطع الواجهة الى هذا الشكل
لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-3

6- اضغط باليمين على كلمة ( المنتدى ) .. واختر Edit Slice Options

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-4

7- ستفتح لك نافذة .. اذهب لخانة الـ URL وادخل وصلة ( المنتدى ) .. ولنفرض انها ( http://yoursite.com/vb ) .. غير الـ yoursite بإسم موقعك
لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-5

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-5

8- بعد ادخال جميع الوصلات .. احفظ الواجهة من قائمة File >>> Save for Web او اضغط على Alt + Shift + Ctrl + S

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-6

9- ستفتح لك نافذة .. اضغط على Save .. واحفظ الصفحة بإسم ( Index ) والامتداد ( .html ) .. واحفظها في مجلد htdocs الخاص بسيرفر اباتشي ..
( ملاحظة : الى من لا يملك سيرفر شخصي .. ادخل هنا )

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-7

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-7

+

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-8

10- عند ذهابك الى مكان حفظ الصفحة .. ستجد مجلد بإسم ( images ) وهو مجلد الصور التي تم قطعها

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-9

+

لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Drs-10

11- ارفع ملف الواجهة ومجلد الصور ( images ) الى سيرفرك الشخصي لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Smile

وانتهى الدرس ^_^

موفقين ان شاء الله لمن اراد تعلم تصميم المواقع بالفوتوشوب .. Smile

والسـلام خير ختام

شّكرٱ أخٌيّ ♥ Smile

أرجوكم الدخول عل المنتدى بتاعي plz عايز مشرفين
http://wwwl.rigala.net/