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

مشاهدة النسخة كاملة : ®§( إحترف لمعة الجليتر ودرس ممتع Gleter )§®


abohmam
17-08-2007, 09:36 PM
بسم الله الرحمن الرحيم

°ˆ~*¤®§( إحترف لمعة الجليتر ودرس ممتع Gleter )§®¤*~ˆ°

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

الدرس طويل بعض الشئ ولذلك سوف أترككم مع الدرس ، داعيا المولى أن يكون الشرح سهلا وواضحا للجميع .

هذا هو المثال الذى سوف نقوم بتنفيذه إن شاء الله تعالى

http://www.abc4web.net/vb/imgcache/7473.abc4web.gif

أدوات الدرس

1- برنامج فوتوشوب ، 2- برنامج إميدج ريدى ( النسخة السابعة أو أحدث ) ، 3 - جليتر جاهزة أو مفككة
هذا الدرس يمكن متابعة الخطوات على الإصدار 7- 8 - Photoshop CS - CS2
أما فى النسخة الحديثة CS3 - CS4 سوف لانذهب ألى برنامج إيمدج ريدى
لأنه قد تم الغاءه والحركة تتم داخل الفوتوشوب وسوف أعيد شرح الدرس على الإصدار الجديد إن شاء الله

وسوف نقسم الدرس على ثلاثة أجزاء:

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

الجزء الأول : طريقة تحويل الجليترات إلى باترن لإستخدامها فى التطبيق

بعد تنصيب برنامج الفوتوشوب والإميدج ريدى سوف نحتاج مباشرة لتحديد اللمعة التى سوف نستخدمها ( الجليتر )

وللحصول على أشكال الجليتر ( اللمعة ) التى سنستخدمها سأضع لكم بعضا منها للمساعدة على الشرح

هذه جليترات جاهزة GIF وأيضا قمت بتفكيكها حتى يسهل التطبيق

http://www.abc4web.net/vb/imgcache/7474.abc4web.gif ((http://www.abc4web.net/vb/imgcache/7475.abc4web.gif--http://www.abc4web.net/vb/imgcache/7476.abc4web.gif--http://www.abc4web.net/vb/imgcache/7477.abc4web.gif ))
http://www.abc4web.net/vb/imgcache/7478.abc4web.gif ((http://www.abc4web.net/vb/imgcache/7479.abc4web.gif--http://www.abc4web.net/vb/imgcache/7480.abc4web.gif--http://www.abc4web.net/vb/imgcache/7481.abc4web.gif ))

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

فالطريقة الأسهل لتفكيك الجليتر كالتالى قم بتحميل أى جليتر يعجبك ثمثم تقوم بفتحه فى برنامج Adobe ImageReady

سوف تحصل على الملف ثلاث طبقات تضغط على Ctrl + Shift + M أو تضغط على آخر صورة فى صندوق الأدوات تنتقل مباشرة إلى الفوتوشوب ، تحفظ كل طبقة كباترن كيف ؟

هذا الشرح بالصور

http://www.abc4web.net/vb/imgcache/7482.abc4web.jpg

وبعد الضغط على Ctrl + Shift + M تنتقل إلى فوتوشوب هكذا

http://www.abc4web.net/vb/imgcache/7483.abc4web.jpg

والآن نقوم بتخزين هذه الطبقات فى البرنامج كاباترن وهذه هى الطريقة

http://www.abc4web.net/vb/imgcache/7484.abc4web.jpg

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

وهذه الخطوة كما ذكرت فى الصورة نقوم بتكرارها بعدد الطبقات التى عندنا وهناك طريقة أخرى والتى تستخدمها فى حالة أنك قمت بحفظ الجليتر مفكوك ،
وهى أن الجليتر عبارة عن صور مختلفة فتقوم بفتحها فى الفوتوشوب مباشرة ثم تحفظ كل صورة أيضا من خلال قائمة EDIT على هيئة Define Pattern
وإذا أردت تستطيع إغلاق تلك الصور أو الطبقات فقد إنتهى دورها الآن

http://www.abc4web.net/vb/imgcache/7485.abc4web.jpg

طبعا سوف تتسائل أين ذهبوا ؟ هم فى البرانمج لاتشغل بالك وهم هنا كما فى الصورة ...

http://www.abc4web.net/vb/imgcache/7486.abc4web.jpg

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

ننتقل الآن بالعمل على النص والطبقات


الجزء الثانى: من الشرح وهو عمل تأثير اللمعة بالخطوات التفصيلية
.
1- نختار ملف جديد من File ثم New ونراقب الإعدادات التى فى الصورة جيدا من مقاسات ونوع الألوان وفى حالة إختيار الشفافية نختار أيضا من الآن
.
http://www.abc4web.net/vb/imgcache/7487.abc4web.jpg

- بإستخدام أداة الكتابة http://www.abc4web.net/backup/T.gif نكتب النص الذى نريد ، وبما أنت ضيفنا اليوم الأخ الدمشقى فسيكون ( الدمشقي ) هو النص .

