تعلم كيف تصمم موقع الدرس الاول

[الشجاع]

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

أخواني الاعزاء هذا الدرس وصل لي عن طريق الأيميل وحبيت أنقله لكم عشان تستفيدون منه



بسم الله نبداً





بداية الدرس:



1- فتح برنامج الفوتوشوب ثم فتح عمل جديد بالمقاسات المطلوبه...شاهد الصوره

http://www.traidnt.net/up//traidnt/temp1.jpg



2-نقوم بانشاء طبقه جديده ثم نرسم مستطيل كم بالصور

http://www.traidnt.net/up//traidnt/temp2.jpg



3-نقوم بتعبئة المستطيل باللون الي تبي وانا اخترت كما بالصوره

http://www.traidnt.net/up//traidnt/temp3.jpg



4- نقوم الان بعمل التأثير التدرجي اللوني للمستطيل

http://www.traidnt.net/up//traidnt/temp4.jpg



5-نقوم الان بعمل حد للمستطيل الذي سويناه

http://www.traidnt.net/up//traidnt/temp5.jpg



6-الحين نقوم بانشاء طبقه جديده ونرسم مستطيل البنر كما بالصوره

http://www.traidnt.net/up//traidnt/temp6.jpg



7-ثم نقوم بنعبئة مستطيل البنر باللون المتدرج كما بالصوره

http://www.traidnt.net/up//traidnt/temp7.jpg



8-شاهد نتيجة عملنا السابق....

نقوم بعمل نسخه اخرى من المستطيل الاول الرمادي وهو الحد العلوي للبنر

http://www.traidnt.net/up//traidnt/temp8.jpg



9-نعمل نسخه اخرى من المستطيل الاول كما ذكرنا ..بالضغط بزر الماوس اليمين

على الطبقه...كما بالصوره

http://www.traidnt.net/up//traidnt/temp9.jpg



10- الان يكون عندنا نسخه من الحد العلوي

http://www.traidnt.net/up//traidnt/temp10.jpg





11-نقوم الان بسحب الحد اللي سوينا له نسخه الى اسفل البنر

عشان يكون حد ثاني للبنر

http://www.traidnt.net/up//traidnt/temp11.jpg





12-هذه عملية السحب والصوره توضح

http://www.traidnt.net/up//traidnt/temp12.jpg





13- فيكون عندنا هذا الشكل بعد كل الخطوات التي عملناها

http://www.traidnt.net/up//traidnt/temp13.jpg
(http://groups.yahoo.com/group/elmalahnet1)










يتبقى الان :

الازرار - ومربعات المحتويات - والمؤثرات الجماليه (الباترن - الكونتراكت - والسموث..وغيرها) ...........قريبا





يتبع الدرس الثاني...

[المـ جدة صمم]

يعطيك العافية اخوي الشجاع على المبادرة الحلوة منك
وبانتظار الدرس الثاني

[الشجاع]

هلا بالمصمم
إن شاء الله تشوف الدرس الثاني عما قريب

تحيااااتي لك

[عابده لله]

صباحك خير وبركة أخي الشجاع ..

وسلَم الله يمينك ..
بداية طيبة ..
ودرس هام ..

جزاك الله خير ..
وبارك فيك..


:)


عابده

[chance]

هذا اللي نبيه من زمان :254:

دروس بالدرر:181:

يسلمووو اخي الشجاع
انتظر الدرس الثاني ..
مو تتأخر ....!!!!!:245:

تحياتي لك

[الشجاع]

هلا بالغاليه عابده
إن شاء الله تكوني استفدتي من الدرس

مشكوووره على مرورك

[الشجاع]

هلا بـ chance
إن شاء الله خلال هذا الاسبوع بيتم تنزيل الدرس الثاني
مشكوووره على مرورك


تحياااااتي لك

[الشجاع]

السلام عليكم

اخواني:
هذا الدرس تكملة درس تصميم موقع كامل من الألف الى الياء


14- الان نقوم بعملية مؤثر الباترن وتعبئة البنر..كما بالصوره
http://www.traidnt.net/up//traidnt/temp14.jpg (http://groups.yahoo.com/group/elmalahnet1)

15-نقوم بانشاء صندوق محتويات لروابط او ازرار او نصوص
http://www.traidnt.net/up//traidnt/temp15.jpg (http://groups.yahoo.com/group/elmalahnet1)

16-الان نرسم رأس الصندوق كما بالصوره
http://www.traidnt.net/up//traidnt/temp16.jpg (http://groups.yahoo.com/group/elmalahnet1)

