أول منتدى عربي موثق وخال من المنقول


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

دروس التصميم لنتبادل هنا خبراتنا في مجال التصميم، ولنبحث عن دروس نطرحها نشرا للفائدة

[فوتوشوب] درس الكتابة المضيئة

دروس التصميم

إنشاء موضوع جديد  إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم 07-10-2007, 20:32   #1
معلومات العضو
عبد الهادي اطويل
ادارة الأمل
الصورة الرمزية عبد الهادي اطويل






عبد الهادي اطويل غير متصل

آخر مواضيعي

افتراضي [فوتوشوب] درس الكتابة المضيئة





ملاحظة :
إن برنامج Adobe Photoshop برنامج تجاري وليس مجانيا، ويمكن الحصول عليه أو تحميل نسخة تجريبية منه من خلال موقعه عبر الرابط التالي:
برنامج Adobe Photoshop


يمكنك ايجاد بدائل مجانية لهذا البرنامج من خلال تصفح القسم التالي:
قسم برامج التصميم


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

عنوان الدرس
الكتابة المضيئة
أمثلة




أدوات الدرس
- البرنامج الذي استعملته هو الفوتوشوب السابع، وطبعا يمكن تطبيق الدرس أيضا باستعمال أية نسخة من برنامج الفوتوشوب:


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

إشارة: يمكن القيام بنفس العملية عن طريق الضغط على حرف D من لوحة المفاتيح.
فتصبح الألوان كما يلي:

إشارة: لمن لا يعرف تلك الألوان، فإن اللون الأعلى (الأسود) يمثل لون الواجهة (Foreground Color)، بينما اللون السفلي (الأبيض) يمثل لون الخلفية (Background Color).
الآن علينا أن نجعل لون الخلفية أسودا لأننا سنحتاج ذلك في الدرس، لذا نقوم بعكس الألوان عن طريق النقر على الزر التالي كما توضح ذلك الصورة التالية:

إشارة: يمكن القيام بنفس العملية عن طريق الضغط على حرف X من لوحة المفاتيح.
فتصبح الألوان كما يلي:

نبدأ الآن عملا جديدا عن طريق القائمة File ثم نختار New:

إشارة: يمكن فتح نافذة عمل جديد عن طريق الضغط على الاختصار Ctrl+N من لوحة المفاتيح.
فتظهر نافذة تمكننا من تحديد اسم للعمل وأيضا أبعاده، وأنا اخترت 400 في العرض و 200 في الارتفاع (الوحدة هي البيكسل Pixels)، أما في نوع الخلفية فلقد اخترت Background Color، أي أنني جعلت لون الخلفية (Background بالإنجليزية) هو نفسه لون مساحة العمل، وعليه سيكون لونها أسود كما حددنا في الخطوة السابقة.
هذه صورة توضح الاعدادات التي اعتمدتها:

ننقر على OK لتأكيد خياراتنا، فتظهر مساحة العمل كما يلي:

ننقر بزر الفأرة الأيمن على أداة الكتابة ثم نختار من القائمة المنسدلة الأداة Horizontal Type Mask Tool كما في الصورة التالية:

ثم نذهب إلى مساحة العمل وننقر ثم نكتب النص الذي نريد، وأنا كتبت في مثالي اسم موقعنا وهو alamalnet، وبعد تظليل النص جعلت له الخيارات التالية:
نوع الخط: Monotype Corsiva
حجم الخط: 100pt (علينا كتباتها في حيز حجم النص)
المحاذاة: الوسط
وهذه صورة موضحة لكل ذلك:

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

الآن سوف نلون النص باللون الذي سيجعله يبدو وهاجا، وأنا أختار اللون الأزرق. لذلك نتبع المراحل التالية:
أولا علينا أن نجعل لون الواجهة أزرقا عن طريق النقر على أيقونتها كما في الصورة:

فتظهر نافذة اختيار اللون، فنتبع ما هو موضح في الصورة التالية:

من المفروض بعد هذه العملية أن يطرأ على الألوان التغيير التالي:

نذهب الآن إلى قائمة Edit ثم Fill:

ثم نختار كما في الصورة:

بعد النقر على زر OK يفترض أن يصبح حيز العمل لديكم كما يلي:

الآن سنقوم بعكس تحديد النص، لذلك نذهب إلى قائمة Select ثم نختار Inverse:

إشارة: يمكن القيام بعملية العكس هذه عن طريق الضغط على الأزرار Shift+Ctrl+I من لوحة المفاتيح.
فتصبح مساحة العمل كما يلي:

والآن جاء دور الفلتر، إذن تابعوا الشرح بانتباه فنحن في أهم مرحلة الآن..
نذهب إلى قائمة Filter ومنها إلى Blur ثم نختار Gaussian Blur:

ومن نافذة إعدادات الفلتر نقوم باختيار التوهج المناسب من خلال تغيير قيمة Radius، وفي حالتنا هذه فإنني توقفت عند القيمة 8.4 كما في الصورة:

إشارة: القيمة المعطاة ليست قانونا، بل هي تختلف باختلاف حجم النص، وتبقى نظرتكم الفنية أكبر حاسم في هذا الأمر، وعموما نختار القيمة التي يكون عندها التوهج خفيفا حول حواف النص كما في مثالنا.
نكرر تطبيق الفلتر نفسه 4 أو 5 مرات إلى أن نصل إلى نتيجة مرضية وذلك عن طريق القائمة Filter ثم Gaussian Blur كما في الصورة:

إشارة: في الفوتوشوب، يمكن إعادة تطبيق الفلتر نفسه وبالإعدادات نفسها المختارة آخر مرة عن طريق الضغط على الأزرار Ctrl+F من لوحة المفاتيح كما هو موضح في الصورة السابقة.
أنا توصلت لحد الآن إلى النتيجة التالية:

الآن نقوم مجددا بعكس تحديد النص كما فعلنا سابقا عن طريق القائمة Select ثم Inverse (أو بالضغط على الاختصار Shift+Ctrl+I من لوحة المفاتيح):

فيصبح عملنا كما يلي:

ثم نقوم بتلوين النص باللون الأبيض، لذلك نرجع لوني الخلفية والواجهة إلى الحالة الافتراضية بالضغط على حرف D، ومن تم نعكسهما بالضغط على حرف X من لوحة المفاتيح، فيصبح شكلهما كما يلي:

علينا أن نملأ الآن تحديد النص باللون الأبيض، لذلك نذهب إلى قائمة Edit ثم Fill:

ثم نختار كما في الصورة:

بعد النقر على زر OK يفترض أن يصبح حيز العمل لديكم كما يلي:

نطبق من جديد الفلتر السابق، فنذهب إلى قائمة Filter ومنها إلى Blur ثم نختار Gaussian Blur:

ومن نافذة إعدادات الفلتر نقوم باختيار التوهج المناسب من خلال تغيير قيمة Radius إلى الحد الذي نكون فيه مرتاحين إلى النتيجة فيبدو لنا التوهج طبيعيا، وأنا توقفت عند القيمة 2.1 كما توضح ذلك الصورة التالية:

يفترض الآن أن تكون عندكم مساحة العمل كما يلي:

وأخيرا لم يبق إلا أن نلغي التحديد عن طريق القائمة Select ثم نختار Deselect:

إشارة: يمكن إلغاء التحديد أيضا عن طريق الضغط على Ctrl+D من لوحة المفاتيح.
فتكون النتيجة كما يلي:

ما رأيكم بالنتيجة؟ آمل أن تروقكم..
والآن علينا أن نصدر عملنا على شكل صورة، وهذه هي الطريقة الصحيحة لمن لا يعرفها، وهي تمكننا من تصدير تصميمنا بدقة جيدة وحجم مقبول يمكن نشره عن طريقها عبر الأنترنت:
لذلك نذهب إلى قائمة File ثم نختار Save for Web:

إشارة: يمكن القيام بهذا الأمر بالضغط على الأزرار Alt+Shift+Ctrl+S من لوحة المفاتيح.
فتفتح النافذة التي نختار منها امتداد الصورة ودقتها، أنا اخترت الامتداد JPEG وجعلت للصورة أعلى دقة كما توضح ذلك الصورة التالية:

إشارة: يمكنكم تحديد الامتداد والدقة التي تريدون وذلك بالاختيار من المربعين المؤطرين بالأزرق في الصورة السابقة، أي من هذا الموضع:

بعد ذلك نكتب الاسم الذي نريد لعملنا، ثم ننقر على زر حفظ لنحفظ تصميمنا. هذه صورة موضحة لذلك:

وهذه هي نتيجة الدرس:


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



التوقيع
آخر تعديل كان بواسطة عبد الهادي اطويل بتاريخ 19-05-2009 على الساعة: 21:23.
 
قديم 07-10-2007, 21:18   #2
معلومات العضو
catherine
مشرفة سابقة
الصورة الرمزية catherine







catherine غير متصل

آخر مواضيعي

Thumbs up قمة في الروعة

رائع أستاذ، بل قمة في الروعة
درس في أعلى مستوى و شرح في القمة

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



التوقيع
 