http://www.abc4web.net/vb/imgcache/7488.abc4web.jpg

نذهب لصندوق الليرات على يمين شاشة برنامج الفوتوشوب ( وفى حالة عدم ظهور هذا الصندوق تستطيع إظهاره من قائمة Windows ثم تشير على Layer أو بالضغط على F7 .

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

http://www.abc4web.net/vb/imgcache/7489.abc4web.jpg

- الآن نعمل على اللير الأول فقط وذلك بترك علامة ( العين ) http://www.abc4web.net/vb/imgcache/7490.abc4web.jpg عليه وحذفها من باقى الطبقات ( وهذه الخطوة هامة جدا لأننا سوف نكررها فى باقى الطبقات بنفس الطريقة )

http://www.abc4web.net/vb/imgcache/7491.abc4web.jpg

نضغط على اللير الأول الظاهر وبيمين الماوس نختار Blending Options حتى نبدأ العمل على النص ونضع أول شريحة من الجليتر مع بعض التأثيرات الجمالية للنص .

http://www.abc4web.net/vb/imgcache/7492.abc4web.jpg

5 - الآن تظهر لنا نافذة جديدة وهى التى بها سنضع التأثيرات على النص ومنها وضع شريحة للجليتر

http://www.abc4web.net/vb/imgcache/7493.abc4web.jpg

وسوف نختار من هذه النافذة ثلاث تأثيرات فقط وتستطيع أن تختار ماتريد ولكن للإختصار وهى :

1 - Drop Shadow .......... لإضافة ظل للصورة
2 - Pattern Overlay ...... لتعبئة الشكل أو النص بالجليتر
3 - Stroke .................... لتحديد النص أو الصورة بلون خاص

وهذا هو التفصيل لكل تأثير

1 - Drop Shadow .......... لإضافة ظل للصورة

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

http://www.abc4web.net/vb/imgcache/7494.abc4web.jpg
لاتغلق نافذة Layer Style

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

http://www.abc4web.net/vb/imgcache/7495.abc4web.jpg

كذلك لاتغلق نافذة Layer Style

2 - Pattern Overlay ...... لتعبئة الشكل أو النص بالجليتر.
.

ننتقل الآن إلى اهم مرحلة وهى تعبئة النص بالجليتر والتى يحدث فيها فقط التغير عند تكرار التطبيقات على باقى الطبقات للنص.
.
الآن نضغط على Pattern Overlay فتظهر لنا الخصائص مباشرة

تضغط على 1 Pattern كما فى الصورة فتفتح لك قائمة إختيار التعبئة طبعا سوف ترى الطبقات التى حفظناها فى الجزء الأول كاباترن هنا مباشرة .
.
ماعليك إلا إختيار أول شريحة وهذا لطبقة النص الأولى ، وعند تكرار العمل مع الطبقات الثانية تختار الشريحة الثانية 2، وأخيرا عند العمل على الطبقة الثالثة تختار الشريحة الثالثة 3
.
http://www.abc4web.net/vb/imgcache/7496.abc4web.jpg

والأن نضغط OK للخروج من نافذة التأثيرات حتى ننتقل إلى الطبقة الثانية ونكرر ماقمنا به ونراعى أننا لانستطيع إلا العمل على طبقة واحدة بمعنى لاتنسى أن تخفى الطبقات الأولى والثالثة وذلك بحذف العين كما ذكرنا وإبقائها فى الطبقة الثانية التى سوف نكرر فيها نفس التأثيرات مع إختلاف واحد وهو إختيار الشريحة رقم 2 عند ملئ النص بـ Pattern .
.
الآن تجد النص بهذا الشكل
.
http://www.abc4web.net/vb/imgcache/7497.abc4web.jpg
.
نكرر التأثير على باقى الطبقات ( اللير ) مع مراعة الآتى
.
أولا : حذف العين من اللير الذى لانعمل عليه

http://www.abc4web.net/vb/imgcache/7498.abc4web.jpg

ثانيا : عند ملئ النص نراعى تغير وترتيب الباترين

http://www.abc4web.net/vb/imgcache/7499.abc4web.jpg

وبعد تكرار التأثير على جميع الطبقات إعادة علامة العين لكل الليرات نحصل على الشكل التالى :
.
http://www.abc4web.net/vb/imgcache/7500.abc4web.jpg
.
وبذلك نكون قد إنتهينا من وضع التأثيرات والجليترات على النص ومابقى إلا إنشاء الحركة!

والآن ننتقل للجزء الثالث والأخير من درسنا لعمل لمعة الجليتر


القسم الثالث من الشرح وهو تنفيذ الحركة بإستخدام Image ready
.
الآن نحدد الكلمة حتى لايكون بها فراغات ليس لها داعى ولعمل ذلك بإستخدام أداة القطع حدد حول النص ، ثم تضغط على النص مرتين بالماوس يتم القطع وكذلك من لوحة المفاتيح تستطيع الضغط على Enter يتم القطع أيضا . ( وإذا كان النص محدد بمساحة العمل فلاتحتاج لهذه الخطوة )
.
http://www.abc4web.net/vb/imgcache/7501.abc4web.jpg
.
http://www.abc4web.net/vb/imgcache/7502.abc4web.jpg

الآن سوف نذهب إلى Image ready
.
وطريقة الإنتقال للإمج ريدي هى :
.
الأولى : من قوائم فوتوشوب File > Jump To > Adobe ImageReady
الثانية : من لوحة المفاتيح Shft + Ctrl + M
الثالثة : هى الانتقال للامج ردي عن طريق الرمز الموجود أسفل قائمة الأدوات مثل ما هو موضح في الصورة
.
يمكن إختيار أى طريقة فليس هناك فرق
.
http://www.abc4web.net/vb/imgcache/7503.abc4web.jpg
.
الآن نحن فى الإمج ريدى شاهد الصورة
.
http://www.abc4web.net/vb/imgcache/7504.abc4web.jpg
.
تجد أن البرنامج لم يتعرف إلا على طبقة واحدة للنص ولكن بالضغط على رقم 1 ( خصائص نافذة الحركة ) تظهر قائمة نختار منها Make Frames From Layers سرعان ماتجد الثلاث طبقات ظهرت فى نافذة الحركة ، تستطيع تحديد وقت الحركة ولكن الأفضل فى الجليتر ماتحدد أى وقت حتى يتم تتابع الحركة بصورة جيدة
.
http://www.abc4web.net/vb/imgcache/7505.abc4web.jpg

وعند الضغط على رمز Play ترى الحركة أمامك

يااااااااااه خلصنا والحمد لله مابقى إلا أن نحفظ العمل الذى طلع روحنا هذا !!! :abc_050:
.
التخزين أو الحفظ فى Image Ready يكون عن طريق File > Save Optimized As
.
http://www.abc4web.net/vb/imgcache/7506.abc4web.jpg

وبذلك نكون قد إنتهينا من هذا الدرس الطويل والممتع وتكون النتيجة

http://www.abc4web.net/vb/imgcache/7473.abc4web.gif

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

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

:abc_087: هنا ستجد المزيد من الجليترات الجاهزة من مشاركة الأخ خالد صبح (http://www.abc4web.net/vb/showthread.php?t=2179)
.
قام بإعداد الشرح وتنفيذه : الفقير إلى عفو ربه
أبو همام
.
ترقبوا هذا الشرح فى كتاب إلكتروني بعد الإضافات
.

Khaled J. Ahmad
23-02-2009, 03:29 PM
درس رائع واحترافي وسهل وجميل
سبقتني بوضعه
جزاك الله خيراً اخي ابو همام

أبو يوسف
23-02-2009, 07:11 PM
جزاك الله خيرا اخي أبو همام

وبارك الله فيك

.

جروح بارده
05-03-2009, 02:58 AM
بارك الله فيك أخي الكريم

وسدد خطاك

محمود عفيفى
15-09-2009, 09:55 PM
ما شاء الله
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

سالي الفلسطينية
16-09-2009, 12:33 PM
بسم الله الرحمن الرحيم

شـكــ وبارك الله فيك ـــرا لك .

.. لك مني أجمل تحية .

تحياتي

.

قرناس
19-09-2009, 03:26 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

منال عمار
02-02-2010, 10:37 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
درس جميل و سهل

جزاك الله الجنة

abohmam
28-09-2010, 12:36 AM
بارك الله فيكم جميعا على تواجدكم الجاد ومروركم العطر

موفقين ان شاء الله

مرام الاميرة
28-09-2010, 01:02 AM
بسم الله الرحمن الرحيم

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

أبو الوليد
29-09-2010, 01:21 AM
بارك الرحمن فيك أستاذي :abc_028: درس مميز

التطبيق

http://img105.herosh.com/2010/09/28/423479430.gif (http://www.herosh.com)

abohmam
29-09-2010, 01:58 AM
جزاكم الله خيرا

اشكر لكم مروركم العطر وتواصلكم الجاد

:abc_040:

حياك الله أبا الوليد تطبيق رائع ماشاء الله

الى الأمام دائما

موسى حمدالله
02-10-2010, 10:34 AM
يعطيك العافية على طرحك
و
سلمت أناملك
أمنياتي

رضا الوالدين
07-01-2012, 06:39 PM
السلام عليكم ورحمة الله وبركاته
سلمت يمينك ... مجهود كبير
وجزاك الله تعالى خيرا

أبو صخر
23-01-2012, 09:26 AM
http://www.ghawyy.com/forum/mwaextraedit5/extra/71.gif

غريب يا فؤادي
05-03-2013, 06:15 PM
شرح مميز جزاك الله الفردوس الاعلى

وغفر الله لك ولوالديك وبارك فيك ورحمك وإياهم إينما كنتم