تأثير على النص : الوهج المتحرك animated glow

[ذوالجناح]

:salam:

في البداية افتح مساحة عمل جديدة بمقاس 450 × 150 بيكسل واملأها باللون الأسود ثم اضف النص المراد التطبيق عليه ( طبق نفس الأرقام الموجودة في الصورة )

http://www.abc4web.net/4upload/uploads/images/abc4web_24b876ce29.gif (http://www.abc4web.net/4upload)

قم بإضافة تأثير strok من القائمة Layer > Layer Style > Blending Options

http://www.abc4web.net/4upload/uploads/images/abc4web_762f9ff2d3.gif (http://www.abc4web.net/4upload)

فتصبح الصورة هكذا :

http://www.abc4web.net/4upload/uploads/images/abc4web_7294d7260e.gif (http://www.abc4web.net/4upload)

الآن قم يتكرار الطبقة من القائمة Layer > Duplicate Layer حتى تحصل على خمس طبقات للنص كما في الصورة :

http://www.abc4web.net/4upload/uploads/images/abc4web_664704b24e.gif (http://www.abc4web.net/4upload)

الآن سنعتمد على تأثير الوهج الخارجي Outer Glow من قائمة Blending Options وسيتم تطبيق التأثير على طبقات النص تباعا وذلك بالنقر على الطبقة Layer ثم اختيار قيم التأثير في كل طبقة كما يلي :
في الطبقة الأولى والخامسة : حجم size الوهج 12px
وفي الطبقة الثانية والرابعة : حجم الوهج 22px
وفي الطبقة الثالثة : حجم الوهج 30px تابع الصورة :

http://www.abc4web.net/4upload/uploads/images/abc4web_f5a13085c5.gif (http://www.abc4web.net/4upload)

الخطوة التالية : من القائمة windows نختار animation وذلك لضبط تبادل الفرامات وسرعتها ( ومن لم يجد هذا الأمر في النسخ القديمة من الفوتوشوب فليذهب إلى الأيميج ريدي وسيجده هناك ويطبق نفس الخطوات الآتية )

http://www.abc4web.net/4upload/uploads/images/abc4web_d0b7c23bb7.gif (http://www.abc4web.net/4upload)

فيظهر في أسفل النافذة هذه الصورة

http://www.abc4web.net/4upload/uploads/images/abc4web_9e29e5e13e.gif (http://www.abc4web.net/4upload)

ونقوم بتكرار الفرامات إلى خمسة ( وانتبه للمثلث الصغير أسفل كل فرام ؛ فمن هنا سيتم ضبط وقت عرض الفرام )

http://www.abc4web.net/4upload/uploads/images/abc4web_0304d97db9.gif (http://www.abc4web.net/4upload)

ضبط الفرامات :
الفرام الأول : نقوم بإخفاء كل طبقات النص عدا الطبقة الأولى والثانية من الأسفل وذلك بإزالة رمز العين من أمام الطبقات المراد إزالتها كما في الصورة ( علما بأن الطبقة الأولى وهي طبقة لون الخلفية ذات اللون الأسود ستبقى ظاهرة في كل الفرامات )

http://www.abc4web.net/4upload/uploads/images/abc4web_d811842ffc.gif (http://www.abc4web.net/4upload)

ثم نقوم بضبط وقت عرض الفرام على 0.2 sec ثانية ,والصورة التالية توضح كيفية تحديد الوقت
http://www.abc4web.net/4upload/uploads/images/abc4web_22a712ee3b.gif (http://www.abc4web.net/4upload)
الفرام الثاني : نخفي كل الطبقات عدا الطبقة الأولى والثالثة من أسفل ( الثانية بالنسبة لطبقات النص ) ونضبط وقت العرض على 0.2 sec ثانية
الفرام الثالث : نخفي كل الطبقات عدا الطبقة الأولى والرابعة من أسفل ونضبط وقت العرض على 0.2 ثانية
والفرام الرابع : نخفي كل الطبقات عدا الأولى والخامسة من أسفل ونضبط وقت العرض على 0.2 ثانية
والفرام الخامس : نخفي كل الطبقات عدا الأولى والسادسة ونضبط وقت العرض على 0.2 ثاينة

والخطوة الأخيرة : حفظ العمل من القائمة File > Save for Web ونتأكد أن صيغة حفظ العمل GIF ثم نوافق على الحفظ لتكون هذه النتيجة بإذن الله

http://www.abc4web.net/4upload/uploads/images/abc4web_2c58e27320.gif (http://www.abc4web.net/4upload)


تحياتي : ذوالجناح

[أبو يوسف]

بارك الله بك وبجهودك أخي ذو الجناح

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

http://www.abc4web.net/4upload/uploads/images/abc4web_0304d97db9.gif

ولكن لم أستطع أن اكمل



تحياتي لك


.

