دورة تصميم المواقع بالفوتوشوب بثلاثة مستويات

doongoan · 07-12-2005, 03:40 PM

مرحباً إخوانى الكرام
يسرنى أن أبدأ معكم دورة تعليم تصميم المواقع بالفوتوشوب من البدايه حتى الاحتراف بثلاثة مستويات
1- مستوى مبادىء و أساسيات البرنامج
2- مستوى المبتدئين
3- مستوى المحترفين

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

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

وسوف نتعلم فى مستوى المحترفين كيفية تصميم موقع على الفوتوشوب ومن ثم تقطيعه بالفوتوشوب أو تقطيعه بأى برنامج أخر ومن ثم نقله للفرونت بيج و إعداده للشكل النهائى و إعداد خلايا التمدد ومناطق الكتابه
( أى أنه هذا هو فصل الاحتراف الحقيقى )

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

تقبلوا التحيه والتقدير

مبادىء و أساسيات التعامل مع برنامج الفوتوشوب

=====

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

=====

يمكنكم تنزيل الاصدار الثامن الداعم للغه العربيه من هذا الرابط

هنـــــــــــــــــا

أو

هنـــــــــــــا

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

هنـــــــــــــا

=====

لفتح البرنامج من قائمة start إختر programs ومن ثم وبعدها إختر adobe photoshop

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

======

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

تخيل معى لو لديك عدة ورقات من النواع إستنسل وهو ورق شفاف جدا ويمكن الرسم عليه
لو عندك عدة ورقات من هذا النوع و رسمت على أحد الورقات بالجانب الايمن من الصفحه حرف الالف
وعلى ورقه أخى رسمت حرف التاء بمنتصف الصفحه
وبورقه ثالثه رسمت حرف العين بجانب الصفحه الايسر

وبعدها قمت بوضع الثلاث ورقات فوق بعض تمام
ماذا سينتج؟

=====

نفس الفكره فى برنامج الفوتوشوب
فهو يرتب الطبقات فوق بعضها
بحيث الطبقه التى بالاسفل هى بالخلف و الطبقه التى بالاعلى هى بالامام

وبالمثال التالى ستجد ثلاثة أشكال بسيطه كل شكل فى طبقه مختلفه
وبسبب ترتيب الطبقات كما تلاحظ فى القائمه " layers " فإنهم قد أصبحوا فوق بعض كما بالصوره

الان لتحريك أى طبقه من هذه الطبقات الثلاثه لتغيير ترتيبها

بحيث مثلاً أريد أن أجعل المثلث الاخضر يأتى أمام الدائره الحمراء

وذلك بأن أضغط ضغطه واحده على طبقة المثلث الاخضر لأبدأ تحريكه

ومن ثم أضغط فى لوحة المفاتيح على
ctrl ومعها د

فنجد أن الطبقه التى تحتوى على المثلث الاخضر أصبحت أمام الطبقه التى تحتوى على الدائره الحمراء سواء فى قائمة الطبقات أو فى الصوره نفسها

=======

لأنشاء طبقه جديده نستخدم هذا الزر الصغير

والطبقه يتم إنشائها بشكل إفتراضى شفافه

ولكن يمكنك ان تملاء الطبقه بلون واحد مره واحده بإستخادم الاداه التى يحلو للكثيرين تسميتها السطل

فإذا إستخدمت لونا أحمرا لصبغ الطبقه التى أنشأناها مؤخراً سيصبح الشكل كله عباره عن صوره بها لون أحمر لأن الطبقه الاخيره أصبحت أعلى جميع الطبقات كما بالشكل

الان لنفترض أنك تريد إظهار باقى الطبقات
هناك أكثر من حل

أحدها أن تغير من شفافية الطبقه ذات اللون الاحمر التى أنشأناها مؤخراً
وذلك من الاداه كما بالصوره