قديم 07-10-2007, 22:33   #3
معلومات العضو
عبد الهادي اطويل
ادارة الأمل
الصورة الرمزية عبد الهادي اطويل






عبد الهادي اطويل غير متصل

آخر مواضيعي

افتراضي

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



التوقيع
 
قديم 08-10-2007, 10:16   #4
معلومات العضو
عبد الحفيظ اطويل
إدارة الأمل
الصورة الرمزية عبد الحفيظ اطويل






عبد الحفيظ اطويل غير متصل

آخر مواضيعي

افتراضي

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



التوقيع

[FLASH=http://n61c3a.bay.livefilestore.com/y1pKwu0NmpyQhc33A2ncJX4hd8N_W5FJEBDJ6rr76h9VGj7fH3 TODEavTZxJSVCZHpARCDoSPmDGM4/hafid.swf]width=500 height=200[/FLASH]
 
قديم 09-10-2007, 17:01   #5
معلومات العضو
عبد الهادي اطويل
ادارة الأمل
الصورة الرمزية عبد الهادي اطويل






عبد الهادي اطويل غير متصل

آخر مواضيعي

افتراضي

اقتباس:
المشاركة الأصلية كتبت بواسطة hafid066
دائما تتحفنا بما هو اجمل و تبهرنا باختياراتك الرائعة اخي العزيز هادي
درس في قمة الروعة يغري بالمتابعة و التعلم
مجهود رائع منك اخي و شرح دقيق و مفصل جزاك الله عنا كل الخير
دائما تتحفنا بما هو اجمل و مميز
تم تثبيت الموضوع نشرا للفائدة و لتميزه
تحياتي
سرني تواجدك الدائم والمميز أخي الحبيب حفيظ بصفحاتي..
آمل أن ينفعك الدرس، كما أرجو أن أرى تطبيقات الإخوة قريبا إن شاء الله..
مني لك أرق تحية يا غالي..



التوقيع
 
قديم 09-10-2007, 20:13   #6
معلومات العضو
سيف الأمل
اسم مستعار
الصورة الرمزية سيف الأمل







سيف الأمل غير متصل

آخر مواضيعي

افتراضي

بارك الله لنا فيك أخي هادي
درس ممتاز و شرح أيضا ممتاز
ألف شكر لك
تحياتي لمجهودك الجبار



 
قديم 09-10-2007, 20:53   #7
معلومات العضو
عبد الهادي اطويل
ادارة الأمل
الصورة الرمزية عبد الهادي اطويل






عبد الهادي اطويل غير متصل

آخر مواضيعي

افتراضي

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



التوقيع
 
قديم 14-10-2007, 17:09   #8
معلومات العضو
يوسف أيت قدور
أمل قادم
الصورة الرمزية يوسف أيت قدور







يوسف أيت قدور غير متصل

آخر مواضيعي

افتراضي

السلام عليكم ورحمة الله تعالى وبركاته :
اولا عيد مبارك سعيد للكل أعضاء وزوار منتديات الامل ولك المسلمين قاطبة..نتفضل نحن reda_h2r وتلميذ الأمل بتطبيق اول درس في [فوتوشوب] ونتمنى من العلي القدير ان نكون وفقنا في هدا التطبيق الاول من الدرس الاول ..ولايسعنا سوى انتظار ملاحظتكم ..






وتقبوا منا خالص التحايا ..والقادم أجمل ..



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

 
قديم 14-10-2007, 19:49   #9
معلومات العضو
عبد الهادي اطويل
ادارة الأمل
الصورة الرمزية عبد الهادي اطويل






عبد الهادي اطويل غير متصل

آخر مواضيعي

افتراضي

رائع أخواي تلميذ الأمل ورضا، فعلا تطبيق ممتاز والجميل أنكما فهمتما تقنية الدرس واستوعبتماها فأبدعتما في التطبيق وهذا شيء مفرح..
نأمل أن يحدو باقي الأعضاء حدوكما ويطبقان الدرس، وبالتوفيق في مسيرتكما في مجال التصميم التي ستكون مشرقة غن شاء الله..
مني لكما أرق تحية..



التوقيع
 
قديم 15-11-2007, 19:14   #10
معلومات العضو
الغازي مروان
أمل قادم
الصورة الرمزية الغازي مروان








الغازي مروان غير متصل

آخر مواضيعي

افتراضي

شكرا اخي والمزيد من الدروس ان شاء الله



التوقيع
 
إضافة رد


أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

الساعة الآن 18:11

جميع الآراء بصفحات منتديات الأمل لا تعبر بالضرورة عن آراء إدارة الأمل، إنما تعبر عن رأي كاتبيها