تصميم واجهة interface إستضافة إحترافية

[Chakira]

بسم الله نبدا الشرح طريقة

اولا عليك فتح برنامج الفوتوشوب

و افتح عميل جديد و اختر المقاسات التالي : 775 عرض و 800 طول

http://i308.photobucket.com/albums/kk328/MNcrazy/1-9.png

و هدا هو العمل ..

http://i308.photobucket.com/albums/kk328/MNcrazy/2-9.png

و اختر اداة التدرج التالي :

http://www8.0zz0.com/2014/07/13/14/151770299.png

و الاعدادات التالي :

http://i308.photobucket.com/albums/kk328/MNcrazy/4-9.png

و اسحب التدرج بهدا الشكل ..

http://i308.photobucket.com/albums/kk328/MNcrazy/5-9.png

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

http://i308.photobucket.com/albums/kk328/MNcrazy/6-9.png

غير المود الى soft light

http://i308.photobucket.com/albums/kk328/MNcrazy/7-9.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/8-9.png

اختر الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/9-9.png

و اللون الابيض ..

http://i308.photobucket.com/albums/kk328/MNcrazy/10-9.png

و اعمل شكل في الاعلى مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/11-9.png

اختر الداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/12-9.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/13-9.png

و اعمل شكل تحت الشكل الاوال هكدا .

http://i308.photobucket.com/albums/kk328/MNcrazy/14-9.png

اختر اداة القلم التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/15-9.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/16-9.png

و اعمل بارتن بهدا الشكل ..

http://i308.photobucket.com/albums/kk328/MNcrazy/17-9.png

غير المود الى soft light

http://i308.photobucket.com/albums/kk328/MNcrazy/18-9.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/19-9.png

اختر اداة البن تول التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/20-9.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/21-9.png

و اعمل شكل مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/22-9.png

اختر الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/23-8.png

و اللون الابيض ..

http://i308.photobucket.com/albums/kk328/MNcrazy/24-9.png

و اعمل قائمة بهدا الاشكل ..

http://i308.photobucket.com/albums/kk328/MNcrazy/25-8.png

اختر الان الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/26-8.png

و الاعدادات التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/27-8.png

و اعمل دائرة بهدا الشكل ..

http://i308.photobucket.com/albums/kk328/MNcrazy/28-8.png

اعمل Blending option

http://i308.photobucket.com/albums/kk328/MNcrazy/29-7.png

و طبق التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/30-7.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/31-7.png

اختر الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/32-6.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/33-6.png

و اعمل شكل مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/34-6.png

غير المود الى multiply ..

http://i308.photobucket.com/albums/kk328/MNcrazy/35-6.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/36-5.png

اضف الان صورة لجهاز سيرفر SERVER و ضعه بهدا الشكل ،،

http://i308.photobucket.com/albums/kk328/MNcrazy/37-5.png

اختر اداة البن تول التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/38-5.png

و اللون الابيض ..

http://i308.photobucket.com/albums/kk328/MNcrazy/39-4.png

و اعمل شكل مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/40-4.png

اعمل له blending option

http://i308.photobucket.com/albums/kk328/MNcrazy/41-4.png

و طبق التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/42-4.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/43-3.png

اختر مرة اخرى نفس الاداة ..

http://i308.photobucket.com/albums/kk328/MNcrazy/45-2.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/46-1.png

و اعمل انحناءات بهدا الشكل ..

http://i308.photobucket.com/albums/kk328/MNcrazy/47-1.png

اختر الان الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/48-1.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/49-1.png

و اعمل اشكال هكدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/50-1.png

اختر الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/51-1.png

بالاعدادات التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/52-1.png

و اعمل شكل مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/53-1.png




اختر نفس الاداة ..

http://i308.photobucket.com/albums/kk328/MNcrazy/54-1.png

و الاعدادات التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/55-1.png

و اعمل شكل مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/56-1.png

اختر نفس الاداة ..

http://i308.photobucket.com/albums/kk328/MNcrazy/57-1.png