كما تلاحظ فقد أصبحت الطبقه الحمراء تظهر ولكن ليس بكامل وضوحها كما أن الطبقات التى خلفها بدأت فى الظهور تدريجيا كلما أزدت من شفافية الطبقه الحمراء

هناك حل أخر لجعل الطبقات الخلفيه تظهر

وهو تصغير أبعاد الطبقه الحمراء

وذلك بالضغط على ctrl مع t فتظهر أربع نقاط نبدأ فى جذبها للداخل فنصغر أبعاد الطبقه الحمراء ليظهر ما خلفها

=====

نكتفى بهذا القدر لليوم فقط ولكن لا تتعودوا على هذا

انا شديد جدا لكن ما أحب تكرهونى من أول جلسه

===

تقبلوا التقدير و الاحترام
أخوكم
دونجوان

==================

ملحوظات

1- الموضوع مكانه هنا و ليس قسم التصميم و الجرافيكس لأنه سيدخل فيه بعد شويه إستخدام الفورنت بيج و برامج أخرى وسيدخل فيه بعض التقنيات فى موائمة المتصفحات
أى أنه ليس دوره للفوتوشوب فقط

2- المستوى الاول لم ينتهى بعد ولم ننهى منه سوى جزء بسيط جدا

3- الصبر الصبر الصبر

( أسلوب توكيد يعنى

)

============

معاذوة · 07-12-2005, 03:50 PM

يشرفني اكون اول من

يشكرك على الموضوع القيم

oO V-I-P Oo · 07-12-2005, 03:51 PM

الف شكرا يا اخى وربنا معاك

سيف المعمري · 07-12-2005, 03:57 PM

موضوع رائع

شكرا لك أخوي دونجوان

sadek57z · 07-12-2005, 04:00 PM

الف شكرا
والله معك

os6orah · 07-12-2005, 04:01 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة سيف المعمري

موضوع رائع

شكرا لك أخوي دونجوان

danger_commando · 07-12-2005, 04:07 PM

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

استعنا عن الشقا بالله

spider_oxxo · 07-12-2005, 04:24 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة سيف المعمري

موضوع رائع

شكرا لك أخوي دونجوان

في إنتظار باقي الدورة

mazen23 · 07-12-2005, 04:28 PM

موضوع رائع

شكرا لك أخوي دونجوان

abouyosif · 07-12-2005, 08:10 PM

أشكرك أخي الكريم دونجوان وفي أنتظار باقي الدوره

