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

[saidinho2000]

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

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

هذا ما سنتعلمه من الشرح ..

====
الشرح:smailes46:
====

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

2- سنعمل على هذه الصورة ..
http://darkgamer.jeeran.com/photoshop/drs-1.gif
- احفظ الصورة السابقة وافتح برنامج الفوتوشوب .. ولنبدأ العمل

4- اضف ما تريد ان تضيفه على الواجهة .. وبالنهاية ستظهر هكذا
http://darkgamer.jeeran.com/photoshop/drs-2.gif

- الان اختر اداة القطع ( http://darkgamer.jeeran.com/photoshop/cut-tool.gif) وقطع الواجهة الى هذا الشكل

http://darkgamer.jeeran.com/photoshop/drs-3.gif

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

http://darkgamer.jeeran.com/photoshop/drs-5.gif

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

http://darkgamer.jeeran.com/photoshop/drs-6.gif

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

http://darkgamer.jeeran.com/photoshop/drs-7.gif

+
http://darkgamer.jeeran.com/photoshop/drs-8.gif

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

http://darkgamer.jeeran.com/photoshop/drs-9.gif
+
http://darkgamer.jeeran.com/photoshop/drs-10.gif

11- ارفع ملف الواجهة ومجلد الصور ( images ) الى سيرفرك الشخصي

http://darkgamer.jeeran.com/photoshop/drs-10.gif

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

موفقين ان شاء الله
والسـلام خير ختام:smailes6:

[tofaan87]

والله درس جميل جدااا وأفدني كثير كثير

شكراااااااااااااااا اخي

[charif46]

http://www.imagup.info/images/03/1186837327_Tachakourat.gif

[mody tata]

شكراااااااااا على مجهودك

[saidinho2000]

لا شكرا على الواجب
هذا برنامج php tirad
الخاص ب اباشي
http://easynews.dl.sourceforge.net/sourceforge/phptriad/phptriadsetup2-11.exe

[HASSEN BMW]

مشكور
مشكورمشكور
مشكورمشكورمشكور
مشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور مشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور مشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور مشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور مشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور مشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكور
مشكورمشكورمشكورمشكور
مشكورمشكورمشكور
مشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور مشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور مشكورمشكورمشكور
مشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكورمشكور مشكور مشكورمشكورمشكور

[خالدf15]

يعطيـك ربي الف عافيـــــــــــ هـ

مجهوود رائـع كل الشكر لك عليه

تقبل كل التـ ح ــــــــــــــــــــــيه

[elraosh]

تسلم ايدك .. درس ولا اروع اخى

[egysamba]

شكر أخى على الشرح

تحياتى

[ana3sola]

درس مهم جدا لكل مصمم
وحقيقى تصميم المواقع بالفوتوشوب متعه
مشكووور اخى

[gacop4912451]

مشكورررر للك اخى على المجهود المتميز هذا ولك منى اطيب التمنيات وإلى الامام دائما

[Sad Prince]

جزاك الله خيرا

بالتوفيق اخي

ان شاء الله الكل يستفيد من درسك الطيب

[zerocool1]

درس رائع اخى العزيز

بارك الله فيك