تصميم واجهة interface وسائل النقل

[salima]

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

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


http://i300.photobucket.com/albums/nn34/alarabkooora/1-17.png

افتح عمل جديد ب file >> new

http://i300.photobucket.com/albums/nn34/alarabkooora/2-17.png

و اختر المقاسات التالي : 766 طول و 800 عرض

http://i300.photobucket.com/albums/nn34/alarabkooora/1-30.png

و املاء خلفية العمل بهدا اللون .

http://i300.photobucket.com/albums/nn34/alarabkooora/2-30.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/3-26.png

و التدرج التالي ..

http://i300.photobucket.com/albums/nn34/alarabkooora/4-26.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/5-25.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/6-24.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/7-25.png




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

http://i300.photobucket.com/albums/nn34/alarabkooora/8-25.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/9-25.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/10-25.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/11-25.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/12-26.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/13-25.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/14-24.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/15-24.png

و اختر اللون الابيض ..

http://i300.photobucket.com/albums/nn34/alarabkooora/16-24.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/17-24.png

اعمل Blending option

http://i300.photobucket.com/albums/nn34/alarabkooora/18-24.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/19-23.png

تم ..

http://i300.photobucket.com/albums/nn34/alarabkooora/20-22.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/21-22.png

الان اضفت تسكتر بسيط الى ناف بار الموقع و غير المود الى soft light و هدا هو الناتج ..

http://i300.photobucket.com/albums/nn34/alarabkooora/22-19.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/23-14.png

و التدرج التالي ..

http://i300.photobucket.com/albums/nn34/alarabkooora/24-13.png

و اعمل تدرج على الناف بار بهدا الشكل .. مع تخفيض الاوباسيتي ..

http://i300.photobucket.com/albums/nn34/alarabkooora/25-12.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/26-11.png

المرة الاولى اختر اللون الابيض و اعمل الخطوط

http://i300.photobucket.com/albums/nn34/alarabkooora/27-9.png


المرة الثانية اختر اللون الاسود و اعمل الخطوط


http://i300.photobucket.com/albums/nn34/alarabkooora/28-8.png

و اعمل خطوط بهدا الشكل مع تغيرر المود الى soft light

http://i300.photobucket.com/albums/nn34/alarabkooora/29-7.png
.
الان اضف صور وسائل نقل الى اوجهة و وضعها بالعمل بهدا الشكل ..

http://i300.photobucket.com/albums/nn34/alarabkooora/30-6.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/31-6.png

اختر اللون التالي .. في المرة الاولى ..

http://i300.photobucket.com/albums/nn34/alarabkooora/32-6.png


اختر اللون التالي .. في المرة الثانية ..


http://i300.photobucket.com/albums/nn34/alarabkooora/33-5.png

و وزع الاشكال بهدا الشكل ..

http://i300.photobucket.com/albums/nn34/alarabkooora/34-3.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/35-4.png


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

http://i300.photobucket.com/albums/nn34/alarabkooora/36-2.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/37-2.png

اعمل blending option

http://i300.photobucket.com/albums/nn34/alarabkooora/38-2.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/39-2.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/40-2.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/41-2.png

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

http://i300.photobucket.com/albums/nn34/alarabkooora/42-2.png

الان اضف صور الى الواجهة interface و ضعها بهدا الشكل ..

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

http://i300.photobucket.com/albums/nn34/alarabkooora/43-2.png



الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif وسائل نقل.zip (http://www.traidnt.net/vb/attachments/644418d1337624880-وسائل-نقل.zip) (1.57 ميقابايت, عدد مرات المشاهدة 3 مرة)


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