07-12-2005, 03:40 PM	#1
doongoan عضو ذهبي تاريخ التسجيل: Jun 2004 الدولة: مصر المشاركات: 3,164	دورة تصميم المواقع بالفوتوشوب بثلاثة مستويات مرحباً إخوانى الكرام يسرنى أن أبدأ معكم دورة تعليم تصميم المواقع بالفوتوشوب من البدايه حتى الاحتراف بثلاثة مستويات 1- مستوى مبادىء و أساسيات البرنامج 2- مستوى المبتدئين 3- مستوى المحترفين وسوف نتعلم سوياً فى مستوى المبادىء كيفية إستخدام أدوات و تقنيات الفوتوشوب للوصول الى الشكل المطلوب ونقوم بعمل بعض التمارين البسيطه إن شاء الله وسوف نتعلم فى مستوى المبتدئين كيفية عمل صفحة تصميم بسيط لصفحة إنترنت تحتوى إطار خارجى وبعض الازرار و التأثيرات وسوف نتعلم فى مستوى المحترفين كيفية تصميم موقع على الفوتوشوب ومن ثم تقطيعه بالفوتوشوب أو تقطيعه بأى برنامج أخر ومن ثم نقله للفرونت بيج و إعداده للشكل النهائى و إعداد خلايا التمدد ومناطق الكتابه ( أى أنه هذا هو فصل الاحتراف الحقيقى ) بالطبع أعرف أن الكثيرون شرحوا الفوتوشوب منفصلا كبرنامج تصميم جرافيكس و الكثيرون أيضاً شرحوه ليخدم تصميم المواقع ولكن الدوره الحاليه تتميز بوجود ملاحظات و خبرات نتجت من التصميم الفعلى لذلك فسوف تحتوى على أهم التفاصيل بإذن الله نرجو أن تكون دوره لطيفه مفيده للجميع و أن تنهى إستفسارات الاخوان حول طريقة تصميم أو تركيب واجهات المواقع تقبلوا التحيه والتقدير مبادىء و أساسيات التعامل مع برنامج الفوتوشوب ===== يعد برنامج الفوتوشوب من أشهر برامج تصميم الجرافيكس بشكل عام ويستخدمه مصمموا المواقع بشكل مكثف سواء لأعداد الجرافيكس اللازمه لمواقعهم أو لأعداد الموقع بالكامل وسوف نتعلم فى هذه الدوره بإذن الله تصميم موقع إنترنت يكاد يخلو من الاخطاء الشائعه فى التصميم وهذا جل ما يهمنى ===== يمكنكم تنزيل الاصدار الثامن الداعم للغه العربيه من هذا الرابط هنـــــــــــــــــا أو هنـــــــــــــا ولو أننى أفضل الإصدار السابع الداعم للعربيه لتكونوا معى على الخط تمام ورابط تحميل الاصدار الداعم للغه العربيه هنـــــــــــــا ===== لفتح البرنامج من قائمة start إختر programs ومن ثم وبعدها إختر adobe photoshop فينفتح أمامك البرنامج كما بالشكل ====== تتكون الصوره التى يتم تصميمها من عدة طبقات فوق بعض تختلف فى المحتوى ودرجة الشفافيه تخيل معى لو لديك عدة ورقات من النواع إستنسل وهو ورق شفاف جدا ويمكن الرسم عليه لو عندك عدة ورقات من هذا النوع و رسمت على أحد الورقات بالجانب الايمن من الصفحه حرف الالف وعلى ورقه أخى رسمت حرف التاء بمنتصف الصفحه وبورقه ثالثه رسمت حرف العين بجانب الصفحه الايسر وبعدها قمت بوضع الثلاث ورقات فوق بعض تمام ماذا سينتج؟ ===== نفس الفكره فى برنامج الفوتوشوب فهو يرتب الطبقات فوق بعضها بحيث الطبقه التى بالاسفل هى بالخلف و الطبقه التى بالاعلى هى بالامام وبالمثال التالى ستجد ثلاثة أشكال بسيطه كل شكل فى طبقه مختلفه وبسبب ترتيب الطبقات كما تلاحظ فى القائمه " layers " فإنهم قد أصبحوا فوق بعض كما بالصوره الان لتحريك أى طبقه من هذه الطبقات الثلاثه لتغيير ترتيبها بحيث مثلاً أريد أن أجعل المثلث الاخضر يأتى أمام الدائره الحمراء وذلك بأن أضغط ضغطه واحده على طبقة المثلث الاخضر لأبدأ تحريكه ومن ثم أضغط فى لوحة المفاتيح على ctrl ومعها د فنجد أن الطبقه التى تحتوى على المثلث الاخضر أصبحت أمام الطبقه التى تحتوى على الدائره الحمراء سواء فى قائمة الطبقات أو فى الصوره نفسها ======= لأنشاء طبقه جديده نستخدم هذا الزر الصغير والطبقه يتم إنشائها بشكل إفتراضى شفافه ولكن يمكنك ان تملاء الطبقه بلون واحد مره واحده بإستخادم الاداه التى يحلو للكثيرين تسميتها السطل فإذا إستخدمت لونا أحمرا لصبغ الطبقه التى أنشأناها مؤخراً سيصبح الشكل كله عباره عن صوره بها لون أحمر لأن الطبقه الاخيره أصبحت أعلى جميع الطبقات كما بالشكل الان لنفترض أنك تريد إظهار باقى الطبقات هناك أكثر من حل أحدها أن تغير من شفافية الطبقه ذات اللون الاحمر التى أنشأناها مؤخراً وذلك من الاداه كما بالصوره كما تلاحظ فقد أصبحت الطبقه الحمراء تظهر ولكن ليس بكامل وضوحها كما أن الطبقات التى خلفها بدأت فى الظهور تدريجيا كلما أزدت من شفافية الطبقه الحمراء هناك حل أخر لجعل الطبقات الخلفيه تظهر وهو تصغير أبعاد الطبقه الحمراء وذلك بالضغط على ctrl مع t فتظهر أربع نقاط نبدأ فى جذبها للداخل فنصغر أبعاد الطبقه الحمراء ليظهر ما خلفها ===== نكتفى بهذا القدر لليوم فقط ولكن لا تتعودوا على هذا انا شديد جدا لكن ما أحب تكرهونى من أول جلسه === تقبلوا التقدير و الاحترام أخوكم دونجوان ================== ملحوظات 1- الموضوع مكانه هنا و ليس قسم التصميم و الجرافيكس لأنه سيدخل فيه بعد شويه إستخدام الفورنت بيج و برامج أخرى وسيدخل فيه بعض التقنيات فى موائمة المتصفحات أى أنه ليس دوره للفوتوشوب فقط 2- المستوى الاول لم ينتهى بعد ولم ننهى منه سوى جزء بسيط جدا 3- الصبر الصبر الصبر ( أسلوب توكيد يعنى ) ============ توقيع : doongoan من رفع نفسه وضع، ومن وضع نفسه رُفع

