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

[gana]

السلام عليكم ورحمة الله تعالى وبركاته</STRONG>
أهلا بجميع زوار المنتدى

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




بسم الله نبدا الشرح

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

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/kk328/MNcrazy/1-4.png

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

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

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

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

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

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

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

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

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

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

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

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

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

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

اعمل bLENDING OPTION

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

و اعمل bLENDING OPTION

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

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

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

تم ..

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

تم ..

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

[V.I.P]

http://img210.imageshack.us/img210/2873/all.gif (http://img210.imageshack.us/my.php?image=all.gif)

[عمرالبدري]

اين الموصوع

[sar]

جميل

[sar]

تم تطبيق الشرح شكرا

[جمال]

good

[مى عارف]

رائع

[sar]

Thank you so much gana