[ذوالجناح]

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

[أبو يوسف]

أجزل الشكر لك أخي ذو الجناح على المتابعة

لقد فعلت مثل ما تفضلت به ؛ ولكن لم تنجح معي

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

.

.

[abohmam]

جزاك الله خيرا أخى ذا الجناح على هذا الشرح الرائع

وهذا تطبيقي أتمنى أن يعجبك

http://www.abc4web.net/4upload/uploads/images/abc4web_1d98f9abb4.gif (http://www.abc4web.net/4upload)

ملاحظة : لقد قمت بإختيار الشعاع الناعم Soft

وتم وضع الملف مفتوح المصدر فى قسم الملفات للتدريب ان شاء الله

http://www.abc4web.net/vb/showthread.php?t=3329

بارك الله فيك

[ذوالجناح]

ماذا أقول لك وأنت شيخنا بهذا المجال ؟!

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

[كينج نت]

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

درس جميل وشرح أجمل

بارك الله بجهودك أخي الكريم
ولنا عودة بالتطبيق إن شاء الله

[كينج نت]

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

كما ذكرت لك أخي ذوالجناح

ها أنا أعود للموضوع بالتطبيق وهذا تطبيقي

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

http://www.abc4web.net/4upload/uploads/images/abc4web_8acadfa239.gif

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

[رائد ابو فيصل]

http://www.abc4web.net/4upload/uploads/images/abc4web_cfc28bb50c.gif (http://www.abc4web.net/4upload)

طبقت الدرس 100 المئه

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

وهاي صوره الايميج ريدي

http://www.abc4web.net/4upload/uploads/images/abc4web_9b0a89cc8d.png (http://www.abc4web.net/4upload)

ممكن انك نسيت خطوه

[ذوالجناح]

حيييت أبامرام تطبيق ولا أروع

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

وحييت أنت أبافيصل تطبيق رائع

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

[أبو أيهم]

مشكور جدا والله روعة وانا عدلت الوهج لمدة 0.1 ثانية عشان يصير اسرع وصارت النتجية كالتالي

[أبو أيهم]

http://www.iraqup.com/uploads/20090809/ltXS3-2eQ0_74582269.gif (http://www.iraqup.com/)

[أبو أيهم]

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

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[رومان]

درس رائع تسلم ايدك ومشكور

[ذوالجناح]

أشكركم إخواني على المروروالكلمات المشجعة
وأشكر الأخ أبا أيهم على التطبيق
بارك الله في الجميع

[وتر الغرام]

مشكور اخوي .. على الشرح

و لي عوده مع التطبيق

[وتر الغرام]

هذا تطبيقي

http://dc05.arabsh.com/i/00465/3iquer11pqtq.gif

[ذوالجناح]

أشكرك على التطبيق وتر الغرام وبارك الله فيك

[رائد ابو فيصل]

http://up.damasgate.com/files/c9o2pekcmechjhmcefwn.gif (http://up.damasgate.com/)

http://up.damasgate.com/files/0av37r71t6adre1ac6cn.gif (http://up.damasgate.com/)

[ذوالجناح]

الأخ رائد
أحييك و أشكرك على التطيق الرائع وتسلم ايديك أخي.
ولكن لي ملاحظة بسيطة لا تؤثر على جودة التطبيق وروعته فقد التزمت بعدد الفرامات الخمسة ولكنك جعلت الوهج في التطبيق الأول في الفرام الثاني وفي التطبيق الثاني جعلته في الفرام الأول وهذا يعطينا نبضة واحدة فقط. خلاف لو جعلته كما في الصورة الخامسة في الشرح يتدرج من الطبقة الأولى فالثانية وحتى الخامسة حسب القيم الآتية: 12 - 22 - 30 - 22 - 12 فأنت تلاحظ أنه يصعد من القاع إلى القمة ثم ينزل مرة أخرى حتى يصل القاع فيظهر الوهج تدريجيا ثم يخبو تدريجيا وهكذا.
مرة أخرى أحييك على التطبيق وتسلم ايديك أبافيصل.

[أبو يوسف]

أول عمل أقوم به على نسختي الجديد CS4

ولكن لم يعجبني تطبيقي إن شاء الله سينجح في مرات قادمة

http://www.abc4web.net/vb/uploaded/407_11252531464.gif (http://www.abc4web.net/vb)

.

http://www.abc4web.net/vb/uploaded/407_11252602045.gif (http://www.abc4web.net/vb)

[osama man look to me]

جميل اوى بس انا لسة بنزل الفوتو شوب وحممووووووت واعمل الحجات دى :d

[هشام احمد]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية . :abc_152:

[محمود عفيفى]

درس رائع جزاك الله خيرا اخى ذا الجناح
إن شاء الله اعود بالتطبيق وننتظر المزيد خصوصا دروس الحركة :abc_022: