تصميم واجهة interfaceموقع سنمائي احترافية

السلام عليكم ورحمة الله تعالى وبركاته

اقتباس
رسالة ادارية

درس مفصل تصميم واجهة interface موقع سينمائي - :: Traidnt.Net ::

أهلا بجميع زوار المنتدى forum

اليوم اقدم لكم درس مفصل تصميم واجهة interfaceموقع سنمائي احترافية ..
و اكيد سوف ينال اعجابكم ان شاء الله
ان شاء الله فقط يكون الشرح طريقة في المستوى و ينال اعجابكم

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

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

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

و افتح عميل جديد

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

و اختر المقاسات التالي .. 766 طول و 750 ..

http://i308.photobucket.com/albums/k...Ncrazy/1-4.png

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

http://i308.photobucket.com/albums/k...Ncrazy/2-4.png

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

http://i308.photobucket.com/albums/k...Ncrazy/3-4.png

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

http://i308.photobucket.com/albums/k...Ncrazy/4-4.png

و اسحبها بهدا الشكل ..

http://i308.photobucket.com/albums/k...Ncrazy/5-4.png

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

http://i308.photobucket.com/albums/k...Ncrazy/6-4.png

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

http://i308.photobucket.com/albums/k...Ncrazy/7-4.png

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

http://i308.photobucket.com/albums/k...Ncrazy/8-4.png

اعمل bLENDING OPTION

http://i308.photobucket.com/albums/k...Ncrazy/9-4.png

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

http://i308.photobucket.com/albums/k...crazy/10-4.png

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

http://i308.photobucket.com/albums/k...crazy/11-4.png

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

http://i308.photobucket.com/albums/k...crazy/12-4.png

و ارسم خط بسيط بهدا اللون ..

http://i308.photobucket.com/albums/k...crazy/13-4.png

ارسم مرة اخرى خط بجانب الخط الاول بهدا الشكل ..

http://i308.photobucket.com/albums/k...crazy/14-4.png

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

http://i308.photobucket.com/albums/k...crazy/15-4.png

غير المود الى SOFT LIGHT و خفف من الفايل الى 50 ..

http://i308.photobucket.com/albums/k...crazy/16-4.png

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

http://i308.photobucket.com/albums/k...crazy/17-4.png

الان قم باضافة تكستر زخارف بسيط مثل هدا ..

http://i308.photobucket.com/albums/k...crazy/19-4.png

الان احظر صور سينما و ينكك البحث عليها في GOOGLE و حاول دمجها بالهدير بهدا الشكل ..

http://i308.photobucket.com/albums/k...crazy/20-4.png

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

http://i308.photobucket.com/albums/k...crazy/21-4.png

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

http://i308.photobucket.com/albums/k...crazy/22-4.png

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

http://i308.photobucket.com/albums/k...crazy/23-3.png

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

http://i308.photobucket.com/albums/k...crazy/24-4.png

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

http://i308.photobucket.com/albums/k...crazy/25-4.png

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

http://i308.photobucket.com/albums/k...crazy/26-4.png

و اعمل bLENDING OPTION

http://i308.photobucket.com/albums/k...crazy/27-4.png

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

http://i308.photobucket.com/albums/k...crazy/28-4.png

تم ..

http://i308.photobucket.com/albums/k...crazy/29-3.png

تم ..

http://i308.photobucket.com/albums/k...crazy/30-3.png

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

http://i308.photobucket.com/albums/k...crazy/31-3.png

الان اضف تكستر بسيط مثل السابق على الجهة اليمنى بهدا الشكل ..

http://i308.photobucket.com/albums/k...crazy/32-3.png

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

http://i308.photobucket.com/albums/k...crazy/33-3.png

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

http://i308.photobucket.com/albums/k...crazy/34-3.png

و اعمل قائمة ازرار بهدا الشكل مع التخفيض قليلا في الاوباسيتي ..

http://i308.photobucket.com/albums/k...crazy/35-3.png

الان اضف صور للواجهة interface لتزيد من جمالتيها و ارتك لكم الخاير مفتوح في الاختيار ..

http://i308.photobucket.com/albums/k...crazy/36-3.png

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

http://i308.photobucket.com/albums/k...crazy/37-3.png

و اكتب ما تريده على واجهتك

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

http://i308.photobucket.com/albums/k...crazy/38-3.png

هكذا أحبائي أكون قد انتهيت من الدرس مفصل
أتمنى أن يكون الشرح طريقة قد أفادكم ،،
و نال إعجابكم و رضاكم
و إلى اللقاء مع درس مفصل آخر بحول الله ...



مع تحياتــــــــــ

الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/zip.gif الصور -traidnt.net.zip (1.28 ميقابايت, عدد مرات المشاهدة 3 مرة) [/TR]
[TR]
http://www.traidnt.net/vb/images/attach/zip.gif الصور 2.zip (2.92 ميقابايت, عدد مرات المشاهدة 3 مرة) [/TR]


https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©