07-12-2005, 03:50 PM	#2
معاذوة عضو تاريخ التسجيل: Dec 2002 الدولة: لــــــــندن المشاركات: 739	يشرفني اكون اول من يشكرك على الموضوع القيم توقيع : معاذوة تم تحرير التوقيع من قبل الإدارة

07-12-2005, 04:00 PM	#5
sadek57z نجم المنتدى تاريخ التسجيل: Nov 2005 الدولة: جبال الأطلس الكبير المشاركات: 18,389 اوسمتي مجموع الاوسمة: 1	الف شكرا والله معك توقيع : sadek57z سبحان الله العظيم - سبحان الله وبحمده

07-12-2005, 04:07 PM	#7
danger_commando عضو مميز تاريخ التسجيل: Aug 2005 الدولة: منــــــــــ التصميم ــــــــــتدي المشاركات: 1,144	دوره رائعه و انا معك انا اعرف استخدم الفوتوشوب جيدا لكن لست محترفا في تصميم المواقع استعنا عن الشقا بالله توقيع : danger_commando

07-12-2005, 04:28 PM	#9
mazen23 عضو فعال تاريخ التسجيل: Mar 2005 الدولة: اليمن السعيد***منتديات الم المشاركات: 4,189	موضوع رائع شكرا لك أخوي دونجوان توقيع : mazen23 )¤!\|\|!¤ مــتــغــيــب احــيــانا بـســبب الدراســـــة )¤!\|\|!¤

07-12-2005, 03:51 PM	#3
oO V-I-P Oo عضو تاريخ التسجيل: Nov 2005 الدولة: في بيتنا المشاركات: 242	الف شكرا يا اخى وربنا معاك

07-12-2005, 03:57 PM	#4
سيف المعمري عضو ذهبي تاريخ التسجيل: Mar 2005 الدولة: سلطنة عمان المشاركات: 6,703 اوسمتي مجموع الاوسمة: 1	موضوع رائع شكرا لك أخوي دونجوان

07-12-2005, 08:10 PM	#10
abouyosif عضو تاريخ التسجيل: Mar 2004 الدولة: egypte المشاركات: 238	أشكرك أخي الكريم دونجوان وفي أنتظار باقي الدوره

أدوات الموضوع
مشاهدة صفحة طباعة الموضوع أرسل هذا الموضوع إلى صديق