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

[Chakira]

السلام عليكم

شرح طريقة تصميم المواقع على الفوتوشوب المعروف


::الشرح طريقة::



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

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


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

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

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




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

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

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

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

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

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

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

9- ستفتح لك نافذة .. اضغط على Save .. واحفظ الصفحة بإسم ( Index ) والامتداد ( .html ) .. واحفظها في مجلد htdocs الخاص بسيرفر SERVER اباتشي ..
( ملاحظة : الى من لا يملك سيرفر SERVER شخصي .. ادخل هنا )
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- ارفع ملف الواجهة interface ومجلد الصور ( images ) الى سيرفر SERVERك الشخصي http://www.dzbatna.com/images/smilies/cupidarrow.gif
http://darkgamer.jeeran.com/photoshop/drs-10.gif
وانتهى الدرس مفصل ^_^

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

منقول




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©