|
[درس] تصميـم موقِـع إحترافـي كـامِل (الجزء الثالث والأخير: المحتوى ) حَصريـاً لترايدنت .. } بـسم الله الرحمـن الرحيم ، هذا الجُزء هُوَ الثـالث والأخيـر في درس تصميـم موقِـع إحتـرافي .. بَعد الأجزاء السـابقة :
الشـَرح حصـري لمعهَد ترايدنت .. وهذه هي النتـيجة النِهـائية لدَرس اليَوم http://des-max.net/upload//uploads/i...37bac92fbf.png تـابعوا معَـنـا .. نحدد مستطيل بإستخـدام هذه الأداةhttp://des-max.net/upload//uploads/i...a086728b58.png كمـا في الصورة http://des-max.net/upload//uploads/i...82868f1810.png نقوم بإزالة هذا المربّع الصغير من الجزء اللي حددناه عن طريـق Alt + تحديد ليصـبح الشكل هكذا http://des-max.net/upload//uploads/i...55cfd05226.png نقوم بتطبيق Select>Modify>Smooth بهذه القِيَم .. http://des-max.net/upload//uploads/i...69de8ac7bf.png نملء الجزء المحدد باللون الأحمـر الداكِن ونطبّق إعدادات الـ Blending Options كَمـا بالصُوَر .. http://des-max.net/upload//uploads/i...20f71a3448.png http://des-max.net/upload//uploads/i...90d575bbbc.png وهذه هي النتيجـة .. http://des-max.net/upload//uploads/i...d8aed7b767.png والآن نحدد هذا الشَكل .. ونملؤه باللون الأسود .. http://des-max.net/upload//uploads/i...4be00472b4.png نقوم بتدويره(Rotate) عن طريق الضغط على Ctrl+T والتحريك من الأطراف .. http://des-max.net/upload//uploads/i...8118a93e10.png نحذف الجزء الـزائد من اليمين ونطبّق Filter>Blur>Gaussian Blur بالقِيمة المُنـاسِبة وهذه النتيجـة .. http://des-max.net/upload//uploads/i...d8658a21e0.png نكرر ما فعلنـاه في الجـانب الأيسَر ويصبح الشَكل هكذا http://des-max.net/upload//uploads/i...695f6e1d3e.png نقوم الآن برسم مكـان الصورة الشخصية .. http://des-max.net/upload//uploads/i...e120dfc946.png نملؤه بالأحمر الداكِن ونطبّق ها الإعدادات http://des-max.net/upload//uploads/i...719c537ed7.png http://des-max.net/upload//uploads/i...0fc863151d.png http://des-max.net/upload//uploads/i...8a260cd750.png http://des-max.net/upload//uploads/i...d9427b5b79.png ونقوم الآن بتحديد الشَكل عن طريق الضغط عليه في قائمة الطبقـات (Layers) مع الضغط على Ctrl .. http://des-max.net/upload//uploads/i...88b698801c.png بإمكـاننا إضـافة شكل جمالي ( الإطـار المنقّط ) والآن نرسم مستطيل أبيـض بنفس الشَكل .. http://des-max.net/upload//uploads/i...e5221b01c3.png ونخفف ظهوره إلى أقـل من 30% ليعطي تأثير 3D .. والآن نرسم مستطيل .. http://des-max.net/upload//uploads/i...4bd6bef7ff.png ونضعه في مكـانه ونطبّق عليه نفس خصائص الـ Blending Options تبع المحتوى .. ليصـبح شكله هكذا http://des-max.net/upload//uploads/i...13c3140c66.png بَعد إضـافة بعض النجومhttp://des-max.net/upload//uploads/i...fd73a51a3b.gif والكلام يصبح الشكل هكذا .. http://des-max.net/upload//uploads/i...b59895cde7.png والآن إنتهينـا من المحتوى وبقي لنـا الفوتر .. طبعـاً أنـا مع الرأي الذي يقول ببسـاطة الفوتر على قَدر الإمكـان .. حتى أنّي في بعض التـصاميم أقوم بإلغاء الفوتر وأكتفي بوضع الحقوق كتكست بسيط .. نرسم هذا الشَكل باللون الأحمَر الداكِن .. http://des-max.net/upload//uploads/i...b3ee5e067a.png نحدد هذا الشكل ونملؤه باللون الأبيض .. http://des-max.net/upload//uploads/i...a5f6e7c5d3.png نخفف ظهوره إلى أقل من 30% ونضع شعـار الموقع ليصبح الشكل .. http://des-max.net/upload//uploads/i...b69eef073c.png نرسم مستطيل أبيض http://des-max.net/upload//uploads/i...1e860031a3.png نطبّق Filter>Blur>Motion Blur بقيمـة مُنـاسِبة .. ونزيل الزيادات http://des-max.net/upload//uploads/i...586e3f0333.png والآن إنتهيـنا بحمد الله وفضله .. وهذه النتيجة النِهـائية للواجهة كَكُل .. http://des-max.net/upload//uploads/i...37bac92fbf.png الدَرس مُقدّم مِن Ahmedesign حصـريـاً لمعهَد ترايدنت التطويري ويُسمَح بالنقـل بشرط ذكر المَصدر .. ومـا كَـان مِن توفيقٍ فَمِن الله وحده ، ومـا كـان مِن خطأٍ أو سهوٍ أو نسـيان فمنّي ومِن الشَيطان .. بإنتـظار تطبيقـاتكُم ، أخوكُم // ميدو .. والسَلامُ عَليكُم .. |
| الساعة الآن 04:51 AM |
Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.5.2 TranZ By
Almuhajir