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

محمد84

:: عضو مميز ::
20 فبراير 2009
2,925
8
0
www.facebook.com
السلام عليكم و رحمة الله تعالى و بركاته
لمشاهدة مثال عن الواجهة :


اللون الاول :

5520-cached.gif




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

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

5521-cached.gif



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

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



5522-cached.gif



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


ارجوا ان تنال اعجابكمـ ,,,
icon.aspx

+:::::::::::::::::::::::: ::::::::::::::::::::::::: ::::::::::::::::::::::+
بسم الله نبدا الشرح
اولا عليك فتح برنامج الفوتوشوب
5523-cached.gif

و افتح عمل جديد عن طريق file >> new
5524-cached.gif

و اعمل المقاسات التالية 700 طول و 700 عرض
5525-cached.gif

هدا هو ملف العمل
5526-cached.gif

اختر اداة الدلو
5527-cached.gif

و اختر اللون التالي
5528-cached.gif

و املا بها العمل ليصبح هكدا
5529-cached.gif

و اختر ادا البن تول
5530-cached.gif

و اختر اللون التالي
5531-cached.gif

و اعمل شكل مثل هدا
5532-cached.gif

و افتح لير جديد
5533-cached.gif

و اختر ادا التحديد التالية
5534-cached.gif

و اعمل تحديد مثل هدا
5535-cached.gif

و اختر ادا الدلو
5536-cached.gif

و اختر اللون التالي
5537-cached.gif

و املا به التحديد ليصبح هكدا
5538-cached.gif

خفف الاوباسيتي الى 60
5539-cached.gif

و هدا هو الناتج
5540-cached.gif

افتح لير جديد
5541-cached.gif

و اختر الادا التالية
5542-cached.gif

و اعمل تحديد مثل هدا
5543-cached.gif

و اختر اداة الدلو
5544-cached.gif

و اختر الون التالي
5545-cached.gif

و املا به التحديد ليصبح هكدا
5546-cached.gif

اعمل blending option
5547-cached.gif

و طبق التالي
5548-cached.gif

تم ...
5549-cached.gif

تم ...
5550-cached.gif

و هدا هو الناتج
5551-cached.gif

افتح لير جديد
5552-cached.gif

و اختر الاداة التالية
5553-cached.gif

و اعمل تحديد مثل هدا
5554-cached.gif

و اختر اداة الدلو
5555-cached.gif

و اختر اللون التالي
5556-cached.gif

و املا به التحديد ليصبح هكدا
5557-cached.gif

اعمل blending option
5558-cached.gif

و طبق التالي ...
5559-cached.gif

و هدا هو الناتج
5560-cached.gif

اعمل file >> open
5561-cached.gif

و افتح صور من جهازك لحاسب او اي شيئ
5562-cached.gif

و ضعه فوق العمل بهدا الشكل
5563-cached.gif

افتح لير جديد
5564-cached.gif

و اختر الاداة التالية
5565-cached.gif

و اعمل تحديد مثل هدا
5566-cached.gif

و اختر اداة الدلو
5567-cached.gif

و اللون التالي
5568-cached.gif

و املا به التحديد ليصبح هكدا
5569-cached.gif

اعمل blending option
5570-cached.gif

و طبق التالي ...
5571-cached.gif

هدا هو الناتج
5572-cached.gif

اختر اداة الكتابة
5573-cached.gif

و اختر اللون التالي
5574-cached.gif

و اكتب عنوان موقعك بهدا الشكل
5575-cached.gif

اعمل Blending option
5576-cached.gif

و طبق التالي ..
5577-cached.gif

تم ...
5578-cached.gif

و هدا هو الناتج
5579-cached.gif

اختر اداة الكتابة
5580-cached.gif

و اللون التالي
5581-cached.gif

و اعمل نقاط بهدا الشكل
5582-cached.gif

اختر ادا الكتابة
5583-cached.gif

و اللون التالي
5584-cached.gif

و اكتب اسم موقعك
5585-cached.gif

اختر ادا الكتابة
5586-cached.gif

و اختر اللون التالي
5587-cached.gif

و اكتب قائم مثل هده
5588-cached.gif

افتح لير جديد
5589-cached.gif

و اختر الاداة التالية
5590-cached.gif

و اعمل تحديد مثل هدا
5591-cached.gif

اختر اداة الدلو
5592-cached.gif

و اختر اللون التالي
5593-cached.gif

و املا بهال تحديد و كرر اللير وضعهم بين الكتابات بهدا الشكل
5594-cached.gif

اختر اداة الكتابة
5595-cached.gif

و الاون الابيض
5596-cached.gif

و اكتب ما يلي
5597-cached.gif

اختر اداة الكتابة
5598-cached.gif

و اختر اللون التالي
5599-cached.gif

اعمل قائمة مثل هده
5600-cached.gif