17-تكملة تصميم رأس الصندوق
http://www.traidnt.net/up//traidnt/temp17.jpg (http://groups.yahoo.com/group/elmalahnet1)


18-الان نقوم بنسخ نفس مؤثرات اللي سويناها على احد الحدين..كما بالصوره
http://www.traidnt.net/up//traidnt/temp18.jpg (http://groups.yahoo.com/group/elmalahnet1)


19-الان ننشئ طبقه لنرسم عليها مستطيل في الجزء اليمين لرأس الصندوق..كما بالصوره
http://www.traidnt.net/up//traidnt/temp19.jpg (http://groups.yahoo.com/group/elmalahnet1)


20-فينتج لنا هذا الشكل كما بالصوره
http://www.traidnt.net/up//traidnt/temp20.jpg (http://groups.yahoo.com/group/elmalahnet1)


21- نقوم بتعبئته باللون اللي يناسبك وانا اخترت البني القريب من البنر
http://www.traidnt.net/up//traidnt/temp21.jpg (http://groups.yahoo.com/group/elmalahnet1)


22- نقوم الان بعمل مؤثرات على الرسم اللي رسمنا...كما بالصوره
http://www.traidnt.net/up//traidnt/temp22.jpg (http://groups.yahoo.com/group/elmalahnet1)

23-الان نقوم بعمل كما بالصوره
http://www.traidnt.net/up//traidnt/temp23.jpg (http://groups.yahoo.com/group/elmalahnet1)




ارجوا انكم استفدتوا


منقوووول من الأيميل :134:

[رحاب]

هلا اخوي الشجاع
الله يسعدك يااارب
تعبت وانا اطلب احد يعلمني التصميم تبع المواقع
بس اليوم حجرب طريقتك وجزاك الله خير

[Nooosa]

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

شُكرًا أخي الشجاع
وجزاك الله خيرًا ..
طرح جميل في درة جميلة جدًّا
.
.

** على الهامش
لماذا تصمم موقع :) ؟

[الشجاع]

هلا بالغاليه رحــاب
إن شاء الله تستفيدي من الدرس
مشكوووره على مرورك

[الشجاع]

هلا بنوووسا

أول شيئ مشكوووره على مرورك

بس سؤالك مرره محرج :206:

تحياااتي لك

[ناصر الأحمد]

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

يعطيك العافية على النقل

بس معليش الموضوع ناقص شويات اذا كان تصميم موقع
لكن حلو كبدايه لتصميم الستايلات او قوالب المواقع

وبعد اذنك بشارك معاك للي حاب يكمله مستعد اواصل معاه باقي الخطوات

ودمت بخير




وبعد اذنك شوي بتطاق مع رحاب :158:



هلا اخوي الشجاع
الله يسعدك يااارب
تعبت وانا اطلب احد يعلمني التصميم تبع المواقع
بس اليوم حجرب طريقتك وجزاك الله خير


رحاب :233:

دروت على اي موضوع تطلبي فيه طلب مثل كذا ماحصلت |549|

وذا كان موجود ولا نفذنا طلبك اعتبر نفسي مقصر في حقك واعتذر وانفذ لك طلبك
وذا كان موموجود :263: الله يعينك فيه تحقيق ورفع قضيه :225:
والمطالبه بحق الفيتو<<<<<<<<< هذا كاني عرفت وشو اصلا


تحياتووو

[رحاب]

هلا ناصر
ليه ياخوي مقفل الخاص......ناوية ترسل بدل الفضايح قدام الخلق:$
المهم أول شئ بعتذر منك
فعلا ياجماعة ناصر رغم حوسته لكن مايقصر ابد ابد يفزع على طول للواحد ويخدمه عسى ربي يحميه
بس انا طلبت من شخصين .......ماجبت سيرتك ياهمس ولا ملك:129:
وكل مرة يوعدوا وينشغلوا
وغلطت إني نسيت راعي الفزعات والحوسات ناصر(شكلي حابة أشرد من الحوسة:$ )


وعاد طالما انت موجود الان فأنا ابغى فعلا شرح مبسط لتصميم واجهة مواقع(عينها قوية البنت:206: )

ودمت بخير
شعار رحاب الجديد(لاتحوس ولاتحتاس عند ناصر كل الحوسات):201:

[النسر الابيض]

|326|





الله يعينك ياناصر ماادري تعلمني والا تعلم رحاب

[hadeel]

يعطيك العافية على شغلك الموضح


تسلم اخوي