المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : أكاديمية المربد... ((الدرس الأول))...



روان أم المثنى
16/04/2009, 10:13 AM
http://img.auctiva.com/imgdata/5/2/0/5/6/4/webimg/129715451_o.png



أعضاء المربد الكرام

أسأل الله أن تكون بداية طيبة لنا جميعا

نبدأ بمشئية الرحمن بـ:

((الدرس الأول))

سوف نقوم بتصميم بسيط جدا وهو تصميم (واجهة موقع)

وهذا التصميم هو الأول وسيكون لدينا مثالان آخران غيره

لأن كثرة الأمثلة تنفعنا جميعا وتعطينا بعض التقنيات وتلهمنا المزيد من الأفكار


واجهتنا اليوم اخترنا لها اسما (موقع كتاب المربد)

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

وسوف تبدأ باختيار أبواب موقعك وعناوين صفحاته وتكتبها على ورقة كمخطط

عندئذ قد يخطر في بالك أن ترسم مثل هذا التخطيط في مخيلتك:

اضغط هنا لمشاهدة واجهتنا لهذا اليوم (http://islamic333.jeeran.com/merbad1.htm)


.........
...


الآن سنبدأ متوكلين على الله الخطوة الأولى

لقد قمنا معا بتحميل برنامج الفوتوشوب في أجهزتنا

وحين تفتح البرنامج ستشاهد شبيها لهذه الصورة



http://islamic333.jeeran.com/drs1_1.jpg



سنفتح الآن قائمة File لفتح ملف جديد لواجهتنا

http://islamic333.jeeran.com/drs1_2.jpg

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

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

http://islamic333.jeeran.com/drs1_3.jpg

http://islamic333.jeeran.com/drs1_4.jpg


http://islamic333.jeeran.com/drs1_5.jpg


http://islamic333.jeeran.com/drs1_6.jpg



هكذا سيبدو شكل صفحتك


http://islamic333.jeeran.com/drs1_7.jpg



http://islamic333.jeeran.com/drs1_8.jpg


http://islamic333.jeeran.com/drs1_9.jpg


إذا ضغطت على رمز اللون الأمامي والخلفي كما في الصورة أعلا سيظهر لك لوح التدرج لاختيار اللون المطلوب

هكذا..

http://islamic333.jeeran.com/drs1_10.jpg



....................

.......

روان أم المثنى
16/04/2009, 10:14 AM
http://islamic333.jeeran.com/drs1_11.jpg


http://islamic333.jeeran.com/drs1_12.jpg



http://islamic333.jeeran.com/drs1_13.jpg




http://islamic333.jeeran.com/drs1_14.jpg




http://islamic333.jeeran.com/drs1_15.jpg



http://islamic333.jeeran.com/drs1_16.jpg





http://islamic333.jeeran.com/drs1_17.jpg





http://islamic333.jeeran.com/drs1_18.jpg





http://islamic333.jeeran.com/drs1_19.jpg




سيتم إضافة صور بخلفيات شفافة إن شاء الله إلى موضوع التعليمات قريبا


http://islamic333.jeeran.com/drs1_20.jpg



ستعرف أن خلفية الصورة شفافة من خلال ظهور المربعات الرمادية خلفها كما في الصورة أعلاه


http://islamic333.jeeran.com/drs1_21.jpg




http://islamic333.jeeran.com/drs1_22.jpg



ستبدو بهذا الشكل


http://islamic333.jeeran.com/drs1_23.jpg

روان أم المثنى
16/04/2009, 10:15 AM
.............................

.............

http://islamic333.jeeran.com/drs1_24.jpg



عندئذ لا تنس تكبير النص واختيار لون له ووضع شعار موقعك أو اسمك مثلا..


http://islamic333.jeeran.com/drs1_25.jpg



http://islamic333.jeeran.com/drs1_26.jpg



http://islamic333.jeeran.com/drs1_27.jpg





http://islamic333.jeeran.com/drs1_28.jpg




http://islamic333.jeeran.com/drs1_29.jpg





http://islamic333.jeeran.com/drs1_30.jpg




كن دقيقا في الخطوة السابقة

http://islamic333.jeeran.com/drs1_31.jpg




...................
...........

روان أم المثنى
16/04/2009, 10:15 AM
الآن ننتقل إلى المرحلة الثانية من تصميم واجهتنا



http://islamic333.jeeran.com/drs2_1.jpg



http://islamic333.jeeran.com/drs2_2.jpg





http://islamic333.jeeran.com/drs2_3.jpg




من الأفضل اختيار ألوان فاتحة وقاتمة بمعنى أن يكون تدرجا لونيا للون أساسي واحد



http://islamic333.jeeran.com/drs2_4.jpg





http://islamic333.jeeran.com/drs2_5.jpg





اكتب العناوين من أداة T كما رأيت سابقا في الخطوة رقم 13



http://islamic333.jeeran.com/drs2_6.jpg




http://islamic333.jeeran.com/drs2_7.jpg



الآن انتهيت من تصميم الواجهة


قم بحفظ الصورة File >> Save


هكذا ستكون الصورة قابلة للتعديل في أي وقت


لكن لا تنس أن تحفظ منها نسخة لترينا عملك


قم بفتح قائمة File مرة أخرى ثم


Save As


هكذا..


http://islamic333.jeeran.com/drs2_9.jpg



هذه المرة ستختار النوع jpg - jpeg

وبعد.. أرجو أن يكون الدرس واضحا..


وفي انتظار أي استفسار


لكم جميعا مودتي

روان أم المثنى
16/04/2009, 10:26 AM
هذا الجزء محجوز للأخت الغالية رزان


لإضافة الأدوات المساعدة للدرس


..


سلسلة دروس تعلم الفوتوشوب خطوة خطوة (http://www.merbad.net/vb/showthread.php?t=13338)


(( الدرس الأول )) (http://www.merbad.net/vb/showthread.php?t=13338)

طارق شفيق حقي
16/04/2009, 03:16 PM
http://www.merbad.net/vb/attachment.php?attachmentid=595&stc=1&d=1239891258


هذه صورة الوظيفة
باعتبار أن البرنامج لدي لا يدعم اللغة العربية فكان الخلل الظاهر
عوضناه بالصور ريثما نحل مشكلة اللغة العربية

روان أم المثنى
16/04/2009, 04:41 PM
http://islamic333.jeeran.com/line_mm1.gif

الأستاذ الكريم

طـــارق

لم أجد تعريبا خارجيا لنسخة

فوتوشوب 11

portable Adobe Photoshop CS4 ME


لكنني وجدته معربا (مدمج التعريب)

وحجمه مناسب جدا 64 م ب فقط

http://islamic333.jeeran.com/hona_Z.GIF (http://ifile.it/tvq8kay)

أو

http://islamic333.jeeran.com/hona_Z.GIF (http://www.mediafire.com/?45hlni02yxt)

أو

http://islamic333.jeeran.com/hona_Z.GIF (http://www.zshare.net/download/5388732686f578e5/)


http://islamic333.jeeran.com/line_mm1.gif

يوسف أبوسالم
18/04/2009, 05:32 PM
الأخت روان

تم إنجاز الواجب

والصورة على حاسوبي

لكني لم أعرف كيف أنقلها هنا

هل من مساعدة

مع الشكر

يوسف أبوسالم
18/04/2009, 08:54 PM
روان أم المثنى
مساء الورد


الآن هذه هي صورة الدرس الأول


مع ملاحظة أنني أستعمل الفوتوشوب أول مرة بحياتي


فشكرا لك



http://islamic333.jeeran.com/y_di_2.jpg (http://up2.m5zn.com/9bjndthcm6y53q1w0kvpz47xgs82rf/2009/4/18/12/y9si77xcz.jpg)
فضلا.. اضغط على الصورة لرؤيتها مكبرة



..

روان أم المثنى
19/04/2009, 11:55 AM
http://islamic333.jeeran.com/line_mm1.gif

الأستاذ الشاعر القدير

يوسف أبوسالم


تصميم جميل حقا

ورغم أنها المحاولة الأولى لك

إلا أنها ممتازة واختيارك للألوان كان جميلا


أترقب من سيكون التالي

http://islamic333.jeeran.com/line_mm1.gif

يوسف أبوسالم
19/04/2009, 05:37 PM
http://islamic333.jeeran.com/line_mm1.gif


الأستاذ الشاعر القدير


يوسف أبوسالم



تصميم جميل حقا


ورغم أنها المحاولة الأولى لك


إلا أنها ممتازة واختيارك للألوان كان جميلا



أترقب من سيكون التالي



http://islamic333.jeeran.com/line_mm1.gif



كل الشكر

أخت روان

هذا بفضل جهودك الرائعة

وجهود الأخت المبدعة رزان

تحياتي لكما

يوسف أبوسالم
20/04/2009, 04:09 PM
روان أم المثنى
مساء الورد


لأن البرنامج استهواني
ربما لكوني معماريا
لذلك هذا تصميم جديد
كمحاولة جديدة
مع الشكر



http://islamic333.jeeran.com/y_di_1.jpg (http://up2.m5zn.com/photo/2009/4/20/07/9fa9oau6h.jpg/jpg)


فضلا.. اضغط على الصورة لرؤيتها مكبرة



..

بنت الشهباء
21/04/2009, 02:49 PM
http://islamic333.jeeran.com/sh_mm.jpg (http://islamic333.jeeran.com/sh2_mm.jpg)


فضلا.. اضغط على الصورة لرؤيتها مكبرة

بنت الشهباء
21/04/2009, 02:53 PM
هذا الواجب يا غاليتي روان ...
أعرف بأنني أمام الأخ يوسف الفنان ولا شيء وذلك بعد أن وجدت تصميمه الرائع ...

لكن لا عليك ياروان سأحاول أن يكون التصميم أجمل من هذا ، فاعذريني لأنني لأول مرة أستخدم برنامج الفوتوشب ..

بالإضافة إلى ضيق الوقت عندي

بنت الشهباء
21/04/2009, 10:07 PM
الغالية رزان
أعرف أنني مقصرّة بتوجيه الشكر والتقدير لجهودك مع الغالية روان

فاعذريني

وما أتمناه من الله ربي أن يزيدك من فضله وكرمه وعلمه أيتها الأديبة والفنانة البارعة

روان أم المثنى
23/04/2009, 09:30 AM
http://img411.imageshack.us/img411/8938/65020911181141528qg8.gif


الشاعر القدير


يوسف أبوسالم


من الجميل جدا أن يعجبك البرنامج


وأتمنى للجميع المتعة والإفادة


ومن الرائع أن يتحول الشاعر والكاتب والقاص


إلى مصمم بارع أيضا



http://img411.imageshack.us/img411/8938/65020911181141528qg8.gif



الغالية الحبيبة


بنت الشهباء


لا ينقص تصميمك غير العناوين الفرعية



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


وهذا سبب تأخر بعض أعضاء الأكاديمية


أعرف أن الكثير لديه مشاغل وظروف والتزامات


لذا نأمل أن يكون الأمر ممتعا أكثر من كونه درسا


لكم جميعا كل التقدير




http://img411.imageshack.us/img411/8938/65020911181141528qg8.gif

رزان
23/04/2009, 12:14 PM
الغالية رزان

أعرف أنني مقصرّة بتوجيه الشكر والتقدير لجهودك مع الغالية روان


فاعذريني



وما أتمناه من الله ربي أن يزيدك من فضله وكرمه وعلمه أيتها الأديبة والفنانة البارعة



http://www.sf7at.com/upload/uploads/images/sf7at.com901e9c48e3.gif


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

العزيزة الغالية

(( بنت الشهباء ))

لا عليك أختي الغالية ..

فليس هنالك أي داعٍ للاعتذار

بارك الله بكِ وأدامك بخير

تحياتي ،،


http://www.sf7at.com/upload/uploads/images/sf7at.com901e9c48e3.gif

رزان
23/04/2009, 12:23 PM
http://www.sf7at.com/upload/uploads/images/sf7at.com901e9c48e3.gif




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


العزيزة الغالية


(( روان أم المثنى ))


أعتذر جداً على هذا التأخير


تعلمين ما أمر به من مشاغل كثيرة


هذا تصميمي


أتمنى أن ينال إعجابك غاليتي

..


(( موقع كتاب المربد )) (http://www.sf7at.com/upload/uploads/images/sf7at.com6142ea613f.gif)




http://www.sf7at.com/upload/uploads/images/sf7at.com901e9c48e3.gif

روان أم المثنى
23/04/2009, 02:05 PM
http://img213.imageshack.us/img213/4852/divider30rn6ep8.gif

الغالية الحبيبة

رزان

تصميم في غاية الجمال والدقة

لك ذوق رفيع كما عهدتك

لك ودي


http://img213.imageshack.us/img213/4852/divider30rn6ep8.gif

طارق شفيق حقي
23/04/2009, 06:15 PM
أين هي بقية التصاميم؟؟

د.ألق الماضي
23/04/2009, 11:58 PM
عذرا على التأخير ؛ فمشاغلي كثيرة،،،:7_5_133[1


http://img142.imageshack.us/img142/2430/copytka.th.jpg (http://img142.imageshack.us/img142/2430/copytka.jpg)

...,

حنين الذكريات
24/04/2009, 11:20 AM
عذرا أحبتي ...هذا تصميمي المتواضع...


كل الشكر لحبيبتي روان ,,رزان ...:?:


ومودتي للبقية..:o


http://file13.9q9q.net/img/34349975/-----------1.jpg (http://file13.9q9q.net/preview/34349975/-----------1.jpg.html)


لكن لدي سؤال ...؟؟؟

كيف أنزل صورتي بشكل أكبر من هذا؟؟!!

روان أم المثنى
24/04/2009, 11:48 AM
http://img299.imageshack.us/img299/2896/bubblesbar2mommysdi0.gif

الغالية الأنيقة

د. ألـــق

تصميم بديع جدا

كنت أعلم أن مثل هذه الألوان البهية المبهجة

لا تخرج إلا من سيدة راقية مثلك

أعجبني التصميم جدا



http://img299.imageshack.us/img299/2896/bubblesbar2mommysdi0.gif

الرقيقة العذبة

حنــــين

تصميم ممتلئ رومانسية ورقة

جميل أيضا أنك استخدمت style في البنر

أتمنى لك التوفيق الدائم مصممتنا الغالية

لكم ودي


http://img299.imageshack.us/img299/2896/bubblesbar2mommysdi0.gif