بالاعدادات التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/58-1.png

و اعمل شكل مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/59.png

اختر نفس الاداة ..

http://i308.photobucket.com/albums/kk328/MNcrazy/60.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/61.png

و اعمل شكل في الاعلى هكدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/62.png

اختر اداة الكتابة ..

http://i308.photobucket.com/albums/kk328/MNcrazy/63.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/64.png

و اعمل نقاط على شكل تحديدات كالتالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/65.png

اختر اداة الاشكال التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/66.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/67.png

و اعمل توزيع للاشكال مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/68.png

اختر الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/69.png

و اللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/70.png

و اعمل 3 اشكال هكدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/71.png

اعمل Blending option

http://i308.photobucket.com/albums/kk328/MNcrazy/72.png

و طبق التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/73.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/74.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/75.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/76.png

اعمل Blendign option للشكل الثاني ..

http://i308.photobucket.com/albums/kk328/MNcrazy/77.png

و طبق التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/78.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/79.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/80.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/81.png

اعمل blending option

http://i308.photobucket.com/albums/kk328/MNcrazy/82.png

و طبق التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/83.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/84.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/85.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/86.png

اختر اداة الاشكال التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/87.png

و باللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/88.png

و اعمل 3 اشكال للشراء هدا الشكل ..

http://i308.photobucket.com/albums/kk328/MNcrazy/89.png

غير المود الى soft light ..

http://i308.photobucket.com/albums/kk328/MNcrazy/90.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/91.png

الان قم باضافة لوغو للواجهة interface بهدا الشكل ( يمكنك تجميل هدا اللوغو من دورتي السابقة لللشعارات )

http://i308.photobucket.com/albums/kk328/MNcrazy/92.png

اختر الان الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/93.png

و اللون التالي

http://i308.photobucket.com/albums/kk328/MNcrazy/94.png

و اعمل 3 اشكال هكدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/95.png

اعمل Blending option للشكل الاول ..

http://i308.photobucket.com/albums/kk328/MNcrazy/96.png

و طبق التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/97.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/98.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/99.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/100.png

اعمل Bleending option للشكل الثاني ..

http://i308.photobucket.com/albums/kk328/MNcrazy/101.png

و طبق التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/102.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/103.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/104.png

و هدا هو الناتج ،،،

http://i308.photobucket.com/albums/kk328/MNcrazy/105.png

اعمل blending option للشكل الثالث ..

http://i308.photobucket.com/albums/kk328/MNcrazy/106.png

و طبق التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/107.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/108.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/109.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/110.png

اختر الاداة التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/111.png

باللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/112.png

و اعمل شكل مثل هدا ..

http://i308.photobucket.com/albums/kk328/MNcrazy/113.png

اعمل له Blending option

http://i308.photobucket.com/albums/kk328/MNcrazy/114.png

و طبق التالي..

http://i308.photobucket.com/albums/kk328/MNcrazy/115.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/116.png

تم ..

http://i308.photobucket.com/albums/kk328/MNcrazy/117.png

و هدا هو الناتج ..

http://i308.photobucket.com/albums/kk328/MNcrazy/118.png

كرر دلك الشكل عدة مرات بهدا الشكل ..

http://i308.photobucket.com/albums/kk328/MNcrazy/119.png

الان اختر اداة الاشكال التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/120.png

و باللون التالي ..

http://i308.photobucket.com/albums/kk328/MNcrazy/121.png

و اعمل اشكال مثل هده ..

http://i308.photobucket.com/albums/kk328/MNcrazy/122.png

ناتي الى المرحلة الاخيرة و هي الكتابة على الواجهة interface ..

اختر اداة الكتابة التالي ،، و اكتب ما تريده على الواجهة interface

http://i308.photobucket.com/albums/kk328/MNcrazy/123.png

و هدا هو الناتج النهائي و االمميز ،،

http://i308.photobucket.com/albums/kk328/MNcrazy/124.png




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