مشاهدة النسخة كاملة : أكاديمية المربد... ((الدرس الأول))...
روان أم المثنى
16/04/2009, 09: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, 09: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, 09: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, 09: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, 09:26 AM
هذا الجزء محجوز للأخت الغالية رزان
لإضافة الأدوات المساعدة للدرس
..
سلسلة دروس تعلم الفوتوشوب خطوة خطوة (http://www.merbad.net/vb/showthread.php?t=13338)
(( الدرس الأول )) (http://www.merbad.net/vb/showthread.php?t=13338)
طارق شفيق حقي
16/04/2009, 02:16 PM
http://www.merbad.net/vb/attachment.php?attachmentid=595&stc=1&d=1239891258
هذه صورة الوظيفة
باعتبار أن البرنامج لدي لا يدعم اللغة العربية فكان الخلل الظاهر
عوضناه بالصور ريثما نحل مشكلة اللغة العربية
روان أم المثنى
16/04/2009, 03: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, 04:32 PM
الأخت روان
تم إنجاز الواجب
والصورة على حاسوبي
لكني لم أعرف كيف أنقلها هنا
هل من مساعدة
مع الشكر
يوسف أبوسالم
18/04/2009, 07:54 PM
روان أم المثنى
مساء الورد
الآن هذه هي صورة الدرس الأول
مع ملاحظة أنني أستعمل الفوتوشوب أول مرة بحياتي
فشكرا لك
http://islamic333.jeeran.com/y_di_2.jpg (http://up2.m5zn.com/9bjndthcm6y53q1w0kvpz47xgs82rf/2009/4/18/12/y9si77xcz.jpg)
فضلا.. اضغط على الصورة لرؤيتها مكبرة
..
روان أم المثنى
19/04/2009, 10:55 AM
http://islamic333.jeeran.com/line_mm1.gif
الأستاذ الشاعر القدير
يوسف أبوسالم
تصميم جميل حقا
ورغم أنها المحاولة الأولى لك
إلا أنها ممتازة واختيارك للألوان كان جميلا
أترقب من سيكون التالي
http://islamic333.jeeran.com/line_mm1.gif
يوسف أبوسالم
19/04/2009, 04:37 PM
http://islamic333.jeeran.com/line_mm1.gif
الأستاذ الشاعر القدير
يوسف أبوسالم
تصميم جميل حقا
ورغم أنها المحاولة الأولى لك
إلا أنها ممتازة واختيارك للألوان كان جميلا
أترقب من سيكون التالي
http://islamic333.jeeran.com/line_mm1.gif
كل الشكر
أخت روان
هذا بفضل جهودك الرائعة
وجهود الأخت المبدعة رزان
تحياتي لكما
يوسف أبوسالم
20/04/2009, 03: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, 01:49 PM
http://islamic333.jeeran.com/sh_mm.jpg (http://islamic333.jeeran.com/sh2_mm.jpg)
فضلا.. اضغط على الصورة لرؤيتها مكبرة
بنت الشهباء
21/04/2009, 01:53 PM
هذا الواجب يا غاليتي روان ...
أعرف بأنني أمام الأخ يوسف الفنان ولا شيء وذلك بعد أن وجدت تصميمه الرائع ...
لكن لا عليك ياروان سأحاول أن يكون التصميم أجمل من هذا ، فاعذريني لأنني لأول مرة أستخدم برنامج الفوتوشب ..
بالإضافة إلى ضيق الوقت عندي
بنت الشهباء
21/04/2009, 09:07 PM
الغالية رزان
أعرف أنني مقصرّة بتوجيه الشكر والتقدير لجهودك مع الغالية روان
فاعذريني
وما أتمناه من الله ربي أن يزيدك من فضله وكرمه وعلمه أيتها الأديبة والفنانة البارعة
روان أم المثنى
23/04/2009, 08: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
الغالية رزان
أعرف أنني مقصرّة بتوجيه الشكر والتقدير لجهودك مع الغالية روان
فاعذريني
وما أتمناه من الله ربي أن يزيدك من فضله وكرمه وعلمه أيتها الأديبة والفنانة البارعة
http://www.sf7at.com/upload/uploads/images/sf7at.com901e9c48e3.gif
السلام عليكم ورحمة الله وبركاته
العزيزة الغالية
(( بنت الشهباء ))
لا عليك أختي الغالية ..
فليس هنالك أي داعٍ للاعتذار
بارك الله بكِ وأدامك بخير
تحياتي ،،
http://www.sf7at.com/upload/uploads/images/sf7at.com901e9c48e3.gif
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, 01:05 PM
http://img213.imageshack.us/img213/4852/divider30rn6ep8.gif
الغالية الحبيبة
رزان
تصميم في غاية الجمال والدقة
لك ذوق رفيع كما عهدتك
لك ودي
http://img213.imageshack.us/img213/4852/divider30rn6ep8.gif
طارق شفيق حقي
23/04/2009, 05:15 PM
أين هي بقية التصاميم؟؟
د.ألق الماضي
23/04/2009, 10: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, 10:20 AM
عذرا أحبتي ...هذا تصميمي المتواضع...
كل الشكر لحبيبتي روان ,,رزان ...:?:
ومودتي للبقية..:o
http://file13.9q9q.net/img/34349975/-----------1.jpg (http://file13.9q9q.net/preview/34349975/-----------1.jpg.html)
لكن لدي سؤال ...؟؟؟
كيف أنزل صورتي بشكل أكبر من هذا؟؟!!
روان أم المثنى
24/04/2009, 10: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
Powered by vBulletin® Version 4.2.5 Copyright © 2024 vBulletin Solutions, Inc. All rights reserved, TranZ by Almuhajir