شرح طريقة تصميم واجهة interface موقع استضافة HOTING احترافية شبيهة بــ pxll

[romaissa]

السلام عليكم و رحمة الله تعالى و بركاته
لمشاهدة مثال عن الواجهة interface :


اللون الاول :

http://i254.photobucket.com/albums/hh86/crazymoha/-----1.gif

رابط الواجهة interface من هنا (http://img110.imageshack.us/img110/9580/45947395gu7.gif)

+::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::::::::+

اللون الثاني :

http://i254.photobucket.com/albums/hh86/crazymoha/--.gif

رابط الواجهة interface من هنا (http://img167.imageshack.us/img167/3217/22023187au9.gif)

+::::::::::::::::::::::::::::::::::::::::::::::::: :::::::::::::::::::::::::::::+

اللون الثالث :



http://i254.photobucket.com/albums/hh86/crazymoha/----.gif





</STRONG>
</STRONG>
</STRONG>
</STRONG>


ارجوا ان تنال اعجابكمـ ,,, http://img.aljasr.com/icon.aspx?i=icon_smile_wink
+::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::::::::::::::+
بسم الله نبدا الشرح طريقة
اولا عليك فتح برنامج الفوتوشوب
http://i254.photobucket.com/albums/hh86/crazymoha/1-10.gif
و افتح عمل جديد عن طريق file >> new
http://i254.photobucket.com/albums/hh86/crazymoha/2-10.gif
و اعمل المقاسات التالية 700 طول و 700 عرض
http://i254.photobucket.com/albums/hh86/crazymoha/1-15.gif
هدا هو ملف العمل
http://i254.photobucket.com/albums/hh86/crazymoha/2-15.gif
اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/3-15.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/4-15.gif
و املا بها العمل ليصبح هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/5-15.gif
و اختر ادا البن تول
http://i254.photobucket.com/albums/hh86/crazymoha/6-15.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/7-15.gif
و اعمل شكل مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/8-15.gif
و افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/9-15.gif
و اختر ادا التحديد التالية
http://i254.photobucket.com/albums/hh86/crazymoha/10-15.gif
و اعمل تحديد مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/11-15.gif
و اختر ادا الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/12-16.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/13-16.gif
و املا به التحديد ليصبح هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/14-16.gif
خفف الاوباسيتي الى 60
http://i254.photobucket.com/albums/hh86/crazymoha/15-16.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/16-16.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/17-16.gif
و اختر الادا التالية
http://i254.photobucket.com/albums/hh86/crazymoha/18-16.gif
و اعمل تحديد مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/19-16.gif
و اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/20-16.gif
و اختر الون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/21-16.gif
و املا به التحديد ليصبح هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/22-15.gif
اعمل blending option
http://i254.photobucket.com/albums/hh86/crazymoha/23-15.gif
و طبق التالي
http://i254.photobucket.com/albums/hh86/crazymoha/24-14.gif
تم ...
http://i254.photobucket.com/albums/hh86/crazymoha/25-14.gif
تم ...
http://i254.photobucket.com/albums/hh86/crazymoha/26-14.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/27-14.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/28-14.gif
و اختر الاداة التالية
http://i254.photobucket.com/albums/hh86/crazymoha/29-14.gif
و اعمل تحديد مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/30-13.gif
و اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/31-12.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/32-9.gif
و املا به التحديد ليصبح هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/33-8.gif
اعمل blending option
http://i254.photobucket.com/albums/hh86/crazymoha/34-9.gif
و طبق التالي ...
http://i254.photobucket.com/albums/hh86/crazymoha/35-8.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/36-8.gif
اعمل file >> open
http://i254.photobucket.com/albums/hh86/crazymoha/37-8.gif
و افتح صور من جهازك لحاسب او اي شيئ
http://i254.photobucket.com/albums/hh86/crazymoha/38-7.gif
و ضعه فوق العمل بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/39-7.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/40-7.gif
و اختر الاداة التالية
http://i254.photobucket.com/albums/hh86/crazymoha/41-6.gif
و اعمل تحديد مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/42-6.gif
و اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/43-6.gif
و اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/44-6.gif
و املا به التحديد ليصبح هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/45-6.gif
اعمل blending option
http://i254.photobucket.com/albums/hh86/crazymoha/46-6.gif
و طبق التالي ...
http://i254.photobucket.com/albums/hh86/crazymoha/47-5.gif
هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/48-5.gif
اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/49-5.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/50-5.gif
و اكتب عنوان موقعك بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/51-4.gif
اعمل Blending option
http://i254.photobucket.com/albums/hh86/crazymoha/52-4.gif
و طبق التالي ..
http://i254.photobucket.com/albums/hh86/crazymoha/53-4.gif
تم ...
http://i254.photobucket.com/albums/hh86/crazymoha/54-4.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/56-4.gif
اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/58-4.gif
و اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/59-4.gif
و اعمل نقاط بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/60-4.gif
اختر ادا الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/61-4.gif
و اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/62-4.gif
و اكتب اسم موقعك
http://i254.photobucket.com/albums/hh86/crazymoha/63-4.gif
اختر ادا الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/64-4.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/65-4.gif
و اكتب قائم مثل هده
http://i254.photobucket.com/albums/hh86/crazymoha/66-3.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/67-4.gif
و اختر الاداة التالية
http://i254.photobucket.com/albums/hh86/crazymoha/68-4.gif
و اعمل تحديد مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/69-4.gif
اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/70-3.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/71-3.gif
و املا بهال تحديد و كرر اللير وضعهم بين الكتابات بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/72-3.gif
اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/73-3.gif
و الاون الابيض
http://i254.photobucket.com/albums/hh86/crazymoha/74-3.gif
و اكتب ما يلي
http://i254.photobucket.com/albums/hh86/crazymoha/75-3.gif
اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/76-3.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/77-3.gif
اعمل قائمة مثل هده
http://i254.photobucket.com/albums/hh86/crazymoha/78-3.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/79-3.gif
و اختر الاداة التالية
http://i254.photobucket.com/albums/hh86/crazymoha/80-3.gif
و اعمل تحديد بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/81-3.gif
اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/82-3.gif
و اختر اللون الابيض
http://i254.photobucket.com/albums/hh86/crazymoha/83-3.gif
و املا به التحديد و كرر اللير و ضعهم بجانب الكتابات بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/84-3.gif
اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/85-3.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/86-3.gif
و اعمل خط على شكل نقاط بين الكتابات بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/87-3.gif
اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/88-3.gif
و اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/89-3.gif
اكتب كلمة بحث
http://i254.photobucket.com/albums/hh86/crazymoha/90-3.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/91-3.gif
و اختر اداة التحديد التالية
http://i254.photobucket.com/albums/hh86/crazymoha/92-2.gif
و اعمل تحديد مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/93-2.gif
اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/94-2.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/95-2.gif
و طبق التالي edit >> stroke
http://i254.photobucket.com/albums/hh86/crazymoha/96-2.gif
و ضع القيمة 2 px و اللون الابيض
http://i254.photobucket.com/albums/hh86/crazymoha/97-2.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/98-2.gif
و اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/99-2.gif
و اختر الون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/100-2.gif
و اكتب كلمة go هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/101-2.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/102-2.gif
و اختر ادا التحديد التالية
http://i254.photobucket.com/albums/hh86/crazymoha/103-2.gif
و اعمل تحديد مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/104-2.gif
و اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/105-2.gif
و اختر اللون الاسود
http://i254.photobucket.com/albums/hh86/crazymoha/106-2.gif
و املا به العمل ليصبح هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/107-2.gif
و اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/108-2.gif
و اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/109-2.gif
و اكتب التالي
http://i254.photobucket.com/albums/hh86/crazymoha/110-2.gif
اختر ادا الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/111-2.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/112-2.gif
و اكتب عرضين كالتالي
http://i254.photobucket.com/albums/hh86/crazymoha/113-1.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/114-1.gif
و اختر الاداة التالية
http://i254.photobucket.com/albums/hh86/crazymoha/115-1.gif
و اعمل تحديدن مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/116-1.gif
و اعمل التالي edit >> stroke
http://i254.photobucket.com/albums/hh86/crazymoha/117-1.gif
و اختر اللون التالي و القيمة 1px
http://i254.photobucket.com/albums/hh86/crazymoha/118-1.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/119-1.gif
و اختر اداة الاشكال التالية
http://i254.photobucket.com/albums/hh86/crazymoha/120-1.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/121-1.gif
و اعمل شكلين و ضعهم بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/122-1.gif
اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/123-2.gif
و اختر اللون الابيض
http://i254.photobucket.com/albums/hh86/crazymoha/124-2.gif
و اعمل خطين على شكل نقاط هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/125-2.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/126-2.gif
و اختر الاداة التالية
http://i254.photobucket.com/albums/hh86/crazymoha/127-2.gif
و اعمل تحديد هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/128-2.gif
و اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/129-2.gif
و اختر اللون الابيض
http://i254.photobucket.com/albums/hh86/crazymoha/130-2.gif
و املا به التحديد ليصبح هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/131-2.gif
و اعمل blending option
http://i254.photobucket.com/albums/hh86/crazymoha/132-2.gif
و طبق التالي ...
http://i254.photobucket.com/albums/hh86/crazymoha/133-2.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/134-2.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/135-2.gif
و اختر الاداة التالية
http://i254.photobucket.com/albums/hh86/crazymoha/136-2.gif
و اعمل تحديد مثل هدا
http://i254.photobucket.com/albums/hh86/crazymoha/137-2.gif
و اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/129-2.gif
و اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/138-1.gif
و طبق التالي edit >> stroke
http://i254.photobucket.com/albums/hh86/crazymoha/139-1.gif
و اللون الابيض و القيمة 2px
http://i254.photobucket.com/albums/hh86/crazymoha/140-1.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/141-1.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/142-1.gif
و اختر الاداة التالية
http://i254.photobucket.com/albums/hh86/crazymoha/143-1.gif
و اعمل تحديد بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/144-1.gif
و اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/129-2.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/146-1.gif
و اعمل blending option
http://i254.photobucket.com/albums/hh86/crazymoha/23-15.gif
و طبق التالي ..
http://i254.photobucket.com/albums/hh86/crazymoha/147-1.gif
تم ...
http://i254.photobucket.com/albums/hh86/crazymoha/148-1.gif
و هدا هو الناتج
http://i254.photobucket.com/albums/hh86/crazymoha/149-1.gif
افتح لير جديد
http://i254.photobucket.com/albums/hh86/crazymoha/150-1.gif
و اختر الادا التالية
http://i254.photobucket.com/albums/hh86/crazymoha/151-1.gif
و اعمل تحديد بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/152-1.gif
و اختر اداة الدلو
http://i254.photobucket.com/albums/hh86/crazymoha/153-1.gif
و اختر اللون التالي
http://i254.photobucket.com/albums/hh86/crazymoha/154-1.gif
و املا به التحديد ليصبح هكدا
http://i254.photobucket.com/albums/hh86/crazymoha/155-1.gif
اختر اداة الاشكال التالية
http://i254.photobucket.com/albums/hh86/crazymoha/156-1.gif
و اختر اللون الاسود
http://i254.photobucket.com/albums/hh86/crazymoha/157-1.gif
اعمل ثالاث اشكال بهدا الشكل
http://i254.photobucket.com/albums/hh86/crazymoha/158-1.gif
اختر اداة الكتابة
http://i254.photobucket.com/albums/hh86/crazymoha/123-2.gif
و اللون الابيض
http://i254.photobucket.com/albums/hh86/crazymoha/160-1.gif
و قم بكتابة ما تريد على واجهتك و هدا هو الناتج النهائي الاحترافي

نقلا عن
http://www.startimes2.com/f.aspx?t=7643632
http://www.dzbatna.com/images/smilies/icon31.gif





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