افتح لير جديد
5601-cached.gif

و اختر الاداة التالية
5602-cached.gif

و اعمل تحديد بهدا الشكل
5603-cached.gif

اختر اداة الدلو
5604-cached.gif

و اختر اللون الابيض
5605-cached.gif

و املا به التحديد و كرر اللير و ضعهم بجانب الكتابات بهدا الشكل
5606-cached.gif

اختر اداة الكتابة
5607-cached.gif

و اختر اللون التالي
5608-cached.gif

و اعمل خط على شكل نقاط بين الكتابات بهدا الشكل
5609-cached.gif

اختر اداة الكتابة
5610-cached.gif

و اللون التالي
5611-cached.gif

اكتب كلمة بحث
5612-cached.gif

افتح لير جديد
5613-cached.gif

و اختر اداة التحديد التالية
5614-cached.gif

و اعمل تحديد مثل هدا
5615-cached.gif

اختر اداة الدلو
5616-cached.gif

و اختر اللون التالي
5617-cached.gif

و طبق التالي edit >> stroke
5618-cached.gif

و ضع القيمة 2 px و اللون الابيض
5619-cached.gif

و هدا هو الناتج
5620-cached.gif

و اختر اداة الكتابة
5621-cached.gif

و اختر الون التالي
5622-cached.gif

و اكتب كلمة go هكدا
5623-cached.gif

افتح لير جديد
5624-cached.gif

و اختر ادا التحديد التالية
5625-cached.gif

و اعمل تحديد مثل هدا
5626-cached.gif

و اختر اداة الدلو
5627-cached.gif

و اختر اللون الاسود
5628-cached.gif

و املا به العمل ليصبح هكدا
5629-cached.gif

و اختر اداة الكتابة
5630-cached.gif

و اللون التالي
5631-cached.gif

و اكتب التالي
5632-cached.gif

اختر ادا الكتابة
5633-cached.gif

و اختر اللون التالي
5634-cached.gif

و اكتب عرضين كالتالي
5635-cached.gif

افتح لير جديد
5636-cached.gif

و اختر الاداة التالية
5637-cached.gif

و اعمل تحديدن مثل هدا
5638-cached.gif

و اعمل التالي edit >> stroke
5639-cached.gif

و اختر اللون التالي و القيمة 1px
5640-cached.gif

و هدا هو الناتج
5641-cached.gif

و اختر اداة الاشكال التالية
5642-cached.gif

و اختر اللون التالي
5643-cached.gif

و اعمل شكلين و ضعهم بهدا الشكل
5644-cached.gif

اختر اداة الكتابة
5645-cached.gif

و اختر اللون الابيض
5646-cached.gif

و اعمل خطين على شكل نقاط هكدا
5647-cached.gif

افتح لير جديد
5648-cached.gif

و اختر الاداة التالية
5649-cached.gif

و اعمل تحديد هكدا
5650-cached.gif

و اختر اداة الدلو
5651-cached.gif

و اختر اللون الابيض
5652-cached.gif

و املا به التحديد ليصبح هكدا
5653-cached.gif

و اعمل blending option
5654-cached.gif

و طبق التالي ...
5655-cached.gif

و هدا هو الناتج
5656-cached.gif

افتح لير جديد
5657-cached.gif

و اختر الاداة التالية
5658-cached.gif

و اعمل تحديد مثل هدا
5659-cached.gif

و اختر اداة الدلو
5651-cached.gif

و اللون التالي
5660-cached.gif

و طبق التالي edit >> stroke
5661-cached.gif

و اللون الابيض و القيمة 2px
5662-cached.gif

و هدا هو الناتج
5663-cached.gif

افتح لير جديد
5664-cached.gif

و اختر الاداة التالية
5665-cached.gif

و اعمل تحديد بهدا الشكل
5666-cached.gif

و اختر اداة الدلو
5651-cached.gif

و اختر اللون التالي
5667-cached.gif

و اعمل blending option
5547-cached.gif

و طبق التالي ..
5668-cached.gif

تم ...
5669-cached.gif

و هدا هو الناتج
5670-cached.gif

افتح لير جديد
5671-cached.gif

و اختر الادا التالية
5672-cached.gif

و اعمل تحديد بهدا الشكل
5673-cached.gif

و اختر اداة الدلو
5674-cached.gif

و اختر اللون التالي
5675-cached.gif

و املا به التحديد ليصبح هكدا
5676-cached.gif

اختر اداة الاشكال التالية
5677-cached.gif

و اختر اللون الاسود
5678-cached.gif

اعمل ثالاث اشكال بهدا الشكل
5679-cached.gif

اختر اداة الكتابة
5645-cached.gif

و اللون الابيض
5680-cached.gif

و قم بكتابة ما تريد على واجهتك و هدا هو الناتج النهائي الاحترافي


تحياتى
...................................